Web Design & Usability Design สำหรับคนทำเว็บ

ขอแนะนำหนังสือเล่มหนึ่งนะครับ ที่ผมได้ไปเจอมา เท่าที่ดูก็คิดว่ามันดี และก็น่าจะมีประโยชน์
สำหรับผู้ที่ทำเว็บหรือเป็นเว็บโปรแกรมเมอร์(คนทั่วไปก็ได้นะ) เป็นหนังสือเกี่ยวกับหลักการของ
Usability ในการออกแบบเว็บไซต์ที่ดี ให้มีการใช้งานที่ง่ายสำหรับ user
หนังสือหรือเอกสารนี้เป็นของรัฐบาลอเมริกาครับ ที่นำออกมาเผยแพร่ให้ผู้ที่สนใจได้นำไปศึกษา
เกี่ยวกับ usability design ซึ่งประเทศของเค้าคงจะเน้นในเรื่องนี้มากเลยทีเดียว และผมก็
คิดว่ามันคงเป็นประโยชน์กับคนไทยอย่างเรา และก็เป็นแนวทางในการที่จะพัฒนาเว็บไซต์ของ
เราให้ประสบความสำเร็จ
หนังสือเล่มนี้มีชื่อว่า Research-Based Web Design & Usability Guidelines เรา
สามารถ download มาเก็บไว้ได้เลยครับ ตามลิงค์ด้านล่างนี้
http://www.usability.gov/pdfs/guidelines.html

Drupal Module : Google Search

Google Search เป็นโมดูลขนาดเล็กที่สามารถนำ search block ของ
Google มาไว้ที่หน้าเว็บของเรา การติดตั้งและใช้งานก็ไม่ยุ่งยาก โดยเริ่มจาก

1. Download Google Search
2. Extract ไฟล์แล้วนำไปไว้ที่ /modules/
3. ทำการ enable module นี้ที่เมนู modules ใน Administrator/Site building
4. ตั้งค่าให้มันแสดงผลไว้หน้าเว็บเราที่เมนู Blocks ใน Administrator/Site building
เท่านี้ล่ะครับ เราก็ได้ search block ของ Google มาไว้บนหน้าเว็บของเราแล้ว

install drupal on localhost

ตั้งแต่ลงเครื่องใหม่ เปลี่ยนมาใช้ Leopard ก็เกือบจะสองเดือนแล้ว ยังไม่ได้เอา drupal
มาลงเล่นเลย พอเอา drupal มาลงจริงๆ อ้าว!! จำไม่ได้ว่าตอนที่เคยลงตอนโน้นมันลง
ยังไง ที่จริงตามที่ tutorial บอกมันก็ไม่ยาก ไม่เห็นต้องไป config อะไรเพิ่มเติม การ
install ก็คล้ายกับ WordPress แต่ทำไมตอนผมลงแล้วมันมีปัญหาเนี่ย งง!!
การแก้ปัญหาก็ไม่ได้มีอะไรมาก ไม่ได้ยากมากนัก แต่ขอบันทึกไว้หน่อยแล้วกัน เผื่อลืม
ไปแก้ไขที่ไฟล์ settings.php ใน /sites/default ตรงที่
$db_url = ‘mysql://username:password@localhost/databasename’;
แค่นี้ล่ะครับ

install Postratings plugin on WordPress

สรุปสั้นๆ ก็คือ plugin ตัวนี้เป็นการเพิ่มระบบให้เรตติ้งสำหรับแต่ละ Post หรือ Page บน WordPress ของเรา
ขั้นตอนการ install
1. โหลด Postratings มาก่อนครับ
2. แตกซิบเสร็จแล้ว ก็นำไปไว้ที่ /wp-content/plugins ครับ
3. ทำการ Activate
4. เปิดไฟล์ index.php ใน theme ที่เราใช้อยู่ครับ(หรือไฟล์อื่นที่เราต้องการให้กำหนด rating เช่น post.php หรือ page.php เป็นต้น)ไฟล์ index.php จะอยู่ที่ wp-content/themes/<YOUR THEME NAME >/index.php
5. ทำการหาคำสั่ง
<?php while (have_posts()) : the_post(); ?>
6. เพิ่งคำสั่งนี้ลงไปตรงด้านล่างของคำสั่งจากข้อ 5
<?php [...]

ปัญหาของ IE และ CSS

การใช้มาตรฐาน CSS ในการพัฒนาเว็บไซต์ในปัจจุบันนั้นค่อนข้างที่จะมีปัญหา เนื่องจาก
การแสดงผลของแต่ละเบราเซอร์มีความแตกต่างกัน และเบราเซอร์ที่สร้างปัญหาในการ
แสดงหน้าเว็บมากที่สุดก็คือ Internet Explorer เนื่องจาก Internet Explorer มี
การใช้คำสั่ง CSS ที่แตกต่างจากเบราเซอร์ตัวอื่นๆ โดยปัญหาต่างๆ ที่พบในการแสดง
หน้าเว็บของ Internet Explorer ก็มีดังนี้
1. องค์ประกอบในหน้าเว็บที่แสดงใน Internet Explorer แคบกว่าในเบราเซอร์ตัวอื่นๆ
ปัญหานี้ก็เนื่องมาจากการแปลความหมายของคำสั่ง CSS ผิดไป ตัวอย่างก็คือ

div {

margin: 5em;

padding: 4em;

border: 1em solid green;

width: 30em

}
จากโค๊ดด้านบนเนี่ยจะหมายถึงแต่ละ div จะมี margin หรือ ระยะห่างระหว่างขอบของ
พื้นที่ถึงเส้นกรอบ 5em (em คือจำนวนเท่า) และจะมี padding หรือ ระยะห่างระหว่าง
ขอบของกรอบถึงข้อความ 4em โดยจะมี border หรือขอบกว้าง 1em [...]

install podPress Plugin on WordPress

Plugin ตัวนี้เป็น plugin ที่ช่วยในการ preview podcast เหมือนกับที่เราดู podcast บน iTurn 
ซึ่งสามารถเล่นไฟล์ได้หลายประเภท เช่น  MP3, RM, OGG, MP4, MOV, QT, FLV, ASF, 
WMV, AVI และอื่นๆ เราสามารถที่จะเพิ่ม podcast ลงได้ไม่ยุ่งยาก นอกจากนี้เราก็สามารถที่
download ไฟล์นั้นๆ มาได้ 
การติดตั้งและการใช้งาน podPress : 
1. Download podpress.8.8.zip 
2. แตก zip file ออก จะได้โฟลเดอร์ ให้ coppy โฟลเดอร์นี้ไปไว้ที่ wp-content/plugins
3. ไป Activate ที่เมนู Plugins ก็ใช้ได้แล้วครับ
4. การใช้งานก็คือที่ ในหน้าที่เราเขียน content จะมีส่วนของ Podcasting เพิ่มขึ้นมา ถ้าเรา
อัพโหลดไฟล์ไว้แล้ว ก็แค่ใส่ชื่อไฟล์ไปตาม [...]

New Blog

Hi everybody and thanks for visit my blog.
This is the first post in my new blog.
[Joke]