pirun.kps.ku.ac.thpirun.kps.ku.ac.th/~b5420600919/การสร_างเว_บ... · web...
TRANSCRIPT
การสรางเวบไซตดวยโปรแกรม 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. การเปลยนขอความไตเตลของเวบเพจใหคลกทคำาสง เปลยนชอเรอง จะไดหนาตางสำาหรบพมพชอเรองใหม แลวคลก ตกลง