ใบความรู้ที่ 1
ทำความเข้าใจกันก่อน
รูปด้านซ้าย - ใช้เปิดไปที่หน้า Code Viewรูปตรงกลาง - ใช้แสดงทั้งหน้า Code และหน้า View อยู่ด้วยกัน
รูปด้านขวา - ใช้เปิดไปที่หน้า Design View
คำแนะนำ : ถ้าหากคุณมีพื้นฐานในการใช้งาน Dreamweaver4 มาก่อนแล้ว ก็จะทำให้คุณสามารถที่จะเรียนรู้ในส่วนของ DreamweaverMX ได้เร็วขึ้นครับ
หน้าตาของโปรแกรม
มาดูกันหน่อยซิว่าไอ้เจ้า DreamWeaver นี่ มันหน้าตาเป็นยังไง เริ่มดูเลยล่ะกันดีกว่าครับ
เปลี่ยนลักษณะการแสดงผล
ในการทำงานถ้าเราต้องการที่จะเปลี่ยนรูปแบบการแสดงของเว็บเพจ เช่น สมมติว่าเราเปิดเว็บเพจพร้อมกันขึ้น มา 3 หน้าต่าง แล้วเราต้องการที่จะดูเว็บเพจต่าง ๆ เหล่านั้นในครั้งเดียว เราก็สามารถเราก็สามารถที่จะทำได้ครับ โดยทำตามขั้นตอนดังนี้
วิธีการทำ
1 .สมมติว่าตอนนั้นเราเปิดเว็บเพจขึ้นมา 3 ไฟล์นะครับ
ในการทำงานถ้าเราต้องการที่จะเปลี่ยนรูปแบบการแสดงของเว็บเพจ เช่น สมมติว่าเราเปิดเว็บเพจพร้อมกันขึ้น มา 3 หน้าต่าง แล้วเราต้องการที่จะดูเว็บเพจต่าง ๆ เหล่านั้นในครั้งเดียว เราก็สามารถเราก็สามารถที่จะทำได้ครับ โดยทำตามขั้นตอนดังนี้
วิธีการทำ
1 .สมมติว่าตอนนั้นเราเปิดเว็บเพจขึ้นมา 3 ไฟล์นะครับ
2. แล้วเราไปที่เมนู Windows > Tile Horizontally
หรือ Tile Vertically หรือ Cascade
3. โดยถ้าเราเลือกเป็น Tile Horizontally ผลลัพธ์ที่ได้จะเป็นแบบนี้ โดยหน้าต่างที่เราเปิดมาทั้งหมดจะมีการจัดเรียงตัวแบบเป็นแถว ๆ ครับ
4. ถ้าเราเลือกเป็น Tile Vertically ผลลัพธ์ที่ได้จะเป็นแบบนี้ โดยหน้าต่างที่เราเปิดมาทั้งหมดจะมีการจัดเรียงตัวช่อง ๆ คล้าย ๆ คอลัมภ์ครับ
รู้จักกับ floating Panelสำหรับในหมวดนนี้จะเป็นเครื่องมือที่จะเอาไว้อำนวยความสะดวก ในการจัดการ ดูแลเว็บเพจ ที่เราสร้าง รวมทั้งเอาไว้ที่จะเพิ่มลูกเล่นต่าง ๆ ให้กับเว็บเพจ ซึ่งในแต่ละพาเนลก็จะรวบรวมเครื่องมือที่จำเป็นในการสร้างเว็บเพจไว้อย่างมากมาย
การใช้งาน
1. เริ่มด้วยถ้าเราต้องการที่จะใช้หัวข้อไหนเราก็ไปคลิกที่ข้อความที่หัวข้อนั้น ๆ เช่น ถ้าผมต้องการไปใช้หัวข้อ Design ผมก็จะไปคลิกที่คำว่า Design แล้วหลังจากนั้นก็จะมีเมนูปลีกย่อยแสดงออกมาอีกที ดังรูป
Panel Properties
หากจะพูดถึง Panel Properties หลายคนก็คงรู้ว่ามันทำหน้าที่อะไรบ้าง แต่ถ้าผู้ใดยังไม่เคยใช้ผมก็ขออธิบายอย่างคราว ๆ เพื่อให้เข้าใจนิดหน่อยนะครับ เพื่อเป็นการปูพื้นฐานสักหน่อย
Panel Properties เป็นส่วนที่เราต้องใช้บ่อยที่สุด ซึ่งหน้าต่างนี้จะคอยจัดการเกี่ยวกับคุณสมบัติต่าง ๆ เช่น การจัดการเกี่ยวกับตัวอักษร การทำตัวหนา ตัวเอียง ตัวขีดเส้นใต้ การทำลิงค์ การจัดรูปแบบของตาราง ของเลเยอร์ และการกำหนดคุณสมบัติของออบเจ็กต์ตัวอื่น ๆ ถ้าเรามีความชำนาญในการใช้หน้างต่างนี้แล้วเราก็จะสามารถทำสิ่งต่าง ๆ ได้ตามที่คิดไว้อย่างรวดเร็วยิ่งขึ้น
Panel Properties เป็นส่วนที่เราต้องใช้บ่อยที่สุด ซึ่งหน้าต่างนี้จะคอยจัดการเกี่ยวกับคุณสมบัติต่าง ๆ เช่น การจัดการเกี่ยวกับตัวอักษร การทำตัวหนา ตัวเอียง ตัวขีดเส้นใต้ การทำลิงค์ การจัดรูปแบบของตาราง ของเลเยอร์ และการกำหนดคุณสมบัติของออบเจ็กต์ตัวอื่น ๆ ถ้าเรามีความชำนาญในการใช้หน้างต่างนี้แล้วเราก็จะสามารถทำสิ่งต่าง ๆ ได้ตามที่คิดไว้อย่างรวดเร็วยิ่งขึ้น
อธิบายการใช้งาน
เลข 1 ใช้สำหรับกำหนดขนาดของหัวข้อ
เลข 2,3 เลือกแบบตัวอักษรที่ต้องการใช้ กับเลือกขนาดที่ต้องการ
เลข 4 กำหนดตัวหนา
เลข 5 กำหนดตัวเอียง
เลข 6 จัดให้ข้อความชิดติดขอบด้านซ้าย
เลข 7 จัดให้ข้อความชิดติดกึ่งกลาง
เลข 8 จัดให้ข้อความชิดติดขอบด้านขวา
เลข 9 จัดให้ข้อความชิดติดขอบด้านซ้ายและด้านขวาในอัตราส่วนที่เท่ากันทั้ง 2 ด้าน
เลข 10 ใช้ทำลิงค์
เลข 11 ใช้กำหนดรูปแบบการแสดงผลของลิงค์
เลข 12 ใช้ในการทำลิสต์แบบเป็นจุด
เลข 13 ใช้ในการทำลิสต์แบบเป็นตัวเลข
เลข 14 ใช้ในการจัดให้ข้อความเยื้องไปข้างหน้า (เยื้องไปด้านซ้ายมือ)
เลข 15 ใช้ในการจัดให้ข้อความเยื้องไปข้างหลัง (เยื้องไปด้านขวามือ)
เลข 16,17 ใช้ในการจัดรูปแบบการจัดตำแหน่งทั้งตามแนวตั้งและแนวนอนในตาราง
เลข 18 ใช้ในการกำหนด ความกว้างของตาราง หรือของเซลล์ (ใช้ได้กับตารางเท่านั้น)
เลข 19 ใช้ในการกำหนด ความสูงของตาราง หรือของเซลล์ (ใช้ได้กับตารางเท่านั้น) เลข 20 ใช้ในการดึงเอาภาพมาเป็นพื้นหลัง (ใช้ได้กับตารางเท่านั้น) เลข 21 ใช้สำหรับกำหนดสีพื้นหลัง (ใช้ได้กับตารางเท่านั้น)
เลข 1 ใช้สำหรับกำหนดขนาดของหัวข้อ
เลข 2,3 เลือกแบบตัวอักษรที่ต้องการใช้ กับเลือกขนาดที่ต้องการ
เลข 4 กำหนดตัวหนา
เลข 5 กำหนดตัวเอียง
เลข 6 จัดให้ข้อความชิดติดขอบด้านซ้าย
เลข 7 จัดให้ข้อความชิดติดกึ่งกลาง
เลข 8 จัดให้ข้อความชิดติดขอบด้านขวา
เลข 9 จัดให้ข้อความชิดติดขอบด้านซ้ายและด้านขวาในอัตราส่วนที่เท่ากันทั้ง 2 ด้าน
เลข 10 ใช้ทำลิงค์
เลข 11 ใช้กำหนดรูปแบบการแสดงผลของลิงค์
เลข 12 ใช้ในการทำลิสต์แบบเป็นจุด
เลข 13 ใช้ในการทำลิสต์แบบเป็นตัวเลข
เลข 14 ใช้ในการจัดให้ข้อความเยื้องไปข้างหน้า (เยื้องไปด้านซ้ายมือ)
เลข 15 ใช้ในการจัดให้ข้อความเยื้องไปข้างหลัง (เยื้องไปด้านขวามือ)
เลข 16,17 ใช้ในการจัดรูปแบบการจัดตำแหน่งทั้งตามแนวตั้งและแนวนอนในตาราง
เลข 18 ใช้ในการกำหนด ความกว้างของตาราง หรือของเซลล์ (ใช้ได้กับตารางเท่านั้น)
เลข 19 ใช้ในการกำหนด ความสูงของตาราง หรือของเซลล์ (ใช้ได้กับตารางเท่านั้น) เลข 20 ใช้ในการดึงเอาภาพมาเป็นพื้นหลัง (ใช้ได้กับตารางเท่านั้น) เลข 21 ใช้สำหรับกำหนดสีพื้นหลัง (ใช้ได้กับตารางเท่านั้น)
Panel Design
Panel Design นี้จะเป็นส่วนที่รวบรวมเครื่องมือที่เราเคยใช้ในเวอร์ชั่น 4 อาทิเช่น แท็บ CSS Style , แท็บ HTML Style , แท็บง Bahaviors หรือจะพูดให้เข้าใจก็คือ Panel Design นี้จะรวบรวม เครื่องมื่อที่เกี่ยวกับการตกแต่งเว็บด้วย CSS Style และ HTML Styles รวมถึงการใส่ลูกเล่นพิเศษต่าง ๆ มารวมกันไว้นั่นเอง
Panel Design นี้จะเป็นส่วนที่รวบรวมเครื่องมือที่เราเคยใช้ในเวอร์ชั่น 4 อาทิเช่น แท็บ CSS Style , แท็บ HTML Style , แท็บง Bahaviors หรือจะพูดให้เข้าใจก็คือ Panel Design นี้จะรวบรวม เครื่องมื่อที่เกี่ยวกับการตกแต่งเว็บด้วย CSS Style และ HTML Styles รวมถึงการใส่ลูกเล่นพิเศษต่าง ๆ มารวมกันไว้นั่นเอง
Panel Design ถ้าเราเคยใช้เวอร์ชั่น 4 มาก่อนจะเห็นถึงความแตกต่าง
Panel Code
Panel Code นี้จะรวบรวมเครื่องไม้เครื่องมือต่าง ๆ เหมือนกับ Panel Design ซึ่ง Panel Code นี้ได้รวบรวมแท็บเครื่องมือทีจำเป็นไว้ดังนี้ Tag Inspector , Snippets , Reference ในเวอร์ชั่น 4 ก็ได้มีการบบรจุแท็บต่าง ๆ นี้ไว้ให้แล้ว แต่ในเวอร์ชั่น MX ก็ได้มีหน้าต่าง Snippets เพิ่มเข้ามาอีก ซึ่งการใช้งานในส่วนของแท็บ Snippets จะได้กล่าวถึงในบทต่อ ๆ ไป
พาเนลนี้จะเป็นหน้าที่รวบรวมหน้าต่างย่อยที่เกี่ยวกับการใช้งานที่เกี่ยวข้องกับฐานข้อมูล หรืองานที่ต้องเกี่ยวข้องกับระบบการทดสอบเว็บ หรือที่เรียกกันว่า Testing server ซึ่งในหัวข้อนี้เองผมไม่มีความรู้ด้านการใช้งานในหัวข้อนี้ผมก็เลยจะไม่พูดถึงนะครับ
Panel Files
เป็นพาเนลที่ได้รวบรวมไฟล์ต่าง ๆ ที่เกี่ยวข้องกับเว็บเพจที่เราสร้างขึ้นมาทั้งหมด มารวมไว้ด้วยกัน ไม่ว่าจะเป็นไฟล์ประเภทต่าง ๆ เช่น .html , .gif , .jpg , .css เป็นต้น (คุณต้องทำการสร้างชื่อ site ไว้ใช้งานด้วย (ดูที่นี่เพื่อศึกษาการใช้งานเมนู Site) ส่วนที่แท็บ Assets นั้นจะเป็นการรวบรวมรายละเอียดของสิ่งต่าง ๆ ไม่ว่าจะเป็นรหัสสีที่ใช้ทั้งหมดใน site นั้น ๆ ลิงค์ทั้งหมดที่ได้เชื่อมต่อ รูปภาพ ฯลฯ แยกเป็นหมวด ๆ มาไว้ด้วยกัน
พาเนลนี้จะเป็นพาเนลที่คอยช่วยในเรื่องของการสร้างเว็บโดยการใช้เลเยอร์ หรือ การใช้เฟรม โดยทันทีที่มีการใช้เลเยอร์ หรือมีการใช้เฟรม พาเนลสองตัวนี้ก็จะเอาไว้กำหนดคุณสมบัติต่าง ๆ รองจากหน้างต่าง Properties
Panel History
เป็นส่วนที่เอาไว้เก็บเหตุการณ์ที่เกิดขึ้นทั้งหมด (คล้ายๆกล่องดำเลย) สมมุติว่าพิมพ์ข้อความมาอยู่ดี ๆ และดันเผลอไปลบข้อมูลที่พิมพ์ เราก็ใช้พาเนลนี้ช่วยย้อนเวลากลับไปได้ครับ ในทำนองเดียวกัน เราก็สามารถที่จะย้อนหรือกลับไปยังช่วงเวลาปกติได้เช่นเดียวกัน
ถ้าคุณไม่มีพาเนลตัวใดตัวหนึ่งแสดงอยู่ ให้คุณลองไปดูที่ เมนู Window > Others นะครับ
ออบเจ็กต์ต่าง ๆ
หัวข้อนี้ไม่มีเนื้อหาอะไรมากครับ เพราะออบเจ็กต์ต่าง ๆ เหล่านี้้้นั้นล้วนแต่ได้กล่าวไปแล้วในเวอร์ชั่น 4 แต่อาจจะกล่าวพอให้อยู่อย่างคร่าว ๆ นะครับเครื่องมือในหมวด Common
หัวข้อนี้ไม่มีเนื้อหาอะไรมากครับ เพราะออบเจ็กต์ต่าง ๆ เหล่านี้้้นั้นล้วนแต่ได้กล่าวไปแล้วในเวอร์ชั่น 4 แต่อาจจะกล่าวพอให้อยู่อย่างคร่าว ๆ นะครับเครื่องมือในหมวด Common
เครื่องมือในหมวด Common นี้จะไม่ค่อยแตกต่างจากเวอร์ชัน 4 เท่าไหร่นัก เพราะออบเจ็กต์ต่าง ๆ ล้วนแต่เหมือนกับเวอร์ชัน 4 มีเพียงบางตัวเท่านั้นที่เพิ่มเข้ามาใหม่
ออบเจ็กต์หลัก ๆ ก็มีทั้ง การสร้างลิงค์ , การลิงค์ไปยังอีเมล , การลิงค์ไปยังตำแหน่ง , การสร้างตาราง , การสร้างเลเยอร์ , การแทรกรูปภาพ , การทำ Rollover Image , การใส่คอมเม้นต์ เป็นต้น
เครื่องมือในหมวด Layout
เครื่องมือในหมวด Layout นี้จะเกี่ยวกับรูปร่างเค้าโครงของเว็บเพจที่เราสร้างขึ้นมา ว่าจะอยู่ในรูปแบบของ Standdard View หรือ Layout View
ซึ่งรูปแบบของการใช้งานนี้ผมได้เคยกล่าวไว้แล้วในเวอร์ชัน 4 ว่าด้วยเรื่อง ปรับแต่งโปรแกรมก่อนเริ่มใช้งาน
เครื่องมือในหมวด Text
เครื่องมือในหมวด Text นี้จะเกี่ยวกับลักษณะที่เกี่ยวกับตัวอักษร ไม่ว่าจะเป็นการทำตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ขนาดของหัวข้อชนิดต่าง ๆ การทำลิสต์แบบต่าง ๆ รวมไปถึงการใส่ลักษณะพิเศษอื่น ๆ
เครื่องมือในหมวด Table
เครื่องมือในหมวด Table นี้จะเกี่ยวกับการสร้างตาราง ซึ่งผมก็ได้กล่าวไว้แล้วในเวอร์ชัน 4 ครับ
เครื่องมือในหมวด Frames
เครื่องมือในหมวด Frames นี้จะเกี่ยวกับการสร้างเฟรมในเว็บเพจ ซึ่งหัวข้อนี้ผมไม่ได้ทำเนื้อหาในส่วนนี้ไว้ เพราะผมก็ไม่ค่อยมั่นใจในความรู้ด้านการสร้างเฟรมสักเท่าไหร่
เครื่องมือในหมวด Forms
เครื่องมือในหมวด Forms นี้จะเกี่ยวกับการสร้างแบบฟอร์มรับส่งข้อมูล ซึ่งผมก็ได้กล่าววิธีการใช้งานทั้งหมดไว้ในเวอร์ชัน 4 แล้ว
เครื่องมือในหมวด Templates
เครื่องมือในหมวด Templates นี้จะเกี่ยวกับการสร้างแม่แบบของเว็บเพจ (Template) ไว้ใช้งาน
เครื่องมือในหมวด Characters
เครื่องมือในหมวด Characters นี้จะเกี่ยวกับการจัดการเกี่ยวกับการเว้นวรรค การขึ้นบบรทัดใหม่ รวมไปจนถึงการแทรกสัญลักษณ์พิเศษต่าง ๆ
เครื่องมือในหมวด Media
เครื่องมือในหมวด Media นี้จะเกี่ยวกับการใส่ลูกเล่น Flash ,Flash Button , Flash Text , Shockwave , Java Applet ต่าง ๆ ที่สามารถโต้ตอบกับผู้ใช้ได้
เครื่องมือในหมวด Head
เครื่องมือในหมวด Head นี้จะเกี่ยวกับการใส่แท็กที่ส่วนของ Head เช่น การใส่คีย์เวิดร์ (Keywords) การใส่คำอธิบายเว็บเพจ (Description) การใส่แท็กรีเฟรช และการใส่แท็กเมกา (Meta) ต่าง ๆ เป็นต้น
เครื่องมือในหมวด Script
เครื่องมือในหมวด Script นี้จะเกี่ยวกับการใส่ภาษา JavaScript เพื่อแทรกลูกเล่นลงในเว็บเพจ หรือการใส่เทคโนโลยีของทางฝั่งเว็บเซิร์ฟเวอร์ เช่น เทคโนโลยี SSI เป็นต้น
เครื่องมือในหมวด Application
เครื่องมือในหมวด Application นี้จะเกี่ยวกับการเชื่อมโยงกับฐานข้อมูล หรือเป็นการจัดการเกี่ยวกับข้อมูลต่าง ๆ ที่อยู่ในขั้นการใช้งานขั้นสูง
ไม่มีความคิดเห็น:
แสดงความคิดเห็น