ลองใช้ Bootstrap สร้างหน้าเว็บจำลอง

ใช้ Bootstrap จัดแต่งเว็บใน HTML กับ CSS
โดยลองทำเป็นเว็บไซต์ Start Up

เริ่มจากส่วนของ NavBar และหน้าเว็บเล็กน้อย โดยให้มีปุ่มให้ Sign Up หรือสมัครสมาชิกด้วย

stu1stu2.jpg

จะปรากฎหน้าเว็บได้
stup.jpg

แบบย่อหน้า site จะเห็นได้ว่าแถบ NavBar จะถูกซ่อนไว้

stup1             stup1.1

คราวนี้จะแบ่งหน้าเว็บเป็นแต่ละ feature ในแต่ละ section เพื่อแสดงข้อมูลต่างๆเป็นส่วนๆ

feature 1
stuf1

result : feature 1

stufp1

feature 2
stuf2

result : feature 2stufp2

feature 3
stuf3

result : feature 3
stufp3

feature 4
stuf4

result : feature 4
stufp4

feature 5
stuf5

result : feature 5
stufp5

feature 6
stuf6

result : feature 6
stufp6

feature 7
stuf7.jpg

result : feature 7
stufp7

footer
stufoot

result : footer
stufootp

เป็นการจัดรูปแบบหน้า website คร่าวๆ โดยยังไม่สามารถ click หรือกระทำสิ่งต่างๆ เพื่อให้เกิดการตอบสนองกลับได้ เช่น click ตรง button ต่างๆ ก็ไม่ตอบสนองอะไร เป็นต้น

Leave a comment

Blog at WordPress.com.

Up ↑