27-28  ตุลาคม 2551

ณ ห้องประชุม สพท.อด.4

โครงการพัฒนาบุคลากรด้านเทคโนโลยีสารสนเทศและการสื่อสาร

สำนักงานเขตพื้นที่การศึกษาอุดรธานี เขต 4

 

 

 

 

 



การใช้งาน Microsoft FrontPage XP

1. สร้าง Folder โดยตั้งชื่อเป็นภาษาอังกฤษ  ใน My Documents

2. เปิดโปรแกรม Ms. Frontpage XP   คลิกแฟ้ม เลือกสร้าง เลือกที่เพจหรือเว็บ...

3. เลือกรูปแบบหน้า Page หรือตัวช่วยสร้าง ด้านขวามือตามต้องการ

4. สร้าง File หลักของ Homepage คือ Index.html  โดยการวางโครงสร้างให้คำนึงถึง  คุณค่าของเนื้อหาสาระ  ความสมดุล  ระยะเวลาการโหลด  ความเรียบง่าย  ความแปลกใหม่ตามยุคสมัย  สิ่งดึงดูดให้อยากเข้าเยี่ยมชม  อยากค้นหา  อาจสร้างเป็นรูปแบบ Page เดี่ยว หรือแบบ Frame ก็ได้  ส่วนประกอบของ  Index.html  ส่วนมากจะประกอบด้วย  ชื่อ Website  คำกล่าวต้อนรับ  ตราสัญลักษณ์ขององค์กร  เมนูหรือสารบัญ  พาดหัวข่าวหรือคำเชิญชวน  วันเวลา  จำนวนผู้เข้าเยี่ยมชม  กระดานข่าว 

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

 

5. พิมพ์ หรือ แทรก หรือ ก๊อปปี้ข้อมูล ทำการปรับเปลี่ยนขนาดและสีของตัวอักษรตามต้องการ

ถ้าต้องการให้บรรทัดแคบลงกด Shift+Enter บันทึกเป็น Save As ใน Folder ที่ตั้งไว้ใน My Documents  ตั้งชื่อ File เป็นภาษา E

 

การทำ Background ด้วยภาพ

1. คลิกขวาที่งาน จะปรากฏเมนู แล้วคลิกที่คุณสมบัติเพจ

2. คลิกที่พื้นหลัง โดยคลิกที่ช่อง (check box)   รูปภาพพื้นหลัง

3. คลิกปุ่มเรียกดู จะปรากฏหน้าต่าง แล้วให้เลือก File ที่ต้องการนำไปเป็น Background  แล้วคลิกเปิด

การทำ Background ด้วยธีม

คลิกเมนูรูปแบบ  คลิกชุดรูปแบบ  คลิกเลือกเพจที่เลือกไว้  เลือกชุดรูปแบบตามต้องการ 

Text Box:

 

 

 

การนำภาพมาแสดงใน Web Page

1.      ที่เมนูแทรก  จะปรากฏแถบเมนูย่อย  แล้วไปที่รูปภาพแล้วไปที่แหล่งรูปภาพ ตามที่ต้องการ

2. การเลือกรูปภาพมาใช้ใน Homepage จะต้องผ่านการกระทำให้มีขนาด  และความละเอียด ลดลง

โดยอาจปรับแต่งใน Photoshop ก่อน แล้ว Save for web

การทำตัวอักษรเคลื่อนไหว

1.  ที่เมนูแทรก คลิกเว็บคอมโพเนนต์ เลือกลักษณะพิเศษเคลื่อนไหว เลือกอักษรวิ่ง

Text Box:

 

 

 

 

2. คลิกเสร็จสิ้น  พิมพ์ข้อความลงในช่องข้อความ กำหนดทิศทาง  ความเร็ว  รูปแบบ  ขนาด  ทำซ้ำ

สีพื้นหลัง  คลิกตกลง

การเพิ่มลูกเล่นให้กับตัวอักษรหรือภาพ

1.  เลือกภาพหรือข้อความที่ต้องการ  ที่เมนูรูปแบบ  เลือกลักษณะพิเศษของ DHTML

Text Box:

 

Text Box:

 

 

2.  กำหนดลักษณะพิเศษ  เลือกเหตุการณ์  นำไปใช้ และรูปแบบ

 

 

การสร้าง Link โดยข้อความหรือรูปภาพ

1. คลิกรูปภาพหรือข้อความ  เลือกการเชื่อมโยงหลายมิติ 

Text Box:

 

 

2.  เลือกแหล่งที่จะ Link ไป เช่น แฟ้มหรือเพจ  ตำแหน่งในเอกสารนี้  สร้างเอกสารใหม่  หรืออีเมล

การสร้างเส้นคั่นอย่างรวดเร็ว

ไปที่เมนูแทรก  เลือกเส้นแนวนอน  ลากดำที่เส้น  กำหนดขนาด  ตำแหน่ง  และสีของเส้นตามต้องการ

การกำหนดตำแหน่งภาพ

คลิกที่รูปภาพ  ที่เมนูรูปแบบ  เลือกตำแหน่งที่จะวางภาพ  ตามต้องการ

Text Box:

 

 

การแทนภาพด้วยข้อความ

เลือกรูปภาพ  คลิกขวา  เลือกคุณสมบัติรูป  ที่เมนูทั่วไป  พิมพ์ข้อความเพื่ออธิบายภาพนั้น

การแทรกเสียง

คลิกขวาที่ว่างในเพจ  ที่เมนูทั่วไป  ที่เสียงพื้นหลัง  ช่องที่ตั้ง  คลิกเรียกดู  เลือก File เสียง  กำหนดรอบ

 

การจัดการกับตาราง

ที่เมนูตาราง  เลือกแทรก  เลือกตาราง  แล้วตั้งค่าตารางตามต้องการ

Text Box:

 

 

การทำ Hit Counter

ที่เมนูแทรก  เลือกเว็บคอมโพเนนต์  เลือก Hit Counter  เลือกรูปแบบตัวเลข  แต่ถ้าหาก Hit Counter 

จากโปรแกรมใช้งานไม่ได้ดี  ควรเสาะหาไปที่ Website ที่ให้บริการของฟรีมีมากมาย เช่น  Website

http://freelogs.com  www.ntt.nectec.or.th  http://ntl.nectec.or.th  ทำการ Copy Code ไปวางใน HomePage ในสถานะที่แสดง Page เป็น HTML

การกำหนดวันเวลา Date&Time

ที่เมนูแทรก  เลือกวันที่และเวลา  เลือกรูปแบบวันที่และเวลา

Text Box:

 

 

การทำสมุดเยี่ยม Guest Book

นอกจากในโปรแกรมแล้ว  ควรเสาะหาไปที่ Website ที่ให้บริการของฟรีมีมากมาย เช่น  Website

www.212cafe.com  โดยการสมัครเป็นสมาชิก  ทำการ Copy Code ไปวางใน HomePage ในสถานะ

ที่แสดง Page เป็น HTML

การทำโพล Poll

ควรเสาะหาไปที่ Website ที่ให้บริการของฟรีมีมากมาย เช่น  Website  http://thaimisc.com  ปฏิบัติตามขั้นตอนที่กำหนด  ทำการ Copy Code ไปวางใน HomePage ในสถานะที่แสดง Page เป็น HTML

การทำกระดานข่าว Webboard

นอกจากในโปรแกรมแล้ว  ควรเสาะหาไปที่ Website ที่ให้บริการของฟรีมีมากมาย เช่น  Website

www.212cafe.com  โดยการสมัครเป็นสมาชิก  ทำการ Copy Code ไปวางใน HomePage ในสถานะ

ที่แสดง Page เป็น HTML

 

นอกจากนี้  ยังมีเทคนิคการสร้าง Home Page By FrontPage XP อีกมากมาย 

ขอให้ท่านไปฝึกเพื่อให้เกิดความชำนาญต่อไป

@@@@@@@@

คู่มือการสร้าง Home Page By FrontPage XP ฉบับนี้

เขียนขึ้นตามประสบการณ์ตรง ซึ่งอาจจะทำให้การใช้ภาษาไม่สละสลวยหรือไม่เป็นเชิงวิชาการ 

แต่ก็สามารถทำให้ท่านสร้าง และพัฒนา Home Page ของท่านได้ 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

การ Upload File ไปยัง Server ด้วย WS-FTP Pro

โดย  รอง  ปัญสังกา

1.  เปิดโปรแกรม  ที่เมนู File  คลิก Connect

Text Box:

 

 

2.  คลิก Create site  กรอก Name คลิก Next

 

3.  กรอก Host Address  คลิก Next  

4.  กรอก  UserID  และ Password  สำหรับ Account  ไม่ต้องกรอก  แล้วคลิก Finish

5.  การใช้งานเพียงดับเบิ้ลคลิกที่ไอคอน หน้าเดสท็อป  แล้วคลิกที่ Connect แล้วเลือก Site ของเรา

คลิกที่ Connect  สังเกตสถานะของการ Connect  ที่ช่องด้านล่าง  ถ้า Connect ได้จะไม่มีสีแดง

 

 

6.  ทำการเลือก File ใน Homepage ที่เราสร้างไว้ใน Local System ด้านซ้ายมือ Upload ไปยัง Server  ด้านขวามือ Remote Site โดยคลิกลูกศรสีเขียว           รอการ Upload  และสังเกตสถานะ Transfer จนครบ 100%  เป็นอันเสร็จพิธี

 

เทคนิคบางประการ

1.      การดับเบิ้ลคลิกไฟล์ที่มีไอคอนและตัวอักษร  ให้ดับเบิ้ลคลิกที่รูปไอคอน

2.      การเลือกไฟล์  หากเลือกไฟล์ไม่ต่อเนื่องกันให้กด Ctrl ค้างไว้แล้วใช้เม้าท์คลิกเลือกทีละไฟล์

3.      การเลือกไฟล์ต่อเนื่องเรียงกันหลายๆ ไฟล์  ให้คลิกเลือกไฟล์แรก แล้วกด Shift ค้างไว้ แล้ว

คลิกไฟล์สุดท้าย

4.      การเลือกไฟล์ทั้งหมด ให้กด Ctrl + A 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

การใช้โปรแกรม

ULEAD GIF
ANIMATOR 5

 

Text Box:

 

Text Box:

 

 

 

BY

RONG 

PUNSUNGKA

 

 

 

 

 

การใช้โปรแกรม ULEAD GIF ANIMATOR 5

โดย  รอง  ปัญสังกา

***********

- ในกรณีการทำงานเกี่ยวกับรูปภาพ จะเริ่มต้นจากการเตรียมทรัพยากรรูปภาพที่มีความเหมาะสมกับการนำเสนอบนเว็บไซต์ โดยเฉพาะจากโปรแกรมยอดนิยม Photo Shop  ซึ่งจะต้องจัดการกับขนาดภาพที่มีความกว้าง ความยาวเท่ากันทุกภาพ แล้ว Save for Web เพื่อให้มีขนาดไฟล์เล็กลง

เริ่มการทำงาน  ดับเบิ้ลคลิก Icon  Ø ULEAD GIF ANIMATOR 5

 

- คลิกที่ File Ø New Ø ตั้งค่าความกว้าง ความสูง และสีพื้น Ø OK

 

 

 

 

การทำภาพสไลด์

- คลิกที่ File Ø Add Image หรือกดปุ่ม  Insert หรือคลิกที่  Icon ที่มีสีแดงและน้ำเงินด้านบน  

- คลิกที่ Frame Ø Duplicate Frame หากต้องการเพิ่มเวลาและเฟรมในการนำเสนอ  หรือ  Add Frame เมื่อต้องการ Add Image เข้ามาใหม่อีก  หรือคลิกที่ Icon ด้านล่าง

 

 

การพิมพ์ข้อความ

- คลิกที่ตัว T ด้านข้างซ้ายมือ เมื่อต้องการพิมพ์ตัวอักษรบนรูปภาพ

 

 

 

 

 

 

 

 

 

 

 

 

 

การสร้างข้อความที่เคลื่อนไหว

- คลิกที่ Frame Ø Add Banner Text หรือคลิกที่ Icon ตัว T ด้านล่าง

- แล้วตั้งค่า Text ; Effect ; Frame ; Control ; Neon  ตามต้องการ 

- ลอง Start Preview ดู  หากพอใจแล้วตอบ  OK เลือก Create as Banner Text

 

 

 

 

- เมื่อพอใจแล้วทำการบันทึก  File Ø Save as Ø GIF File  เก็บไว้ใน Folder เดียวกับ My Webs

เป็นอันเสร็จสรรพ

 

 

 


 

1