SlideShare a Scribd company logo
คู่มอประกอบการสร้างเว็บไซต์
                 ื
            โดยโปรแกรม Microsoft Word

                     จัดทำาโดย
               ١.นาย พิพัฒน์พงศ์   มูวงกล่ำา   รหัสนิ สิต ٥
٣٠١٠٥٢٠٠٠٢
       ٢.นางสาว พิซญธิดา สาพันธ์ รหัสนิ สต ٥ ิ
٣٠١٠٥٢٠٠٢٢
       ٣.นางสาว ศรัญญา สุดเฉลียว รหัสนิ สต ٥   ิ
٣٠١٠٥٢0034
       ٤.นางสาว สาวิตรี โพธิสุขเกษม รหัสนิ สิต ٥
                               ์
٣٠١٠٥٢٠٠٣٩
       ٥.นางสาว ตติยา เบญจกุล รหัสนิ สต   ิ
53010520011
                  ชันปี ท่ี ١ คณะศึกษาศาสตร์
                    ้
                สาขา เทคโนโลยีและส่ อสารการศึกษา
                                     ื
คำำนำ ำ
คู่มือนี้จัดทำำเพ่ ือประกอบกำรเรียนกำรสอนเก่ียวกับกำรสร้ำง
เวบไซต์ด้วยโปรแกรม Microsoft Word ซ่ึงเป็ นกำร
เรียนร้กำรใช้โปรแกรมในด้ำนอ่ ืนๆ ท่ีนอกเหนื อจำกกำรพิมพ์
         ่
งำนปกติ นอกจำกนั ้นคณะผ้่จัดทำำยังได้ทำำกำรสร้ำงเวบไซต์ท่ี
ให้ควำมร้่เก่ียวกับ อำหำรไทย 4 ภำค ดังนั ้นคณะผ้่จัดทำำจึง
ได้จัดทำำคู่มือเก่ียวกับกำรสร้ำงเว็บไซต์นี้ได้งูำยขึน หำกเกิด
                                                    ้
ข้อผิดพลำดประกำรไดก็ขออภัยมำ ณ ท่นี้ ด้วย  ี
กำรวำงโครงสร้ำง
١.กำำหนดหัวเร่ องของเว็บไซต์
               ื
٢.กำำหนดองค์ประกอบหลักของเว็บ ประกอบด้วย
     ٢.١ สูวนของเมน่หลัก ประกอบด้วย
          ٢.١.١ อำหำรภำคเหนื อ
          ٢.١.٢ อำหำรภำคกลำง
          ٢.١.٣ อำหำรภำคอีสำน
          ٢.١.٤ อำหำรภำคใต้
       ٢.٢ รำยช่ ือผ้่จัดทำำ
     ٢.٣ เน้ือหำ
     ٢.٤ กำำหนดร่ปแบบของกำรเช่ ือมโยงหลำยมิติ
กำรสร้ำงเว็บเพจด้วยโปรแกรม Microsoft word
กำรสร้ำงเว็บเพจคือ กำรสร้ำงเอกสำรสำำหรับแสดงผลบน
อินเตอร์เน็ตหรือเว็บบรำว์เซอร์โดยใช้มำตรฐำน html ซ่ึงผ้่
สร้ำงจะต้องมีควำมร้่ควำมเข้ำในโครงสร้ำง html พอสมควร
กำรสร้ำงเว็บเพจท่ีงูำยอีกวิธีหน่ ึง คือ กำรสร้ำงโดยโปรแกรม
Microsoft word ซ่ึงมีวิธีกำรสร้ำง ดังนี้
     1.เปิด ms word แล้วคลิก file >new
2. ตังคูำหน้ ำกระดำษเป็ นเค้ำโครงเว็บ โดย คลิก มุมมอง>เค้ำโครง
     ้
เว็บ
3. กำรลงสีพ้ืนหลัง คลิก ร่ปแบบ> พ้ืนหลัง> เลือกสี
4.กำรสร้ำงกลูองข้อควำม เพ่ ือใสูข้อม่ล คลิกท่ี แทรก > กลูอง
ข้อควำม
5. กำรแทรกร่ปภำพ คลิกท่ี แทรก > ร่ปภำพ > ภำพจำกแฟ้ ม
>เลือกภำพ > แทรก




6.กำรทำำลิงค์ คลุมดำำ > คลิกขวำ > เช่ ือมโยงหลำยมิติ >
           ้
เลือกหน้ ำท่ีจะลิงค์ > ตกลง
                 ้
7.กำรบันทึกเว็บเพจ คลิก แฟ้ ม > บันทึกเปนเว็บเพจ
8. เปล่ยนช่ ือ ไฟล์เพ่ ือกำรจดจำำ งูำยไนกำรลิงค์
       ี                                     ้
9.ตัวอยูำงเว็บเพจ

More Related Content

What's hot

05 บทที่ 5-สรุปผล ข้อเสนอแนะ
05 บทที่ 5-สรุปผล ข้อเสนอแนะ05 บทที่ 5-สรุปผล ข้อเสนอแนะ
05 บทที่ 5-สรุปผล ข้อเสนอแนะChamp Wachwittayakhang
 
บทที่ 4 ผลการดำเนินงาน ม.ต้น
บทที่ 4  ผลการดำเนินงาน ม.ต้นบทที่ 4  ผลการดำเนินงาน ม.ต้น
บทที่ 4 ผลการดำเนินงาน ม.ต้น
chaiwat vichianchai
 
05 บทที่ 5-สรุปผล ข้อเสนอแนะ 1
05 บทที่ 5-สรุปผล ข้อเสนอแนะ 105 บทที่ 5-สรุปผล ข้อเสนอแนะ 1
05 บทที่ 5-สรุปผล ข้อเสนอแนะ 1Thanggwa Taemin
 
การออกแบบเว็บไซต์
การออกแบบเว็บไซต์การออกแบบเว็บไซต์
การออกแบบเว็บไซต์Phanudet Senounjan
 
8 บทที่ 3 อุปกรณ์และวิธีดำเนินการ
8 บทที่  3  อุปกรณ์และวิธีดำเนินการ8 บทที่  3  อุปกรณ์และวิธีดำเนินการ
8 บทที่ 3 อุปกรณ์และวิธีดำเนินการAugusts Programmer
 
บทที่3 วิธีดำเนินงาน
บทที่3 วิธีดำเนินงานบทที่3 วิธีดำเนินงาน
บทที่3 วิธีดำเนินงานChamp Wachwittayakhang
 
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
AtichaSW
 
งานนำเสนอ1 (1)
งานนำเสนอ1 (1)งานนำเสนอ1 (1)
งานนำเสนอ1 (1)Ariaty KiKi Sang
 
โครงงานคอมพิวเตอร์กางานอาชีพ
โครงงานคอมพิวเตอร์กางานอาชีพโครงงานคอมพิวเตอร์กางานอาชีพ
โครงงานคอมพิวเตอร์กางานอาชีพ0908246191
 
04 บทที่ 4-ผลการดำเนินโครงงาน
04 บทที่ 4-ผลการดำเนินโครงงาน04 บทที่ 4-ผลการดำเนินโครงงาน
04 บทที่ 4-ผลการดำเนินโครงงานTanyarad Chansawang
 
05 บทที่ 5-สรุปผล ข้อเสนอแนะ
05 บทที่ 5-สรุปผล ข้อเสนอแนะ05 บทที่ 5-สรุปผล ข้อเสนอแนะ
05 บทที่ 5-สรุปผล ข้อเสนอแนะTanyarad Chansawang
 

What's hot (19)

Webpage
WebpageWebpage
Webpage
 
00 ส่วนนำ1
00 ส่วนนำ100 ส่วนนำ1
00 ส่วนนำ1
 
05 บทที่ 5-สรุปผล ข้อเสนอแนะ
05 บทที่ 5-สรุปผล ข้อเสนอแนะ05 บทที่ 5-สรุปผล ข้อเสนอแนะ
05 บทที่ 5-สรุปผล ข้อเสนอแนะ
 
1111
11111111
1111
 
บทที่ 4 ผลการดำเนินงาน ม.ต้น
บทที่ 4  ผลการดำเนินงาน ม.ต้นบทที่ 4  ผลการดำเนินงาน ม.ต้น
บทที่ 4 ผลการดำเนินงาน ม.ต้น
 
05 บทที่ 5-สรุปผล ข้อเสนอแนะ 1
05 บทที่ 5-สรุปผล ข้อเสนอแนะ 105 บทที่ 5-สรุปผล ข้อเสนอแนะ 1
05 บทที่ 5-สรุปผล ข้อเสนอแนะ 1
 
การออกแบบเว็บไซต์
การออกแบบเว็บไซต์การออกแบบเว็บไซต์
การออกแบบเว็บไซต์
 
8 บทที่ 3 อุปกรณ์และวิธีดำเนินการ
8 บทที่  3  อุปกรณ์และวิธีดำเนินการ8 บทที่  3  อุปกรณ์และวิธีดำเนินการ
8 บทที่ 3 อุปกรณ์และวิธีดำเนินการ
 
บทที่3 วิธีดำเนินงาน
บทที่3 วิธีดำเนินงานบทที่3 วิธีดำเนินงาน
บทที่3 วิธีดำเนินงาน
 
กิติกรรมประกาศ
กิติกรรมประกาศกิติกรรมประกาศ
กิติกรรมประกาศ
 
บทที่ 4 ผลการดำเนินโครงงาน
บทที่ 4 ผลการดำเนินโครงงานบทที่ 4 ผลการดำเนินโครงงาน
บทที่ 4 ผลการดำเนินโครงงาน
 
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
แบบเสนอโครงร่างโครงงานคอมพิวเตอร์
 
4
44
4
 
งานนำเสนอ1 (1)
งานนำเสนอ1 (1)งานนำเสนอ1 (1)
งานนำเสนอ1 (1)
 
โครงงานคอมพิวเตอร์กางานอาชีพ
โครงงานคอมพิวเตอร์กางานอาชีพโครงงานคอมพิวเตอร์กางานอาชีพ
โครงงานคอมพิวเตอร์กางานอาชีพ
 
04 บทที่ 4-ผลการดำเนินโครงงาน
04 บทที่ 4-ผลการดำเนินโครงงาน04 บทที่ 4-ผลการดำเนินโครงงาน
04 บทที่ 4-ผลการดำเนินโครงงาน
 
05 บทที่ 5-สรุปผล ข้อเสนอแนะ
05 บทที่ 5-สรุปผล ข้อเสนอแนะ05 บทที่ 5-สรุปผล ข้อเสนอแนะ
05 บทที่ 5-สรุปผล ข้อเสนอแนะ
 
บท3
บท3บท3
บท3
 
03 บทที่ 3-วิธีดำเนินงานโครงงาน
03 บทที่ 3-วิธีดำเนินงานโครงงาน03 บทที่ 3-วิธีดำเนินงานโครงงาน
03 บทที่ 3-วิธีดำเนินงานโครงงาน
 

Viewers also liked

Per un lavoro competente - Ebit Roma 2009
Per un lavoro competente - Ebit Roma 2009Per un lavoro competente - Ebit Roma 2009
Per un lavoro competente - Ebit Roma 2009
Monica Poggi
 
Excel อ.สังคม
Excel อ.สังคมExcel อ.สังคม
Excel อ.สังคมnarueporn
 
Priority-based Budgeting
Priority-based Budgeting Priority-based Budgeting
Priority-based Budgeting
Don Rhoads, CPA
 
หน้าแรก
หน้าแรกหน้าแรก
หน้าแรกnarueporn
 
หน้าแรก
หน้าแรกหน้าแรก
หน้าแรกnarueporn
 
คู่มือ Microsoft powerpoint
คู่มือ Microsoft powerpointคู่มือ Microsoft powerpoint
คู่มือ Microsoft powerpointnarueporn
 
Lulu
LuluLulu

Viewers also liked (8)

Per un lavoro competente - Ebit Roma 2009
Per un lavoro competente - Ebit Roma 2009Per un lavoro competente - Ebit Roma 2009
Per un lavoro competente - Ebit Roma 2009
 
Excel อ.สังคม
Excel อ.สังคมExcel อ.สังคม
Excel อ.สังคม
 
Priority-based Budgeting
Priority-based Budgeting Priority-based Budgeting
Priority-based Budgeting
 
หน้าแรก
หน้าแรกหน้าแรก
หน้าแรก
 
หน้าแรก
หน้าแรกหน้าแรก
หน้าแรก
 
Animal present
Animal presentAnimal present
Animal present
 
คู่มือ Microsoft powerpoint
คู่มือ Microsoft powerpointคู่มือ Microsoft powerpoint
คู่มือ Microsoft powerpoint
 
Lulu
LuluLulu
Lulu
 

Similar to คู่มือการทำเว็บ (20)

คู่มือการทำเว็บ Word
คู่มือการทำเว็บ Wordคู่มือการทำเว็บ Word
คู่มือการทำเว็บ Word
 
บทนำ
บทนำบทนำ
บทนำ
 
ปกP (1)
ปกP (1)ปกP (1)
ปกP (1)
 
ส่วนนำรายงาน
ส่วนนำรายงานส่วนนำรายงาน
ส่วนนำรายงาน
 
ส่วนนำ1
ส่วนนำ1ส่วนนำ1
ส่วนนำ1
 
คู่มือ Word
คู่มือ Wordคู่มือ Word
คู่มือ Word
 
ปก
ปกปก
ปก
 
บทที่ 5 สรุปผล และข้อเสนอแนะ
บทที่ 5 สรุปผล และข้อเสนอแนะบทที่ 5 สรุปผล และข้อเสนอแนะ
บทที่ 5 สรุปผล และข้อเสนอแนะ
 
ปก
ปกปก
ปก
 
ปก
ปกปก
ปก
 
1 1
1 11 1
1 1
 
ปก
ปกปก
ปก
 
ปก
ปกปก
ปก
 
บทที่ 5
บทที่ 5บทที่ 5
บทที่ 5
 
00 ส่วนนำ1
00 ส่วนนำ100 ส่วนนำ1
00 ส่วนนำ1
 
ปกP
ปกPปกP
ปกP
 
00 ส่วนนำ1
00 ส่วนนำ100 ส่วนนำ1
00 ส่วนนำ1
 
00 ส่วนนำ1
00 ส่วนนำ100 ส่วนนำ1
00 ส่วนนำ1
 
5
55
5
 
05 บทที่ 5-สรุปผล ข้อเสนอแนะ
05 บทที่ 5-สรุปผล ข้อเสนอแนะ05 บทที่ 5-สรุปผล ข้อเสนอแนะ
05 บทที่ 5-สรุปผล ข้อเสนอแนะ
 

คู่มือการทำเว็บ