=> HTML
-
สร้างกราฟแท่งแนวนอนด้วย XHTML CSS
ผู้แต่ง gOragod
เมื่อ 23 มิย. 2553
ดู 538
- เรื่องของเรื่องคือผมต้องการแสดงกราฟแท่งที่รองรับภาษาไทย แต่หลังจากที่ทดสอบการวาด กราฟด้วย GD แล้ว พบว่าบาง Server มีปัญหากับภาษาไทยอยู่เล็กน้อย ก็เลยเปลี่ยนใจหันกลับมาวาดกราฟด้วย XHTML+CSS แทน ซึ่งจ..
-
ตารางด้วย div (tableless ตอนที่ 3)
ผู้แต่ง gOragod
เมื่อ 29 พค. 2553
ดู 530
- เป็นอีกตัวอย่างหนึ่งของการแสดงตารางด้วย div (tableless) ซึ่งในตัวอย่างนี้ แต่ละคอลัมน์มีความกว้างไม่เท่ากัน และสามารถมีข้อมูลได้หลายบรรทัดต่อ 1 เซล
-
ตารางด้วย div (tableless ตอนที่ 2)
ผู้แต่ง gOragod
เมื่อ 29 พค. 2553
ดู 444
- ในตอนนี้ เราจะมาสร้างตารางจาก div แบบ tableless ในแบบที่แต่ละคอลัมน์อาจมีได้มากกว่า 1 บรรทัดกัน (โค้ดตารางในตอนก่อนๆ จะไม่สามารถแสดงผลในลักษณะนี้ได้ถูกต้อง) เคล็ดลับในการแสดงผลแบบนี้ อยู่ที่การใช้รู..
-
ตารางด้วย div (tableless ตอนที่ 1)
ผู้แต่ง gOragod
เมื่อ 29 พค. 2553
ดู 676
- การแสดงผลแบบตาราง ด้วย DIV และ CSS อาจเป็นเรื่องยุ่งยากสำหรับมือใหม่ที่ต้องการออกแบบ แบบ tableless (ไม่ใช้ตาราง) และอาจมีข้อจำกัดมากพอสมควรนะครับ เนื่องจาก table นั้นจะแสดงผลได้ยืดหยุ่นกว่า โดยเฉพาะ..
-
CSS กลางจอ ตอนที่ 2
ผู้แต่ง gOragod
เมื่อ 18 มีค. 2553
ดู 1164
- ตอนที่แล้ว เราใช้ text-align ในการจัดให้ ข้อความอยู่ตรงกลางมาแล้ว ต่อไปเราจะมาดูวิธีการจัดด้วย margin กัน เราเรียนรู้มาจากตอนที่แล้วว่า ถ้าเราต้องการให้มันอยู่ตรงกลาง กรอบนอก ต้องใหญ่กว่าสิ่งที่อยู่..
-
CSS กลางจอ
ผู้แต่ง gOragod
เมื่อ 18 มีค. 2553
ดู 1113
- เรื่องของกลางจอ เนี่ย จะดูว่าง่ายก็ง่าย จะยากก็ยากนะครับ เนื่องจากในบางครั้งเราอาจพบว่าบราวเซอร์แต่ละยี่ห้อแสดงผลไม่เหมือนกัน ซึ่งในความเป็นจริงแล้ว การวางอะไรไว้ตตรงกลางนั้น มีเคล็ดลับอยู่เล็กน้อยเ..
-
การจัดตำแหน่งโดย CSS ด้วย float และ clear
ผู้แต่ง gOragod
เมื่อ 5 ธค. 2552
ดู 2419
- float และ clear เป็น property ที่สำคัญอันหนี่ง ที่มีไว้เพื่อการจัดตำแหน่งของ layout ในแบบ tableless property ทั้งสองตัวมีความหมายดังนี้ครับ float: left มีความหมายเหมือนกับ align=left แหละครับ คือจัด..
-
เมื่อ flash ไม่ผ่านการตรวจสอบตามมาตรฐาน XHTML
ผู้แต่ง gOragod
เมื่อ 11 ธค. 2552
ดู 806
- Flash เนี่ยไม่ใช่ tag ตามมาตรฐาน XHTML ครับ ดังนั้นเมื่อเรานำเว็บที่มีแฟลชเป็นส่วนประกอบไปตรวจสอบตามมาตรฐาน XHTML มันก็จะไม่ผ่านครับ จริงๆแล้วมันมี tag object ครับที่สามารถใช้แทนได้ แต่ปัญหาก็คือ ta..
-
ออกแบบและใช้งาน Template (ตอนที่ 4)
ผู้แต่ง gOragod
เมื่อ 9 ตค. 2552
ดู 1369
- ในบทนี้เราจะมาลองทำเว็บที่เป็นไดนามิคเมนูกัน ไดนามิคเมนูในที่นี้จะหมายถึงเว็บที่สามารถเพิ่มหรือลดเมนูได้ด้วยการ config หรือแม้กระทั่ง query ออกมาจากฐานข้อมูล ตัวอย่างของ Template ในลักษณะนี้ก็คือ CM..
-
ออกแบบและใช้งาน Template (ตอนที่ 3)
ผู้แต่ง gOragod
เมื่อ 9 ตค. 2552
ดู 1063
- หลายๆคนอาจเคยเห็นบางเว็บ ที่มีการทำ Highlight เมนูที่กำลังใช้งานหรือแสดงหน้านั้นๆอยู่ให้ต่างไปจากเมนูอื่น เราลองมาปรับปรุง Template ของเราให้สามารถทำ Highlightเมนูที่เลือกได้กัน ซึ่งในที่นี้ได้กำหน..
-
ออกแบบและใช้งาน Template (ตอนที่ 2)
ผู้แต่ง gOragod
เมื่อ 9 ตค. 2552
ดู 1153
- ผมได้พูดถึงภาพรวมของ Template ไปแล้ว เราจะมาเริ่มต้นออกแบบ Template อย่างง่ายๆด้วย PHP กัน หลักการของ Template แบบนี้คือ ใช้ หน้าแรกของเว็บไซต์ (index.php) เป็น Template และส่วนควบคุมทั้งหมด และใช้ก..
-
ออกแบบและใช้งาน Template (ตอนที่ 1)
ผู้แต่ง gOragod
เมื่อ 9 ตค. 2552
ดู 1333
- Template หรือ ภาษาไทยเรียกว่า แม่แบบ ความจริงก็คือโค้ดในส่วนที่เป็นแม่แบบของเว็บไซต์นั่นเอง โดยปกติการออกแบบเว็บไซต์ขึ้นมาสัก 1 เว็บ อาจมีได้ตั้งแต่ 1 หน้า จนถึงเป็น ร้อยๆ หน้า แต่สิ่งหนึงซึงทุกๆหน้..
-
Cascading style sheets (CSS) properties
ผู้แต่ง gOragod
เมื่อ 17 สค. 2552
ดู 1599
- ตารางค่าและคุณสมบัติของ CSS Attribute Property Possible Values background-attachment value fixed, default background-color: color a color value background-image: location none, url(location) backgro..
-
ว่าด้วยเรื่อง ขนาด ของ CSS
ผู้แต่ง gOragod
เมื่อ 17 สค. 2552
ดู 1449
- การกำหนดขนาด ไม่ว่าจะเป็นขนาดของตัวอักษร ความกว้าง ความสูง หรือระยะห่าง ของ element ต่างๆ เป็นสิ่งสำคัญสิ่งหนึ่งที่เราจะออกแบบเว็บไซต์ด้วย CSS เป็นผลสำเร็จ ผลที่ว่า จะทำให้เราได้หน้าเว็บที่เหมือนกัน..
-
10 หนทางในการทำเว็บสู่มาตรฐาน (ตอนที่ 2)
ผู้แต่ง gOragod
เมื่อ 28 มิย. 2552
ดู 1330
- ต่อจากตอนแรกละกัน วิธีืที่ 6 ถึง 10
-
10 หนทางในการทำเว็บสู่มาตรฐาน (ตอนที่ 1)
ผู้แต่ง gOragod
เมื่อ 28 มิย. 2552
ดู 2060
- เว็บมาตรฐานคืออะำไร ทำไมเราต้องทำเว็บสู่ความเป็นมาตรฐาน ถ้าเราจะมองคำแปลของคำว่า เว็บมาตรฐาน จากคำว่า มาตรฐาน ก็คงจะเป็นที่เข้าใจกันดีว่าหมายถึงอะไร แต่สิ่งที่หลายคนยังไม่เข้าใจ ก็คือ ทำยังไงให้เว็บ..
-
ปุ่มแบบมีรูปภาพ
ผู้แต่ง gOragod
เมื่อ 24 พค. 2552
ดู 2270
- การทำปุ่มที่เป็นรูปภาพที่สามารถเปลี่ยนรูปภาพที่แสดงบนปุ่มได้เมื่อเอาเมาส์ไปวางไว้บนปุ่ม เราอาจใช้รูปภาพต้นฉบับที่เป็นรูปภาพใหญ่เพียงรูปเดียว และมีรูปภาพเล็กๆอยู่ภายในหลายๆรูปสำหรับปุ่มแต่ละปุ่มเหมือ..
-
การแสดงรูปภาพตามตำแหน่งที่ต้องการจากภาพใหญ่ด้วย CSS
ผู้แต่ง gOragod
เมื่อ 23 พค. 2552
ดู 1470
- บางครั้งเราอาจไม่ต้องการเก็บรูปภาพหลายๆรูปเพื่อนำมาใช้ในเว็บแต่เราอาจใช้การเก็บรูปภาพใหญ่ๆเพียงภาพเดียวซึ่งมีภาพเล็กๆหลายภาพไว้ภายใน เวลาเราจะแสดงผลรูปภาพนั้นๆ เราก็ใช้ CSS เพื่อคัดเลือกเฉพาะรูปภาพใ..
-
รูปภาพ กับ SEO
ผู้แต่ง gOragod
เมื่อ 3 พย. 2551
ดู 2126
- รูปภาพเช่น tag img ปกติแล้วจะไม่สามารถใช้ในการทำ SEO ได้ เนื่องจาก SE ไม่สามารถเข้าใจความหมายของรูปภาพได้ นอกจากการอ่านจาก tag alt ซึ่งสามารถบอกความหมายของรูปภาพได้ รวมถึงสามารถใส่คีย์เวิร์ดลงใน alt..
-
CSS rollover button เพื่อ SEO (2)
ผู้แต่ง gOragod
เมื่อ 24 พค. 2552
ดู 2521
- ปุ่ม rollover อีกแบบ ที่ใช้รูปภาพเป็นพื้นหลังแล้วใช้ข้อความแสดงบนปุ่มแทนการใช้รูปภาพล้วนๆ ทำให้ไม่ต้องสร้างรูปภาพหลายๆรูป เพียงแค่ทำพื้นหลังของปุ่มเพียง 2 รูปเท่านั้น
