วันศุกร์ที่ 24 กุมภาพันธ์ พ.ศ. 2560

Account#3 : ใช้ CSS และสร้างหน้า homepage

CSS คือ ภาษาที่ใช้ตกแต่ง HTML ของเรา โดยสามารถเพิ่ม background , สี , กรอบ ,ปรับความกว้าง , ปรับ margin , padding

การใช้ css ใน django 

1.สร้างไฟล์ style.css ใน Accountant\account(folder app)\static\account




2.เข้าไปใน template ที่ต้องการใช้ css นี้

ทำการ load static เพื่อใช้งานไฟล์ static

3.เสร็จแล้ว
ตัวอย่างหน้าเว็บที่ใช้ css ด้านบน


สร้างหน้า Homepage

1.แก้ไข urls.py ใน Accountant\mysite(folder project)
ทำการ import views เพื่อเรียกฟังก์ชั่นในไฟล์ views.py (สร้างในขั้นตอนที่ 2 )
และกำหนดรูปแบบ url ว่า เข้าเว็บมา จะให้เรียก index

2.สร้างไฟล์ views.py ในโฟลเดอร์ mysite
ทำการ render หน้า index.html (สร้างในขั้นตอนที่ 3)

3.สร้าง index.html ใน  Accountant\account(folder app)\template\main

4.สร้างไฟล์ style.css ใน Accountant\account(folder app)\static\main

จากนั้นใช้งานได้เลย

*กรณีใช้ในเว็บ pythonanywhere
ที่อยู่ไฟล์ css จะต้องไปอยู่ในโฟลเดอร์ static ที่อยู่ระดับเดียวกับ folder app และ folder project

ไม่มีความคิดเห็น:

แสดงความคิดเห็น

commit เพิ่มเติม : เพื่ม userstory, bookmark

>>  add userstory ทำการเพิ่ม userstory ใน functional tests >>  add bookmark for user เพิ่มระบบ Bookmark โดยการสร้าง model ขึ...