การสรางเวบไซตดวยโปรแกรม Microsoft Word

การสรางเวบไซตกคอ การสรางเอกสารสำาหรบแสดงผลบนอนเทอรเนตหรอเวบเบราวเซอรโดยใชมาตรฐาน HTML ซงผสรางจะตองมความรและความเขาใจโครงสรางภาษา HTML พอสมควรจงจะสรางได

การสรางเวบเพจทงายอกวธหนง คอ การสรางดวนโปรแกรม Microsoft Word ซงมวธสรางดงน

1. เปดไฟลใหม คลกคำาสง แฟม > สราง (File > New)

2. ทบานหนาตางใหเลอกคำาสงเวบเพจ (Webpage)

3. เลอกรปแบบสำาเรจท Word สรางเตรยมไวใหดวยคำาสง เคาโครงหนากระดาษ > ชดรปแบบ

4. จะไดตวเลอกชดรปแบบ เลอกชดรปแบบแลวคลกตกลง

5. พมพขอความ ตกแตงสสน แทรกภาพประกอบ และสรางตารางไดเหมอนกบการสรางเอกสาร Word ปกต

การใสพนหลง (Background) และลกษณะพเศษในเวบเพจ

การปรบแตงเอกสารใหเหมาะสมและสอดคลองกบเวบเพจอนๆ ในเวบไซตเดยวกนมวธการทำาดงน

1. ตกแตงไฟลงานใหสวยงาม เชน ตกแตงพนหลง เคาโครงหนากระดาษ > สของหนา > เตมลกษณะพเศษ

2. หากตองการเลอกสพนใหเลอกไดทนท

3. ถาสพนทมในถาดสไมตรงกบทตองการ ใหคลกทคำาสง สเพมเตม จะไดถาดสเพอกำาหนดสผสมใชเอง เลอกสทตองการ เสรจแลวคลกตกลง

4. การเพมเตมลกษณะพเศษ และไลระดบส ใหคลกเลอกคำาสง เตมลกษณะพเศษ คลกทแทปไลระดบส เลอกคำาสงยอย เชน สองส และลกษณะแรเงา

5. เลอกพนผว คลกเลอกคำาสง เตมลกษณะพเศษ > พนผว

6. เลอกลวดลายของพนหลงของเวบเพจ คลกเลอกคำาสง เตมลกษณะพเศษ > ลวดลาย

7. นำาภาพมาสรางเปนพนหลง คลกเลอกคำาสง เตมลกษณะพเศษ > รปภาพ

การตกแตงเนอหา (Content) ในเวบเพจ

ขอความ ภาพ เปนสวนประกอบสำาคญของเวบเพจ ซงมวธการทำาดงน

1. การตกแตงตวอกษร (Font) ใน Word สามารถสรางตวอกษรไดหลากหลาย ตลอดจนสสนใหสวยงามไดงาย โดยทเมอนำาไปแสดงบนบราว

เซอรกจะมลกษณะเหมอนตนแบบทสรางอกษรประดษฐตางๆ กสามารถนำามาประกอบเอกสารไดเชนกน

2. การแทรกภาพประกอบขอความ เราสามารถนำาภาพมาใสไวในเวบเพจดวยคำาสง แทรก > รปภาพ (Insert > Picture) แลวเลอกภาพ เชน ภาพตดปะ ภาพจากแฟม เปนตน เมอไดภาพแลวสามารถปรบขนาด วางตำาแหนง หมน และปรบลกษณะภาพใหเหมาะสมกบขอความได ดงน

การสรางไฮเปอรลงค (Hyperlink)

การลงคไปยงเวบเพจอน

ในกรณทเราสรางเวบเพจไวหลายหนาและกำาหนดใหมการเชอมโยงกนไปตามหวขอเรอง เมอผอานคลกกจะไปยงเรองทตองการนนทนท

การสรางลงคไปยงเวบเพจอน มวธการทำาดงน

1. สรางเวบเพจตนทางและปลายทาง

2. เปดไฟลขอมลตนทาง แลวคลกระบายขอความทตองการจะสรางลงค

3. คลกคำาสง แทรก > การเชอมโยงหลายมต (Insert > Hyperlinks) หรอใชแปน <Ctrl> + <K>

4. จะไดหนาตางแทรกลงค ดงน

5. ทคำาสง เชอมโยงไปยง (Link to ) : ใหคลกเลอก แฟมหรอเวบเพจทมอย

6. คำาสง มองหาใน (Look in) : คลกเลอก โฟลเดอรปจจบน (Current Folder)

การบนทกเวบ

เมอสรางและตกแตงเวบเพจเสรจแลว จะตองบนทกไฟลใหเปนเอกสาร HTML ดงน

1. คลกทคำาสงแฟม > บนทกเปนเวบเพจ (File > Save as Web Page)

2. จะไดหนาตางสำาหรบบนทกเอกสาร ใหเลอกชนดไฟลเปนแบบ Web Page โดย Word จะแยกภาพหรอกราฟฟกไปไวเปนไฟลตางหาก ถาเลอกเปนแบบ Single File Web Page จะเปนการบนทกเวบทงหมดไวในไฟลเดยวกน

3. การเปลยนขอความไตเตลของเวบเพจใหคลกทคำาสง เปลยนชอเรอง จะไดหนาตางสำาหรบพมพชอเรองใหม แลวคลก ตกลง

4. ทดลองเปดไฟลดวยเบราวเซอร จะไดเวบเพจ ดงน

รายชอสมาชก

1. นางสาวกมลพรรณ รอดรง 5420600889

2. นายพงษพฒน แกวสมบรณ 5420600919

3. นายสทธชาต บญเตม 5420602156

4. นางสาวสพรรษา สระทองแอน 5420602164