งานออนไลน์
สร้างรายได้ง่ายๆ กับออนไลน์ ทำที่บ้านได้ 100%
ขอรับข้อมูลเพิ่มเติม ฟรี! Line id : @ekstepza
http://www.EkStepZa.com
จองตั๋วรถทัวร์
จองตัวร์รถทัวร์ ทุกเส้นทาง ทั่วประเทศ
จองง่ายๆ ภายใน 5 นาที ชำระค่าตั๋วที่ 7/11
http://www.thaibusticket.com

คู่มือที่สมบูรณ์แบบที่สุด แห่งการทำเว็บไซต์

วันนี้ผมจะมาแนะนำ คู่มือที่สมบูรณ์แบบที่สุด แห่งการทำเว็บไซต์ นะครับ



(เว็บสวยๆที่เราเห็น จริงๆ มันมาจากโค้ดทั้งนั้นเลย)
HTML, CSS, XML, JAVASCRIPT,    ASP,   PHP,   SQL,   MORE...

เว็บนี้เลยครับ

http://www.w3schools.com/images/w3schoolslogo.gif

อย่ากลัวภาษาอังกฤษ นะครับ ลองอ่านๆเป็นคำที่เข้าใจง่ายๆ

ผสมกับพวก Code ทั้งเว็บไซต์ แล้วก็มี หน้าทดสอบ code ด้วย

www.w3schools.com (Try it)

ลองเล่นๆ แล้วจะสนุก และเก่งขึ้นครับ  Cool

-----------------------------------------------------------------------------------------------------
rol2
ตัวอย่างนะครับ อิอิ

สมมุติ ผมกดไปที่หน้า HTML HOME

ก็ขึ้นมาหน้าหนึ่ง จริงๆแล้วใจความมันมีแค่ตรงเนี๊ยเอง ครับ..

โค๊ด:
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html> 


Try it yourself »

ถ้ากดตรง  Try it yourself »  ดูปุ๊บ มันก็โผล่ไปอีกหน้านึงปั๊บ ทันที!

ในหน้านั้นจะเป็นตัวอย่าง สอนเรา ซึ่งเป็นพื้นที่สองฝั่ง

 Shockedฝั้งซ้าย เป็น Code                           Undecided ฝั่งขวา บอกว่าโค้ด นั้น แสดงผลยังไง

ถ้าลองพิมพ์ อะไรเล่นๆไป ฝั่งซ้าย แล้วกด ปุ่ม Edit And Click Me เนี่ย

มันก็จะไปโชว์ ผลลัพธ์ให้ดู ทางฝั้งขวา นู้น
(จะเอาพวก code youtube, code นู้นนี่ มาเทสเล่นๆ ก็ได้นะครับ ตรงนี้อ่ะ)

การทำเว็บก็ง่ายๆ แค่นี้เองครับ Smiley

ตัวอย่าง อื่นๆ

Heading หัวข้อ
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_headers

สไตล์ ตัวอักษร
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_styles

สร้าง Link
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_links

ใส่รูปภาพ
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_pulpitimage

ใส่ตาราง
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_tables

ใส่ร้ายป้ายสี
http://www.w3schools.com/html/tryit.asp?filename=tryhtml_colorhex

 madman


แค่ลองเปิดไปเรื่อยๆ มองหาปุ่ม เขียวๆ หรือ รูปกรรไกร มีคำประมาณ Try it Yourself - Examples แล้วคลิ๊กแหลก เดี๋ยวก็เก่งครับ ศึกษาจากที่นี่ คุณยังจะได้คำศัพท์เกี่ยวการทำเว็บไซต์ไปในตัว

ใครเล่นไปถึง CSS แล้วจะเจออะไร ที่มันอลังการ หุหุ

อาทิ เช่น
http://www.w3schools.com/css/tryit.asp?filename=trycss_image_gallery

ส่วนคนที่อยากลองใช้โปรแกรมสร้างเว็บสำเร็จรูป ต้องลองนี่ครับ
GDI Site BuilderGDI CMS Plugin

ปล. ตัวอักษร ภาษาอังกฤษ ส่วนอื่นๆ ทั้งหน้า มีไว้แค่ ขู่ เท่านั้นแหละ มองข้ามมันไป นะ  Afro