ใน Dreamweaver UltraDev ชื่อไฟล์ของเพจใหม่จะเป็น untitled.asp ตามค่าเริ่มต้น เราจำเป็นต้องเปลี่ยนชื่อหน้านี้ เช่น "index.htm" วิธีการเปลี่ยนชื่อคือคลิกช้าๆ สองครั้งที่ชื่อไฟล์ (ดังภาพด้านล่าง) อย่าคลิกเร็วเกินไป ไม่เช่นนั้นจะเป็นการดับเบิลคลิกเพื่อเปิดไฟล์
ในหมู่พวกเขา htm ไม่ได้เป็นเพียงส่วนต่อท้ายของไฟล์เท่านั้น แต่ยังรวมถึงคำอธิบายประเภทของไฟล์หน้าเว็บด้วย ซึ่งบ่งชี้ว่าไฟล์หน้าเว็บนั้นเป็นไฟล์ HTML แบบคงที่ (สามารถแสดงด้วยส่วนต่อท้าย html ได้เช่นกัน) โปรดจำไว้ว่าให้เปลี่ยนส่วนต่อท้ายของหน้าเว็บเป็น htm หรือ html ไม่เช่นนั้นหลังจากอัปโหลดไปยังเซิร์ฟเวอร์แล้วเบราว์เซอร์จะไม่สามารถเปิดได้ตามปกติ
【 คำใบ้ 】
เหตุใดชื่อของหน้าแรกของเว็บไซต์จึงมักเป็น index.html ไม่ใช่อย่างอื่น ตัวอย่างเช่น เมื่อคุณป้อน URL http://www.goeway.com/index.html ในเบราว์เซอร์ คุณจะไม่ได้ระบุอย่างชัดเจนว่าจะเปิดหน้าเว็บใด แต่เซิร์ฟเวอร์จะค้นหาไฟล์นั้นโดยอัตโนมัติ มีอยู่แล้ว ให้แสดงไฟล์นี้ หากไม่มี ให้ค้นหา index.htm อีกครั้ง หากไม่มีอยู่ ข้อความแสดงข้อผิดพลาดจะปรากฏขึ้น ลำดับการค้นหา index.html ก่อน จากนั้นดัชนี.htm จะถูกกำหนดโดยเซิร์ฟเวอร์ และเซิร์ฟเวอร์ส่วนใหญ่ปฏิบัติตามหลักการนี้ และผู้ใช้ทั่วไปไม่มีสิทธิ์แก้ไขการตั้งค่านี้ ดังนั้นเวลาเราสร้างเว็บเพจควรตั้งชื่อหน้าแรกของเว็บไซต์index.htmlหรือindex.htmดีที่สุด
ตั้งค่าคุณสมบัติของเพจ
การตั้งค่าคุณสมบัติของเพจเป็นขั้นตอนสำคัญก่อนที่จะเริ่มสร้างเว็บเพจอย่างเป็นทางการ ดับเบิลคลิกเพื่อเปิดไฟล์ index.htm ที่สร้างขึ้นใหม่ และมันจะเข้าสู่หน้าต่างแก้ไขโดยอัตโนมัติ เลือก แก้ไข > คุณสมบัติเพจ เพื่อตั้งค่าคุณสมบัติเพจที่จำเป็น ดังที่แสดงด้านล่าง:
1 ชื่อ: ชื่อของหน้าจะแสดงโดยตรงที่มุมซ้ายบนของเบราว์เซอร์ ตัวอย่างเช่น หากคุณเปิดเว็บไซต์ goEway.com ด้วยเบราว์เซอร์ คุณจะเห็นชื่อของหน้า "goEway.com - อินเทอร์เน็ต Guide" ที่มุมซ้ายบนของเบราว์เซอร์ . อย่าลืมพัฒนานิสัยในการตั้งชื่อให้กับแต่ละหน้า ซึ่งไม่เพียงแต่จะทำให้ผู้เยี่ยมชมเรียกดูได้ง่ายขึ้น แต่ยังช่วยให้คุณแยกแยะหน้าต่างๆ ในระหว่างขั้นตอนการแก้ไขเว็บได้อีกด้วย แม้ว่าชื่อจะไม่ใช่องค์ประกอบที่จำเป็นของหน้าเว็บ แต่ก็สะท้อนให้เห็นว่าผู้สร้างหน้าเว็บได้พิจารณารายละเอียดของผู้ดูหรือไม่
2 ภาพพื้นหลัง: คลิกปุ่มเรียกดูเพื่อเพิ่มภาพพื้นหลังให้กับเว็บเพจ
3 พื้นหลัง (สีพื้นหลัง): ค่าเริ่มต้นคือสีขาว คลิกเพื่อเลือกสีอื่น "#FFFFFF" ต่อไปนี้คือค่าสี RGB ที่แสดงในรูปแบบเลขฐานสิบหก
④ ข้อความ (สีข้อความ): ตั้งค่าข้อความให้เป็นสีดำที่นี่ ควรสังเกตว่าหากไม่ได้ตั้งค่าสีของพื้นหลังและข้อความ (ค่าสี RGB จะแสดงเป็นค่าว่างในขณะนี้) เบราว์เซอร์จะใช้การตั้งค่าเริ่มต้นของระบบเมื่อแสดงเพจ อย่างไรก็ตาม เนื่องจากการตั้งค่าของระบบที่แตกต่างกันอาจแตกต่างกัน เอฟเฟกต์การแสดงผลของเพจจึงแตกต่างกันมากเช่นกัน เพราะเพื่อที่จะสะท้อนแนวคิดการออกแบบของคุณบนเพจได้ดียิ่งขึ้น อย่าลืมตั้งค่าสีพื้นหลังและสีข้อความของเพจ
⑤ ลิงก์ (สีลิงก์): ตั้งค่าสีของไฮเปอร์ลิงก์ หากไม่ได้ตั้งค่าไว้ ค่าเริ่มต้นจะเป็นสีน้ำเงิน
⑥ ด้านซ้ายและด้านบน: ตั้งค่าระยะขอบด้านซ้ายและด้านบน โดยปกติจะตั้งค่าเป็น "0" เพื่ออำนวยความสะดวกในการแก้ไขหน้าเว็บ
หลังจากตรวจสอบให้แน่ใจว่าการตั้งค่าหน้าถูกต้องแล้ว คลิกตกลงเพื่อเสร็จสิ้น
สร้างหน้าเว็บที่ง่ายที่สุด
ทุกอย่างยากในตอนแรก ดังนั้นมาเริ่มกันที่หน้าเว็บที่ง่ายที่สุดกันดีกว่า หากคุณทำตามขั้นตอนก่อนหน้านี้ทีละขั้นตอน คุณควรมีหน้าจอที่คล้ายกับดังต่อไปนี้:
ขณะนี้เคอร์เซอร์อยู่ที่มุมซ้ายบนของหน้าต่างแก้ไข ตอนนี้คุณสามารถป้อนข้อความใดก็ได้ที่คุณต้องการ เช่น "ยินดีต้อนรับสู่ goEway.com" เลือกข้อความ และคลิกเมนูแบบเลื่อนลงขนาดบน แผงคุณสมบัติ
เลือกขนาดของข้อความ เช่น "6" แล้วคลิก
จัดข้อความให้อยู่ตรงกลาง จากนั้นกด Enter 2-3 ครั้งข้างหน้าข้อความเพื่อย้ายข้อความลงจนกว่าข้อความจะอยู่ตรงกลางหน้า ดังที่แสดงด้านล่าง:
เลือกเมนู ไฟล์ > บันทึก เพื่อบันทึกเพจ ยินดีด้วย หน้าเว็บแรกของคุณเสร็จสมบูรณ์แล้ว กด F12 เพื่อดูเอฟเฟกต์ของเพจ