การตั้งค่าไซต์
-->เปิดโปรแกรม Macromedia Dreamwever8
-->เลือกเมนู Site > Manage site > คลืกปุ่ม New...> เลือกคำสั่ง Site > ระบุชื่อ Site ที่ต้องการ > Next
-->ตั้งค่า Server Technology เนื่องจากเราจะสร้างเว็บไซต์ที่เป็นแบบ html ธรรมดา เลือก No > Next
-->ระบุตำแหน่งที่ใช้เก็บไฟล์ต่างๆของเว็บไซต์ ระบุชื่อ Folder (ถ้าสร้างไว้อยู่แล้วก็ไม่ต้อง) > Next
-->ตั้งค่า Remote Server เนื่องจากเราต้องการสร้างเว็บไซต์ html ธรรมดา จึงเลือก None > Next
-->ตั้งค่าทุกอย่างเรียบร้อย > Done เสร็จสิ้นการตั้งค่า Site
-->กลับมาที่หน้า Manage Site > เลือก Site ที่เราสร้างไว้ > Done
-->สร้างเว็บเพจมาสักเว็บ ลองบันทึกดู
-->จะเห็นว่าไฟล์ถูกบันทึกไว้ใน Folder ที่เราตั้งค่าไว้ ถ้าเราใส่รูปภาพต่างๆลงไป ภาพเหล่านั้นจะถูกคัดลอกไปยัง Folder ที่เราตั้งค่า Site ไว้
การตั้งค่าภาษา
เพื่อให้แสดงภาษาไทยที่สมบูรณ์ กลับมาแก้ไขได้อีก
หลังจากสร้างไฟล์เว็บเพจขึ้นมาใหม่แล้ว
-->คลิกปุ่ม Page Properties > เลือก Title/Encoding > เลือก Encoding เป็น Unicode(UTP-8) > ok
เสร็จสิ้นขั้นตอนการตั้งค่าภาษาไทย
การตั้งค่าเว็บเพจเบื้องต้น
--> คลิกปุ่ม Page Properties... > Catagory
-Appearance การกำหนดค่าแสดงผลทั่วไปของเว็บเพจ เช่น กำหนด Fontมาตรฐานที่จะใช้ ขนาด สีอักษร สีพื้นหลัง เป็นต้น
-Links กำหนดลักษณะตัวเชื่อมโยงภายในเว็บเพจ เช่น ตัวอักษร สี เป็นต้น
-Heading เป็นการกำหนดรูปแบบหัวข้อเอาไว้สำหรับใช้ใน Webpage ใช้แทร็ก แล้วตามด้วยหมายเลขของรูปแบบที่จะใช้ได้เลย
-Title/Encoding เป็นการตั้งชื่อให้หัวข้อของ Webpage ที่อยู่บนบราวเซอร์ หรือตั้งค่าภาษา
-Tracing Image การนำเอาภาพมาวางบนหน้าเว็บไซต์ เพื่อใช้เป็นแบบในการออกแบบ โดยที่ภาพดังกล่าวจะเหมือนแผ่นใส จะไม่มีปรากฏอยู่จริงเมื่อนำไปเปิดบนเว็บบราวเซอร์
การสร้างตาราง
-->เลือเมนู Insert > Table อีกทางเลือกนึง คลิกไอคอน Table ในแถบเครื่องมือ Command ก็ได้เช่นเดียวกัน
-->สร้างตารางที่มี Rows 2 Colums 2 ปรับขนาดของตารางให้กว้างขึ้นตามขนาดของเว็บเพจที่เต้องการ ถ้าเลือกหน่วยเป็น pixel ตารางจะมีความกว้างคงที่ ตามค่าที่ระบุ ถ้าเลือกหน่วยเป็นเปอร์เซ็นต์ ความกว้างจะเปลี่ยนแปลงตามขนาดของหน้าจอ เช่น 100% จะมีขนาดเต็มหน้าจอ
-->คลิกที่ช่องตารางด้านล่างซ้าย แทรกตารางขนาด Rows 6 Colums 1 ซ้อนขึ้นมาเพื่อจัดรูปแบบเมนู ย่อความกว้างของตารางให้เล็กลงทั้งตารางย่อยและตารางหลัก
-->คลิกที่แทป Table อันที่ 2 ที่เป็นตารางย่อย ปรับ Align เพื่อให้ตารางมาอยู่ตรงกลาง
การใช้ตารางช่วยจัดองค์ประกอบของเว็บ
-->นำ Folder รูปภาพที่เราเตรียมไว้ไปใส่ใน Folder ที่ตั้งค่า Site ไว้
-->เลือกเมนู Insert > Image สามารถคลิกไอคอนที่แถบเครื่องมือ Command ได้เช่นกัน หรือดึงมาจากหน้าต่างไฟล์ด้านข้างก็ได้
-->จะปรากฏหน้าต่างให้ระบุข้อความกำกับภาพ > Ok จะเห็นว่าภาพมีขนาดใหญ่กว่าตาราง
-->รวมตารางด้านบนไว้ด้วยกันด้วยการกด Shift เลือกตารางทั้ง 2 > คลิกขวา > Table > Merge Cells
-->จะเห็นว่าตารางยังมีขนาดไม่พอดีกับค่าเดิมที่ตั้งไว้ คลิกที่ตัวเลขด้านล่าง > Make All Widths Consistent เพื่อทำให้ตารางมีขนาดเท่ากับภาพได้
-->นำรูปภาพเมนูมาใส่ในตารางย่อยที่สร้างไว้ ใส่เมนูทางด้านซ้ายให้ครบ จะเห็นว่าจำนวนตารางไม่พอ คลิก
ไม่มีความคิดเห็น:
แสดงความคิดเห็น