•°¤* ของเล่นใหม่มาแล้วจ้า *¤°•
|
ขั้นตานการจัดเอกสาร HTML ให้อยู่ในสถานะ ออนไลน์ แบบง่ายๆด้วยตัวคุณเอง |
เกริ่นนำ.......กรุณาอ่านคำแนะนำ ให้เข้าใน ถ้าไม่เข้าใจก็อ่านซ้ำไป-มา จนกว่าจะเข้านะคะ เพื่อความรู้ และประโยชน์ทั้งหมดของคณเอง.......... |
|
โคดทั้งหมดที่เห็นในบ็อกด้านล่าง คือ แบบฝึกหัด เอกสาร HTML ที่จัดเรียบร้อยแล้วและรอการตกแต่งภายในของคุณอยู่ค่ะ ...... |
|
โคดที่เห็นด้านล่าง เป็นตัวอย่างของธีม ในเซต B ค่ะ....... คลิกที่นี่ เพื่อไปดูรูปแบบของธีม ในเซต B . |
คลิกที่นี่ เพื่อนำโคดไปวาง และ ทำการตกแต่งภายใน |
|
หมายเหตุ.......ข้อความภาษาไทยที่ทำกำกับไว้ไม่ต้องลบออกนะคะ..เพราะไม่แสดงผลไดๆทั้งสิ้น...ทำไว้เพื่อการง่ายในการตกแต่งค่ะ......... |
|
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html xmlns="//www.w3.org/1999/xhtml"> <="Content-Type" content="text/html; charset=UTF-8" /> <head> <title>เขียนหัวข้อเรื่อง</title> </head>
| <body background="../bg/bg.jpg" topmargin="0" leftmargin="0"> <div align="center" style="background: transparent url('//img13.imageshack.us/img13/7390/c11bn.jpg') repeat-x scroll center top; position: absolute; top: 0px; left: 0px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 100%;"><table border="0" cellspacing="2" cellpadding="2" width="780" align="center"><tbody><tr><td align="center" valign="middle" style="height: 490px"></td></tr><tr><td align="center" valign="top"><table border="0" cellspacing="0" cellpadding="0" width="100%" align="center"> <tbody><tr><td align="center" valign="middle"><table border="0" cellspacing="0" cellpadding="0" width="100%" align="center"> <tbody><tr><td align="center" valign="top">
| <!-- ..... ตกแต่งในส่วนของพื้นที่สำรับเขียนลายละเอียด หรือ ใส่รูป ที่พื้นที่ว่างด้านล่าง --> | | </td></tr></tbody> </table> </td><td align="center" valign="top" style="width: 240px"><table border="0" cellspacing="0" cellpadding="0" width="100%" align="center"> <tbody><tr><td align="center" valign="top">
| <!-- ....... ตกแต่งในส่วนของเมนูด้านข้างๆๆ .........ที่มีขนาดความกวว้าง .........240px ..........ไม่ควรใส่รูปที่มีขนาดมากกว่า ......240px.....เช่น ทำลิงค์เมนู ใส่ นาฬิกา หรือ ใส่รูปดุ๊กดิ๊ก ที่พื้นที่ว่างด้านล่าง --> | | </td></tr></tbody> </table> </td></tr></tbody> </table></td></tr><tr><td></td></tr></tbody></table>
| <!-- ..... ส่วนของจาวาสคริป ใส่โคด cussor โคดจัดสีตัวอัษรทั้งหน้าเวป...หรือคำสั่ง HTML อื่นๆ ที่พื้นที่ว่างด้านล่าง --> | | <!-- ..........สิ้นสุดการจัดและใส่โคดทั้ง หมด............ --> | <style type="text/css"><!--body{background:url(//img231.imageshack.us/img231/3072/c10x.jpg) repeat center top;background-color:#ffffff;}--></style><img src="//img134.imageshack.us/img134/5048/26894441.gif" border="0" height="222" width="10">
| | </body>
| </html> | |
|
|
เมื่อตกแต่งเรียบร้อยแล้ว ก็ก็อปปี้โคดทั้งหมด ไปใส่ไว้ใน Notepad ที่อยู่ในเครื่องคอมพิวเตอร์ของคุณ ทำการเซฟ ใส่ชือของไฟล์ โดยใส่ .html ด้านหลังชือทุกครั้งที่ทำการเซฟ..เช่น Mywebpag.html ( เวลาเซฟไฟล์ที่ Notepad ให้ตัวอักษรติดกันตามตัวอย่างนะคะ เพื่อความ อินเตอร์..ไม่ งง นะคะ) |
|
....ลัลลลัลลลลาาาาา...เวลาผ่านไป.... |
|
เมื่อเราได้ไฟล์ที่ฝากเรียบร้อยแล้ว...ขั้นตอนต่อไป คือ การทำให้ Mywebpag ของเราอยูใน สภานะ ออนไลน์ ที่ไครๆก็สามารถเปินเข้ามาชมได้.......คือการอัฟโหลดไฟล์ที่ website hosting |
|
ซึ่งจะแนะนำ เวป web hosting ที่ใช้อยู่ประจำให้ค่ะ เป็นเวปที่ใช้ง่ายที่สุด โดยไม่เสียค่าใช้จ่ายไดๆทั้งสิ้น.....คลิกที่ลิงค์เลยค่ะ.... |
|
//fileave.com/ |
|
เมื่อคลิกเข้าไปแล้ว ก็สมัครสามชิก โดยไม่เสียค่าใช้จ่ายไดๆทั้งสิ้น ( ขั้นตอนง่ายการสมัครง่ายมากไม่ยุ่งยากเหมือนเวปอื่นๆๆ )เมื่อเป็นสมาชิกเรียบร้อยเล้ว ทำการ Log In เพื่อเข้าไปทำการ อัพโหลด Mywebpag ของเราให้อยูใน สภานะ ออนไลน์ เพื่อที่จะก็อปปี้เอาลิงค์ของ Mywebpag ไปแนะนำ หรือ แปะลิงค์ที่ใหนๆก็ได้ ที่ไครก็สามารถเปิดเข้ามาชม Mywebpag ของเราได้ค่ะ.......... |
|
ตัวอย่างการทำลิงค์ โดยเขียนข้อความ |
<a href="..ใส่.......//...ของลิง....." target="_blank">....ตั้งชื่อให้กับลิงค์......</a> | |
|
ตัวอย่างการทำลิงค์ โดยโดยใช้รูป |
<a href="..ใส่.......//...ของลิง....." target="_blank"><img src="..ใส่..//..บองรูปที่ต้องการทำลิงค์" alt="ใส่ชื่อให้รูป" border="0"></a> | |
|
เป็นอันจบ การ สร้าง เว็ปไซน์ แบบง่ายๆๆ ในภาคแรกค่ะ |
|
กลับขึ้นข้างบน