thai language document
การออกแบบ site และ กลเม็ดการจัดรูปแบบ web page
- คิดก่อนว่าคุณจะเขียน web page เกี่ยวกับอะไร
- ร่างแบบของ site คร่าวๆ ว่าจะออกมาในรูปใด
- อย่าลืมสร้างเอกลักษณ์ของ site ซึ่งช่วยให้ผู้ชมจำแนกได้ว่ากำลังดู site ของคุณอยู่หรือไม่
- สำหรับผู้ที่เริ่มเขียน web page software ช่วยเขียน web page ก็ใช้ได้ครับ แต่ควรรู้
HTML บ้าง คุณอาจต้องการตกแต่งแก้ไข HTML เล็กๆ น้อยๆ หรือตรวจสอบข้อผิดพลาด
ใน web page ในบางโอกาสโดยไม่พึ่งโปรแกรมนั่นก็ได้
- web page ต้อง load ได้เร็ว แต่ละหน้า(รวมรูปและอื่นๆ แล้ว)ไม่ควรมีขนาดเกินกว่า
100 KB user ยังใช้ modem กันแพร่หลาย ข้อมูลมากเขาก็ load ช้าครับ ถ้าเกิดดวง
ไม่ดีผู้ชมเขากด stop ก่อนมาหมดทั้งหน้า หรือข้อมูลเกิดขาดหายกลางทางซะก่อนล่ะ?
เสียสวยเลยมั๊ยครับ?
- ใช้ HTML tag <TABLE> (ตาราง) มันสามารถช่วยจัดวางตำแหน่งของข้อความหรือรูป
ได้ดีมากในบางกรณี เช่น การแบ่งย่อหน้าแบบนิตยสารหรือหนังสือพิมพ์
- HTML tag ที่มีประโยชน์มากที่หลายคนไม่รู้คือ (Non-breaking Space)
เป็น tag ที่ใช้พิมพ์ space bar บนหน้าจอโดยไม่ขึ้นบรรทัดใหม่ tag ตัวนี้ใช้เว้นช่องว่าง
บนหน้าจอได้ดีมากอีกตัวหนึ่ง เพราะปกติ browser จะไม่สนใจช่องว่างในแฟ้ม HTML
ที่เกินกว่า 1 ช่องนอกจากจะบังคับด้วย HTML tag เช่น <PRE>
- เครื่องหมายต้องห้ามที่ HTML ไม่สามารถแสดงได้โดยตรงได้แก่:
1) < > (น้อยกว่าและมากกว่า)
ใช้ < และ > แทน
2) " & (ฟันหนูและ Ampersand)
ใช้ " และ & แทน
- การออกแบบ frame ก็ดีครับแล้วแต่กรณี แต่ถ้าท่านออกแบบ frame โดยใช้ความละเอียดของ
จอภาพที่ 800*600 จุด หรือสูงกว่า พึงคิดสักนิดนะครับว่า web page ของท่านจะล้นหน้าจอถ้า
user ใช้จอที่ความละเอียด 640*480 จุด ยิ่งถ้าไม่เปิดโอกาสให้ผู้ใช้เลื่อนหน้าจอภายใน frame
ที่ติดกับตอนล่างๆของจอได้ ก็เท่ากับท่านกำลังลดจำนวนผู้ชมของท่านเนื่องจากว่ารายละเอียด
ใน site ก็จะตกตาม user ที่ใช้จอ 640*480 จุด เพราะว่าเขาอาจจะไม่ยอมเสียเวลามาไล่ดู
ส่วนที่ตกจอของเขาครับ
- ตกแต่งรูปด้วย effect แปลกๆ บ้าง ถ้าลงพวก Photo Shop ไม่ไหวก็ลอง Lview Pro
หรือ Paint Shop ก็ได้
- การเน้นตัวอักษรเป็นสีต่างๆ ใช้ HTML tag <FONT COLOR="#RRGGBB"> เมื่อ
RR GG และ BB เป็นเลขฐานสิบหกที่แทนค่าสีแดง เขียว และน้ำเงินตามลำดับ
- ถ้าต้องการระบุ subject ใน link ที่ใช้ส่ง e-mail mailto: ให้ระบุ link ว่า
mailto:email@address?subject=mail_subject
เมื่อ mail_subject เป็นหัวเรื่องจดหมายที่เราต้องการเมื่อผู้ใช้ click ที่ link ของ mailto:
(ทดสอบด้วย IE และ Netscape แล้ว)
-
เนื้อหาที่ควรและไม่ควรใช้ใน web
- อย่าจำกัดผู้ชมด้วย web browser, plug-in หรือ software พิเศษที่ไม่มีคนนิยมโดย
ไม่จำเป็น ถ้าคุณเป็นคนดูแล้วต้องถูกบังคับให้ติดตั้ง plug-in หรือโปรแกรมนั้น คุณจะ
หนีจากหน้านั้นหรือจะยอมทุ่มเวลาไป download โปรแกรมนั่น? ตัวอย่างที่น่าเศร้าคือ
Active Channel (มีใช้ใน IE4 เท่านั้น) และ Shockwave plug-in (ใช้กันทุกคนหรือ?)
- สี background หรือรูปพื้นหลังที่มีสีอ่อนควรใช้กับอักษรสีเข้ม และอักษรสีอ่อนก็ควร
ใช้ background สีเข้มหรือรูปพื้นหลังที่มีสีเข้มตาม ไม่งั้นคนเขาอ่านลำบากเพราะสีมัน
กลมกลืนกัน (ผู้ใช้: ยาหยอดตาาาา!!)
- web page ภาษาไทย ระวัง font และ encoding ให้จงหนัก ถ้าผู้ชมเขาคิดว่า web
page ของคุณเป็นภาษาต่างชาติแล้วหนีไปคงไม่ดีแน่ ที่เจอบ่อยคือ
1) ใช้ browser ที่แถม HTML editor มาให้ด้วย เช่น netscape composer ที่ตั้ง
font เป็นภาษาไทยโดยใช้ font และ encoding แปลกๆ (ที่ไม่เข้ากับ TIS-620 /
windows-874) อักษรไทยที่ประกอบเป็นข้อความจะถูกเก็บโดยถูกตีความเป็น
สัญลักษณ์พิเศษไปแทน เช่น คำว่า การทดสอบ กลับถูก save ไว้เป็น
¡Ò÷´ÊÍÂ
(บางแห่งดู HTML source เห็นแบบนี้เลยครับ แต่ตรงนี้ผมเขียนให้คุณเห็นบน browser เลย)
page ดังกล่าวนี้จะอ่านได้ด้วย browser ที่ตั้ง encoding และ font ตามผู้แต่งเท่านั้น!
(ผู้ใช้: ยาแก้ปวดอยู่ไหน??)
ดังนั้น ตั้ง encoding และ font ให้เรียบร้อยก่อนจะเขียน web page ภาษาไทย แต่ถ้า
software ที่ใช้เขียนไม่สนับสนุนภาษาไทยแต่ก็ยังไม่อยากเปลี่ยนละก็ Notepad ใน
Windows ก็แก้ขัดได้ครับสำหรับการพิมพ์ข้อความภาษาไทย (แล้วค่อยลอกไปใส่ใน
web page อีกที)
2) การกำหนด Meta tag ในส่วนหัวของแฟ้ม HTML ให้ใช้ encoding พิเศษ เช่น
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=x-user-defined">
ถ้า browser ของผู้ใช้มีการตั้งค่า font ตาม encoding ที่เราระบุเป็นภาษาไทยก็รอดตัว
ไป แต่ถ้าไม่ล่ะ? กลายเป็นภาษาต่างดาวเลยครับ ดังนั้นถ้าไม่จำเป็นจริงๆ ก็ลบออกไปเลย
ครับผม สำหรับ encoding แบบ TIS-620 นั้นยังไม่แพร่หลายพอ จึงยังไม่ควรใช้
- เพลง background แบบเล่นไม่มีหยุดเลิกไปเถอะครับ มันน่ารำคาญมากกว่าที่จะ
รู้สึกไพเราะไปด้วย และบางเครื่องก็ไม่มี soundcard (Oh, no!)
- HTML tag แสนน่ารำคาญและเชย <BLINK> ก็จงไปสุขคติเถิด มีอีกหลายวิธีในการเน้น
ข้อความ และบาง browser ไม่ support ด้วย เช่น IE
- สิ่งอื่นๆ ที่ไม่แนะนำให้ใส่ใน web pages ได้แก่:
1. อักษรวิ่ง (น่าเบื่อ และยังหันเหความสนใจของผู้ชมจากข้อมูลที่เราต้องการเสนอ)
2. counter (ถ้าคนเข้ามากๆก็ล้นเอาได้ ใช้การวัดสถิติผู้ชมแทนเหมาะกว่า)
3. รูปหรือฉากหลังขนาดยักษ์ (ตัวถ่วงให้ load ช้าลง)
4. script หรือ effect แปลกๆ เช่น กระพริบฉากหลังก่อนเข้า page
- การระบุ font ตายตัวด้วย HTML tag <FONT FACE="fontnane"> นั้น มองแง่หนึ่ง
ก็ทำให้หน้านั้นๆมีความสวยงามตามที่เราต้องการบนเครื่องส่วนใหญ่ (ถ้าใช้ก็ระบุ font ที่มี
ในระบบต่างๆ ให้ครบถ้วนที่สุด) แต่ถ้าเกิดคนดูเขาใช้เครื่องที่ไม่มี font ที่เราระบุล่ะ?
browser จะใช้ font ที่ใช้อยู่ปัจจุบันแทนครับ คงทำให้เกิดอะไรที่ไม่พึงปราถนาได้แน่ๆ เลย
ข่าวร้ายสำหรับท่านที่ชอบกำหนดแบบ font คือ lynx ของ UNIX ไม่มีทาง support แน่ๆ แล้ว
- เราไม่เชียร์คนโกง ท่านที่ติด sponser banner ใน homepage พวก pennyweb,
cyberthrill เพื่อเพิ่มรายได้นั้นไม่เป็นไร แต่การพยายามทุกวิถีทางให้มีรายได้เป็นกอบ
เป็นกำจาก banner นี่ไม่เป็นสิ่งที่น่าภูมิใจเลย ไม่ว่า click เอง, ช่วยกับเพื่อน click,
ให้ผู้ที่หลงมาต้อง click ให้, ใช้ script คลิกแทน หรือวิธีอื่นๆ รีบๆเลิกไปซะเถอะ ท่านน่ะ
ทำการเข้าข่ายโกงครับ ทั้งต่อเจ้าของ banner และผู้ชม และการกระทำของท่านทำให้
ชาวต่างชาติลดความน่าเชื่อถือต่อประเทศไทยลงไปอีก นับว่าซ้ำเติมประเทศชาติทางอ้อม
ตอนนี้ทางเจ้าของ banner บางเจ้าเริ่ม ban คนไทยแล้วครับ ถ้าท่านที่ชอบโกงยังคง
กระทำสิ่งที่น่าอดสูนี่ต่อไป ท่านจะทำให้เพื่อนร่วมชาติของคุณเดือดร้อนกันหมด
-
การ upload, ทดสอบ และบำรุงรักษา site
- ตรวจสอบสถิติผู้เข้าดูของ site ถ้าคุณใช้ free homepage หรือไม่รู้ว่าจะตรวจสอบผู้ชม
อย่างไร ลองไปหาบริการ web statistic เช่นที่ nedstat.net
Counter ไม่แนะนำสำหรับ pages ที่มีคนเข้ามากๆ (เพราะอาจล้นเมื่อไหร่ก็ได้)
- update บ่อยๆ web page ของคุณลบและแก้ไขได้อีก สำหรับความถี่ก็ขึ้นอยู่กับคุณ
และข้อมูลใน page นั้นๆว่าเป็นเรื่องอะไร (แต่คงไม่ถึงกับไม่แก้ไขปรับปรุงอีกเลยนะ)
- web page ที่ดีต้องอ่านได้ทุก browser และทุกเครื่อง ถ้าทำได้ลองติดตั้ง browser
ยอดนิยมต่างๆลงไป เช่น netscape, IE, Opera แล้วลองดู page ด้วยโปรแกรม
browser ต่างๆ ว่ายังใช้ได้รึเปล่า browser แต่ละรุ่นต่างก็เข้าใจ HTML tag
ไม่เหมือนกันหมด
- ระวังการอ้างถึงแฟ้มต่างๆ ภายใน site และนอก site เมื่อ upload แฟ้มเข้า site แล้ว
ในบาง site รูปหายไปจากหน้าของ web page เมื่อ upload ไปแล้ว ลองเช็คดูที่ตัวใหญ่
ตัวเล็ก และ path ให้ถูกต้อง เรา upload แฟ้มขึ้นไปแล้วดูได้จาก server มิใช่
จากเครื่องของเราเอง ถ้าค้นดูไม่ทั่วก็ใช้ software ดูให้ก็ได้ครับ
- ออกแรง promote ไปตามสื่อต่างๆ ที่คนทั่วไปรู้จัก เช่น pantip.com, Sanook.com
แต่ไม่ต้องมากนัก
-