Jaidee Hosting Blog» Programming

การจัด Layout ด้วย CSS (Div)

suthamas — Fri, 02 Oct 2009 10:15:01 +0000

การจัด Layout ด้วย CSS (Div) แบ่งเป็น 4 แบบ คือ

1. Fixed Layout
จะกำหนดขนาดความกว้าง และตำแหน่งของส่วนต่างๆ เป็น pixel ทำให้กำหนดขนาด และตำแหน่งของส่วนต่างๆ ได้ตามต้องการ ไม่ผิดเพี้ยนไปตามขนาดหน้าจอ และเมื่อย่อขยายหน้าต่างเว็บเบราเซอร์ (IE, Firefox) แล้ว ตำแหน่งของส่วนต่างๆในหน้าเว็บจะยังคงเดิม ถ้าเราย่อขนาดเบราเซอร์ลงจะเกิดเป็น scrollbar เพื่อเลื่อนดูเนื้อหาที่มองไม่เห็น แต่มีข้อเสียคือไม่สามารถใช้พื้นที่หน้าจอได้อย่างเต็มที่

2. Liquid Layout
จะกำหนดขนาดความกว้างของส่วนต่างๆ เป็นเปอร์เซ็นต์ เมื่อเราย่อหรือขยายขนาดของเว็บเบราเซอร์ ขนาดของส่วนต่างๆ จะย่อขยายตาม

ข้อดี คือ ทำให้ได้ใช้พื้นที่ในหน้าจอได้อย่างมีประสิทธิภาพ และทำให้แสดงผลบนอุปกรณ์อื่นๆ เช่น มือถือ ได้ดี

ข้อเสีย คือ การจัดวางองค์ประกอบต่างๆ นั้นทำได้ค่อนข้างยาก เพราะขนาดไม่แน่นอน

3. Elastic Layout
จะกำหนดขนาดของส่วนต่าง ๆ เป็น em ทำให้ส่วนต่างๆ ย่อหรือขยาย ตามการกำหนดค่า Text size ของเบราเซอร์

ข้อดี คือ เมื่อเพิ่มหรือลดขนาดของตัวอักษรแล้ว ยังสามารถคงรูปแบบการจัดวางส่วนต่างๆ ไว้ได้อย่างดี

ข้อเสีย คือ การจัดทำยุ่งยาก

4. Hybrid Layout
เป็นการใช้แบบต่างๆ มาผสมกัน เช่น Sidebar ด้านข้าง ทั้ง 2 ด้านเป็น Elastic Layout ส่วนเนื้อหาเป็น Liquid Layout เป็นต้น

การใช้ภาษาไทยกับ TIS-620

suthamas — Tue, 18 Aug 2009 08:41:30 +0000

1. การใช้ภาษาไทยกับ TIS-620

ในการใช้ Collation ของ TIS-620 การสร้างตารางหรือแม้แต่ฟิวส์ให้ใช้เป็น tis620_thai_ci และในการ Import หรือ Export ข้อมูลก็จะต้องใช้เป็น tis620 เช่นเดียวกัน ตามรูปตัวอย่าง

กำหนด Collation ของตาราง

กำหนด Collation ของฟิวส์

กรณีที่มีการ import หรือ Export ข้อมูลให้เลือกเป็น tis620

1.1 กำหนด Header ให้ใช้เป็น tis-620

1.2 กำหนดในส่วนของ Connection
- กรณีที่กำหนด Collation เป็น tis620_thai_ci ให้ใช้
$objConnect = mysql_connect(“localhost”,”root”,”root”) or die(“Error Connect to Database”);
$objDB = mysql_select_db(“mydatabase”);
mysql_query(“SET NAMES TIS620″);

- กรณีที่กำหนด Collation อื่น ๆ ให้ใช้
$objConnect = mysql_connect(“localhost”,”root”,”root”) or die(“Error Connect to Database”);
$objDB = mysql_select_db(“mydatabase”);
mysql_query(“SET character_set_results=tis620″);
mysql_query(“SET character_set_client=tis620″);
mysql_query(“SET character_set_connection=tis620″);

CAPTCHA คืออะไร

suthamas — Mon, 10 Aug 2009 10:21:24 +0000

“CAPTCHA” ออกเสียงว่า แคปช่า ซึ่งย่อมาจาก Completely Automated Public Turing Computer and Humans Apart แปลให้เข้าใจง่ายๆก็คือ กลไกอัตโนมัติที่ใช้ทดสอบเพื่อให้ทราบว่า มนุษย์ หรือ คอมพิวเตอร์ มันเป็นการทดสอบการตอบสนองโดยใช้ทดสอบกับระบบคอมพิวเตอร์ เพื่อตัดสินใจว่าผู้ใช้หรือผู้ที่กำลังติดต่อกับเว็บเซิร์ฟเวอร์ เป็นมนุษย์หรือไม่
วัตถุประสงค์สำคัญของมันก็เพื่อความปลอดภัยโดยเฉพาะเว็บไซต์ที่ ต้องมีการ ป้อนข้อมูลส่วนตัว เนื่องจากแฮกเกอร์ส่วนใหญ่จะใช้สิ่งที่เรียกว่า “บอตส์” (bots) ในการโจมตีผู้ใช้ ซึ่งบอตที่ว่านี้สามารถสร้างขึ้นโดยคอมพิวเตอร์ แต่เนื่องจากคอมพิวเตอร์ไม่สามารถแก้ปัญหาการทดสอบด้วย CAPTCHA ได้ จะต้องอาศัยมนุษย์ที่เพ่งดูกราฟฟิกยุ่งเหยิงเหล่านี้ และแกะตัวอักษรออกมาเพื่อพิมพ์ยืนยันอีกที
แหล่งที่ให้ดาวโหลดตัวอย่าง : http://recaptcha.net/ หรือสามารถค้นหาตัวอย่างได้ในเว็บ search engine ทั่วไป

รู้จักกับภาษาสไตล์ชีต

suthamas — Thu, 23 Jul 2009 13:20:17 +0000

ภาษาสไตล์ชีต (style sheet language) คือภาษาคอมพิวเตอร์ที่ใช้อธิบายลักษณะการนำเสนอของเอกสารต้น ฉบับที่ถูกจัดเป็นโครงสร้าง ซึ่งมีส่วนต่างๆ ถูกกำหนดและจัดกลุ่มไว้อย่างชัดเจนแล้ว (well-formed) โปรแกรมหนึ่งๆ จะนำเอกสารต้นฉบับไปนำเสนอโดยใช้ลักษณะที่แตกต่างกันตามกลุ่มที่ได้กำหนดไว้ เนื่องจากคุณลักษณะอย่างหนึ่งของเอกสารที่ถูกจัดเป็นโครงสร้างคือ เนื้อหาที่สามารถนำกลับมาใช้ใหม่ได้ในหลายบริบทและนำเสนอได้หลายวิธี ลักษณะการนำเสนอที่แนบติดไปกับเอกสาร จะทำให้การแสดงผลแตกต่างกันตามความต้องการในแต่ละงาน ภาษาสไตล์ชีตอย่างหนึ่งที่นิยมใช้กันอย่างกว้างขวางเช่น CSS ใช้สำหรับกำหนดลักษณะการแสดงผลของเอกสาร HTML, XHTML, SVG, XUL, และภาษามาร์กอัปอื่นๆ และเพื่อที่จะนำเสนอเนื้อหาของเอกสารที่ถูกจัดเป็นโครงสร้างนั้น กฎเกณฑ์การแสดงผลต่างๆ จะถูกนำมาใช้ เช่น สีตัวอักษร แบบอักษร โครงร่างการจัดหน้า เป็นต้น กฎเกณฑ์เหล่านี้เรียกรวมกันว่าเป็น สไตล์ชีต

สไตล์ชีตแต่เดิมนั้นเป็นเอกสารที่เขียนขึ้นและที่มีประวัติยาวนาน ถูกใช้โดยผู้อำนวยการพิมพ์ นักพิมพ์ดีด และนักเขียน เพื่อทำให้แน่ใจว่าสิ่งตีพิมพ์จะมีลักษณะการนำเสนอที่ถูกต้อง คือการสะกดคำและการใช้เครื่องหมายวรรคตอน ส่วนเอกสารอิเล็กทรอนิกส์ในยุคปัจจุบัน สไตล์ชีตถูกใช้ในการจัดลักษณะการปรากฏของเนื้อหาหรือความสวยงามมากกว่าการสะกดคำ