เริ่มต้นการสร้างเว็บเพจ

การเริ่มกำหนดโครงสร้างของเว็บ

       ก่อนดำเนินการสร้างเว็บเพจ ขั้นแรกควรกำหนดให้ข้อมูลต่างๆ ที่เกี่ยวข้องอยู่ใน Folder

เดียวกันเพื่อง่ายต่อค้นหาและจัดเก็บ ตัวอย่างเช่นทำเว็บเพจของหน่วยงานก่อนอื่นเราควรสร้าง

Folderชื่่อของหน่วยงานก่อนอาจเป็นภาษาอังกฤษหรือภาษาไทยก็ได้ แล้วใน Folderหน่วยงาน

ค่อยสร้าง Folderย่อยอีกที อาจประกอบด้วยหลาย Folder ย่อย เพื่อใช้สำหรับแยกเก็บไฟล์ต่าง ๆ

เป็นหมวดหมู่ เช่น ไฟล์รูปภาพไฟล์ HTML และ ไฟล์ Multimedia ต่างๆ แสดงการสร้าง Folder และ

Folder ย่อยเพื่อใช้เก็บข้อมูลให้เป็นหมวดหมู่จากตัวอย่าง จะทำการสร้าง Folder ต่าง ๆ ดังนี้ 

        การกำหนดโครงสร้างของเว็บที่ดี จะช่วยทำให้สามารถจัดการกับระบบต่างๆ ในเว็บได้ง่าย

สามารถเรียกไฟล์เพื่อนำมาแก้ไขได้ในภายหลังและยังทำให้ก่อความเป็นหมวดหมู่ภายใน

เนื้อหาเว็บไซต์ของเราอีกด้วย 

การสร้างไซต์ (Site) งาน

• คลิกที่เมนู Site แล้วเลือกคำสั่ง New Site …
    

        จะเข้าสู่หน้าต่าง Site Definition เพื่อกำหนดชื่อไซต์ พิมพ์ชื่อไซต์ที่ต้องการ เช่น web page

แล้วคลิกปุ่ม Next

         เลือกไม่ต้องติดต่อไปยังเซิร์ฟเวอร์ในขณะนี้ (No, I don’t …) แล้วคลิกปุ่ม Next

          กำหนดวิธีแก้ไขงานและโฟลเดอร์ที่เก็บเว็บไซต์ แล้วคลิกปุ่ม Next

             เลือกรูปแบบการเชื่อมต่อกับเว็บเซิร์ฟเวอร์เป็น None แล้วคลิกปุ่ม Next

             จะได้รายละเอียดที่เราตั้งค่าไว้ทั้งหมด คลิกปุ่ม Done

                โฟล์เดอร์ที่สร้างจะปรากฏอยู่ที่พาเนลไฟล์

การสร้างไฟล์และโฟลเดอร์ใหม่

             หลังจากได้สร้างไซต์งานไว้แล้ว ขั้นตอนต่อไปคือการสร้างโฟลเดอร์ย่อยและไฟล์งาน

ตามที่ได้วางแผนไว้ ซึ่งมีวิธีการสร้าง ดังนี้

• คลิกขวาที่ไซต์ ในพาเนลไฟล์ จะได้เมนูลัด และเลือกคำสั่ง New Folder

           จะปรากฏโฟลเดอร์ใหม่ชื่อ Untitled

           ให้พิมพ์เปลี่ยนชื่อโฟลเดอร์ใหม่ เช่น Images

            สร้างโฟลเดอร์ต่าง ๆ ตามที่ต้องการ ส่วนการสร้างไฟล์งานให้เลือกคำสั่ง New File

จะได้ไฟล์งานชื่อ Untitled

            ให้เปลี่ยนชื่อใหม่ เช่น index.html 

             การแก้ไขไฟล์และโฟลเดอร์ให้คลิกขวาที่ไฟล์หรือโฟลเดอร์ที่ต้องการ แล้วเลือกคำสั่ง

Editจะมีคำสั่งย่อยให้เลือก เช่น Copy Delete ฯลฯ

• เมื่อสร้างโฟลเดอร์และไฟล์ต่าง ๆ ในไซต์งานของเราครบแล้ว ถ้าเปิดดูโฟลเดอร์จะพบ

รายการที่ได้สร้างไว้

การสร้างหน้าเว็บเพจใหม่ 

          เมื่อเปิดโปรแกรมแล้วจะเข้าสู่หน้าสำหรับสร้างเว็บเพจมีชื่อว่า Untitled-1 โดยอัตโนมัติ

เราสามารถสร้างเว็บเพจได้ทันที อย่างไรก็ตามหากต้องการสร้างหน้าเว็บเพจใหม่ก็สามารถทำได้

ดังนี้

• เลือกคำสั่ง File >> New จะได้หน้าต่าง New Document

            คลิกเลือกแท็บ General แล้วเลือก Category เป็น Basic Page 

            คลิกปุ่ม Create

         ในตัวเลือก Category จะมีลักษณะของเว็บเพจให้เลือกใช้งาน ดังนี้

         Blank Page                     สร้างหน้าsic Page สำหรับสร้างเว็บเพจใหม่ทั่วไป เช่น HTML,

XML เป็นต้น

         Dynamic Page          สร้างเว็บเพจแบบไดนามิก สนับสนุนเว็บเซิร์ฟเวอร์ ASP,PHP

         Template                  แม่แบบสำหรับใช้งานครั้งต่อไป

         Other                       สร้างเว็บเพจจากภาษาอื่น ๆ เช่น VBscript

         CSS Style Sheets      เลือกใช้รูปแบบ CSS

         Framesets                 เลือกใช้งานเฟรมเซตแบบต่าง ๆ ที่โปรแกรมออกแบบไว้

         Page Design (CSS)    เลือกรูปแบบ CSS

         Starter Pages            เลือกรูปแบบตามหมวดหมู่ที่โปรแกรมออกแบบไว้ให้ เลือกใช

         Page Design              เลือกการออกแบบที่เหมาะสมกับการใช้งาน หรือ ประเภท

ธุรกิจของผู้ใช้งาน

         การเปิดใช้เว็บเพจที่ได้สร้างไว้แล้ว ให้เลือกคำสั่ง File >> Open แล้วเลือกไฟล์ที่ต้องการ

การใส่หัวเรื่องหรือแถบชื่อเรื่อง

        หัวเรื่องหรือแถบชื่อเรื่องของหน้าเว็บเพจ เป็นส่วนที่ปรากฏอยู่บนแถบชื่อของเว็บเพจหน้านั้น ๆ

เพื่อบอกให้ผู้อ่านทราบว่ากำลังเปิดดูเว็บเพจหน้าอะไร ดังตัวอย่าง 

        การใส่หัวเรื่องทำได้ ดังนี้ 

        คลิกที่ช่อง Title บน Toolbar แล้วพิมพ์ชื่อเรื่องที่ต้องการ

           หรือคลิกปุ่ม Page Properties จะได้หน้าต่าง Page Properties แล้วคลิกที่ตัวเลือก Title/Encoding

จะได้ตัวเลือก ดังรูป

            พิมพ์ข้อความแถบชื่อเรื่อง เช่น Com-learning2u ในช่อง Title: แล้วคลิก OK จะได้แถบ

ชื่อเรื่องตามต้องการ