Show �������������ҧ���ྨ �����������㹡�����ҧ���ྨ��������������� �������Ѻ�ٻẺ�ͧ������ҧ���ྨ �ѧ��� ������������硫��ʹ�����(Text Editor) �������������ѹ�ҡ ��� ����� Notepad ��������������ҧ���ྨ �¡����¹�������� HTML ���������� Text Editor 㹡�����ҧ���ྨ�е�ͧ��¹����觴��µ��ͧ������ ������������鹰ҹ����Ҿ�����Ѻ�к���Ժѵԡ�� Windows �Ҿ������ҧ����� Notepad ���������������ʹ����� (Web Editor) �������������ѹ �� Dreamweaver, Namo WebEditor,Microsoft Frontpage �繵� 㹡�����ҧ��������繵�ͧ��������觴��µ���ͧ������ ������������ҹ��� ������ͧ��ͪ���㹡�����ҧ���ྨ �Ҿ������ҧ����� Dreamweaver cc การเขียนโฮมเพจด้วยภาษา HTML นั้น เอกสาร HTML จะประกอบด้วยส่วนประกอบ2 ส่วน ดังนี้ </html> คำสั่ง หรือ Tag ที่ใช้ในภาษา HTML ประกอบไปด้วยเครื่องหมายน้อยกว่า "<" ตามด้วย ชื่อคำสั่งและปิดท้ายด้วยเครื่องหมายมากกว่า ">" เป็นส่วนที่ทำหน้าที่ตกแต่งข้อความ เพื่อ การแสดงผลข้อมูล โดยทั่วไปคำสั่งของ HTML ส่วนใหญ่จะอยู่เป็นคู่ มีเพียงบาง คำสั่งเท่านั้น ที่มีรูปแบบคำสั่งอยู่เพียงตัวเดียว ในแต่ละคำสั่ง จะมีคำสั่งเปิดและปิด คำสั่งปิดของแต่ละ คำสั่งจะมี รูปแบบเหมือนคำสั่งเปิด เพียงแต่จะเพิ่ม "/" (Slash) นำหน้าคำสั่ง ปิดให้ดู แตกต่าง เท่านั้น และในคำสั่งเปิดบางคำสั่ง อาจมีส่วนขยายอื่นผสมอยู่ด้วย ในการเขียนคำสั่งภาษา HTML สามารถเขียน ด้วยตัวอักษร เล็กหรือใหญ่ ทั้งหมดหรือเขียนคละกันได้ เช่น <HTML> หรือ <Html> หรือ <html> ซึ่งจะให้ผลเหมือนกัน คำสั่งเริ่มต้นของเอกสาร HTML <HTML>..........</HTML> คำสั่ง <HTML> เป็นคำสั่งเริ่มต้นในการเขียนโปรแกรมและคำสั่ง </HTML> เป็นการสิ้นสุดโปรแกรม HTML คำสั่งนี้จะไม่แสดงผลในโปรแกรมเว็บเบราเซอร์ แต่ต้องเขียนเพื่อให้เกิดความเป็นระบบของงาน และเพื่อจะให้รู้ว่าเอกสารนี้เป็นเอกสารของภาษา HTML ส่วนหัวเรื่องเอกสารเว็บ (Head Section) <HEAD>..........</HEAD> Head Section เป็นส่วนที่ใช้อธิบายเกี่ยวกับข้อมูลเฉพาะของหน้าเว็บนั้น ๆ เช่น ชื่อเรื่องของหน้าเว็บ (Title), ชื่อผู้จัดทำเว็บ(Author), คีย์เวิร์ดสำหรับการค้นหา (Keyword) โดยมี Tag สำคัญ คือ <TITLE>..........</TITLE > ข้อความที่ใช้เป็น TITLE ไม่ควรพิมพ์เกิน 64 ตัวอักษร, ไม่ต้องใส่ลักษณะ พิเศษ เช่น ตัวหนา เอียง หรือสี และควรใช้ภาษาที่มีความหมายครอบคลุม ถึงเนื้อหาของเว็บเพจ นั้น หรือเป็นคำสำคัญในการค้นหา (Keyword) <BODY>..........</BODY> Body Section เป็นส่วนเนื้อหาหลักของหน้าเว็บ ซึ่งการแสดงผลจะต้องใช้ Tag จำนวนมาก ขึ้นอยู่กับลักษณะของข้อมูล เช่น ข้อความ, รูปภาพ, เสียง, วีดิโอ หรือไฟล์ต่างๆส่วนเนื้อหาเอกสารเว็บ เป็นส่วนการทำงานหลักของหน้าเว็บ ประกอบด้วย Tag มากมายตามลักษณะของข้อมูล ที่ต้องการนำเสนอ การป้อนคำสั่งในส่วนนี้ ไม่มีข้อจำกัดสามารถป้อนติดกัน หรือ 1 บรรทัดต่อ 1 คำสั่งก็ได้ แต่ส่วนใหญ่จะยึดรูปแบบที่อ่านง่าย คือ การทำย่อหน้าในชุดคำสั่งที่เกี่ยวข้องกัน ทั้งนี้ให้ป้อนคำสั่งทั้งหมดภายใต้ Tag <BODY> … </BODY> ในบทเรียนนี้ได้ทำการจัดเนื้อหาสำหรับการสร้างโฮมเพจด้วยภาษา HTML สำหรับกลุ่มคำสั่งได้ดังนี้ 1. กลุ่มคำสั่งจัดรูปแบบตัวอักษร 4.กลุ่มคำสั่งการจัดรูปแบบฉากหลัง สรุป 1.4 เริ่มต้นกับภาษา HTML ด้วย Notepad ในการสร้าง Homepageสามารถทำได้โดย 1. การใช้โปรแกรมสำเร็จรูป และ 2. การใช้โปรแกรม Notepad ซึ่งในบทเรียนนี้จะสอนการเขียนโฮมเพจด้วยภาษา HTML โดยใช้โปรแกรม Notepad ในระบบปฏิบัติการ windows ซึ่งต้องเขียน คำสั่งต่าง ๆ ลงใน โปรแกรม Notepad Notepad นี้จัดเป็นโปรแกรมประเภท Text Editor สามารถสร้างไฟล์หรือเขียนภาษา HTML ได้ และ Notepad นี้เป็นโปรแกรมที่นิยมใชในการเขียนโฮมเพจ สามารถใช้งานได้ง่าย และเป็นโปรแกรมที่ทำงานบนระบบ Windows การเรียกใช้งานโปรแกรม Notepad สามารถทำได้ดังนี้ คลิกที่ Start --> เลือก Programs --> เลือก Accessories --> เลือก Notepad
ได้โปรแกรม Notepad สำหรับเขียนโฮมเพจ ดังนี้ การบันทึกไฟล์โปรแกรม Notepad ให้เป็นไฟล์ HTML หลังจากใส่คำสั่งพื้นฐานของภาษา HTML ลงใน Notepad ให้ Save เป็น file นามสกุล ดอท.html ดังนี้ คลิก File --> เลือก save ในช่อง File name ให้พิมพ์ชื่อ File ที่ต้องการลงไป เช่น test.html (test.html อ่านว่า เทส ดอท เอช ที เอ็ม แอล) จะได้ File 1 File ที่เขียนด้วยภาษา HTML ชื่อ test.html จะเปิดโปรแกรม Internet Explorer (IE) หมายเหตุ เมื่อทำการ savefile เป็น file HTML แล้ว ถ้าต้องการแก้ไขเอกสาร HTML ที่เปิดดูด้วยโปรแกรม Internet Explorer เลือก view ที่ menu bar>> เลือก source จะปรากฏข้อมูลที่เขียนด้วยภาษา HTML ในโปรแกรม notepad
นักเรียนใช้โปรแกรมใดในการเขียนภาษา HTMLโปรแกรมที่นิยมนํามาใช้เขียนภาษา HTML ที่นิยมมี 2 โปรแกรมคือ Notepad และ Edit Plus ดัง ตัวอยาง่ดังนี้ โปรแกรม Note Pad. Note Pad เป็นโปรแกรม Text Editor มาตรฐานที่มีมากบ ัWindows วิธีเรียกใช้ทําได้ดังรูปที่ 3.2.
โปรแกรมที่ใช้เขียนค าสั่งภาษา HTML ในการสร้างเว็บเพจคือข้อใดโปรแกรมที่นิยมใช้กันมาก คือ โปรแกรม Notepad เป็นโปรแกรมเพื่อสร้างเว็บเพจ โดยการเขียนด้วยภาษา HTML ซึ่งเป็นโปรแกรม Text Editor ในการสร้างเว็บเพจจะต้องเขียนคำสั่งด้วยตนเองทั้งหมด ซึ่งเป็นโปรแกรมพื้นฐานที่มาพร้อมกับระบบปฏิบัติการ Windows. ภาพตัวอย่างโปรแกรม Notepad.
คำสั่งใดใช้กำหนดข้อความบนtitlebar</head> เป็นคำสั่งในส่วนของการกำหนดส่วนหัวเรื่องของเวบเพจ โดยในคำสั่งhead จะมีคำสั่ง <title> .... </title>อยู่ด้วย ซึ่งทำหน้าที่กำหนดข้อความที่แสดงบน Title Barโดยสามารถกำหนดความยาวของข้อความได้ 64 ตัวอักษร
Notepad ทำหน้าที่ใดในการเขียนโปรแกรมด้วย HTMLNotepad นี้จัดเป็นโปรแกรมประเภท Text Editor สามารถสร้างไฟล์หรือเขียนภาษา HTML ได้ และ Notepad นี้เป็นโปรแกรมที่นิยมใชในการเขียนโฮมเพจ สามารถใช้งานได้ง่าย และเป็นโปรแกรมที่ทำงานบนระบบ Windows. การเรียกใช้งานโปรแกรม Notepad สามารถทำได้ดังนี้ คลิกที่ Start --> เลือก Programs --> เลือก Accessories --> เลือก Notepad.
|