<?xml version="1.0" encoding="UTF-8"?><!-- generator="WordPress/2.5.1" -->
<rss version="0.92">
<channel>
	<title>TWD - ThaiWebDesign.org</title>
	<link>http://www.thaiwebdesign.org/wp</link>
	<description>ชุมชนคนออนไลน์</description>
	<lastBuildDate>Sun, 15 Jun 2008 00:55:21 +0000</lastBuildDate>
	<docs>http://backend.userland.com/rss092</docs>
	<language>en</language>
	
	<item>
		<title>กฏ 14 ข้อของการทำ performance website</title>
		<description><![CDATA[พอดีไปเจอบทความนี้มาครับ พร้อมกับ ได้ ลองติดตั้ง firefox extension ชื่อว่า Yslow (ต้องมี firebug ก่อน) เพื่อไว้ตรวจดูว่าเว็บไซต์ของเรานั้น ความเร็วในการโหลดได้ดี(หรือแย่)ระดับไหน ควรปรับปรุงจุดใดบ้าง
ใครยังไม่มีก็ไป ดาวโหลดได้ที่นี่ครับ
http://developer.yahoo.com/yslow/
ส่วน คำอธิบายต่างๆ ผมได้ copy มาให้อ่านกันครับ จาก
http://forum.nkc.kku.ac.th/index.php?topic=869.msg10290#msg10290
โดยคุณ mcpyx ได้แปลเป็นภาษาไทย ให้อ่านกันครับ
1. ทำให้จำนวน http request น้อยที่สุดเท่าที่เป็นไปได้ ข้อนี้น้อง ๆ ที่ไม่ได้เรียนวิชา web programming อาจจะงงซักหน่อย
ว่ามัน คืออะไร ขออธิบายง่าย ๆ ทุกครั้งที่บราวเซอร์ร้องขอข้อมูลอะไรสักอย่าง จากเซอร์เวอร์ ไม่ว่าจะเป็น รูปภาพ ไฟล์สคริป หรือแม้แต่สไตล์ชีต มันจะเกิดการ
ส่งคำสั่ง เพื่อร้องขอข้อมูล เพราะฉะนั้น ยิ่งคำสั่งยิ่งยาวเท่าไหร่ ก็ยิ่งทำข้อมูลที่ถูกส่งออกไปเยอะเท่านั้น นั้นเป็นสาเหตุนึงที่ทำ ให้เว็บของเรา ช้า
วิธีแก้ปัญหา คือ พยายามทำให้ http request มีจำนวนคำสั่งน้องที่สุดอย่างเช่น [...]]]></description>
		<link>http://www.thaiwebdesign.org/wp/web-programing/performancewebsite/</link>
			</item>
	<item>
		<title>css กับtipsทำlinkให้สวยและได้seo</title>
		<description><![CDATA[อย่างที่เคยเห็นกันครับ ความสวยของหน้าตาเพจ มักจะแปรผกผันกับ การ programe หรือ ระยะเวลาโหลด รวมถึง seo ก็เช่นกันครับ แต่สิ่งที่เข้ามาเติมช่องว่างนี้ก็คือ css ครับ อาจจะไม่ได้มากแต่ก็พอบรรเทาลงบ้างก็ยังดี ใช่มั้ยครับ
คุณๆคงจะเคย link ทำแปลกๆที่ทำด้วย css กันใช่ไหมครับ คือจริงๆมันไม่แปลกอะแหละ แต่วิธีการทำของมันแปลกมากกว่า ตัวอย่างเช่นเ
 &#60;a class="galbtsuiv" href="http://www.crystalxp.net/galerie/en.2.12.cat.9.html"&#62;Next Page &#60;/a&#62;
เห็นมั้ยครับว่า ไม่มี รูปภาพอยู่เลย (นั่นเพื่อที่จะให้ Spider สนใจlinkของเรามากขึ้นครับ)
เอาหล่ะครับ ประเด็นมันอยู่ที่แล้วจะทำทำไมหล่ะ ในเมื่อออกมาเหมือนกันกับการใ่ส่รูป โดยไม่มี &#60;img /&#62; เลย? เหตุผลแรกก็คือป้องกันรูปที่เราอุส่าออกแบบมาอย่างตั้งใจ โดยมิให้โดนขโมยไปง่ายๆ และอีกอย่างก็คือ SEO ในเมื่อ Search Engine ไม่ค่อยจะชอบลิงค์ที่ทำกับ รูปสักเท่าไหร่ เราเลยหาวิธีที่จะทำให้มันเป็น Text แล้วใส่รูปเข้าไปโดย css ครับ

เอาหล่ะครับ ถึงวิธีการเขียน css กันสักทีครับ [...]]]></description>
		<link>http://www.thaiwebdesign.org/wp/web-design/seo-image-link-with-css/</link>
			</item>
	<item>
		<title>วิธีใส่ background เบื้องต้น</title>
		<description><![CDATA[อันนี้เป็นการใส่ background อย่างง่าย สำหรับ beginner นะครับ
Q : เราจะใส่ แบ๊กกราวด์ ได้ยังไง
A :
โค๊ด: (backrgound-image)

body {
    background-image:url('ที่อยู่รูป ');
}
/* ที่ให้ใช้ background-image เพราะบางที background มันจะไม่ cross browser ครับ*/

Q : กรรมใส่แล้วรูปมันเรียงต่อกันอ่ะ อยากให้มันมีรูปเดียวนิ?
A : ตามปกติหากใส่ตามโค๊ดข้างบนมันจะเรียงต่อกันอัตโนมัติ แต่หากคุณต้องการให้มัน ไม่เรียงต่อกัน(คือรูปเดียวโดดๆนั้นแหละ)
โค๊ด: (background-repeat)

body{
   background:url(' รูปๆ') no-repeat;
}
/*----- หรือ -----*/
body{
   background-image:url('รูปๆ');
   background-repeat:no-repeat;
}

หากอยากให้มันเรียงไปแนวนอน ก็ให้เปลี่ยน no-repeat เป็น repeat-x นะครับ กรณีเดียวกันหากให้มันเรียงลงมาข้างล่างแนวดิ่ง ให้ก็ให้เปลี่ยนเป็น repeat-y [...]]]></description>
		<link>http://www.thaiwebdesign.org/wp/web-design/background/</link>
			</item>
	<item>
		<title>ทำไมต้อง Tableless Designed</title>
		<description><![CDATA[ทำไมต้อง Tableless Designed?
เห็นหัวข้อแล้วไม่ต้องตกใจนะครับ เพราะ บอร์ดนี้ไม่ใช่ tableless แน่นอน  อิอิ แต่ผมจะมาบอกให้รู้ว่าทำไมต้อง Tableless อันนี้ไม่ได้เกี่ยวกับการโชว์เทพ css/xhtml หากแต่จะเกี่ยวกับ ทางเทคนิค ครับ
Tableless คืออะไร
สำหรับใครที่ไม่ค่อยได้จับ CSS/XHTML ก็คงจะไม่ค่อยได้ยินคำบ่อยนักนะครับ ผมจะขออธิบายคร่าวๆว่า Tableless Designed คือการ ออกแบบหน้าเว็บโดยปราศจาค Table (หรือตารางนั้นเอง)หรือ มีให้น้อยที่สุดเท่าที่จะทำได้ (tableless ก็แปลว่า ตารางน้อยหนินะ)
Tableless VS TableMore
เอาหล่ะหัวข้อนี้จะอธิบายว่าทำไมต้อง Tebleless เหตุผลที่ต้อง tebleless นั้นบางคนก็อยากจะโชว์เทพในการใช้ css โดยการจัด layout โดยใช้ div ทั้งหมดซึ่งจะทำได้ยากสำหรับมือใหม่ เพราะต้องรู้รายละเอียด css ค่อนข้างเยอะ+กับรู้ว่า Browser แต่ละตัวแสดงผลยังไงต้อง hack css ส่วนไหนบ้าง จึงจะทำให้มัน แสดงผลได้ crossbrowser (เดี่ยวผมจะเขียนอธิบายเรื่อง crossbrowser [...]]]></description>
		<link>http://www.thaiwebdesign.org/wp/web-design/tableless-designed/</link>
			</item>
	<item>
		<title>StyleSheet/CSS</title>
		<description><![CDATA[StyleSheet/CSS
StyleSheet หรือ CSS เป็นภาษาที่ไว้จัดการเกี่ยวกับ การจัด layout ให้สวยงามโดยไม่ต้องใช้ HTML แบบเดิมๆ ซึ่งจะช่วยในการลด ประมาณ Coding โดย css จะมีการ ใช้ class เพื่อลดการซ้ำซ้อนของ การจัดรูปแบบ (เปรียบ เสมือน การ ดึงตัวร่วม ใน คณิตศาสตร์นั้นแหลครับ)
ข้อดีของ การใช้ StyleSheet/CSS
การใช้ Stylesheet จะช่วยให้เว็บโหลดไวขึ้น ปรับปรุงแก้ไขภายหลังได้ง่ายขึ้นเพราะแบ่งแยากส่วน ส่วนของรายละเอียด(HTML) และ การจัดรูปแบบ(Stylesheet) ออกมาโดยชัดเจน โดยจะเชื่อมโยงกันโดย Selector ,id หรือ Class นั้นๆ ในการจัดรูปแบบ ทำให้สะดวกขึ้น กว่าเก่าเยอะครับ
ส่วนวิธีการใช้งาน รวมถึง เทคนิคต่างๆ สำหรับคนที่ยังไม่รู้เดี่ยวกระผมจะเขียนไว้ให้ทีหลังนะครับ
]]></description>
		<link>http://www.thaiwebdesign.org/wp/web-design/stylesheetcss/</link>
			</item>
</channel>
</rss>
