Hello!!!.. New Friends Come .Some Friends Leave. Hope You keep me into your heart.As i keepyou in mine. I willnever forget you. Promise .
Group Blog
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat

lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
Group Blog
 
<<
เมษายน 2553
 123
45678910
11121314151617
18192021222324
252627282930 
 
28 เมษายน 2553
 
All Blogs
 
•°¤* ของเล่นใหม่มาแล้วจ้า *¤°•




lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat



ขั้นตานการจัดเอกสาร  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>

เป็นอันจบ การ สร้าง เว็ปไซน์ แบบง่ายๆๆ  ในภาคแรกค่ะ



lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat



 
แนะนำ เวป web hosting ที่ใช้อยู่ประจำให้ค่ะ เป็นเวปที่ใช้ง่ายที่สุด โดยไม่เสียค่าใช้จ่ายไดๆทั้งสิ้น.....คลิกที่ลิงค์เลยค่ะ....
//fileave.com/
สำหรับเพื่อนที่ไม่เข้าใจขั้นตอนการ อัพโหลด ไฟล์ หรือ เอกสาร  HTML  เพื่อให้อยู่ในถานะออนไลน์

ดูรูปประกอบด้านล่างค่ะ
 1.เปิดหน้าเวปเข้าไป (หน้าตาแบบที่เห็นในรูป ) ทำการ สมัครสมาชิก


2. เมื่อสมัครสมาชิกเรียบร้อยแล้ว ก็ทำการ ล็อคอินและคลิกที่ลูกศรสีเหลืองชี้ (ตามรูปที่เห็น )


3.เมื่อคลิกแล้ว ก็จะมีหน้าตาแบบที่เห็นในรูป  ให้คลิกตามที่ลูกศรชี้เพื่อเข้าไปยังหน้าอัพโหลดไฟล์


4.เมื่อเข้าทาที่หน้าอัพโหลดไฟล์ก็จะมีหน้าตาแบบที่เห็นในรูปค่ะ...คลิกที่ลูกศรชี้ .


5. เพือเลือกไฟล์ ที่เราเซฟไว้แล้ว  ( ตามรูป ) คลิก อัพโหลดตามลูกศรสีเขียว....


6.เมื่ออัพโหลดเสร็จแล้วก็จะมีหน้าตาแบบที่เห็นในรูปด้านล่าง..คลิกที่ลูกศร ชี้เพื่อเข้าไปเอาลิงค์ที่เราอัพโหลดเมื่อสักครู่นี้


7.ก็จะได้หน้านี้มา....คลิกตามที่ลูกศรชี้..


8.ก็จะเห็นหน้าแสดงผลงาน..หน้าที่ยังไม่ทำการตกแต่งภายใน..ซึ่งรอเพื่อนๆมา ตกแต่งอยู่นะคะ......แล้วเราก็เอาลิงค์  ตามลูกศรชี้ ที่ได้ไปแนะ หรือ แนะนำ ลิงค์ซึ่งเป็นขั้นตอนสุดท้าย....หวังว่าคงไม่ งง นะคะ.


.
ด้วยวิธี และ ขั้นตอน ใบแบบด้านบนที่ได้อธิบายไว้...คุณก็จะมีเวปไซน์ ( แบบ เล็กๆ ) เป็นของตัวเองโดยไม่ต้อง จด DOMAIN NAME ไม่้ต้องเสียค่าบำรุงเป็นรายปี ไม่ต้องเสียค่าใช้จ่าย จุ๊กๆจิ๊กๆๆ ไดๆทั้นลิ้น.....
 
หากเพื่อนๆสนใจ  ลองคลิกเข้าไปดู แบบน่ารักๆๆของธีม ตัวอย่างที่จัดเสร็จเรียบร้อย และลายละเอียดต่างๆได้ ลิงค์ด้านล่างค่ะ
•°¤*รูปแบบ ตัวอย่าง น่ารักๆของธีม *¤°•
•°¤*ตัวอย่างเวปไซน์สำเร็จรูปที่จัดเสร็จแล้ว *¤°•
 


lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat
lozocat



กลับขึ้นข้างบน



Create Date : 28 เมษายน 2553
Last Update : 29 เมษายน 2553 1:15:27 น. 8 comments
Counter : 1646 Pageviews.

 
น่ารักมากเลยค่ะ ต้องขอลองเอาไปเล่นบ้างแล้วค่ะ


โดย: nompiaw.kongnoo วันที่: 29 เมษายน 2553 เวลา:10:06:26 น.  

 
ขอบคุณค่ะ แต่ไม่มีเวลาทำหรอกค่ะ เพราะทำแต่งาน...
เวลาจะอัฟบล็อคก็ไม่มี


โดย: ดอกหญ้าเมืองเลย วันที่: 29 เมษายน 2553 เวลา:13:00:42 น.  

 
Comment Hi5 Glitter
แวะมาทักทายช่วงอากาศเริ่มคลายร้อน ขอบคุณสำหรับของแต่งblogนะคะ มาใช้บริการบ่อยมากค่ะ


โดย: เกศสุริยง วันที่: 30 เมษายน 2553 เวลา:20:55:48 น.  

 
สวัสดีวันหยุดค่ะคุณแคท ธีมน่ารักมากๆ เลยค่ะ


โดย: kobnon วันที่: 1 พฤษภาคม 2553 เวลา:7:58:26 น.  

 
Genius ain't anything more than elegant common sense.

Josh Billings


โดย: Elbereth วันที่: 11 พฤษภาคม 2553 เวลา:12:39:22 น.  

 
ขอบคุณมากๆเลยค่ะ ขอไปลองทำดูนะค่ะ อะไรถ้ามีอะไรสงสัยถามได้ใช่มั้ยค่..อิอิ

ขอบคุณอีกครั้งนะค่ะ สำหรับข้อมูลดีๆๆนะค่ะ


โดย: sea of mist วันที่: 1 มิถุนายน 2553 เวลา:14:10:29 น.  

 
ขอบคุณสำหรับข้อมูลดี ๆ ค่ะ^^


โดย: Pegasuszy วันที่: 4 มิถุนายน 2553 เวลา:19:58:03 น.  

 
น่ารักจังเลย ทั้งรูปและเจ้าของ blog
ขอบคุณค่ะ


โดย: gunpung (Gunpung ) วันที่: 6 มิถุนายน 2553 เวลา:5:38:26 น.  

ชื่อ : * blog นี้ comment ได้เฉพาะสมาชิก
Comment :
  *ส่วน comment ไม่สามารถใช้ javascript และ style sheet
 

lozocat
Location :


[ดู Profile ทั้งหมด]

ให้ทิปเจ้าของ Blog [?]
ฝากข้อความหลังไมค์
Rss Feed
Smember
ผู้ติดตามบล็อก : 13 คน [?]




Friends' blogs
[Add lozocat's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.