วันนี้ผมจะมาแนะนำ คู่มือที่สมบูรณ์แบบที่สุด แห่งการทำเว็บไซต์ นะครับ
(เว็บสวยๆที่เราเห็น จริงๆ มันมาจากโค้ดทั้งนั้นเลย)
HTML, CSS, XML, JAVASCRIPT, ASP, PHP, SQL, MORE...
เว็บนี้เลยครับ
อย่ากลัวภาษาอังกฤษ นะครับ ลองอ่านๆเป็นคำที่เข้าใจง่ายๆ
ผสมกับพวก Code ทั้งเว็บไซต์ แล้วก็มี หน้าทดสอบ code ด้วย
www.w3schools.com (Try it)
ลองเล่นๆ แล้วจะสนุก และเก่งขึ้นครับ
-----------------------------------------------------------------------------------------------------
ตัวอย่างนะครับ อิอิ
สมมุติ ผมกดไปที่หน้า HTML HOME
ก็ขึ้นมาหน้าหนึ่ง จริงๆแล้วใจความมันมีแค่ตรงเนี๊ยเอง ครับ..
โค๊ด:
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Try it yourself »
ถ้ากดตรง Try it yourself » ดูปุ๊บ มันก็โผล่ไปอีกหน้านึงปั๊บ ทันที!
ในหน้านั้นจะเป็นตัวอย่าง สอนเรา ซึ่งเป็นพื้นที่สองฝั่ง
ฝั้งซ้าย เป็น Code ฝั่งขวา บอกว่าโค้ด นั้น แสดงผลยังไง
ถ้าลองพิมพ์ อะไรเล่นๆไป ฝั่งซ้าย แล้วกด ปุ่ม Edit And Click Me เนี่ย
มันก็จะไปโชว์ ผลลัพธ์ให้ดู ทางฝั้งขวา นู้น
(จะเอาพวก code youtube, code นู้นนี่ มาเทสเล่นๆ ก็ได้นะครับ ตรงนี้อ่ะ)
การทำเว็บก็ง่ายๆ แค่นี้เองครับ
ตัวอย่าง อื่นๆ
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
แค่ลองเปิดไปเรื่อยๆ มองหาปุ่ม เขียวๆ หรือ รูปกรรไกร มีคำประมาณ Try it Yourself - Examples แล้วคลิ๊กแหลก เดี๋ยวก็เก่งครับ ศึกษาจากที่นี่ คุณยังจะได้คำศัพท์เกี่ยวการทำเว็บไซต์ไปในตัว
ใครเล่นไปถึง CSS แล้วจะเจออะไร ที่มันอลังการ หุหุ
อาทิ เช่น
http://www.w3schools.com/css/tryit.asp?filename=trycss_image_gallery
ส่วนคนที่อยากลองใช้โปรแกรมสร้างเว็บสำเร็จรูป ต้องลองนี่ครับ
GDI Site Builder , GDI CMS Plugin
0
ความคิดเห็น