บทเรียนบนเครือข่ายอินเทอร์เน็ต

การจัดการข้อความ

การจัดตำแหน่งและการจัดย่อหน้า

การจัดตำแหน่งข้อความ

เราสามารถจัดวางตำแหน่งข้อความได้อย่างเหมาะสม โดยใช้วิธีต่อไปนี้

1 เลือกข้อความที่ต้องการจัดตำแหน่ง

2 เลือกการจัดรูปแบบด้วย CSS

3 เลือกรูปแบบการจัดวางตำแหน่งข้อความ

4 ตั้งชื่อ CSS

5 คลิกปุ่ม OK

การจัดให้ชิดซ้ายของเว็บเพจ

การจัดให้อยู่กึ่งกลางของเว็บเพจ

การจัดให้ชิดขวาของเว็บเพจ

การจัดให้ข้อความอยู่เต็มบรรทัด

การจัดย่อหน้า

เราจัดย่อหน้าให้มีระยะเว้นห่างจากขอบได้ โดยคลิกที่ปุ่ม

(Text Indent) ตามระยะห่างของย่อหน้าตามที่เราต้องการ และสามารถยกเลิกระยะห่างที่กำหนดไว้ได้โดยคลิกที่ปุ่ม

(Text Outdent)

1 วางเคอร์เซอร์หน้าข้อความที่ต้องการจัดย่อหน้า

2 เลือกการจัดรูปแบบ HTML

3 เลือกรูปแบบการจัดย่อหน้าที่ต้องการ

คลิกที่

2 ครั้งเพื่อเลื่อนย่อหน้าไปทางขวามือเข้าไป 2 ระยะ ดังรูป

คลิกที่

เพื่อเลื่อนย่อหน้าออกมาทางซ้าย 1 ระยะ ดังรูป

ใส่ Bullet และตัวเลขกำกับในแต่ละบรรทัด

เราสามารถใส่ Bullet หรือตัวเลขกำกับเนื้อหาในแต่ละบรรทัด เพื่อจัดลำดับเนื้อหาให้เป็นระเบียบมากขึ้น โดยคลิกปุ่ม

หรือปุ่ม

(Unordered List) เพื่อใส่ Bullet ในแต่ละบรรทัด หรือคลิกปุ่ม

หรือปุ่ม

(Ordered LIst) เพื่อใส่หมายเลขแต่ละบรรทัดก็ได้

1 เลือกข้อความที่ต้องการใส่ Bullet หรือตัวเลขกำกับ

2 เลือกการจัดรูปแบบด้วย HTML

3.1 คลิกที่

เพื่อใส่ Bullet กำกับข้อความในแต่ละบรรทัด

3.2 คลิกที่

เพื่อใส่ตัวเลขกำกับข้อความในแต่ละบรรทัด

ถ้าขึ้นบรรทัดใหม่ด้วยการคลิกปุ่ม

หรือกดคีย์ <Shift> + <Enter> โปรแกรม Dreamweaver จะถือว่าเป็นข้อความย่อหน้าเดียวกัน และจะเพิ่ม Bullet/เลขลำดับ เพียงแค่บรรทัดบนเท่านั้น ดังตัวอย่าง

จัดข้อความให้ขึ้นบรรทัดใหม่ด้วยการคลิกปุ่ม

หรือกดคีย์ <Shift> + <Enter>

แสดง Bullet เพียงบรรทัดแรกบรรทัดเดียว

การใส่ bullet และเลขลำดับจะมีผลกับทุกบรรทัดก็ต่อเมื่อเราขึ้นย่อหน้าใหม่ด้วยการกดคีย์ <Enter> เท่านั้น

การเว้นวรรคระหว่างตัวอักษร

ในการสร้างเว็บ เราไม่สามารถเคาะ <Space> เพื่อเว้นวรรคหลาย ๆ ครั้งเหมือนในโปรแกรม Word ได้ เนื่องจากหน้าเว็บจะมองการเว้นวรรคทั้งหมด ดูเป็นการเว้นวรรคเดียว ดังนั้นจึงต้องเปลี่ยนไปใช้สัญลักษณ์ Non-Breaking Space แทน โดยคลิกที่ปุ่ม

ในแท็บ Text (หรือกดคีย์ลัด <Ctrl> + <Shift> + <Space>)

1 คลิกเมาส์เลือกจุดที่เราต้องการเว้นวรรค

2 เลือกแท็บ Text

3 คลิกปุ่ม

เพื่อเว้นวรรคตัวอักษรตามระยะห่างที่ต้องการ

4 แสดงข้อความหลังจากเว้นวรรค (ในตัวอย่างได้คลิกปุ่ม

10 ครั้ง)

การตั้งค่าโปรแกรมให้สามารถเคาะ <Space Bar> ได้มากกว่า 1 เคาะ

โดยปรกติจะสามารถเคาะเพื่อเว้นวรรคข้อความได้เพียง 1 ครั้ง หรือเว้นได้เพียง 1 ช่องเท่านั้น ทั้งนี้เป็นไปตามหลักของภาษา HTML ถ้าหากต้องการเว้นได้มากกว่า 1 ช่อง ถ้าเป็นภาษา HTML เราต้องใช้โค้ด   ลงไปเท่ากับจำนวนที่เราต้องการเว้น เช่น ต้องการเว้น 2 ช่องตัวอักษร ก็ใส่โค้ดดังกล่าวไป 2 ครั้ง เป็น    เป็นต้น แต่ถ้าเราใช้โปรแกรม Dreamweaver ในการพิมพ์ข้อความ คงไม่สะดวกถ้าต้องพิมพ์โค้ดดังกล่าวทุกครั้ง ดังนั้น ถ้าเราต้องการเคาะไปที่แป้น <Space Bar> ของคีย์บอร์ดแล้วเว้นได้มากกว่า 1 ครั้ง ให้ทำการตั้งค่าโปรแกรม ดังนี้

1 คลิกเมาส์เลือกคำสั่ง Edit

2 คลิกเมาส์เลือกคำสั่ง Preferences...

3 ที่หน้าต่าง Preferences เลือกไปที่หมวด General

4 จากนั้นให้ทำการเลือก หรือติ๊กถูกไปที่ Option ที่เขียนว่า Allow multiple consecutive spaces

5 คลิกปุ่ม OK โปรแกรมก็จะสามารถเคาะ <Space Bar> ได้มากกว่า 1 ครั้ง