  
โรงเรียนเพาะปัญญา
สอนสร้างโฮมเพจแบบอัตโนมัติตามขั้นตอนง่ายๆดังนี้
บทที่ 2 รู้จักกับการใช้แป้นต่างๆใน editor01.htm
เนื้อหาในบทนี้ จะสอนการใช้แป้นต่างๆใน editor01.htm เพื่อสร้าง Tag ต่างๆ
ที่จะต้องใช้ในการสร้างโฮมเพจให้สวยงาม เพื่อความรวดเร็วและไม่ต้องจำ
- เรียกแฟ้ม editor01.htm ถ้าหากอ่านภาษาไทยไม่ออก ให้ติดต่อที่
โรงเรียนเพาะปัญญา
- ทำการลอก Source Code โครงสร้างหลักของภาษา HTML แล้วนำไปแปะไว้ที่ editor01.htm
จะได้
- กดแป้น
 เติมข้อความว่า "Red"
จะได้ Tag 
จะได้โฮมเพจ
- กดแป้น
 เติมข้อความว่า "http:/www.cnn.com" และ "สำนักข่าว CNN"
จะได้ Tag 
จะได้โฮมเพจ
- กดแป้น
 เติมข้อความว่า "2" เพื่อกำหนดขนาดความหนาของเส้นคั่นหน้า
จะได้ Tag  นำไปใส่ในตำแหน่งที่ต้องการจะใส่เส้นคั่นหน้า
- กดแป้น
 เติมข้อความว่า "mailto:hoondee@hotmail.com" และ "Noom Siam"
จะได้ Tag 
จะได้โฮมเพจ
- กดแป้น
 เติมข้อความว่า "eye4.gif"
จะได้ Tag 
จะได้โฮมเพจ
- กดแป้น
ทำการเปลี่ยนข้อความจาก  เป็น Tel :(02)289-1024,688-1099 Fax:676-1935
จะได้โฮมเพจ
- กดแป้น
 จะได้ Tag 
หัดทดลองใส่ <![CDATA[<BR>]]>จะได้ Source Code 
จะได้โฮมเพจ 
- กดแป้น
 จะได้ Tag 
- การ นี้ จะทำให้ข้อความที่เราพิมพ์ห่างจากขอบกระดาษด้านซ้ายและ
ขวาเท่ากันโดยเว้นไว้ 1 คอลัมน์
สรุปSource Code ที่เรียนมาในบทนี้ มีดังนี้
<![CDATA[
<HTML><HEAD><TITLE>ห้องสมุดโรงเรียนเพาะปัญญา</TITLE></HEAD>
<BODY BGCOLOR="#000000" TEXT="#ffff00"
Vlink="#ffff00" Alink="#ffff00" Link="#ffffff"">
<FONT Face="AngsanaUPC"><FONT Size=+3>
<CENTER>
<FONT Color="Red">เวปเพจ แรกของโรงเรียนเพาะปัญญา<BR>
Welcome to visit Pohpunya School Homepage</FONT><BR>
<A HREF="http://www.cnn.com">สำนักข่าว CNN</A>
<HR size=2>
<A HREF="mailto:hoondee@hotmail.com">Noom Siam</A><BR>
<Img SRC="eye4.gif">
<HR size=1>
<Blockquote>
Tel :(02)289-1024,688-1099 Fax:676-1935
</Blockquote>
</CENTER>
</FONT>
</BODY>
</HTML>
]]>
|
