Easyhome 2010
Ads 468x60
Review Programs Navigation Bar


 
Homesite HTML Editor
คุณสมบัติทั่วไป
กำหนดภาษาไทย
รู้จักกับแถบเมนู
สร้างไฟล์ต้นแบบ
ให้ตัววิเศษช่วย
กลเม็ดเคล็ดไม่ลับ
Homesite 5.0
FaQ ปัญหาคาใจ

 
 
ADS 250x250
 
ADS 125

 


หลังจากที่ได้ปรับแต่งให้เหมาะสมกับการใช้ภาษาไทยแล้ว ต่อไปเรามาดูวิธีการใช้งาน เบื้องต้นกันเลย

Homesite 4.0 Menu

ท่านที่เคยใช้โปรแกรมในวินโดว์จนชำนาญแล้ว คงจะพอเดาได้นะครับว่าปุ่มไหนทำ หน้าที่อะไรบ้าง หรือจะคลิกที่เมนูต่าง ๆ ดูรายละเอียดก็ได้

  1. กลุ่มสร้างไฟล์ใหม่หรือเปิดไฟล์เก่า เหมือนกับเมนู File > New or Open
  2. ปุ่มสำหรับการจัดเก็บไฟล์ (Save) รูปแผ่นดิสก์เดี่ยวสำหรับเก็บไฟล์ที่กำลังทำงาน รูปแผ่น ดิสก์คู่สำหรับการจัดเก็บไฟล์ทุกไฟล์พร้อมกันในคราวเดียว
  3. กลุ่มเครื่องมือการแก้ไข ซึ่งได้แก่ ปุ่มตัด, คัดลอก, วาง (Cut, Copy, Paste)
  4. ปุ่มสำหรับการทำงานย้อนกลับ Undo และ Redo สามารถทำย้อนกลับได้มากกว่า 5 ครั้ง
  5. ปุ่มสำหรับเรียก Tag คำสั่งที่ทำก่อนหน้านี้มาใช้อีก (ไม่ต้องคลิกเลือกใหม่บ่อย ๆ)
  6. ปุ่มสำหรับเรียกการทำงานแบบ Full Screen ซึ่งจะเป็นการซ่อนปุ่มต่าง ๆ ทั้งหมด เหลือ เฉพาะเมนู
  7. ปุ่มสำหรับเรียก External Browser ซึ่งขึ้นกับว่าเราได้ลงบราวเซอร์อะไรบ้างในเครื่อง โปรแกรมจะเรียก/ค้นหาบราวเซอร์มาแสดงให้เองอัตโนมัติ
  8. แถบเลือกการแสดงผลในโหมด Edit ซึ่งเป็นการแก้ไขปกติด้วยคำสั่ง HTML
  9. แถบเลือกการแสดงผลด้วย Internal Browser จะมีคุณสมบัติคล้ายกับ Internet Explorer
  10. แถบเลือกการทำงานในโหมด Design สามารถปรับย่อขยายรูปภาพ การจัดหน้าเอกสาร คล้าย ๆ กับ Frontpage หรือ Netscape Composer สามารถคลิกเมาท์ที่รูปแล้วลากไป วางในตำแหน่งที่ต้องการได้

เมื่อเปิดไฟล์ขึ้นมาใหม่ โปรแกรมจะสร้างไฟล์ชื่อ Untitled ขึ้นมาโดยการเตรียม Tag คำสั่งที่จำเป็นพื้นฐานไว้ให้แล้วดังภาพข้างล่างนี้

Editor Mode

ถ้าเราต้องการจะกำหนด Tag เพิ่มเติมก็สามารถทำได้โดยคลิกจากปุ่มในแถบ Common ดังนี้

Common Menu

เริ่มจากปุ่มลูกศรสีเหลืองทางซ้ายมือ มีรายละเอียดดังนี้

  1. Quick start สำหรับการเริ่มต้นสร้างไฟล์เอกสาร HTML ใหม่เลย
  2. Body ปุ่มสำหรับสร้าง Tag body ที่จำเป็น เช่น รูปภาพแบคกราวน์ สีของพื้นหลัง สีของ ตัวอักษร สีของจุดเชื่อม สีขณะที่วางเมาท์บนจุดเชื่อม สีที่เปลี่ยนไปเมื่อคลิกที่จุดเชื่อม นั้นแล้ว ฯลฯ
  3. Paragraph ปุ่มสำหรับสั่งขึ้นย่อหน้าใหม่ เว้นบรรทัด
  4. Break ปุ่มสำหรับตัดคำขึ้นบรรทัดใหม่ (ในย่อหน้าเดิม)
  5. Non-breaking space ปุ่มสำหรับแทรกการเว้นช่องว่างให้กว้างขึ้น (เพิ่มจำนวนเคาะวรรค เนื่องจากบราวเซอร์รับการเคาะคานเว้นวรรคหลาย ๆ ครั้งแสดงผลเพียงเคาะเดียว) จึงต้อง ใส่เครื่องหมาย unvisible letter ลงไป
  6. Anchor ปุ่มสำหรับกำหนดจุดเชื่อมโยง
  7. Image ปุ่มสำหรับการแทรกภาพต่าง ๆ
  8. Horizontal rule เป็นปุ่มแทรกเส้นกั้นตามแนวนอน
  9. Align Center ปุ่มกำหนดการแสดงผลกึ่งกลางหน้า
  10. Align right ปุ่มสำหรับกำหนดการแสดงผลชิดขอบขวา
  11. DIV ปุ่มสำหรับการกำหนดตำแหน่งแสดงผลตามใจคุณ

Fonts Menu

  1. Font ปุ่มนี้สามารถกำหนดลักษณะของตัวอักษรได้ทั้งสีและขนาด
  2. Font size + ปุ่มกำกับเพิ่มขนาดตัวอักษรให้ใหญ่ขึ้น
  3. Font size - ปุ่มสำหรับการลดขนาดตัวอักษร
  4. Bold คำสั่งกำกับให้แสดงผลเป็นอักษรตัวหนา
  5. Italic คำสั่งกำกับให้แสดงผลเป็นอักษรตัวเอียง
  6. Strong คำสั่งกำกับให้แสดงผลเป็นอักษรตัวเข้ม (ดูแข็งแรง เหมือนตัวหนา)
  7. Emphasis คำสั่งกำกับให้แสดงผลเป็นอักษรตัวเอียงคล้าย Italic
  8. Preformatted text คำสั่งกำกับให้แสดงผลตัวอักษรในลักษณะ Monospaced font (เหมือนตัวอักษรพิมพ์ดีด ไม่เหมาะกับอักษรภาษาไทย)
  9. Heading 1, 2, 3 กำหนดตัวอักษรหัวเรื่องขนาดใหญ่
  10. Subscript คำสั่งกำหนดตัวอักษรห้อยดังตัวอย่าง  A2
  11. Superscript คำสั่งกำหนดตัวอักษรยกขึ้นดังตัวอย่าง  X2

Tables Menu

แถบเครื่องมือในกลุ่มตารางจะมี 4 กลุ่ม ดังนี้

  1. Table wizard กลุ่มนี้คุณจะสามารถกำหนดรายละเอียดของตารางต่าง ๆ ได้ โดยคลิก เลือกตามที่ตัวช่วยเหลือ (Wizard) แนะนำ
  2. Dialog กลุ่มนี้จะเป็นการกำหนดรายละเอียดในแต่ละ Tag คำสั่งได้อย่างอิสระเช่น ขนาด ของตาราง การกำหนดตำแหน่ง Alignment ฯลฯ
  3. Standard กลุ่มนี้จะเป็นการใช้ Tag คำสั่งพื้นฐานทั่วไป สามารถเติมรายละเอียดทีหลังได้ ถ้าต้องการ
  4. Table Sizer (Quick Table) คำสั่งกำหนดตารางอย่างง่าย ลักษณะเดียวกันกับการแทรก ตารางใน MS Word

ยังมีแถบกลุ่มคำสั่งอีกหลายแถบให้ทดลองใช้กันดูนะครับ ผมก็ใช้วิธีค่อย ๆ แกะรอยใช้ ไปเรื่อย ๆ ทีละคำสั่ง แล้วมาบอกคุณนี่ล่ะ หรือจะดูได้จากเมนู Help ก็ได้

 

Click to Top

 

red line
Home | What's new? | Basic HTML | Reviews Programs | Tip&Tricks | Download | Site Map
red line

 

 

Home Basic HTML Review Software More Tip & Tricks Download Software Site Map