การจ ดและตกแต งข อความ

Transcription

1 ======================================================= หน า1 การจ ดและตกแต งข อความ การใช ข อความใน Dreamweaver 8 สามารถเหม อนโปรแกรมท เก ยวก บงานเอกสาร เช น Microsoft Office 1. การปร บเปล ยนภาษาการต งค าภาษาไทย การใช งานภาษาไทยบนเว บเพจสามารภท าได 2 ว ธ ค อ การก าหนดแต ละเว บเพจท กคร งท สร างใหม หร อก าหนด ภาษาให เป นค าเร มต นของโปรแกรมไปเลย โดยม ว ธ การด งน การก าหนดภาษาท ละเว บเพจ เล อกค าส ง Modify >> Page Properties จากแถบเมน ใน Category ให เล อก Title/Encoding เล อกภาษาไทยจากช อง Encoding >> Thai (Windows)

2 ======================================================= หน า2 คล กป ม OK เพ อจบการต งค าภาษาของเว บเพจป จจ บ น การก าหนดภาษาให เป นค าเร มต นก บท กเว บเพจ เล อกค าส ง Edit >> Preferences จากแถบเมน ใน Category เล อกค าส ง New Document เล อกภาษาไทยโดยคล กป ม จากช อง Default encoding >> Thai (Windows) คล กป ม OK

3 ======================================================= หน า3 การเพ มแบบอ กษร การเพ มแบบอ กษรเพ อใช งาน ในกรณ ท แบบอ กษรท โปรแกรมก าหนดมาใช ไม เพ ยงพอต อการใช งาน ซ งม ข นตอนการท าด งน คล กท ค าส ง Text >> Font >> Edit Font List จะได หน าต าง Edit Font List ด บเบ ลคล กเล อกแบบอ กษรท ต องการจากช อง Available fonts : แบบอ กษร การเพ ม / ลบ แบบอ กษร ใช ป ม << และป ม >> เล อนหาแบบอ กษร

4 ======================================================= หน า4 คล กป ม OK 2. การพ มพ ข อความในเว บเพจ การพ มพ ข อความสามารถพ มพ ลงไปในหน าเอกสารเหม อนก บพ มพ ในเว ร ดปกต เม อพ มพ เสร จก กด < Enter > เพ อข นบรรท ดใหม การข นบรรท ดใหม การข นบรรท ดใหม ใช ว ธ กดแป น < Enter > ซ ง Dreamweaver 8 จะเว นบรรท ดท ว างก อนและ หล งให 1 บรรท ด

5 ======================================================= หน า5 การข นบรรท ดใหม ไม ต องเว นท ว าง ถ าต องการให การข นบรรท ดใหม โดยไม ต องเว นท ว าง ให คล กหน าข อความหร อบรรท ดท ต องการจะข นบรรท ด ใหม แล วกดแป น < Shift > พร อมก บกด < Enter > หร อคล ก ก ได

6 ======================================================= หน า6 3. การเล อกข อความ การเล อกข อความเป นการระบายแถบท บบนข อความ เพ อจ ดการก บข อความน น ๆ เช น ลบ ค ดลอก ย าย ฯลฯ การเล อกข อความม หลายล กษณะ ด งน การเล อกเฉพาะค าหร อข อความ 1. วางเมาส หน าค าหร อข อความ คล กแล วลากเมาส ท บบร เวณท ต องการ แล วปล อยเมาส 2. บร เวณเมาส ลากผ านจะม แถบส ด าข นมา การเล อกข อความขนาดยาว การเล อกข อความขนาดยาว ถ าใช การลากเมาส เหม อนว ธ แรกอาจไม สะดวก 1. คล กเมาส ตรงต วอ กษรแรกของข อความท จะล อก 2. กดแป น < Shift > ค างไว พร อมก บคล กเมาส ท ข อความส ดท าย

7 ======================================================= หน า7 การเล อกข อความท งเอกสาร 1. คล กท ต าแหน งใดก ได บนเว บเพจ เล อกค าส ง Edit >> Select All หร อกดแป น < Ctrl > + < A > หร อคล กแท ก < P > บนแถบสถานะ (Status Bar) ข อความท งหมดจะเป นแถบท บ 2. การยกเล กการเล อกเอกสารท าได โดยคล กพ นท ว างบนเว บเพจ

8 ======================================================= หน า8 การเปล ยนร ปแบบต วอ กษร การใช Properties Inspector คล กเล อกข อความ หร อ ค าท ต องการจะเปล ยนร ปแบบ เล อกแบบอ กษรท ช อง Font เช น MS San Serif เล อกขนาดต วอ กษรท ช อง Size เล อกสไตล ท ก าหนดไว แล วในช อง Style

9 ======================================================= หน า9 เล อกส แบบอ กษร การใช เมน ค าส ง คล กเล อกข อความท ต องการจะเปล ยนร ปแบบ เล อกเมน Text เล อกค าส งย อย เช น Font แล วเล อกแบบอ กษรท ต องการ เช น MS San Serif เล อกขนาดต วอ กษร (Size) สไตล (Style) และส แบบอ กษร (Color) การใช ท ลบาร คล กท ป ม แล วเล อกกล มเคร องม อ Text จะได แถบเคร องม อส าหร บแก ไขล กษณะอ กษร ด งน การก าหนดต วอ กษรแบบพ เศษเพ มเต ม คล กท ป มด านซ ายส ดของท ลบาร

10 ======================================================= หน า 10 ถ าต องการเล อกต วอ กษรชน ดพ เศษเพ มเต ม ให คล กท ค าส ง Other Character จะได หน าต าง Insert other character คล กเล อกแบบอ กษรท ต องการ แล วคล กป ม OK 4. การจ ดร ปแบบข อความ การจ ดต าแหน งของข อความ คล กเล อกข อความท ต องการจ ดร ปแบบ คล กเล อกร ปแบบการจ ดข อความ ม รายละเอ ยดด งน ส าหร บจ ดข อความช ดซ าย (Align Left)

11 ======================================================= หน า 11 ส าหร บจ ดข อความไว ตรงกลาง (Align Center) ส าหร บจ ดข อความช ดขวา (Align Right)

12 ======================================================= หน า 12 ส าหร บให ข อความท งด านหน าและด านหล งเท าก น (Justify)

13 ======================================================= หน า การจ ดระยะเย องของย อหน า การเย องของย อหน าเป นการเว นระยะห างของข อความก บขอบหน าเว บเพจเข าไป โดยก าหนดได ท งด านซ าย และด านขวาของหน าเว บ ซ งม ข นตอนด งน 1. คล กต าแหน งข อความท ต องการจะเย อง 2. คล กท แถบเคร องม อเย องเข า (Text Indent) เพ อเย องระยะเข าไปหน งระยะ ถ าต องการเพ ม ระยะให คล กอ กคร งหน ง 3. ถ าต องการยกเล กการเย องให คล กป มเย องออก (Text Outdent) การใช ส ญล กษณ และต วเลขแสดงห วข อย อย การใส ส ญล กษณ (Bullet) และต วเลข (Numbering) เพ อแสดงห วข อย อยหร อล าด บข อความแต ละบรรท ด เพ อให อ านได สะดวกและสวยงาน ม ข นตอนด งน คล กเล อกข อควาท ต องการจะท าส ญล กษณ หร อล าด บเลข คล กท ป ม เพ อใช ส ญล กษณ ป ม เพ อใช ต วเลข

14 ======================================================= หน า 14 ถ าใช ท ลบาร ให คล กท ป ม เพ อใช บ ลเล ต และป ม เพ อใช ต วเลข ถ าใช เมน ค าส งให คล กท Text >> List แล วเล อกค าส งย อย

15 ======================================================= หน า 15 การน าเข าข อความจากโปรแกรมอ น การน าเข าเอกสาร Word เล อกค าส ง File >> Import >> Word Document จะได หน าต าง Import Word Document

16 ======================================================= หน า 16 คล กเล อกไฟล เว ร ด แล วคล กป ม Open เอกสารเว ร ดจะถ กน าไปแทรกในเว บเพจท นท การน าเข าเอกสาร Excel เล อกค าส ง File >> Import >> Excel Document จะได หน าต าง Import Excel Document

17 ======================================================= หน า 17 คล กเล อกไฟล เอ กเซล แล วคล กป ม Open เอกสารเอ กเซลล จะถ กน าไปแทรกในเว บเพจท นท