| หลักในการเขียน Homepage |
| เราจะเริ่มต้นจากการไม่รู้อะไรมาก่อนเลย ก่อนอื่นขอบอกคุณว่า การเขียน Homepage เราสามารถเขียนได้โดย 1. การใช้โปรแกรมสำเร็จรูป 2. การใช้โปรแกรม Notepad |
| สิ่งที่ผมจะแนะนำต่อไปนี้เป็นการใช้โปรแกรม Notepad ในการเขียน Homepage นะครับ ( โปรแกรม Notepad เปิดได้โดยคลิกที่ Start --> เลือก Programs --> เลือก Accessories --> เลือก Notepad ) |
| หลักการง่ายๆ ก็คือ เราจะเขียน Source Code ลงใน Notepad แล้ว Save เป็นนามสกุล html อธิบายตรงนี้สักนิดเพื่อความเข้าใจ... 1. เริ่มจากการนำ Source Code ( ต่อไปผมจะเรียกสั้นๆ ว่า Code นะครับ ) ซึ่งคุณจะได้พบต่อไปในบทเรียนต่างๆ มาเขียนในโปรแกรม Notepad 2. เขียนเสร็จแล้วให้คลิกที่คำว่า File --> แล้วเลือก Save As... ในช่อง File name ให้พิมพ์ชื่อที่คุณต้องการลงไป เช่น test.html ( test.html อ่านว่า ที อี เอส ที ดอท เอช ที เอ็ม แอล ) 3. เท่านี้คุณก็จะได้ File 1 File ที่พร้อมใช้งาน 4. จากนั้นให้คุณเปิดโปรแกรม Internet Explorer (IE) ขึ้นมา แล้วทำการเปิด File ที่ชื่อ test.html 5. ดูผลที่เกิดขึ้น |
| ตัวอย่าง เอา Code ด้านล่างนี้ลองไปเขียนใน Notepad ดูนะครับ <html> <head> <title>ทดสอบการเขียน Homepage</title> <meta http-equiv="Content-Type" content="text/html; charset="> </head> <body bgcolor="#FFFFCC" text="#3399FF"> ข้อความที่คุณต้องการ อะไรก็ได้ครับ เขียนไปเถอะ ยาวแค่ไหนก็ได้นะครับ </body> </html> |
| หมายเหตุ Code จะเริ่มจาก <html> และสิ้นสุดที่ </html> ผลที่ได้จาก Code ด้านบนเมื่อไปเปิดด้วย IE ก็คือ พื้นหลังจะเป็นสีเหลือง และตัวอักษรจะเป็นสีฟ้า... |
| ถ้าผลที่ออกมาได้ตามที่ผมบอก คุณก็เข้าไปศึกษาบทเรียนกันได้เลยครับผม คลิกที่ สารบัญ ( ด้านขวาบนสุดนะครับ ) ถ้าผลที่ออกมาไม่เป็นไปตามที่บอก ก็ให้คลิกที่ ติดต่อสอบถาม ฝากคำถามมาถึงผมได้เลยครับผม ( บอกด้วยนะครับว่าผลที่ได้เป็นอย่างไร ? ) |