Transcript กรุงรัตนโกสินทร์

Company
LOGO
การสร้ างเว็บเพจจากข้ อความ
และการบันทึกงาน ในโปรแกรม
FrontPage2003
…By Wuthichai Suasuan…
FrontPage2003
เปิ ดหน้ าใหม่ เพือ่ สร้ างเว็บเพจ
www.themegallery.com
ก่อนการสร้ างงานใด ๆ ให้ ทาการสร้ างโฟลเดอร์ โดยมีชื่อที่
เป็ นรหัสประจาตัวใน My Documents => My Web Sites
จากนั้นกลับมาที่โปรแกรม เลือกเมนู File => new ทางด้ านขวาจะ
ปรากฏหน้ าต่ าง New ให้ เลือก One page Web site
จะเกิดหน้ าต่ าง Web Site Templetes ขึน้ มา ให้
เลือก Empty Web Site ตรงส่ วน Specify ให้ ระบุแหล่งเก็บ
เว็บเพจที่สร้ างไว้แล้วข้ างต้ น
Company Logo
FrontPage2003
กาหนดคุณสมบัติหน้ าเว็บเพจ
www.themegallery.com
คลิ๊กขวา เลือก Page Properies แถบ
General ช่ อง Title ให้ ใส่ ชื่อหน้ าเว็บเพจที่
ต้ องการ ซึ่งจะปรากฏที่ Title Bar ด้ านบนสุ ด
เลือกแถบ Language โดยตั้งค่ าดังนี้
Mark current document as เป็ นส่ วนเลือก
ภาษาที่ ใ ห้ โ ปรแกรมก าหนดตั ว สะกด ให้ เ ลื อ ก
Thai
HTML encoding เป็ นส่ วนของการ
เข้ ารหัสของโปรแกรม ให้ เลือก Thai Reload
the current document ใช้ ในกรณีให้ เว็บเพจ
แสดงข้ อผิ ด พลาดแล้ วโหลดขึ้ น มาใหม่ แล้ ว
เข้ า รหั ส ภาษาให้ ต ามที่ ก าหนดไว้ ให้ เ ลื อ กเป็ น
Thai
ขั้นตอนการสร้ างหน้ าต่ างเพื่อทางานก็
สิ้นสุ ดลง จากนั้นก็เข้ าสู่ การทางานในลาดับถัดไป
Company Logo
FrontPage2003
การใส่ ข้อความลงหน้ าเว็บเพจ
www.themegallery.com
การใส่ ข้ อ ความต่ า ง ๆ นั้ น สามารถพิม พ์ ใ ส่ โดยตรงเหมื อ นท างานใน
Microsoft Word ซึ่ งมีข้อสั งเกต ดังนี้
•Shift + Enter เป็ น
การขึ้นบรรทัดใหม่ ที่
Shift+Enter
อยู่ย่อหน้ า หรือหัวข้ อ
เดิม
•Enter เป็ นการขึน
้
Enter
ย่ อหน้ าใหม่ ที่ แ ยก
ออกจากหัวข้ อเดิม
Company Logo
FrontPage2003
การจัดรูปแบบข้ อความด้ วย Formatting Tools Bar
www.themegallery.com
ในการทางานการจัดรู ป แบบนั้ น มีลัก ษณะการทางานเหมือ นโปรแกรมการจั ดทา
เอกสารของ Microsoft Office โดยให้ ทาการกาหนดส่ วนที่ต้องการแล้ วเลือกคาสั่ งที่ อยู่บน
Formatting Tools Bar ซึ่งมีคาสั่ งการทางานดังนี้
การเน้ นข้ อความ
•Bold ตัวหนา
•Italic ตัวเอียง
•Underline ขีดเส้ นใต้
การจัดตาแหน่ ง
•Align Left ชิ ดซ้ าย
•Center กึง่ กลาง
•Align Right ชิ ดขวา
•Justify เท่ ากันทั้งด้ านหน้ าและด้ านหลัง
สีข้อความ (Front Color)
เป็ นสั ญลักษณ์ ตัวอักษร A ซึ่ง
สามารถเลือกสี ทหี่ ลากหลายตามต้ องการให้
ปรากฏบนหน้ าเว็บเพจ
พืน้ หลังข้ อความ (Highlight)
เป็ นสั ญลักษณ์ รูปปากกาไฮไล ที่
สามารถสร้ างความแตกต่ างให้ กับตัวอั กษร
ด้ วยการทาพื้นหลัง ให้ ตั วอัก ษรที่ ต้ อ งการ
เน้ นให้ น่าสนใจ
Company Logo
FrontPage2003
การบันทึกหน้ าเว็บเพจ
www.themegallery.com
การตรวจดูหน้ าเว็บเพจ มีสองวิธี คือ
• เลือกแถบ Preview
ที่มีข้อจากัดในการ
แสดงผล ซึ่ ง ข้ อ มู ล บางอย่ า งจะไม่ ส ามารถ
แสดงออกมาให้ ดูได้
• ดูผ่าน Browser โดยเลือกเมนู File =>
Preview in Browser จะมีหน้ าต่ างปรากฏ
เพื่อให้ เลือกเวอร์ ชั่นของ Browser ส่ วน
Window Size
มีไว้ สาหรั บเลือกขนาด
หน้ าต่ างที่ต้องการให้ แสดงผล เมื่อเลือ กแล้ วให้
กดปุ่ ม Preview หน้ า Web page ที่สร้ างก็จะ
ปรากฏขึน้ มา
Company Logo
FrontPage2003
การบันทึกหน้ าเว็บเพจ
www.themegallery.com
ในการบันทึกงานหน้ าเว็บเพจสามารถทาได้ โดยเลือกเมนู File => Save As….. จากนั้นเลือก
โฟลเดอร์ ที่ต้องการในช่ อง Save in ซึ่งจะมีโฟลเดอร์ My Web ที่โปรแกรมสร้ างให้ เป็ นโฟลเดอร์
หลักเพือ่ เก็บคาสั่ งต่ าง ๆ รวมถึงรูปภาพ หรือคาสั่ งพิเศษต่ าง ๆ
และภายในจะมี โ ฟลเดอร์
ย่ อยอีกได้ แก่
•_Private
ทาหน้ าที่เก็บไฟล์ ที่เป็ น
ความลับ เช่ น รหัสผ่ าน
•Images ทาหน้ าที่เก็บไฟล์ รูปภาพที่
ใช้ ในหน้ า เว็บเพจต่ าง ๆ โดยทุ กครั้ ง ที่
ท างาน ต้ อ งน ารู ป ภาพมาเก็ บ ไว้ เ พี่ อ
ความเป็ นสั ด ส่ วนและสะดวกต่ อ การ
ทางาน รวมถึงการเรี ยกไฟล์ เมื่อมี การ
เปิ ดหน้ าเว็บเพจใช้ งานทาง Browser
Company Logo
Company
LOGO
[email protected].