SlideShare ist ein Scribd-Unternehmen logo
1 von 4
Downloaden Sie, um offline zu lesen
Dreamweaver CS3




1. แถบเมนู (Menu bar) เป็นแถบที่ใช้เก็บคาสั่งทั้งหมดของโปรแกรม
2. แถบกลุ่มเครื่องมือ (Insert bar) เป็นแถบที่รวบรวมเครื่องมือต่าง ๆ ในการสร้างเว็บ
3. แถบเครื่องมือ (Toolbar) รวบรวมปุมคาสั่งที่ใช้งานบ่อย
                                      ่
4. แถบสถานะ (Status bar) จะแสดงข้อมูลเพิ่มเติมเกี่ยวกับงานที่เรากาลังทา
5. กาหนดคุณสมบัติขององค์ประกอบบนหน้าเว็บ (Property inspector) จะแสดงค่าใน
   การปรับแต่งองค์ประกอบต่าง ๆ บนหน้าเว็บได้
6. กลุ่มหน้าต่างพาเนล (Panel Group) ที่ช่วยเพิ่มความสามารถในการจัดการ และ
   ออกแบบหน้าเว็บของเรา
กลุ่มเครื่องมือ


- Common เป็นส่วนที่รวบรวมเครื่องมือต่าง ๆ ที่เราเรียกใช้งานบ่อย ๆ ได้แก่ การแทรกภาพ
  แทรกตาราง




- Layout เป็นส่วนที่รวบรวมเครื่องมือที่ช่วยในการจัดองค์ประกอบบนหน้าเว็บ




- Forms เป็นส่วนที่รวบรวมเครื่องมือสาหรับที่ใช้ในการสร้างแบบฟอร์ม




- Text เป็นส่วนที่รวบรวมเครื่องมือสาหรับจัดวาง และปรับแต่งตัวอักษรบนหน้าเว็บ
- HTML เป็นส่วนที่รวบรวมเครื่องมือสาหรับจัดการภาษา HTML บนหน้าเว็บ




- Application เป็นส่วนที่รวบรวมเครื่องมือสาหรับสร้างแอพพลิเคชั่นติดต่อกับฐานข้อมูล




- Flash elements เป็นส่วนที่รวบรวมเครื่องมือนาองค์ประกอบที่สร้างจากโปรแกรม Flash มาวาง
บนหน้าเว็บ




- Favorites เราสามารถเลือกเครื่องมือที่ใช้บ่อยจากแต่ละกลุ่มเครื่องมือมาใส่ในเมนูนี้ได่ตามที่
ต้องการ
1             2   3




   1. ตัดบางส่วนของภาพ
   2. ปรับแสงและสีของภาพ
   3. ปรับความคมชัดของภาพ




Default             การวางภาพแบบปกติ
Baseline , Bottom   บรรทัดแรกของข้อความจะเสมอแนวขอบล่างของภาพ
Top                 บรรทัดแรกของข้อความจะเสมอแนวขอบบนของภาพ
Middle              บรรทัดแรกของข้อความจะเสมอแนวขอบกึ่งกลางของภาพ
TextTop             บรรทัดแรกของข้อความจะเขยิบจากแนวขอบบนลงมาของภาพ
Absolute Middle     บรรทัดแรกของข้อความจะเขยิบจากแนวขอบกึ่งกลางของภาพ
Absolute Bottom     บรรทัดแรกของข้อความจะเขยิบจากแนวขอบล่างของภาพ
Left                รูปภาพจะอยูด้านซ้ายมือของข้อความ
                                ่
Right               รูปภาพจะอยู่ด้านขวามือของข้อความ



                         ระยะห่างด้านกว้าง
                         ระยะห่างด้านสูง

Weitere ähnliche Inhalte

Ähnlich wie แบบสอน Program dreamweaver cs3

คู่มือการใช้งาน
คู่มือการใช้งานคู่มือการใช้งาน
คู่มือการใช้งาน
0882324871
 
ตอนที่4 การชิ้นงาน
ตอนที่4 การชิ้นงานตอนที่4 การชิ้นงาน
ตอนที่4 การชิ้นงาน
Kriangx Ch
 
ใช้งานโปรแกรม Microsoft word2007
ใช้งานโปรแกรม Microsoft word2007ใช้งานโปรแกรม Microsoft word2007
ใช้งานโปรแกรม Microsoft word2007
tanongsak
 
Original microsoft office word 2010 full
Original microsoft office word 2010 fullOriginal microsoft office word 2010 full
Original microsoft office word 2010 full
somdetpittayakom school
 
Microsoft office word 2007
Microsoft office word 2007Microsoft office word 2007
Microsoft office word 2007
Wee Jay
 
Microsoft office power point 2007
Microsoft office power point 2007Microsoft office power point 2007
Microsoft office power point 2007
Wee Jay
 
Microsoft office power point 2007
Microsoft office power point 2007Microsoft office power point 2007
Microsoft office power point 2007
Wee Jay
 

Ähnlich wie แบบสอน Program dreamweaver cs3 (20)

busines
businesbusines
busines
 
คู่มือการใช้งาน
คู่มือการใช้งานคู่มือการใช้งาน
คู่มือการใช้งาน
 
ตอนที่4 การชิ้นงาน
ตอนที่4 การชิ้นงานตอนที่4 การชิ้นงาน
ตอนที่4 การชิ้นงาน
 
ใช้งานโปรแกรม Microsoft word2007
ใช้งานโปรแกรม Microsoft word2007ใช้งานโปรแกรม Microsoft word2007
ใช้งานโปรแกรม Microsoft word2007
 
Word2007
Word2007Word2007
Word2007
 
เรื่องที่ 2
เรื่องที่ 2เรื่องที่ 2
เรื่องที่ 2
 
Original microsoft office word 2010 full
Original microsoft office word 2010 fullOriginal microsoft office word 2010 full
Original microsoft office word 2010 full
 
Photoshop lab1
Photoshop lab1Photoshop lab1
Photoshop lab1
 
Basiccom
BasiccomBasiccom
Basiccom
 
Basiccom
BasiccomBasiccom
Basiccom
 
Basiccom
BasiccomBasiccom
Basiccom
 
Hanfbookflash8
Hanfbookflash8Hanfbookflash8
Hanfbookflash8
 
Docflash8
Docflash8Docflash8
Docflash8
 
Handbook flash8
Handbook flash8Handbook flash8
Handbook flash8
 
Microsoft office word 2007
Microsoft office word 2007Microsoft office word 2007
Microsoft office word 2007
 
Microsoft office word 2007
Microsoft office word 2007Microsoft office word 2007
Microsoft office word 2007
 
Microsoft office power point 2007
Microsoft office power point 2007Microsoft office power point 2007
Microsoft office power point 2007
 
Microsoft office power point 2007
Microsoft office power point 2007Microsoft office power point 2007
Microsoft office power point 2007
 
Pwpdata 7.1-7.4
Pwpdata 7.1-7.4Pwpdata 7.1-7.4
Pwpdata 7.1-7.4
 
การใส่รูปภาพและการประดิษฐ์ตัวอักษร
การใส่รูปภาพและการประดิษฐ์ตัวอักษรการใส่รูปภาพและการประดิษฐ์ตัวอักษร
การใส่รูปภาพและการประดิษฐ์ตัวอักษร
 

แบบสอน Program dreamweaver cs3

  • 1. Dreamweaver CS3 1. แถบเมนู (Menu bar) เป็นแถบที่ใช้เก็บคาสั่งทั้งหมดของโปรแกรม 2. แถบกลุ่มเครื่องมือ (Insert bar) เป็นแถบที่รวบรวมเครื่องมือต่าง ๆ ในการสร้างเว็บ 3. แถบเครื่องมือ (Toolbar) รวบรวมปุมคาสั่งที่ใช้งานบ่อย ่ 4. แถบสถานะ (Status bar) จะแสดงข้อมูลเพิ่มเติมเกี่ยวกับงานที่เรากาลังทา 5. กาหนดคุณสมบัติขององค์ประกอบบนหน้าเว็บ (Property inspector) จะแสดงค่าใน การปรับแต่งองค์ประกอบต่าง ๆ บนหน้าเว็บได้ 6. กลุ่มหน้าต่างพาเนล (Panel Group) ที่ช่วยเพิ่มความสามารถในการจัดการ และ ออกแบบหน้าเว็บของเรา
  • 2. กลุ่มเครื่องมือ - Common เป็นส่วนที่รวบรวมเครื่องมือต่าง ๆ ที่เราเรียกใช้งานบ่อย ๆ ได้แก่ การแทรกภาพ แทรกตาราง - Layout เป็นส่วนที่รวบรวมเครื่องมือที่ช่วยในการจัดองค์ประกอบบนหน้าเว็บ - Forms เป็นส่วนที่รวบรวมเครื่องมือสาหรับที่ใช้ในการสร้างแบบฟอร์ม - Text เป็นส่วนที่รวบรวมเครื่องมือสาหรับจัดวาง และปรับแต่งตัวอักษรบนหน้าเว็บ
  • 3. - HTML เป็นส่วนที่รวบรวมเครื่องมือสาหรับจัดการภาษา HTML บนหน้าเว็บ - Application เป็นส่วนที่รวบรวมเครื่องมือสาหรับสร้างแอพพลิเคชั่นติดต่อกับฐานข้อมูล - Flash elements เป็นส่วนที่รวบรวมเครื่องมือนาองค์ประกอบที่สร้างจากโปรแกรม Flash มาวาง บนหน้าเว็บ - Favorites เราสามารถเลือกเครื่องมือที่ใช้บ่อยจากแต่ละกลุ่มเครื่องมือมาใส่ในเมนูนี้ได่ตามที่ ต้องการ
  • 4. 1 2 3 1. ตัดบางส่วนของภาพ 2. ปรับแสงและสีของภาพ 3. ปรับความคมชัดของภาพ Default การวางภาพแบบปกติ Baseline , Bottom บรรทัดแรกของข้อความจะเสมอแนวขอบล่างของภาพ Top บรรทัดแรกของข้อความจะเสมอแนวขอบบนของภาพ Middle บรรทัดแรกของข้อความจะเสมอแนวขอบกึ่งกลางของภาพ TextTop บรรทัดแรกของข้อความจะเขยิบจากแนวขอบบนลงมาของภาพ Absolute Middle บรรทัดแรกของข้อความจะเขยิบจากแนวขอบกึ่งกลางของภาพ Absolute Bottom บรรทัดแรกของข้อความจะเขยิบจากแนวขอบล่างของภาพ Left รูปภาพจะอยูด้านซ้ายมือของข้อความ ่ Right รูปภาพจะอยู่ด้านขวามือของข้อความ ระยะห่างด้านกว้าง ระยะห่างด้านสูง