|
Homesite 5.0 Full Version
|
ลังจากที่ได้ลองใช้โปรแกรม Homesite 4.5 มาระยะเวลาหนึ่ง พบกับความสามารถ อันหลากหลายมากมาย ตอนนี้ก็ได้เวลาที่ต้องเปลี่ยนมาใช้ Homesite 5.0 กันแล้วครับ คุณสมบัติ ส่วนใหญ่ยังคงเดิมครับ ที่มีเพิ่มขึ้นมาก็คือ ส่วนช่วยเหลือใน การทำภาพ Image Map การปรับปรุง คำสั่ง (Tag) ให้สามารถแสดงผลได้ในบราวเซอร์ยอดนิยมได้ทุกๆ ค่าย ทั้ง Internet Explorer, Netscape Navigator, Opera รวมทั้งการทำงานประสานร่วมกับโปรแกรมอื่นๆ ได้ดีขึ้น ไม่ว่าจะเป็น Dreamweaver, NetObject, PaintShop Pro โดยเฉพาะโปรแกรมในค่าย Macromedia จะทำงานได้ดีที่สุดเพราะตอนนี้ Homesite จากค่าย Allaire ได้ถูกซื้อเข้าไปร่วมชายคาเดียวกับ Macromedia เรียบร้อยในเวอร์ชั่นใหม่ของ Dreamweaver MX จะผนวกโปรแกรม Homesite 5.0 เข้าไปเป็นตัวเดียวกันเรียบร้อยแล้ว ซึ่งได้นำมารีวิวให้ทราบกันแล้ว คลิกไปชม
รูปแบบการปรับแต่งโปรแกรมต่างๆ หน้าตาเปลี่ยนไปจากเวอร์ชั่น 4.01 แต่คุณสมบัติ ยังคงเดิม ดูง่ายขึ้นเยอะ (เหมือนเวอร์ชั่น 4.5 BETA)
|
เมนูที่เพิ่มมาใหม่
|
ที่มองเห็นชัดเจนคือปุ่มเครื่องมือที่เพิ่มขึ้นมาใหม่หลายปุ่ม ที่อำนวยความสะดวกให้มากมาย ทีเดียว เช่น ปุ่มในกลุ่ม Edit ที่เพิ่มขึ้นมาได้แก่ ปุ่ม Show clipboard, Paste all, Clear clipboard เป็นต้น ฟีเจอร์ที่เติมเข้ามาคือความสามารถในการเก็บสิ่งที่เราสั่ง
Copy หรือ Cut ไว้ได้จำนวนมาก โดยไม่สูญหายไปจนกว่าจะคลิกที่ปุ่ม Clear clipboard (ในเวอร์ชั่น 4.0 การ Cut หรือ Copy จะทับ ตัวเดิมหายไปเสมอ)
เราสามารถคลิกปุ่ม Show clipboard เพื่อดูสิ่งที่เรา Copy ไว้ได้ดังภาพตัวอย่าง
|
เทคนิคการทำ Image Map
|
อีกคุณสมบัติหนึ่งที่เพิ่มเข้ามาในเวอร์ชั่นนี้คือการทำ Image Map โดยการคลิกที่ปุ่มสีเหลือง รูปภูเขาริมขวาสุด (สงสัยว่าคุณจะลืมโปรแกรม MapEdit ไปเลยก็ได้ครับ) จะปรากฏกรอบโต้ตอบ ให้เลือกภาพที่จะใช้ทำ Image Map
คุณต้องคลิกเลือกรูปที่ต้องการจะทำ Image Map และกำหนดชื่อในช่อง Map name แล้ว คลิก OK ก็จะเกิดกรอบ Image Map Editor แสดงภาพสำหรับการเลือกบริเวณที่ต้องการ (สามารถ เลือกพื้นที่เป็นแบบสี่เหลี่ยม วงกลม/รี และรูปหลายเหลี่ยม)
ในตัวอย่างนี้จะลองทำจุดเชื่อมไปยังเว็บไซต์ของ Allaire.com โดยการเลือกรูปแบบสี่เหลี่ยม คลิกบนปุ่ม (Tool bar) แล้วนำเมาท์มาวางที่บริเวณคำว่า Homesite 4.5 คลิกเมาท์ซ้ายลากกรอบ สี่เหลี่ยมโดยรอบ จะปรากฏกรอบ Tag Editor
เพื่อกำหนดพื้นที่นั้นให้เป็นจุดลิงก์ไปยังไซต์ ที่ต้องการ
เมื่อคลิก OK ก็จะปรากฏ Tag คำสั่งกำหนดบริเวณพื้นที่สำหรับการเชื่อมโยงเรียบร้อยแล้ว (ข้อสังเกต ต้องคลิกเมาท์วางเคอร์เซอร์ในบริเวณที่จะวาง Tag คำสั่งนี้ก่อนการทำขั้นตอนต่างๆ ข้างต้น) ที่ tag คำสั่งรูปภาพที่เราเลือกจะมีการแทรก
Attribute ให้เป็น usemap="#=ชื่อที่กำหนด (ในตัวอย่างคือ homesite)" ต่อท้าย
จะเห็นว่าง่ายดายมากใช่ไหมครับ ส่วนคุณสมบัติอื่นๆ ก็ลองค้นหากันเองนะครับ ยังมีซ่อนอยู่ อีกมากมายทีเดียว ยังไงถ้าผมใช้แล้วพบคุณสมบัติเด่นๆ อีกจะนำมาเสนอครับ
|