เริ่มต้นใส่ข้อความ
ข้อความเป็นข้อมูลพื้นฐานในการสื่อสารถึงผู้เข้าชมเว็บไซต์ การใส่ข้อความบนหน้าเว็บเพจ สามารถกระทำได้เหมือนกับการพิมพ์ในโปรแกรม Microsoft Word โดยสามารถพิมพ์บนหน้าเว็บเพจได้เลย
1. คลิกวางเคอร์เซอร์ตรงตำแหน่งที่ต้องการพิมพ์ข้อความ
2. พิมพ์ข้อความที่ต้องการ
การขึ้นบรรทัดใหม่
การขึ้นบรรทัดใหม่ ใช้วิธีกดปุ่ม Enter จะเว้นบรรทัดที่ว่างก่อนและหลังให้ 1 บรรทัด
การขึ้นบรรทัดใหม่ไม่ต้องเว้นที่ว่าง
ถ้าต้องการให้การขึ้นบรรทัดใหม่โดยไม่ต้องเว้นที่ว่าง ให้คลิกหน้าข้อความหรือบรรทัดที่ต้องการจะขึ้นบรรทัดใหม่แล้วกดปุ่ม Shift พร้อมกับกดปุ่ม Enter
การตกแต่งและจัดรูปแบบให้ข้อความ
เมื่อพิมพ์ข้อความลงในเว็บเพจแล้ว การเลือกข้อความ เพื่อจัดการกับข้อความนั้น ๆ เช่น กำหนดรูปแบบของตัวอักษร การลบ คัดลอก ย้าย ฯลฯ มีรายละเอียดดังนี้
1. การเลือกข้อความ
- เลือกข้อความเฉพาะส่วนที่ต้องการ
1. คลิกเมาส์วางเคอร์เซอร์หน้าข้อความและลากเมาส์ไปจนถึงคำสุดท้าย แล้วปล่อยเมาส์
2. บริเวณเมาส์ลากผ่านจะมีแถบสีดำขึ้นมา
- เลือกข้อความทั้งหมด
1. คลิกที่เมนู Edit
2. เลือก Select All หรือ Ctrl + A
3. ข้อความทั้งหมดจะถูกเลือก โดยเป็นแถบสีดำคลุมข้อความ
หมายเหตุ ถ้าต้องการยกเลิกการเลือกเอกสาร ทำได้โดยคลิกพื้นที่ว่างบนหน้าเว็บเพจ
2. การตกแต่งและจัดรูปแบบของข้อความ
ข้อความที่พิมพ์ลงในเว็บเพจ สามารถจัดรูปแบบของข้อความ เช่น กำหนดรูปแบบตัวอักษร ขนาด สี ลักษณะตัวอักษร รวมไปถึงการจัดตำแหน่งของข้อความ เพื่อเพิ่มความสวยงามหรือเน้นความสำคัญ มีวิธีการดังนี้
1. เลือกข้อความที่ต้องการตกแต่งหรือจัดรูปแบบของข้อความ
2. เครื่องมือสำหรับจัดรูปแบบข้อความใน Properties Inspector ซึ่งมีให้เลือก 2 รูปแบบ คือ แบบ HTML และแบบ CSS ดังนี้
- จัดรูปแบบด้วย HTML
หมายเลข 1 : เปิดการทำงานกับ HTML
หมายเลข 2 : Format : เลือกรูปแบบหัวข้อ Heading (ขนาดตัวอักษร) ระดับ 1-6
หมายเลข 3 : Class : ดึงสไตล์ของ CSS มาใช้กับข้อความ
หมายเลข 4 : กำหนดลักษณะตัวอักษรให้เป็นตัวหนา ตัวเอียง
หมายเลข 5 : ใส่ Bullet หรือหัวข้อย่อย
หมายเลข 6 : จัดย่อหน้าของข้อความ
- จัดรูปแบบด้วย CSS
หมายเลข 1 : เปิดการทำงานกับ CSS
หมายเลข 2 : Targeted Rule : สร้างหรือกำหนดสไตล์ CSS
หมายเลข 3 : Font : เลือกรูปแบบของตัวอักษร
หมายเลข 4 : Size : ขนาดของตัวอักษร
หมายเลข 5 : สีของตัวอักษร
หมายเลข 6 : กำหนดลักษณะตัวอักษรให้เป็นตัวหนา ตัวเอียง
หมายเลข 7 : จัดตำแหน่งของข้อความ เช่น ชิดซ้าย กึ่งกลาง ชิดขวา จัดให้ตรงกันทั้งซ้ายและขวา
การจัดย่อหน้า
เราจัดย่อหน้าให้มีระยะเว้น ห่างจากขอบได้ โดยคลิกปุ่ม (Text Indent) ตามระยะห่างของย่อหน้าที่เราต้องการ และสามารถยกเลิกระยะห่างที่กำหนดไว้ได้โดยคลิกที่ปุ่ม (Text Outdent)
การใส่ Bullet และตัวเลขกำกับในแต่ละบรรทัด
เราสามารถใส่ Bullet หรือ ตัวเลขกำกับเนื้อหาในแต่ละบรรทัด เพื่อจัดลำดับเนื้อหาให้เป็นระเบียบมากขึ้นโดยคลิกปุ่ม หรือ (Unordered List) เพื่อใส่ Bullet ในแต่ละบรรทัด หรือ คลิก หรือ ปุ่ม (Ordered List) เพื่อใส่หมายเลขในแต่ละบรรทัดก็ได้
1.
เลือกข้อความที่ต้องการใส่ Bullet หรือตัวเลขกำกับ
2. คลิก HTML
3.คลิกเลือก เพื่อใส่ Bullet กำกับในแต่ละบรรทัด หรือคลิกที่ เพื่อใส่ตัวเลขกำกับข้อความในแต่ละบรรทัด
การเว้นวรรคระหว่างตัวอักษร
ในการสร้างเว็บ เราไม่สามารถเคาะ <space> เพื่อเว้นวรรคหลาย ๆ ครั้งเหมือนในโปรแกรม Word ได้ เนื่องจากหน้าเว็บจะมองการเส้นวรรคทั้งหมด ดูเป็นการเว้นวรรคเดียว ดังนั้นจึงต้องเป็นไปใช้สัญลักษณ์ Non-Break Space แทน โดยคลิกที่ปุ่ม ในแท็บ Text (หรือกดคีย์ลัด <Ctrl>+<Shift>+<Space>)
1. คลิกเมาส์เลือกจุดที่ต้องการเว้นวรรค
2. เลือกแท็บ Text
3.
คลิกปุ่ม เพื่อเว้นวรรคตัวอักษรตามระยะห่างที่ต้องการ
4.แสดงข้อความหลังจากเว้นวรรค (ในตัวอย่างกดปุ่ม 10 ครั้ง)
แทรกเส้นคั้นระหว่างบรรทัด
การแทรกเส้นคั่นทางแนวนอนบนหน้าเว็บโดยใช้คำสั่ง Insert--> HTML --> Horizontal Rule จะช่วยแบ่งเนื้อหาออกเป็นส่วน ๆ ทำให้อ่านได้ง่าย
1. คลิกเมาส์หลังบรรทัดที่ต้องการแทรกเส้นคั่น
2. เลือกคำสั่ง Insert--> HTML --> Horizontal Rule
3. แสดงเส้นคั่นบรรทัดที่ต้องการ