วันเสาร์ที่ 25 กันยายน พ.ศ. 2553

การใส่ข้อความ

กล่องข้อความ: การใส่ข้อความ 
                  เริ่มต้นด้วยการสร้างหน้าเว็บเพจ การสร้างเอกสารใหม่ของ Adobe Dreamweaver CS3 นั้น ทำได้ง่ายมากเมื่อเปิดโปรแกรมขึ้นมาจะเห็นว่ามี
หน้าจอดังรูปด้านล่าง เราสร้างเอกสารได้จากหน้าจอนี้ดังรูปที่ 66

                 1
                                                      รูปที่ 66 การสร้างเอกสารใหม่
            นอกเหนือจากการใช้หน้าจอเริ่มต้นเมื่อเปิดโปรแกรมเรายังสามารถสร้างเอกสารใหม่ได้ดังนี้.-
1. ให้ไปที่ Menu เลือก File > New… จะมีหน้าจอให้เลือกดังรูปด้านล่าง
2. เลือก Blank Page > HTML
3. เลือก Create จะได้เอกสาร HTML ขึ้นมา
 
กล่องข้อความ:








                                       









                 รูปที่ 67 ขั้นตอนการสร้างเอกสารใหม่

ๅ
รูปที่ 68 การเลือกสร้างเอกสารใหม่



รูปที่ 69 การเปิดเอกสารใหม่
      
            ก่อนที่เราจะพิมพ์ข้อความลงไป เราต้องเตรียมข้อมูลมาไว้เรียบร้อยแล้ว จากนั้นจึงนำข้อมูลที่เตรียมไว้พิมพ์ลงในเว็บเพจที่เราสร้างขึ้น
            การพิมพ์ข้อความลงไปให้พิมพ์หลังเคอร์เซอร์ หรือ  ที่กระพริบอยู่ ดังรูปที่ 69


กล่องข้อความ: การใส่สีตัวอักษร 

            เมื่อเราพิมพ์อักษรแล้ว เรายังสามารถแก้ไขสีตัวอักษรได้  โดยการตั้งค่าสีได้ดังนี้.-
1. คลิกลากเคอร์เซอร์คลุมตัวอักษร
2. เลือกที่เมนู Modify > Page Properties
3. คลิกเลือก Appearance 
4. คลิกเลือกช่อง Text Color
5. เลือกสีที่ต้องการ
6. คลิก OK
7. คลิกเมาส์ในพื้นที่เว็บเพจอีกครั้ง

รูปที่ 70 การใส่สีตัวอักษร
  
                                   รูปที่ 71 การเลือกสีตัวอักษร

รูปที่ 72 การแสดงสีตัวอักษร
         การใส่สีให้กับตัวอักษรที่อยากแนะนำ สะดวก รวดเร็ว โดยมีวิธีการดังนี้.-
            1. คลิกลากเคอร์เซอร์คลุมตัวอักษร
            2. เลือก Properties ที่อยู่ด้านล่างของโปรแกรม แล้วคลิกที่รูป 73
            3. เลือกสีที่ต้องการ

กล่องข้อความ:


                                 

รูปที่ 73 แสดงการคลุมตัวอักษร

กล่องข้อความ:















                                                                      รูปที่ 74 การเลือกสีตัวอักษร
กล่องข้อความ:


                                            



           
                           รูปที่ 75 การแสดงสีตัวอักษร


กล่องข้อความ: การเลือกแบบอักษร 
             ในการเลือกรูปแบบตัวอักษรที่ไม่มีมาตรฐานนั้น อาจจะเกิดปัญหาได้ในกรณีที่มีผู้เข้าชมเว็บไซต์แล้ว อ่านยาก
ไม่สวย หรือเป็นภาษาที่อ่านไม่ออก ดังนั้นจึงควรใช้รูปแบบตัวอักษรที่เป็น มาตรฐาน เช่น MS Sans Serif เนื่องจาก
สามารถแสดงผลบนเบราเซอร์ทุกชนิด โดยการเลือกรูปแบบตัวอักษร (Font) มีขั้นตอนดังนี้
             1. เลือกเมนู Modify > Page Properties
             2. เลือก Appearance             3. เลือกแบบตัวอักษร (font) ตามที่ต้องการ
             4. คลิก OK

รูปที่ 76 ขั้นตอนเลือกแบบตัวอักษร
    
            นอกจากนี้ยังมีอีกวิธีหนึ่งที่ค่อนข้างสะดวก รวดเร็ว ง่ายมาก โดยการทำดังนี้.-
1. เลือก Properties ที่อยู่ด้านล่างของโปรแกรม แล้วคลิกที่รูป 78
2. เลือก Font
3.เลือกแบบตัวอักษรที่ต้องการ
                    ๅ
                                                                                                   รูปที่ 78 ขั้นตอนเลือกแบบอักษร


กล่องข้อความ: การเปลี่ยนขนาดตัวอักษร 
            ในการเปลี่ยนขนาดตัวอักษร สามารถทำได้โดยขั้นตอนดังนี้.-
1. เลือกเมนู Modify > Page Properties
2. เลือก Appearance            3. เลือก Size ตัวอักษร (font) ตามที่ต้องการ
4. คลิก OK

                                ๅ                                                    รูปที่ 79 ขั้นตอนการเปลี่ยนขนาดอักษร
                                                             รูปที่ 80 การเลือกขนาดอักษร
            นอกจากนี้ยังมีอีกวิธีหนึ่งที่ค่อนข้างสะดวก รวดเร็ว ง่ายมาก โดยการทำดังนี้.-
            1. เลือก Properties ที่อยู่ด้านล่างของโปรแกรม แล้วคลิกที่รูป 81
            2. เลือก Size
            3.เลือกขนาดตัวอักษรที่ต้องการ




กล่องข้อความ: การตั้งค่าเว้นวรรคระหว่างข้อความแบบถาวร 
            1. เลือกเมนู Edit >Preference
            2. ใน Category เลือก General
            3. เลือก Allow multiple consecutive Spaces
           4. เลือก OK
 
ๅ
                                                      รูปที่ 82 การตั้งค่าเว้นวรรคระหว่างข้อความแบบถาวร

ไม่มีความคิดเห็น:

แสดงความคิดเห็น