อยากเป็น web programming เริ่มต้นอย่างไรดีึครับ?

g-ji · 29 พฤษภาคม 2010, 19:51:52

เริ่มมาถูกทางแล้ว แต่ยังใช้ html element (html tag) ผิดประเภทอยู่

อย่างแรกเลยคือ ไม่มี DOCTYPE ตัวนี้สำคัญมากที่สุดในภาษา HTML

DOCTYPE ที่นิยมใช้กันอยู่ในปัจจุบัน จะมี

โค้ด เลือก

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

โค้ด เลือก

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

ตัว 1.0 Transitional จะนิยมมากกว่าตัวล่าง สาเหตุที่นิยมมากกว่า เป็นเพราะ "ไม่เข้มงวมเรื่อง html element เท่ากับ 1.0 Strict"

เพราะฉะนั้นถ้าเริ่มหัดจริงๆ แนะนำให้ศึกษา XHTML 1.0 Transitional แล้ว ต่อด้วย XHTML 1.0 Strict แล้วไป XHTML 1.1 (สูงกว่า Strict) จากนั้นไปต่อ HTML5 ได้เลย

DOCTYPE ของ XHTML1.1

โค้ด เลือก

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

HTML5

โค้ด เลือก

<!DOCTYPE html>

ถ้าถามว่าทำไมต้องมี DOCTYPE ด้วย ?
- มันคือสิ่งที่บ่งบอกว่า เว็บของเรา มีความเป็นมาตรฐานมากน้อยแค่ไหน ยิ่งใช้ DOCTYPE อันสูงๆ ข้อจำกัดในการเขียนยิ่งมากขึ้น html element (tag) ที่ใช้ได้จะลดลง หรือ เปลี่ยน รูปร่าง ไปเลย

ลองเทียบดูได้นะ
Strict , Transitional, Frameset (อันหลังสุดนี่ไม่ค่อยนิยมใช้แล้ว) ส่วน XHTML 1.1 กับ Strict ใกล้เคียงกัน แต่ลด attribute บางตัว ในบาง tag ลง)
http://www.w3schools.com/tags/default.asp
http://www.w3schools.com/html5/html5_reference.asp

บาง tag เหมือนกัน แต่ลักษณะการใช้ไม่เหมือนกัน
บาง tag ใน html5 สร้างขึ้นมาใหม่เลย

html5 จะเป็น มาตรฐานใหม่ ที่กำลังจะมาถึง แต่ไม่รู้ว่าในประเทศไทยจะได้ใช้จริงจังตอนไหนนะ

แหล่งความรู้ HTML/XHTML, CSS, tip&trick,หลักการออกแบบ

โค้ด เลือก

http://divland.com/

แหล่งความรู้ XHTML, HTML5,CSS, web Standard, web accessibility

โค้ด เลือก

http://thaicss.com/

แนะนำให้อ่า่น เรื่องเว็บ Standard หรือเว็บมาตรฐาน ก่อน

โค้ด เลือก

http://thaicss.com/category/web-standards/ จะได้รู็ว่าทำไมถึงต้องมี เว็บมาตรฐาน

พอซึ้งรสพระธรรมเกี่ยวกับเว็บมาตรฐานแล้ว จะเริ่มเห็นแสงแห่งธรรมเอง

ปล. เขียนเว็บอะมันเขียนง่ายแต่เขียนให้ถูกต้องตามหลักมาตรฐานอะ มันเขียน "ยากมาก" ยิ่งเขียนเว็บให้ สวย + ถูกต้องตามมาตรฐานหมด ยิ่ง "โคตรยาก" แล้วถ้าเขียนเว็บ สวย + ถูกต้องตามมาตรฐาน + ผ่านมาตรฐาน WAI ระัดับ AAA

รับรอง...

postmunnet · 29 พฤษภาคม 2010, 20:14:00

div + css ถ้าทำได้รับรองว่าจะสามารถทำ theme wordpress แบบพรีเมียมได้เลยนะครับ รู้สึกจะใช้ เทคนิค photoshop mock up

เป็นภาษาอังกฤษครับแต่มีรูปให้ทำตามไม่น่ายากเผื่อสนใจทำ theme ใช้เอง
http://designreviver.com/tutorials/premium-wordpress-theme-design-part-1-the-photoshop-mock-up/

อันนี้ layout สวยๆ
http://www.photoshoproadmap.com/links/go/6321

K.up · 29 พฤษภาคม 2010, 21:43:53

อ้างถึงจาก: g-ji ใน 29 พฤษภาคม 2010, 19:51:52
เริ่มมาถูกทางแล้ว แต่ยังใช้ html element (html tag) ผิดประเภทอยู่

อย่างแรกเลยคือ ไม่มี DOCTYPE ตัวนี้สำคัญมากที่สุดในภาษา HTML

DOCTYPE ที่นิยมใช้กันอยู่ในปัจจุบัน จะมี

โค้ด เลือก ขยาย
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

โค้ด เลือก ขยาย
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

ตัว 1.0 Transitional จะนิยมมากกว่าตัวล่าง สาเหตุที่นิยมมากกว่า เป็นเพราะ "ไม่เข้มงวมเรื่อง html element เท่ากับ 1.0 Strict"

เพราะฉะนั้นถ้าเริ่มหัดจริงๆ แนะนำให้ศึกษา XHTML 1.0 Transitional แล้ว ต่อด้วย XHTML 1.0 Strict แล้วไป XHTML 1.1 (สูงกว่า Strict) จากนั้นไปต่อ HTML5 ได้เลย

DOCTYPE ของ XHTML1.1
โค้ด เลือก ขยาย
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

HTML5
โค้ด เลือก ขยาย
<!DOCTYPE html>

ถ้าถามว่าทำไมต้องมี DOCTYPE ด้วย ?
- มันคือสิ่งที่บ่งบอกว่า เว็บของเรา มีความเป็นมาตรฐานมากน้อยแค่ไหน ยิ่งใช้ DOCTYPE อันสูงๆ ข้อจำกัดในการเขียนยิ่งมากขึ้น html element (tag) ที่ใช้ได้จะลดลง หรือ เปลี่ยน รูปร่าง ไปเลย

ลองเทียบดูได้นะ
Strict , Transitional, Frameset (อันหลังสุดนี่ไม่ค่อยนิยมใช้แล้ว) ส่วน XHTML 1.1 กับ Strict ใกล้เคียงกัน แต่ลด attribute บางตัว ในบาง tag ลง)
http://www.w3schools.com/tags/default.asp
http://www.w3schools.com/html5/html5_reference.asp

บาง tag เหมือนกัน แต่ลักษณะการใช้ไม่เหมือนกัน
บาง tag ใน html5 สร้างขึ้นมาใหม่เลย

html5 จะเป็น มาตรฐานใหม่ ที่กำลังจะมาถึง แต่ไม่รู้ว่าในประเทศไทยจะได้ใช้จริงจังตอนไหนนะ

แหล่งความรู้ HTML/XHTML, CSS, tip&trick,หลักการออกแบบ
โค้ด เลือก ขยาย
http://divland.com/

แหล่งความรู้ XHTML, HTML5,CSS, web Standard, web accessibility
โค้ด เลือก ขยาย
http://thaicss.com/

แนะนำให้อ่า่น เรื่องเว็บ Standard หรือเว็บมาตรฐาน ก่อน
โค้ด เลือก ขยาย
http://thaicss.com/category/web-standards/ จะได้รู็ว่าทำไมถึงต้องมี เว็บมาตรฐาน

พอซึ้งรสพระธรรมเกี่ยวกับเว็บมาตรฐานแล้ว จะเริ่มเห็นแสงแห่งธรรมเอง

ปล. เขียนเว็บอะมันเขียนง่ายแต่เขียนให้ถูกต้องตามหลักมาตรฐานอะ มันเขียน "ยากมาก" ยิ่งเขียนเว็บให้ สวย + ถูกต้องตามมาตรฐานหมด ยิ่ง "โคตรยาก" แล้วถ้าเขียนเว็บ สวย + ถูกต้องตามมาตรฐาน + ผ่านมาตรฐาน WAI ระัดับ AAA รับรอง...

สงสัยคงต้องศึกษาอีกนาน.. ยิ่งไม่ค่อยเก่งอังกฤษ

ป.ล. +1ครับ ว่างๆก็เข้ามาให้คำแนะนำใหม่นะครับ

อ้างถึงจาก: postmunnet ใน 29 พฤษภาคม 2010, 20:14:00
div + css ถ้าทำได้รับรองว่าจะสามารถทำ theme wordpress แบบพรีเมียมได้เลยนะครับ รู้สึกจะใช้ เทคนิค photoshop mock up

เป็นภาษาอังกฤษครับแต่มีรูปให้ทำตามไม่น่ายากเผื่อสนใจทำ theme ใช้เอง
http://designreviver.com/tutorials/premium-wordpress-theme-design-part-1-the-photoshop-mock-up/

อันนี้ layout สวยๆ
http://www.photoshoproadmap.com/links/go/6321

ใครก็ได้ สอน div + css หน่อย

GillBate · 29 พฤษภาคม 2010, 21:47:02

ก็ลองไปโหลด เทมเพลตมาแกะดูสิครับ ไม่มีใครเรียนมาหรอกครับ(ส่วนใหญ่) เรียนเองทั้งนั้นแหละครับ
ถ้ารอป้อนอย่างเดียวนี่... ถ้าอยากเก่งต้องศึกษาเองครับ ถ้าไม่มีคนป้อนก็จะได้ไม่อดตาย

K.up · 30 พฤษภาคม 2010, 10:00:55

อ้างถึงจาก: GillBate ใน 29 พฤษภาคม 2010, 21:47:02
ก็ลองไปโหลด เทมเพลตมาแกะดูสิครับ ไม่มีใครเรียนมาหรอกครับ(ส่วนใหญ่) เรียนเองทั้งนั้นแหละครับ
ถ้ารอป้อนอย่างเดียวนี่... ถ้าอยากเก่งต้องศึกษาเองครับ ถ้าไม่มีคนป้อนก็จะได้ไม่อดตาย

ลองโหลดมาและครับ เป็นเทมเพลต basic basic เดี๋ยวจะมานั่งแกะดู

พันโทจัง · 31 พฤษภาคม 2010, 20:20:04

ไปซื้อหนังสือ PHP Workshop เล่ม 1 และ 2 ครับ ผมใช้อยู่
เริ่มต้นจากการตั้งจุดมุ่งหมายครับว่าจะทำเว็บอะไร อย่างผมทำเว็บขาย DVD ครับ แล้วเขียนโค๊ดตามหนังสือครับ เขียนเองนะครับ ซึ่งโค๊ดในหนังสือก็มีการทำร้านค้าด้วย ในเล่ม 2 ครับ
ลองเขียนดูไปเรื่อย ประมาณ ปีนึงก็เขียนโค๊ดเองได้ อย่าหวัง CMS มากนะครับ

ขอโทษทีที่โฆษณาหนังสือให้เขาครับ

planetteam

ผมแนะนำให้คุณไปเรียนคอมพิวเตอร์ครับ เพราะเขาจะสอนเรื่อง sa ให้คุณ การวิเคราะ ระบบ อะครับ

ถ้าคุณได้แต่เขียนโปรแกรมก็จะเขียนได้แต่โปรแกรมเบ ๆ อะครับ เช่น อีคอมเมิส ถ้าเขาให้ทำระบบไหย่ๆ เช่น stock มันจะเริ่มยากแล้วครับ

เพราะมี สินค้าคงเหลือ จุดสั่งซื้อ สินค้าชำรุด วันหมดอายุ คุณจะจัดการพวกนี้ไม่ได้เลย ถ้าไม่มี sa ครับ

เสี่ยว

อ้างถึงจาก: planetteam ใน 04 มิถุนายน 2010, 23:27:28
ผมแนะนำให้คุณไปเรียนคอมพิวเตอร์ครับ เพราะเขาจะสอนเรื่อง sa ให้คุณ การวิเคราะ ระบบ อะครับ

ถ้าคุณได้แต่เขียนโปรแกรมก็จะเขียนได้แต่โปรแกรมเบ ๆ อะครับ เช่น อีคอมเมิส ถ้าเขาให้ทำระบบไหย่ๆ เช่น stock มันจะเริ่มยากแล้วครับ

เพราะมี สินค้าคงเหลือ จุดสั่งซื้อ สินค้าชำรุด วันหมดอายุ คุณจะจัดการพวกนี้ไม่ได้เลย ถ้าไม่มี sa ครับ

ผมมองต่างนะ ถ้าเรียนรู้เองได้ไม่จำเป็นต้องเรียนก็ได้ครับ สิ่งที่สอนในห้องเรียนนั่นหล่ะครับเบๆ ของจริง ถ้าทำระบบใหญ่ๆ ต้องเจอของจริงครับ ในห้องเรียนได้แค่เบสิคซึ่งหาอ่านที่ไหนก็ได้ครับ

เรื่อง sa ผมมองว่าต้องศึกษากันไปทีละระบบนะ แต่ละระบบมันไม่เหมือนกัน ถ้ารู้ระบบต่างๆ ลึกพอ มีพื้นฐานต่างๆ ดีพอ มีเซ็นส์อีกนิดหน่อย ไม่เรียนก็ทำได้เหมือนกันครับ มันจะมาของมันเอง

ปล. ระบบ E commerce ถ้าจะเอาลึกๆ มีหมดนะครับ ทั้งระบบ stock สินค้าคงเหลือ สินค้าชำรุด วันหมดอายุ แต่ระบบใหญ่หลายๆ ระบบไม่ได้ใช้หลักการนี้นะครับ(เพราะนี่มันแค่ระบบสต๊อคทั่วไปเอง ไม่ยากมาก) มันมีอะไรที่ซับซ้อนกว่านี้อีกเยอะครับ