SlideShare a Scribd company logo
1 of 9
ทำความรู้จักโปรแกรม Webpage maker
โปรแกรม  Webpage maker  เป็นโปรแกรมสำเร็จรูป อีกโปรแกรมหนึ่งที่สามารถนำมาออกแบบและเขียนเว็บไซต์ ได้ดีในระดับหนึ่ง ด้วยรูปแบบและคำสั่งการใช้งานที่ง่ายต่อการศึกษาและเรียนรู้สำหรับผู้ไม่มีพื้นฐานทางคอมพิวเตอร์ ในบทเรียนนี้นักเรียนจะได้ศึกษาขั้นตอนการใช้งานของโปรแกรม  Web Page Maker  รุ่น   3.0  การเขียนข้อความ แทรกรูปภาพ ตาราง ไฟล์พิเศษ เทคนิคลูกเล่น การทำเมนู การ   Export  แฟ้ม   ตลอดจนวิธีการขอพื้นที่เพื่ออัพโหลดไฟล์ Webpage maker  คืออะไร
ข้อกำหนดโปรแกรม  Webpage maker   กำหนดการใช้งานภาษาไทยก่อน รูปแบบรหัสภาษาไทย  ( Thai Encoding)  มีอยู่  2  ชนิดคือ 1. TIS-620  หรือ มอก . 620   เป็นมาตรฐานตัวอักษรไทยที่ถูกกำหนดขึ้นโดยสำนักงานมาตรฐานผลิตภัณฑ์อุตสาหกรรม หรือที่คุ้นกันในชื่อของรหัส สมอ . 2. Windows-874  หรือ  MS874   เป็นรหัสที่พัฒนามาจาก  TIS-620  โดยบริษัทไมโครซอฟท์ เพื่อทำให้ใช้กับระบบปฏิบัติการวินโดวส์และโปรแกรมที่พัฒนาโดยบริษัทไมโครซอฟท์
ขนาดของเว็บเพจที่เหมาะสม โดยทั่วไปจะออกแบบเว็บเพจให้แสดงผลสำหรับจอคอมพิวเตอร์ที่มีความละเอียด  800x600  พิกเซล เมื่อเปิดโปรแกรมเว็บบราวเซอร์ ด้านบนของเว็บบราวเซอร์มีทูลบาร์สำหรับแสดงเครื่องมือต่างๆ  ( Standard Bar)  และแอดเดรสบาร์  ( Address Bar)  แสดงที่อยู่  ( URL)  ของเว็บเพจที่กำลังปรากฎอยู่และที่ด้านล่างจะมีแถบแสดงสภาพการณ์ต่างๆ  ( Startus Bar)  ซึ่งจะทำให้เหลือพื้นที่ว่างสำหรับแสดงเว็บเพจไม่ถึง  800x600  ดังนั้นในการออกแบบเว็บเพจจึงควรกำหนดขนาดกว้าง  760  พิกเซล สูง  395  พิกเซล เป็นหลัก
การใช้ภาพกราฟิกในเว็บเพจ ไฟล์รูปภาพควรเป็นไฟล์ที่มีขนาดเล็กเพื่อความสะดวกรวดเร็วในการดาวน์โหลดข้อมูลของเว็บเพจ ดังนั้นรูปแบบของภาพที่ใช้ต้องมีการบีดอัดข้อมูลเพื่อลดขนาดภาพกราฟฟิก ได้แก่  GIF, JPEG  และ  PNG  แต่ละรูปแบบจะบีดอัดข้อมูลได้อย่างมีประสิทธิภาพเมื่อนำมาใช้กับภาพที่เหมาะสม
โปรแกรม  Webpage maker
สัญลักษณ์ใน  Site content
การใช้คำสั่ง  Include on
[object Object]

More Related Content

What's hot

บทที่ 4 ผลการดำเนินงาน ม.ต้น
บทที่ 4  ผลการดำเนินงาน ม.ต้นบทที่ 4  ผลการดำเนินงาน ม.ต้น
บทที่ 4 ผลการดำเนินงาน ม.ต้นchaiwat vichianchai
 
04 บทที่ 4-ผลการดำเนินโครงงาน
04 บทที่ 4-ผลการดำเนินโครงงาน04 บทที่ 4-ผลการดำเนินโครงงาน
04 บทที่ 4-ผลการดำเนินโครงงานChamp Wachwittayakhang
 
บทที่ 5สรุปผล และข้อเสนอแนะ
บทที่ 5สรุปผล และข้อเสนอแนะบทที่ 5สรุปผล และข้อเสนอแนะ
บทที่ 5สรุปผล และข้อเสนอแนะBeeiiz Gubee
 
10 บทที่ 5 สรุปผลการดำเนินงาน และข้อเสนอแนะ
10 บทที่  5  สรุปผลการดำเนินงาน และข้อเสนอแนะ10 บทที่  5  สรุปผลการดำเนินงาน และข้อเสนอแนะ
10 บทที่ 5 สรุปผลการดำเนินงาน และข้อเสนอแนะAugusts Programmer
 
05 บทที่ 5-สรุปผล ข้อเสนอแนะ
05 บทที่ 5-สรุปผล ข้อเสนอแนะ05 บทที่ 5-สรุปผล ข้อเสนอแนะ
05 บทที่ 5-สรุปผล ข้อเสนอแนะChamp Wachwittayakhang
 
8 บทที่ 3 อุปกรณ์และวิธีดำเนินการ
8 บทที่  3  อุปกรณ์และวิธีดำเนินการ8 บทที่  3  อุปกรณ์และวิธีดำเนินการ
8 บทที่ 3 อุปกรณ์และวิธีดำเนินการAugusts Programmer
 
บทที่ 4 ผลการดำเนินงาน
บทที่ 4 ผลการดำเนินงานบทที่ 4 ผลการดำเนินงาน
บทที่ 4 ผลการดำเนินงานTangkwa Tom
 
9 บทที่ 4 ผลการดำเนินงาน
9 บทที่  4  ผลการดำเนินงาน9 บทที่  4  ผลการดำเนินงาน
9 บทที่ 4 ผลการดำเนินงานAugusts Programmer
 
บทที่ 3
บทที่ 3บทที่ 3
บทที่ 3teerarat55
 

What's hot (18)

บทที่ 5
บทที่ 5บทที่ 5
บทที่ 5
 
บทที่ 4 ผลการดำเนินงาน ม.ต้น
บทที่ 4  ผลการดำเนินงาน ม.ต้นบทที่ 4  ผลการดำเนินงาน ม.ต้น
บทที่ 4 ผลการดำเนินงาน ม.ต้น
 
บทที่ 5
บทที่ 5บทที่ 5
บทที่ 5
 
04 บทที่ 4-ผลการดำเนินโครงงาน
04 บทที่ 4-ผลการดำเนินโครงงาน04 บทที่ 4-ผลการดำเนินโครงงาน
04 บทที่ 4-ผลการดำเนินโครงงาน
 
บทที่ 5 สรุปผล ข้อเสนอแนะ
บทที่ 5 สรุปผล ข้อเสนอแนะบทที่ 5 สรุปผล ข้อเสนอแนะ
บทที่ 5 สรุปผล ข้อเสนอแนะ
 
Mind map
Mind mapMind map
Mind map
 
บทที่ 5สรุปผล และข้อเสนอแนะ
บทที่ 5สรุปผล และข้อเสนอแนะบทที่ 5สรุปผล และข้อเสนอแนะ
บทที่ 5สรุปผล และข้อเสนอแนะ
 
10 บทที่ 5 สรุปผลการดำเนินงาน และข้อเสนอแนะ
10 บทที่  5  สรุปผลการดำเนินงาน และข้อเสนอแนะ10 บทที่  5  สรุปผลการดำเนินงาน และข้อเสนอแนะ
10 บทที่ 5 สรุปผลการดำเนินงาน และข้อเสนอแนะ
 
05 บทที่ 5-สรุปผล ข้อเสนอแนะ
05 บทที่ 5-สรุปผล ข้อเสนอแนะ05 บทที่ 5-สรุปผล ข้อเสนอแนะ
05 บทที่ 5-สรุปผล ข้อเสนอแนะ
 
8 บทที่ 3 อุปกรณ์และวิธีดำเนินการ
8 บทที่  3  อุปกรณ์และวิธีดำเนินการ8 บทที่  3  อุปกรณ์และวิธีดำเนินการ
8 บทที่ 3 อุปกรณ์และวิธีดำเนินการ
 
บทที่ 4 ผลการดำเนินงาน
บทที่ 4 ผลการดำเนินงานบทที่ 4 ผลการดำเนินงาน
บทที่ 4 ผลการดำเนินงาน
 
Know1 2
Know1 2Know1 2
Know1 2
 
บทที่5
บทที่5บทที่5
บทที่5
 
3 บทคัดย่อ
3 บทคัดย่อ3 บทคัดย่อ
3 บทคัดย่อ
 
6 6
6 66 6
6 6
 
9 บทที่ 4 ผลการดำเนินงาน
9 บทที่  4  ผลการดำเนินงาน9 บทที่  4  ผลการดำเนินงาน
9 บทที่ 4 ผลการดำเนินงาน
 
บทที่ 3
บทที่ 3บทที่ 3
บทที่ 3
 
บทที่ 1
บทที่ 1บทที่ 1
บทที่ 1
 

Similar to Unit2

การเขียนโปรแกรมบนเว็บ
การเขียนโปรแกรมบนเว็บการเขียนโปรแกรมบนเว็บ
การเขียนโปรแกรมบนเว็บKhon Kaen University
 
หน่วยการเรียนรู้ที่ 6
หน่วยการเรียนรู้ที่ 6หน่วยการเรียนรู้ที่ 6
หน่วยการเรียนรู้ที่ 6arachaporn
 
หน่วยการเรียนรู้ที่ 6
หน่วยการเรียนรู้ที่ 6หน่วยการเรียนรู้ที่ 6
หน่วยการเรียนรู้ที่ 6arachaporn
 
คู่มือ Dream cs3
คู่มือ Dream cs3คู่มือ Dream cs3
คู่มือ Dream cs3Natda Wanatda
 
Dream weaver cs3
Dream weaver cs3Dream weaver cs3
Dream weaver cs3first351
 
หน่วยการเรียนรู้ที่ 6 dw8
หน่วยการเรียนรู้ที่ 6 dw8หน่วยการเรียนรู้ที่ 6 dw8
หน่วยการเรียนรู้ที่ 6 dw8arachaporn
 
ตัวอย่างโครงงาน
ตัวอย่างโครงงานตัวอย่างโครงงาน
ตัวอย่างโครงงานSiriporn Kusolpiamsuk
 
โครงงานคอมพิวเตอร์ โปรแกรมประยุกต์ธนาคารความดี ไฟล์ 2
โครงงานคอมพิวเตอร์ โปรแกรมประยุกต์ธนาคารความดี ไฟล์ 2โครงงานคอมพิวเตอร์ โปรแกรมประยุกต์ธนาคารความดี ไฟล์ 2
โครงงานคอมพิวเตอร์ โปรแกรมประยุกต์ธนาคารความดี ไฟล์ 2Pattamaporn Kheawfu
 
โครงงานคอมพิวเตอร์ โปรแกรมประยุกต์ธนาคารความดี
โครงงานคอมพิวเตอร์ โปรแกรมประยุกต์ธนาคารความดีโครงงานคอมพิวเตอร์ โปรแกรมประยุกต์ธนาคารความดี
โครงงานคอมพิวเตอร์ โปรแกรมประยุกต์ธนาคารความดีLaughter' Meepoom
 

Similar to Unit2 (20)

Unit2
Unit2Unit2
Unit2
 
การเขียนโปรแกรมบนเว็บ
การเขียนโปรแกรมบนเว็บการเขียนโปรแกรมบนเว็บ
การเขียนโปรแกรมบนเว็บ
 
Webbasic
WebbasicWebbasic
Webbasic
 
ICT Competency For KKU Students
ICT Competency For KKU StudentsICT Competency For KKU Students
ICT Competency For KKU Students
 
Chapter 1
Chapter 1Chapter 1
Chapter 1
 
P punit1
P punit1P punit1
P punit1
 
P punit1
P punit1P punit1
P punit1
 
หน่วยการเรียนรู้ที่ 6
หน่วยการเรียนรู้ที่ 6หน่วยการเรียนรู้ที่ 6
หน่วยการเรียนรู้ที่ 6
 
หน่วยการเรียนรู้ที่ 6
หน่วยการเรียนรู้ที่ 6หน่วยการเรียนรู้ที่ 6
หน่วยการเรียนรู้ที่ 6
 
E book4
E book4E book4
E book4
 
คู่มือ Dream cs3
คู่มือ Dream cs3คู่มือ Dream cs3
คู่มือ Dream cs3
 
Dream weaver cs3
Dream weaver cs3Dream weaver cs3
Dream weaver cs3
 
หน่วยการเรียนรู้ที่ 6 dw8
หน่วยการเรียนรู้ที่ 6 dw8หน่วยการเรียนรู้ที่ 6 dw8
หน่วยการเรียนรู้ที่ 6 dw8
 
Frontpage
FrontpageFrontpage
Frontpage
 
ตัวอย่างโครงงาน
ตัวอย่างโครงงานตัวอย่างโครงงาน
ตัวอย่างโครงงาน
 
00124
0012400124
00124
 
โครงงานคอมพิวเตอร์ โปรแกรมประยุกต์ธนาคารความดี ไฟล์ 2
โครงงานคอมพิวเตอร์ โปรแกรมประยุกต์ธนาคารความดี ไฟล์ 2โครงงานคอมพิวเตอร์ โปรแกรมประยุกต์ธนาคารความดี ไฟล์ 2
โครงงานคอมพิวเตอร์ โปรแกรมประยุกต์ธนาคารความดี ไฟล์ 2
 
689 2
689 2689 2
689 2
 
689 2
689 2689 2
689 2
 
โครงงานคอมพิวเตอร์ โปรแกรมประยุกต์ธนาคารความดี
โครงงานคอมพิวเตอร์ โปรแกรมประยุกต์ธนาคารความดีโครงงานคอมพิวเตอร์ โปรแกรมประยุกต์ธนาคารความดี
โครงงานคอมพิวเตอร์ โปรแกรมประยุกต์ธนาคารความดี
 

Unit2