1. นักเรียน มาเรียนทุกวัน ใช่หรือไม่
2. นักเรียน กล้าแสดงออก ใช่หรือไม่
3. นักเรียน สนใจเทคโนโลยีคอมพิวเตอร์ ใช่หรือไม่
4. นักเรียน เป็นนักเรียนแผนกคอมพิวเตอร์ ใช่หรือไม่
5. นักเรียน จะทำตามกฎของชมรม ใช่หรือไม่
6. นักเรียน ชอบ บันทึก จดจำ ข่าวสารใหม่ๆ ใช่หรือไม่
วันพฤหัสบดีที่ 31 พฤษภาคม พ.ศ. 2555
วันอังคารที่ 29 พฤษภาคม พ.ศ. 2555
หน่วยที่ 4 การจัดการข้อความบนหน้าเว็บเพจ
การสร้างข้อความ
การสร้างข้อความในหน้าเว็บเพจ ให้ทำการสร้างในส่วนของ
<body> ข้อความ </body>
การจัดการข้อความ
แท็กที่ใช้ในการจัดการข้อความ มีดังนี้
ข้อความตัวหนา <B>
ข้อความตัวเอียง <I>
ข้อความขีดเส้นใต้ <U>
ขนาดข้อความหัวข้อหลัก <Hx> มี 6 ขนาด x = 1 ใหญ่ที่สุด
ขนาดข้อความทั่วไป <FONT SIZE="ขนาด">
สีข้อความ <FONT COLOR="สี">
แบบอักษร <FONT FACE="แบบอักษร">
ตำแหน่งข้อความ <p align="ตำแหน่ง">ข้อความ</p>
เว้นวรรค
ตัวอย่างการจัดการข้อความ
เช่น
<b><u><i>ข้อความ</i></u></b>
ผล
ข้อความนี้จะเป็นตัวหนา มีขีดเส้นใต้ และเป็นตัวเอียง
การสร้างข้อความในหน้าเว็บเพจ ให้ทำการสร้างในส่วนของ
<body> ข้อความ </body>
การจัดการข้อความ
แท็กที่ใช้ในการจัดการข้อความ มีดังนี้
ข้อความตัวหนา <B>
ข้อความตัวเอียง <I>
ข้อความขีดเส้นใต้ <U>
ขนาดข้อความหัวข้อหลัก <Hx> มี 6 ขนาด x = 1 ใหญ่ที่สุด
ขนาดข้อความทั่วไป <FONT SIZE="ขนาด">
สีข้อความ <FONT COLOR="สี">
แบบอักษร <FONT FACE="แบบอักษร">
ตำแหน่งข้อความ <p align="ตำแหน่ง">ข้อความ</p>
เว้นวรรค
ตัวอย่างการจัดการข้อความ
เช่น
<b><u><i>ข้อความ</i></u></b>
ผล
ข้อความนี้จะเป็นตัวหนา มีขีดเส้นใต้ และเป็นตัวเอียง
วันอาทิตย์ที่ 27 พฤษภาคม พ.ศ. 2555
หน่วยที่ 3 การเริ่มต้นกับ HTML
เกี่ยวกับ
HTML (HyperText Mark-up Language) หมายถึง
Hyper หมายถึงสิ่งที่ตรงข้ามกับเส้นตรง ซึ่งแต่ก่อนโปรแกรมคอมฯทั้งหมด จะทำงานในแบบเส้นตรง เช่นว่าต้องมีสิ่งนี้เกิดขึ้นก่อน อีกสิ่งจึงเกิดตามมา แล้วสิ่งต่อๆไปจึงเกิดขึ้นได้อะไรทำนองนั้นครับ แต่ HTML ไม่ได้มีรูปแบบเช่นนั้น HTML ทำให้ผู้ใช้เข้าถึงข้อมูลต่างๆทั่วโลก โดยไม่จำกัดสถานที่และเวลา
Text อันนี้เป็นสิ่งที่คุณจะใช้ในการเขียน(พิมพ์) HTML ใช้ทั้งภาษาอังกฤษและไทย(หรือภาษาอื่นๆ)
Mark up หมายถึงการปรับรูปแบบลักษณะของข้อมูลที่คุณพิมพ์ลงไปธรรมดาๆ ให้ตัวใหญ่เล็ก หรือจะมีตาราง หรือใส่สีสัน ฯลฯ
Language แปลว่า "ภาษา" เพราะว่ามันเป็นภาษาครับ เป็นเพียงภาษาอังกฤษและไทย(หรือภาษาอื่นๆ)ธรรมดาๆ
HTML Tags
รูปแบบของ tag หรือคำสั่งจะเหมือนๆกันทุกๆคำสั่ง จะเริ่มต้นด้วยเครื่องหมายน้อยกว่า < และลงท้ายด้วยเครื่องหมายมากกว่า > ซึ่งต้องเป็นเช่นนี้เสมอ ไม่มีข้อยกเว้น และสิ่งที่อยู่ในระหว่างสองเครื่องหมายนี้ คือคำสั่งของ HTML (หรือ tag) การเรียน HTML จึงเป็นการเรียนรู้ว่า คำสั่งต่างๆจะให้ผลอย่างไรบ้าง เพื่อนำมาใช้อย่างที่คุณต้องการ และนี่คือตัวอย่างแรกของคำสั่ง
คำสั่งที่ทำให้ตัวหนังสือเป็นตัวหนาคือ "b" หรือจะใช้ "B" ก็ได้ครับ จะพิมพ์คำสั่ง HTML เป็นตัวใหญ่หรือเล็กก็ได้ และนี่เป็นการเขียน HTML เพื่อให้ข้อความ "ขนม" เป็นตัวหนา (ลองพิมพ์ลงไป save ไว้ แล้วเปิดดูครับ) :
<B>ขนม</B>
โครงสร้างพื้นฐานของ HTML
<HTML>
</HEAD>
<TITLE>ส่วนหัว TITLE BAR</TITLE>
</HEAD>
HTML (HyperText Mark-up Language) หมายถึง
Hyper หมายถึงสิ่งที่ตรงข้ามกับเส้นตรง ซึ่งแต่ก่อนโปรแกรมคอมฯทั้งหมด จะทำงานในแบบเส้นตรง เช่นว่าต้องมีสิ่งนี้เกิดขึ้นก่อน อีกสิ่งจึงเกิดตามมา แล้วสิ่งต่อๆไปจึงเกิดขึ้นได้อะไรทำนองนั้นครับ แต่ HTML ไม่ได้มีรูปแบบเช่นนั้น HTML ทำให้ผู้ใช้เข้าถึงข้อมูลต่างๆทั่วโลก โดยไม่จำกัดสถานที่และเวลา
Text อันนี้เป็นสิ่งที่คุณจะใช้ในการเขียน(พิมพ์) HTML ใช้ทั้งภาษาอังกฤษและไทย(หรือภาษาอื่นๆ)
Mark up หมายถึงการปรับรูปแบบลักษณะของข้อมูลที่คุณพิมพ์ลงไปธรรมดาๆ ให้ตัวใหญ่เล็ก หรือจะมีตาราง หรือใส่สีสัน ฯลฯ
Language แปลว่า "ภาษา" เพราะว่ามันเป็นภาษาครับ เป็นเพียงภาษาอังกฤษและไทย(หรือภาษาอื่นๆ)ธรรมดาๆ
HTML Tags
รูปแบบของ tag หรือคำสั่งจะเหมือนๆกันทุกๆคำสั่ง จะเริ่มต้นด้วยเครื่องหมายน้อยกว่า < และลงท้ายด้วยเครื่องหมายมากกว่า > ซึ่งต้องเป็นเช่นนี้เสมอ ไม่มีข้อยกเว้น และสิ่งที่อยู่ในระหว่างสองเครื่องหมายนี้ คือคำสั่งของ HTML (หรือ tag) การเรียน HTML จึงเป็นการเรียนรู้ว่า คำสั่งต่างๆจะให้ผลอย่างไรบ้าง เพื่อนำมาใช้อย่างที่คุณต้องการ และนี่คือตัวอย่างแรกของคำสั่ง
คำสั่งที่ทำให้ตัวหนังสือเป็นตัวหนาคือ "b" หรือจะใช้ "B" ก็ได้ครับ จะพิมพ์คำสั่ง HTML เป็นตัวใหญ่หรือเล็กก็ได้ และนี่เป็นการเขียน HTML เพื่อให้ข้อความ "ขนม" เป็นตัวหนา (ลองพิมพ์ลงไป save ไว้ แล้วเปิดดูครับ) :
<B>ขนม</B>
โครงสร้างพื้นฐานของ HTML
<HTML>
</HEAD>
<TITLE>ส่วนหัว TITLE BAR</TITLE>
</HEAD>
<BODY>
ส่วนแสดงบนหน้าเว็บ
</BODY>
</HTML>
โปรแกรมที่ใช้สร้างเว็บ HTML
1. NOTE PAD
2. BROWSER เช่น IE7 เป็นต้น
การบันทึก HTML
1. บันทึกเว็บเพจ โดย ตามด้วยนามสกุลไฟล์เป็น .html หรือ .htm เสมอ
2. หน้าแรกต้องบันทึกเป็น index.html เท่านั้น
3. ชื่อหน้าควรเป็นภาษาอังกฤษ ที่สอดคล้องกับข้อมูลของหน้านั้นๆ
4. ไม่ควรตั้งชื่อที่ยาวมาก
5. ต้องเว้นวรรคในชื่อและนามสกุลเมื่อบันทึก
</HTML>
โปรแกรมที่ใช้สร้างเว็บ HTML
1. NOTE PAD
2. BROWSER เช่น IE7 เป็นต้น
การบันทึก HTML
1. บันทึกเว็บเพจ โดย ตามด้วยนามสกุลไฟล์เป็น .html หรือ .htm เสมอ
2. หน้าแรกต้องบันทึกเป็น index.html เท่านั้น
3. ชื่อหน้าควรเป็นภาษาอังกฤษ ที่สอดคล้องกับข้อมูลของหน้านั้นๆ
4. ไม่ควรตั้งชื่อที่ยาวมาก
5. ต้องเว้นวรรคในชื่อและนามสกุลเมื่อบันทึก
วันพฤหัสบดีที่ 24 พฤษภาคม พ.ศ. 2555
หน่วยที่ 2 หลักการ ขั้นตอนการสร้างเว็บเพจ
ขั้นตอนการสร้างเว็บเพจ
1. วางเป้าหมายและวัตถุประสงค์
2. รวบรวมข้อมูล
3. จัดทำเว็บเพจ
4. ตกแต่งเว็บเพจ
5. ทดสอบเว็บเพจ
6. Upload เว็บเพจ/จดทะเบียนโดเมนเนม
หลักการออกแบบเว็บเพจ แบ่งเป็น 3 ส่วนที่สำคัญ
1. ส่วนหัวของเว็บเพจ
2. ส่วนของลิงค์
3. ส่วนของเนื้อหาของเว็บเพจ
การเตรียมตัวก่อนสร้างเว็บเพจ สิ่งที่ต้องมี
1. เครื่องคอมพิวเตอร์
2. ระบบปฏิบัติการ
3. โปรแกรมที่ใช้ในการสร้างเว็บเพจ เช่น Macromedia Dreamweaver CS3
1. วางเป้าหมายและวัตถุประสงค์
2. รวบรวมข้อมูล
3. จัดทำเว็บเพจ
4. ตกแต่งเว็บเพจ
5. ทดสอบเว็บเพจ
6. Upload เว็บเพจ/จดทะเบียนโดเมนเนม
หลักการออกแบบเว็บเพจ แบ่งเป็น 3 ส่วนที่สำคัญ
1. ส่วนหัวของเว็บเพจ
2. ส่วนของลิงค์
3. ส่วนของเนื้อหาของเว็บเพจ
การเตรียมตัวก่อนสร้างเว็บเพจ สิ่งที่ต้องมี
1. เครื่องคอมพิวเตอร์
2. ระบบปฏิบัติการ
3. โปรแกรมที่ใช้ในการสร้างเว็บเพจ เช่น Macromedia Dreamweaver CS3
หน่วยที่ 1 คำศัพท์เกี่ยวกับอินเตอร์เน็ต
ก่อนจะเข้าสูเนื้อหารายวิชา สิ่งที่ควรทำความเข้าใจก่อนเป็นอันดับแรกคือ รู้จักคำศัพท์ที่เกี่ยวข้องกับอินเตอร์เน็ต และเกี่ยวข้องกับการสร้างเว็บเพจ
คำศัพท์
1. อินเตอร์เน็ต (Internet) หมายถึง ระบบเครือข่ายที่มีการเชื่อมโยงกันหลายๆเครือข่าย ผู้ใช้สามารถติดต่อสื่อสารกันได้ผ่านเครือข่ายนี้
2. เว็บเพจ (Web Page) หมายถึง เอกสารหรือหน้าเว็บ 1 หน้า ที่มีการแสดงข้อมูล รูปภาพ เสียง วีดีโอ ฯ
3. เว็บไซต์ (Web Site) หมายถึง การเชื่อมโยงกันของเว็บเพจหลายหน้า และมีการจดทะเบียนขอชื่อโดยมีหน้าหลัก 1 หน้า
4. โฮมเพจ (Home Page) หมายถึง หน้าหลักหรือหน้าแรกของเว็บไซต์นั้นๆ
5. เซิฟเวอร์ (Server) หมายถึง เครื่องคอมพิวเตอร์ที่มีหน้าที่ในการจัดการ จัดเก็บ ประมวลผล ฯ ซึ่งมีประสิทธิภาพสูงกว่าเครื่องใช้งานทั่วไป ในที่นี้คือจัดเก็บเว็บไซต์ที่รับฝากมา และแสดงเว็บไซต์เมื่อมีผู้ร้องขอ
6. เว็บโฮสติ้ง (Web Hosting) หมายถึง ผู้ให้บริการเช่าพื้นที่ในการจัดเก็บเว็บไซต์ และจดทะเบียนชื่อเว็บไซต์ มีทั้งแบบฟรีค่าบริการและเสียค่าใช้จ่ายแบบรายเดือนหรือรายปี
7. โดเมนเนม (Domain Name) หมายถึง ชื่อที่ใช้ในการอ้างอิงเว็บไซต์ต่าง ชื่ออะไร หน่วยงานอะไร ประเทศใหน ไม่สามารถจดชื่อซ้ำกันได้ เช่น http://www.esarntech.ac.th/
8. เบราเซอร์ (Browser) หมายถึง โปรแกรมที่ใช้แสดงผลภาษาของเว็บไซต์ ที่สร้างจากโปรแกรมต่างๆ เช่น Html ให้แสดงในรูปแบบ www (เวิล ไว เว็บ) สื่อประสม ตัวอย่างเบราเซอร์ IE , FIREFOX, Chrome เป็นต้น
9. เวิล ไว เว็บ (WWW) เป็นบริการหนึ่งในอินเตอร์เน็ต ซึ่งเข้าใจตรงกันว่าอยู่ในรูปแบบสื่อประสม Mutimedia
คำศัพท์
1. อินเตอร์เน็ต (Internet) หมายถึง ระบบเครือข่ายที่มีการเชื่อมโยงกันหลายๆเครือข่าย ผู้ใช้สามารถติดต่อสื่อสารกันได้ผ่านเครือข่ายนี้
2. เว็บเพจ (Web Page) หมายถึง เอกสารหรือหน้าเว็บ 1 หน้า ที่มีการแสดงข้อมูล รูปภาพ เสียง วีดีโอ ฯ
3. เว็บไซต์ (Web Site) หมายถึง การเชื่อมโยงกันของเว็บเพจหลายหน้า และมีการจดทะเบียนขอชื่อโดยมีหน้าหลัก 1 หน้า
4. โฮมเพจ (Home Page) หมายถึง หน้าหลักหรือหน้าแรกของเว็บไซต์นั้นๆ
5. เซิฟเวอร์ (Server) หมายถึง เครื่องคอมพิวเตอร์ที่มีหน้าที่ในการจัดการ จัดเก็บ ประมวลผล ฯ ซึ่งมีประสิทธิภาพสูงกว่าเครื่องใช้งานทั่วไป ในที่นี้คือจัดเก็บเว็บไซต์ที่รับฝากมา และแสดงเว็บไซต์เมื่อมีผู้ร้องขอ
6. เว็บโฮสติ้ง (Web Hosting) หมายถึง ผู้ให้บริการเช่าพื้นที่ในการจัดเก็บเว็บไซต์ และจดทะเบียนชื่อเว็บไซต์ มีทั้งแบบฟรีค่าบริการและเสียค่าใช้จ่ายแบบรายเดือนหรือรายปี
7. โดเมนเนม (Domain Name) หมายถึง ชื่อที่ใช้ในการอ้างอิงเว็บไซต์ต่าง ชื่ออะไร หน่วยงานอะไร ประเทศใหน ไม่สามารถจดชื่อซ้ำกันได้ เช่น http://www.esarntech.ac.th/
8. เบราเซอร์ (Browser) หมายถึง โปรแกรมที่ใช้แสดงผลภาษาของเว็บไซต์ ที่สร้างจากโปรแกรมต่างๆ เช่น Html ให้แสดงในรูปแบบ www (เวิล ไว เว็บ) สื่อประสม ตัวอย่างเบราเซอร์ IE , FIREFOX, Chrome เป็นต้น
9. เวิล ไว เว็บ (WWW) เป็นบริการหนึ่งในอินเตอร์เน็ต ซึ่งเข้าใจตรงกันว่าอยู่ในรูปแบบสื่อประสม Mutimedia
สมัครสมาชิก:
บทความ (Atom)