ลำดับตอนที่ #6
คืนค่าการตั้งค่าทั้งหมด
คุณแน่ใจว่าต้องการคืนค่าการตั้งค่าทั้งหมด ?
ลำดับตอนที่ #6 : การเริ่มต้นทำเว็บ!!!พื้นฐานการทำเว็บ > 50ทิปการทำเว็บ
50วิธีที่ะทำให้แน่ใว่าเว็บไ์อุมีโอาสีที่สุอารเอาัวรอไ้ในภาวะทุสิ่ ทุอย่าบนอินเอร์เน็เิบโอย่าไม่มีีำั
ปัุบันนี้มันถูอย่าไม่น่าเื่อ ในารลทะเบียนโเมนเนม และแม้แ่ฟรีไอเอสพี ที่ให้พื้นที่เว็บมามายแุ่สำหรับใส่อะไร่ออะไร็ไ้ันั้นมันึมีเหูผลเพียน้อยนิสำหรับใรๆ ็ามไม่มีเว็บไ์อัวเอ ปัหาอยู่ทีุ่ะสร้าเว็บไ์อย่าไรให้น่าสนใ และน่าิามสำหรับผู้นอื่นๆ มาว่าะมีเพียุและเพื่อนอุ?
เรารวบรวม 50 ทิปสุยอเ้า้ายัน ในเรื่อที่ว่าทำอย่าไรให้เว็บไ์อุูเป็นมืออาีพมาึ้น รวมถึทุสิ่ทุอย่าั้แ่วาม่าย่อารใ้านไป นถึมีประสิทธิภาพารทำอย่ารวเร็วบนารลิ์านที่แบรน์วิธ์ ่ำๆ ไม่ว่าุะเป็นนัออแบบหรือโปรแรมเมอร์ เว็บมือใหม่หรือมืออาีพ ็น่าะมีบาสิ่บาอย่าในนี้ที่ทำใหุ้้อิ้ำว่าุะเียนโ้อุอย่าไรบนเว็บเพ 20 ้อแรเป็นทิปพื้น ๆ ที่แนะนำเรื่อทั่วไปในสิ่ทีุ่วระสร้าแลูแลเว็บไ์อุในะที่ทิปเาะลึใน้านเทนิอยู่ในส่วนท้าย
ุอาะสัเเห็นว่าหัว้อเรื่อวามเร็วถูล่าว้ำแล้้ำอีลอทุหัว้ออเรา นั่นเป็นเพราะประสิทธิภาพอารทำานอเว็บไ์ที่้าทำใหุ้สูเสียารเ้าเยี่ยมมมาว่าารปััยอื่นๆ นั่นล่าวไ้ว่าวิธีที่ะเป็นที่้อา้อใ มัน้อมีารปรับปรุให้รับผู้ที่เ้ามาเยี่ยมม ถ้าุเล็เป้าไปที่ผู้ใ้อายุระหว่า 16 –25 ปี ไ์ุ้อเร็วแ่้อไม่น่าเบื่อ ในรีอื่น ๆ ไ์ที่เล็เป้าไปที่ผู้ใ้อายุมาว่า 45 วรรัษาวามเร็วและเรียบ่ายพร้อมับเน้นปััยที่สนับสนุนารเพิ่มประสบาร์ท่อเว็บ ส่วนเว็บไ์ที่เน้นไปที่ระับผู้ัารอาวุโสในบริษัทนาให่ ที่ ๆผู้เ้าเยี่ยมมอบวามเร็ว มีสายเ่าสัาวามเร็วสู่อรที่หรูหราว่าไ้
้วยวามล้ายลึัน วิธีเ่นไรที่ทำให้เว็บถูะออแบบให้สามารถัูนูโยสิ่ที่มันถูใ้ ถ้าุำลัื้อรถยน์ออนไลน์รับรอว่าุไม่มีปัหาในารรออย 30 วินาที หรือมาว่านั้นสำหรับรูปถ่ายสูในาราวน์โหล แ่ำลัื้อหนัสือ เวลา 10 วินาที ในาราวน์โหลหน้าปเล็ ๆ ็น่าะ้าเิไปแล้ว
ุำเป็นที่ะ้อิหนัเป็นเวลานาน ๆ เี่ยวับว่า ทำไมุถึำหลัสร้าเว็บไ์ เว็บไ์ำนวนมาั้แ่เล็ๆ ที่วบุมน ๆ เียวไปนถึุปเปอร์ไ์หลายล้านอลลาร์ ล้ายเป็นเว็บไ์ที่ล้มเหลวเพราะว่าไม่มีาริทบทวนอย่าถี่ถ้วนเ็มที่ อย่าสร้าเว็บไ์เพียเพราะทุน ๆ น็มีมัน สำหรับไ์ที่ประสบวามสำเร็ มัน้อสามารถรับใ้สิ่ที่บริษัทหรือปัเนผู้ที่สร้ามันึ้นมา้อาร และมันยั้อสร้าวามพอใให้แ่ผู้นทีุ่้อารให้เ้ามาเยี่ยมมมัน้วย
สุท้ายิถึภาพรวมทั้หม ุสามารถอุทิศวามพยายามมามายในารออแบบและวาโรสร้าอไ์ และมอ้ามปััยอย่าเ่นารบริารลู้าหรือวิธีอัพเไ์หล้าที่มันถูสร้าึ้นอย่าสินเิและะไ้มีุสำัในารสร้าุเปอร์ไ์ถ้าไม่มีผู้ใรู้ในเรื่อนี้ หัวใอเว็บมาเ็ิ้็ือาร้า้ามอบเอบทวามนี้ อย่าไร็ามมันเป็นสิ่ทีุ่้อพิาราอย่าระมัระวั ไม่ว่าารโษา้านารลาอุะประอบ้วยารลทะเบียน่าย ๆ ับเิร์เอนิ้นหลั ๆ หรือารอโษา 60 วินาทีในหน้าลาอหนัสือ Coronation Street
01 ศึษาูเว็บไ์ที่ีที่สุในประเภทนั้น ูที่เว็บไ์ั้นนำอโลว่าทำอย่าไรบ้า และยืมอินเทอร์เฟหลับาอย่าอพวมันมา อย่าเ่น Amazon.com และ eToy.com ืออีอมเมเมิร์ไ์ที่เนี้ยบ และีที่สุในโล ันั้นถ้าุำลัสร้าเว็บไ์้อารอย่าใอย่าหนึ่ึ้นมา ใหู้อย่าใล้ิว่าพวเาสร้ามันอย่าไร อีอมเมเมิร์ไ์้อารวามัเน ส่วนารอธิบายวามหมายที่ีเพื่อทำารื้อายทา้านธุระิ ให้เส้นทาทามี่่ายและสั้นแ่ผู้ใ้ไปยัที่เา้อาร
02 ใส่ปุ่ม้นหาบนทุ ๆ หน้าเว็บไ์ใๆ ที่มีมาว่าร้อยหน้าหรือราวๆ นั้นวระมีวามสามารถในาร้นหา ถ้ามีนหลอยู่ในเวบไ์อุที่ใที่หนึ่ แทนที่ะ้อเริ่ม้นใหม่ บ่อยรั้ที่พวเ้าะใ้สิ่อำนวยวามสะวในาร้นหาเพื่อนเลื่อนไปยัที่ๆ พวเา้อารไป
03 วามเร็วสำัยิ่นั ุมีเวลาเพียไม่ีวินาทีเพื่อทำให้นัท่อเว็บมั่นใที่ในปุ่ม Back เพื่อลับออไปให้แน่ใว่าุสามารถเอาอะไรบาอย่าึ้นมาบนหน้าอไ้ทันทีทันใ และทำให้มันน่าสนใผู้นส่วนให่น่าะรออยเวลาสัประมา 30 วินาที สำหรับารโหลทุอย่าึ้นมาบนหน้าอแ่นั่นือนานเ็มทีแล้ว ันั้นเราทำให้มันเร็วเท่าทีุ่ะสามารถทำไ้
04 พิาราเรื่อโรสราเมนู ลายเป็นทำเนียมมาสอปีแล้ว ที่มันถูเริ่ม้นใ้เป็นรั้แรโย Cnet ือารมีปุ่มเมนูลมาทา้าน้ายมืออหน้าอ แ่ลอปีที่ผ่านมาหรือราว ๆ นั้น ไ์นาให่เือบทั้หมไ้เปลี่ยนแปลไปาลัษะนี้ไ์อย่าเ่น Amazon และ Cnet ปัุบันนี้ใ้เมนูวาไว้บนหน้าอันทั้นั่น เรื่อนี้เ้าใไ้ไม่ยา เพราะบนหน้าอนาเล็มัน้อเสียเนื้อที่สิ้นเปลือนาให่ไปประมา 120 พิเลหรือราว ๆ นั้นบนทุ ๆหน้า ำไว้ว่าารเปลี่ยนแปลใ ๆ ่อเทมเพลทหลัอุและเมนูบาร์เป็นสิ่ที่ทำให้เสียเวลาในารปรับปรุอย่ามา ทสอบและทำให้ถูั้แ่แร
05 ใ้ยูสเอร์เทอร์เฟามแบบทั่วไป อย่าเ่น ารใ้ปุ่ม radio วิธีที่ถู้อในารใ้พวมัน็ือ ทำเป็นุัวเลือให้แ่ผู้ใ้ และานั่น็เิวนให้พวเลิ OK ารออแบบเว็บไ์บาแห่ที่ไม่ถู้อใ้ปุ่ม radio เป็นปุ่มแอัน ึ่เป็นารสร้าวามสับสนให้แ่ผู้ใ้ ส่วน check box ็มัถูใ้านในทาที่ผิล้าย ๆ ัน แม้ทาเราะแนะนำนำให้ใ้เมนูบาร์ทา้าน้ายแ่อย่าน้อยมัน็ยัเป็นแบบทั่ว ๆ ไปที่มีใ้ันอยู่ อย่าไร็แล้วแ่เพื่อเห็นแ่พระเ้าอย่าใส่เมนูทา้านวาอหน้าอเ็า
06 อย่าใ้ราฟิที่ไม่ำเป็น โยเพาะอย่ายิ่ หลีเลี่ยารใส่้อวามอย่าหัว้อเรื่อหรืออารัมภบทในฟอร์แมท GIF ารที่้อาวน์โหลรูปภาพเหล่านี้เพิ่มเ้ามาทำให้เวลาในาราวน์โหล้าล และสร้าวามรำาแ่ผู้ใ้ เว็บไ์ั้นนำปัุบันนี้ล้วนใ้ปุ่ม้อวามสำหรับเมนูบาร์ึ่แสสิ่ทีุ่สามารถใส่ลไปไ้้วย HTML , CSS ่าย ๆ และบาที่อาะเป็น JavaScript สั้น ๆ
07 ใ้พื้นที่ ‘ above the fold ” ผู้ใ้อุส่วนให่ะูเว็บไ์บนหน้าอนา 13 – 15 นิ้ว และเนื้อที่บนสุระยะทา 4 นิ้ว านแนวั้ือส่วนที่เห็นไ้สัเนที่สุบนหน้าออพวเา ส่วนนี้อหน้าอนี้เอที่รู้ัันในนามอ ‘ above the fold ‘ และมัำเป็นอย่ามาที่ะ้อใส่เนื้อหาที่สำัและน่าสนใที่สุอุเอาไว้ที่นี่
08 อย่าลืมอารออแบบ ในสมัยแร ๆ อานเส์ท็อปพับลิิผู้ใ้อบที่ะอับฟอน์ และราฟิเอฟเฟ็อย่ามาหมายเท่าที่ะเป็นไปไ้หมายและสิ่ีพิมพ์อพวเา เหุผล่าย ๆ็ือพวเาสามารถทำไ้แ่ารอแบบ้วยวิธีารนี้ไม่ไ้ับเว็บเพมามายในทุวันนี้ ำไว้ว่าำนวนฟอน์สอัวบนหน้าอในนาแ่าันทัู้่น่าะมาที่สุเท่าทีุ่วรทำแล้ว
09 ใ้ inage map ุวรหลีเลี่ยสิ่นี้ ถ้าเป็นไปไ้ แ่อย่าไร็ามุ้อมีเมนูบาร์ที่ใส่รูปราฟิพยายามใ้รูปราฟิอย่าเียวและใ้ inage map แทนารใ้ราฟิำนวนแปหรือสิบรูปแยาันำนวนรวมอนาไฟล์ทั้หมะ่ำว่า
10 ใ้ JavaScript ภาพเลื่อนไหวและเรื่อประับประาอื่น ๆ ให้น้อย ภาพเลื่อนไหวสร้าวามรำาให้แ่ผู้ใ้ และบ่อยรั้ที่ละเลยไม่สนใ้วย้ำ เพราะนส่วนมาะเมิน่อสิ่ใ ๆ ทีู่เหมือนเรียร้อวาไม่รู้ัว ส่วน JavaScript ือเรื่อมืออันาลาสำหรับารเพิ่มวามสามารถในารโ้อบให้ับเว็บเพ รูปภาพสามารถเปลี่ยนไ้เมื่อุเลื่อนเอร์เอร์ุไปบนพวมันสามารถสร้าารำนวนไ้ประอบอฟอร์มสามารถโ้อบไ้ระหว่าใ้าน อย่า็ามเว็บไ์ำนวนมาที่ไ้ทำสิ่ผิพลาาารแ่เพอพวเ้า้วย JavaScript ที่ไม่ำเป็นอย่าเ็มที่ อพวนี้ทำให้้า และสามารถนำไปสู่ปุยหาวามไม่เ้าใัน และเิ้อผิพลาับบราวเอร์บาัว
11 หลีเลี่ยเฟรม ือสิ่ที่ไ้รับวามนิยมันมาลอสอปีที่ผ่านมาในทุวันนี้ เป็นเรื่อยาทีุ่ะหาไ์ระับมืออาีพที่ยัใ้มันอยู่ เฟรมมัะสร้าารนำทาที่สับสน และทำให้นที่้อาระพิมพ์่าวสาร้อมูลาเว็บไ์อุออมา้อผิหวัมีเพียเฟรมที่แอทีฟอยู่เท่านั้นที่ถูส่ออไปพิมพ์ที่เรื่อพิมพ์แ่ระนั้น สำหรับเว็บไ์เล็ ๆ หรือส่วนัว พวมันยัสามารถเป็นวิธีเหมาะสมอารัเรีย้อมูล
11 หลีเลี่ยเฟรม ือสิ่ที่ไ้รับวามนิยมันมาลอสอปีที่ผ่านมาในทุวันนี้ เป็นเรื่อยาทีุ่ะหาไ์ระับมืออาีพที่ยัใ้มันอยู่ เฟรมมัะสร้าารนำทาที่สับสน และทำให้นที่้อาระพิมพ์่าวสาร้อมูลาเว็บไ์อุออมา้อผิหวัมีเพียเฟรมที่แอทีฟอยู่เท่านั้นที่ถูส่ออไปพิมพ์ที่เรื่อพิมพ์แ่ระนั้น สำหรับเว็บไ์เล็ ๆ หรือส่วนัว พวมันยัสามารถเป็นวิธีเหมาะสมอารัเรีย้อมูล
12 ทำารทลอวามสามารถในารใ้าน บริษัทอย่าเ่น Microsoft ่ายเินหลายล้านอลลาร์ไปับารใ้ระ มอ้านเียว ล้อวีีโอและผู้เี่ยวา้าน ergonomics เราสามารถทำสิ่สิ่ที่ล้ายลึันนี้ในนาที่เล็ว่า มันุม่าับารทลอวามาสามารถในารใ้าน ( usability testing ) เพียแ่หานบานที่ล้ายับลุ่มเป้าหมายอุมาลอใ้เว็บไ์อุ แล้็ับาูพวเาใ้เว็บไ์ และถามว่าพวเ้าิอย่าไรับพวมัน นัออแบบโปรแรมเมอร์สามารถไ้มุมมอใหม่ๆ ำนวนมา โยารทำานอย่าใล้ิับโรานในสมัยแรๆ อารทสอบวามสามารถในารใ้านอ Microsoft โปรแรมเมอร์อบริษัท เลือบแลสสัยอย่ามาเี่ยวับปริมาอฟีแบ็ที่พวเาไ้รับวามประส์อพวเาือารให้ทีมทสอบารใ้านหานที่ไม่รู้เรื่อมา 20 น เพื่อทสอบอฟ์แวร์ที่ไม่มีแม้ระทั้นมาทสอบ และเฝ้าูนเหล่านี้พยายามที่ะใ้ Word for DOS ว่าผลิภ์มีวามยา่าย่อารใ้านสำหรับเาอย่าไร
13 ทสอบบนบราวเอร์แ่าัน นี้ะเป็นารบออย่าัเน แ่มัน่ายที่ะมอ้ามอย่ารีบเร่เพื่อเอาเว็บไ์เ้ามาทำารรัน ล่าวโยทั่วไป Internet Explorer ทนทาน่อ้อผิพลา error ไ้มาว่า Netscape Navigator ้อผิพลาเล็น้อย้อเียวในารา็เพียพอที่ะสร้าสร้าหน้าอเปล่า ึ้นบน Navigator นอานี้ให้อ้าอิับบราวเอร์เวอร์ันเ่าไว้่อน และเปิเว็บไ์บนพวมัน้วย
14 ทำาราให้่ายเ้าไว้ าราที่ับ้อน้อเสียเวลาแปลำสั่ั่วะหนึ่ ลวามับ้อนอาราล โยารแบ่้อมูลเป็นาราเล็ๆ โยเพาะอย่ายิ่ ารา้านบนสุที่เป็นหน้าาอไ์ำเป็น้อทำให้มัน่ายเ้าไว้และปราึ้นบนหน้าออย่ารวเร็ว
15 พิาราถึวามละเอียออภาพ เว็บไ์ำนวนมายัเียนึ้นมาสำหรับหน้าอนา 640 x 480 แ่นัออแบบเว็บไ์นา 800 x 600 เป็นวามละเอียั้น่ำำลัเพิ่มึ้น รวสอบให้แน่ใว่าเว็บไ์อุะปราแ่สายาที่ละเอียอย่าไร นัออแบเว็บไ์โปรแรมเมอร์มัะมีมอนิเอร์ที่รวเร็ว มันใ้สำหรับเปิหูเปิาไ้เป็นอย่าีในารูเว็บไ์เท่าไรทีุ่สามารถเห็นไ้ถึวามละเอียนี้เพร้อมับวินโวส์เมนูบาร์บนและล่าหน้าอ เว็บไ์ที่เป็นอยู่มาในเวลานี้ทำอ์ประอบีย์้ำที่้านล่าอหน้าอ ันั้นผู้ใ้ะไม่หลเมื่อเาเลื่อนหน้าอลไป
16 หลีเลี่ยหัว้อที่ยา่อารเ้าใ ในหนัสือหรือนิยสาร พวนี้ถูพิาราว่าเหมาะที่สุในารใ้เป็นหัว้อที่เป็นำย่อำวมในารนำเสนอเรื่อเ่น รอบรราธิารเป็นผู้เียนำพวนี้ ถูใ้มาให้ใ้วามลา และวามบันเทิเล็น้อยในารับวามสนใอผู้อ่าน แ่บนเว็บ หัว้อำเป็นที่ะ้อรใวามมาว่าเพราะว่าพววมันมัะถูัถอนำอธิบาย ยัวอย่าเ่น รูปภาพเลื่อนไหว ือหัว้อที่ีสำหรับนิยสารบทวามเี่ยวับารแ่วีีโอแ่ไม่มีำอธิบาย ในรายารอเิร์เอนินที่แสผลว่ามันไม่มีวามหมาย
17 พิาราถึวามว้าอารา ารใ้ HTML ุสามารถั้่าาราโยเพาะอย่ายิ่วามว้าหรือปล่อยให้มันยาย้ามหน้าอ เว็บไ์ที่ีที่สุใ้ารผสมผสารทั้สอแบบ ถ้าุใ้วามว้า้านวาายัวรไว์อุทีุ่สามารถมอเห็นไ้ มันะเป็นวิธีารที่โ่มาถ้าุมีหน้าอั้ไว้ 1,152x864 หรือมาว่านั้น ูว่าเหมือนุะไม่สามารถสร้าารใ้พื้นที่หน้าอที่มีอยู่ให้ีที่สุอี้วย เพราะในรีหนึ่ถ้าุไม่ำหนวามว้าายัวไว้ทั้หม เว็บไ์อุ็อาะเรียันมั่วมาเหมือนถูอแบบไว้อย่ายุ่หยิ
18 อย่าทำให้สีอารลิ์ยุ่เหยิ สีมารานอารลิ์ไปไ์ที่ไม่เยไปือสีน้ำเิน และสีม่วสำหรับารลิ์ทีุ่ไปมาแล้ว ุสามารถเปลี่ยนสีเหล่านี้ไ้ แ่มันเป็นวามิที่ไม่เ้าท่า ารออแบบามธรรมเนียมที่ใ้ันทั่วไปอเว็บือสิ่ที่ทำให้เว็ยไ์่าย่อารใ้าน
19 พิาราถึารพิมพ์ นทั่วไปุเหมือนที่ะพิมพ์เอสารใ ๆ ที่ยาวว่าสอร้อยำึ้ปราบนเว็บไ์ออมา เนื่อ้วยเหุผลนีุ้ะแน่ใ้วยว่าหน้าอทีู่ว่าเหมือนว่านทั่วไปะ้อารพิมพ์และสามารถพิมพ์ออมาไ้อย่าถู้อ ผู้ใ้เห็นว่าเป็นารเบื่อหน่ายอย่ายิ่ถ้าพวเ้าพิมพ์สิ่ใาเว็บไ์อุแล้ว ท้ายบรรทัทุบรรทัหายไปาั้นหลั
20 อย่าใ้ฟอน์นาายัว เว็บเพอุะถููบนอมพิวเอร์ทุๆ แพลฟอร์ม้วยทุนิอหน้าอที่แ่าันยัวอย่าเ่น ารแสัวพิมพ์ในวินโวส์ะมีนาให่ว่าฟอน์เียวันที่แสบนแมอินทอสอถึสามพอย์ นทั่วไปยัมีารั้่าส่วนัวที่แ่าัน มันเป็นวามน่าเบื่อหน่ายอย่ายิ่สำหรับนัท่อเว็บ ถ้าพวเาไปเปลี่ยนนาอ้อวามบนบราวเอร์อพวเาแล้วไม่มีสิ่ใเปลี่ยนแปลเิึ้น
21 เลือฟอน์ที่ถู้อ Typefaces (รูปแบบอฟอน์แ่าัน) อย่าเ่น Georgia Geneva และ verdana ถูออแบบพิเศษสำหรับให้อ่าน่ายัเนบนมอนิเอร์ออมพิวเอร์ นา x-height นาวามสูอัวภาษาอัฤษ x ัวเล็ )อพวมันถูยายให่ว่าธรรมา และพวมัน็ปราบนหน้าอไ้ให่ว่าเมื่อเปรียบเทียบับไทป์เฟทั่วไปในนาพ้อย์เียวัน อย่าไร็ามพวมันูไม่สวยบนหน้าระาษ สำหรับเอสารนายาวทีุ่าว่าผู้ใ้้อพิมพ์ออมาแน่ ๆ ให้พิาราใ้ฟอน์อย่าเ่น Arial หรือ Times Romam ที่ถูออแบบมาสำหรับพิมพ์หน้าระาษ
21 เลือฟอน์ที่ถู้อ Typefaces (รูปแบบอฟอน์แ่าัน) อย่าเ่น Georgia Geneva และ verdana ถูออแบบพิเศษสำหรับให้อ่าน่ายัเนบนมอนิเอร์ออมพิวเอร์ นา x-height นาวามสูอัวภาษาอัฤษ x ัวเล็ )อพวมันถูยายให่ว่าธรรมา และพวมัน็ปราบนหน้าอไ้ให่ว่าเมื่อเปรียบเทียบับไทป์เฟทั่วไปในนาพ้อย์เียวัน อย่าไร็ามพวมันูไม่สวยบนหน้าระาษ สำหรับเอสารนายาวทีุ่าว่าผู้ใ้้อพิมพ์ออมาแน่ ๆ ให้พิาราใ้ฟอน์อย่าเ่น Arial หรือ Times Romam ที่ถูออแบบมาสำหรับพิมพ์หน้าระาษ
22 ำัวามยาวอบรรทั บรรทัที่มีวามยาวั้แ่ประมา 12 ำ ะทำให้ยา่อารอ่าน พิาราใ้้อวามสออลัมน์บนหน้าที่มี้อวามมา ๆ เพราะว่ามันะทำให้่าย่อารอ่านมาว่า วิธีที่ีที่สุในารทำรูปแบบนี้็ือ ใส่้อวามอุลไปในาราที่มีสออลัมน์หรือมาว่า ภาษา HTML สำหรับสร้าาราแบบนี้ถูแสไว้้าล่า ารั้ collspacing ใหุ้ไว้ที่เ็ เป็นำนวนที่เหมาะสมอ่อว่าระหว่าสออลัมน์
| ้วามสำหรับอลัมน์แร……….. | ้อวามสำหรับอลัมน์ที่สอ…………… |
23 ใ้ cascading style sheets (CCS ) มีปัหาเี่ยวับารเ้าันไ้ับ style – sheets ระหว่าบราวเอร์ที่แ่าัน ในเวลาะนี้ สอบราวเอร์ยัษ์ให่ือ Netscape และ Internet Explorer ยั่าแปลำสั่ CSS ในวิธีอนเอ อย่าไร็าม CSS ยัมี้อไ้เปรียบให่บา้อ ในประเทศอัฤษ ำนวนผู้ใ้ Internet Explorer อนนี้ลำหน้า Netscape Navigator ไปแล้ว และ IE5 สามารถรอรับ CSS ไ้อย่าเ็มที่ันั้นุึวาใไ้ว่าผู้ใ้ส่วนให่ะสามารถใ้ฟีเอร์ทั้หมไ CSS มีสอเื่อนไที่ไ้เปรียบสำหรับนทั่วไปในารัเว็บไ์นาให่ ้อแรมันอนุาวบุมไ้ถึว่าะให้แ่ละ HTML แท็มีรูปร่าหน้าาออมาอย่าไร และอย่าที่สอ มันให้วามสามารถแุ่ในารวบุมมุมมอ และวามรู้สึทาราฟิอเว็บเพเป็นร้อย ๆ หน้า โยารเปลี่ยนเอสารสไล์ี้หลัเพียอย่าเียวใหุ้
และอย่าลือว่าสไล์ียัะเพิ่มวามเร็วในาราวน์โหลึ้น เพราะว่าุไม่้อใส่ฟอน์แท็ยาวๆ ในทุเลอาราุวรเรียมัวใ้ลิ์สไล์ี้้วย เพราะมีสไล์ี้เพียอย่าเียวที่้อโหลมาสำหรับไ์ทั้หมอุและให้แน่ใว่าเว็วเพสามารถทำานไ้เมื่อสไล์ี้ ถูัารทำานลอทลอารัารทำานอสไล์ี้ในบราวเอร์อุและรีโหลเว็บึ้นมาใหม ่
24 อนุาแ่ละสไล์ แม้ว่ามันะีที่สุในารใ้สไล์ี้ แุ่น่าะมีบาเพที่มีสไล์แ่าันอย่าเหมาะสม แ่ทำารผนึ local สไล์ในหน้าพิเศษ แ่ไม่้อทำมาเินไปแ่ละสไล์มันเป็นารีที่สุในารลิ์ไปที่ global สไล์ีส่วนให่สำหรับวามถู้อรัน
25 ระวั advance style –sheet โยวามหมายทั้หม็ือใ้สไล์ี แ่หลีให้ห่าแอวาน์ฟีเอร์บาัวอาะไม่ไ้ทำานไ้อย่าถู้ออย่าแท้ริใน Netscape Navigator มันเป็นไปไ้ที่ะ้นหาบราวเอร์ัวใหนที่ใรนหนึ่ำลัใ้และเียมเพนิพิเศษสำหรับบราวเอร์นั้น ie มีสอเวอร์ันที่แ่าัน แม้นีือารหลีเหลี่ยที่ีที่สุ แ่วามพยายมในารทำแ่ละเพเป็นหลายเวอร์ันือารสร้าปัหา
26 พยายามหลีเลี่ย pop – ups วินโวส์แม้ใ้ว่ามันะีเสมอไป แ่ำไว้ว่า pop –upsอาะเป็นสิ่ที่น่ารำา นทั่วไปแม้ว่าะมีแนวโน้มที่ะปิป๊อปอัปวินโวส์่อนที่พวมันะทำาราวน์โหลเสร็สิ้น
27 อย่าเปิหน้า่าในารลิ์ไปเว็บไ์อื่น มันมัะมีสิ่ยั่วยวนใให้เปิลิ์ไปเว็บไ์อื่นๆ เป็นหน้า่าใหม่เสมอ โยารใ้ target =new ที่ท้ายอารลิ์อย่าทำมัน ทันทีทันใทีุ่เปิหน้า่าใหม่ปุ่ม back สำหรับย้อนลับไป็ถูเบรไว้ทันที และเ้าในสิบรั้ที่ปุ่ม backถูใ้ย่อนับที่เว็บไ์อุใหม่บานบนหน้าอนาเล็ๆ อาะไม่รู้ว่ามีหน้า่าใหม่ถูปิึ้นมา้วย้ำ
28 อย่าเบรปุ่ม back ารเปิหน้า่าใหม่เพียหนึ่ในหลายๆ วิธีอารัวาเอฟเฟ์อปุ่ม backและารใ้าราหรือหรือารใ้รีไเรโยทันทีหมายวามว่าทุ ๆ รั้ที่ผู้ใ้ลิ back บราวเอร์ะย้อนลับไปหน้าที่เื่อมโยให้ผู้ใ้เินหน้าไปที่อื่น
29 พิาราถึ splash screen ที่หน้าอเป็น splash screen ือส่วนสำหรับารเริ่ม้นหน้าอที่แสอมา่อนทีุ่ะเ้าสุ่ระบบเมนูหลั มัน่อน่าเหมือนปหนัสือ หน้าอ splash บนเิร์เอนินหรือประู่าวเป็นเพียสิ่ที่น่ารำา่อผู้ใ้ และน่าไล่พวมันไปที่ไหนไลๆ สัแห่ แ่มีเว็บไ์ที่น่าะเหมาะสมอย่าเ่นเว็บไ์สำหรับรับวี,ศิลปิน. ิร .หรือบาที่อาะเป็นสโมสร หรือสมาม
30 หลีเลี่ย Slow server – response Times เอร์เวอร์อุหรือารื่อ่อระหว่า back –end า้าเบสเิร์ฟเวอร์สามารถเป็นสิ่ที่้าลไสำหรับผู้ใ้ส่วนให่ไม่รู้ไม่สนใว่าทำไมเว็บไ์อุถึ้าพวเาัสินใ้วยารปุ่ม back บนเบราวเอร์พิาราารเพิ่ม RAM .ารเพิ่มโปรเสเอร์ที่มีพลัสูว่า .ารใ้ load balancing หรือัารให้เิร์ฟเอร์อุ mirror ในสถานที่อื่น ๆ
31 รวสอบแบน์วิธ์อุ แบน์วิธ์ือือปััยสำัอีอันหนึ่สำหรับไ์อุในารปรา่อสายาผู้นว่าเร็วเท่าไหร่ ที่ประมา 60 เปอร์เ็น์ แสว่าุปล่อยให้มันสายเินไปแล้ว และผู้ใ้็้อีาไ์อุไปเพราะว่าพวเาเบื่อหน่ายารรออยมันในาราวน์โหล
31 รวสอบแบน์วิธ์อุ แบน์วิธ์ือือปััยสำัอีอันหนึ่สำหรับไ์อุในารปรา่อสายาผู้นว่าเร็วเท่าไหร่ ที่ประมา 60 เปอร์เ็น์ แสว่าุปล่อยให้มันสายเินไปแล้ว และผู้ใ้็้อีาไ์อุไปเพราะว่าพวเาเบื่อหน่ายารรออยมันในาราวน์โหล
32 ใส่สริปท์อุามลำับ บาทีุ่อาใส่ CGI หรือ JavaScript บาัวที่น็อันเอ้วยวามรีบเร่ ารัเรียมันให้มีระเบียบะ่วยให้ประสิทธิภาพารทำานมีผลีึ้น
33 ใส่ที่อยู่ หมายเลโทรศัพท์และ แฟ์ มันเป็นเรื่อที่น่าประหลาใที่บ่อยรัุ้ไม่สามารถหาสิ่เหล่านี้ไ้บนเว็บไ์ อย่าทำให้าร้าหาเป็นวามเบื่อหน่ายที่ไม่เิึ้น เพราะว่าบารัุ้้อารที่ะโทรศัพท์เียนหรือแฟ์อบบริษัทหรือเป็นเรื่อส่านัวสำหรับไ์ทีุ่ำลั้เยี่ยมมอยู่ ทำนอเียวันเว็บไ์เป็นสถานที่เห็นไ้ัในแผนที่และรายละเอียเพื่อทำให้นื้ออ นมาเยี่ยมมและผู้ายมาที่ออฟฟิศอุ
34 ทำ้อวาม error ใหู้ี มันมัะมี้อวาม error ึ้นมาเสมอที่ใที่หนึ่ โยเพาะอย่ายิ่ 404 error , file not found ‘ เอาปัหานี้มาสร้าหน้าแส้อวาม error แบบอัวเอ ึ่อาะเป็นรูปภาพราฟิรับส่วนอื่น อไ์อุและนำทาอื่น ๆ หรือเหุผลอาร error
35 หลีเลี่ยารย้ายเพไปที่ URLs ่าัน ไม่มีสิ่ใที่น่าเบื่อหน่ายสำหรับผู้ใ้มาไปว่าที่ะ้อ bookmark หรือบทวามส่วนอ้อมูลที่น่าสนใ และหลัานั้น็ย้อนลับไปหามันึ่โนย้ายไปแล้ว
36.ุสามารถใ้โปรแรมอย่าเ่น linkbot ( ูที่ www.linkbot.com ) เพื่อใ้ระเวนไปทั่วไ์อุ และทำราฟิให้ย่อนาล้วยารใ้ Palettes ที่เหมาะสมับเว็บเพ Linkbot ยัเป็นวิธีที่ีอารามล่าหาลิ์ที่า
37 ั้นารูปภาพ ั้่า Attribute วามว้าและวามสูอรูปภาพเสมอแม้ว่ามันะเป็นเพียปุ่มหรือไออนัวเล็ๆ รูปภาพอุยัะทำานถึุะไม่ทำาม แ่เว็บเพอุะโหล้าว่า
38 อย่ามีารสะำผิ แ่่อนนทั่วไปะูเหมือนว่าเว็บเพสามารถถูเปลี่ยนแปลไ้อย่า่ายาย พวมันึไม่้อเอาใใส่เหมือนับมารานเ้มวทีุ่้อเอาใใส่ับานสิ่พิมพ์ ิผิแล้ว ำสะที่ผิมีผลระเทือน่อบนเว็ไ์มาเท่าับานสิ่พิมพ์ระาษ
39 อย่าใ้ Anti – aliasing ับัวพิมพ์นาเล็ Anti – aliasing เป็นเทนิในารปรับปปรุวิธีู้อวาม มันอบให้แนมอเห็นเรียบึ้นในภาพราฟิ และัวพิมพ์โยารใส่พิเลอสีปานลาามอบ ารใ้ัวพิมพ์ anti –aliasing ะทำารย้ายอบแอฟอน์นาให่โปรแรมแ่รูปภาพอย่าเ่น Photoshop ให้ถูใ้สำหรับารทำ Anti – aliasing
อย่าไร็ามนทั่วไปำนวนมาไ้เอาวามสามารถมาใ้ผิ ๆ ับัวพิมพ์นาเล็ ัวพิมพ์ที่มีนาเล็ว่า 10 พอย์ โยปิะอ่านยาเมื่อมันถูทำ Anti – aliasing
40 สีแบ็ราว์้านหลัทำให้อ่านยา ัวหนัสือสีำและพื้นสีาวือ้อวามที่อ่าน่ายที่สุ ้อวามสีำพื้นหลัสีเทาสว่ายัอ่าน่ายพอใ้แ่ารผสมสีอื่น ๆ เป็นารยาที่ะอ่านสำหรับผู้ใ้ ใ์อย่าเ่น www.simplyfood.co.uk ประสบวามสำเร้ทั้สอ้าน มันทำารเปิหน้าอ้วยสีแพรวพราวมามาย แ่ในส่วนอ้อวามที่ยาวว่าึุ่ำเป็น้ออ่านถูออมาให้อ่านไ้่ายัเน
41 ใ้ Include วิธีหนึ่ที่เป็นารหลีวามยุ่ยาอารเปลี่ยนเทมเพลทหลั ือารใ้ SSI ( Server Side Include ) นี้เป็นอมเมน์นิหนึ่อ HTML ที่ออแบบเว็บเิร์ฟเวอร์ทำารสร้า้อมูลแบบไนามิสำหรับเว้บเพเมื่อใ็ามที่มันถูร้ออ รูปแบบพื้นานือ :
41 ใ้ Include วิธีหนึ่ที่เป็นารหลีวามยุ่ยาอารเปลี่ยนเทมเพลทหลั ือารใ้ SSI ( Server Side Include ) นี้เป็นอมเมน์นิหนึ่อ HTML ที่ออแบบเว็บเิร์ฟเวอร์ทำารสร้า้อมูลแบบไนามิสำหรับเว้บเพเมื่อใ็ามที่มันถูร้ออ รูปแบบพื้นานือ :
< !----#command tag =”value”--!>
ที่ # command สามารถเป็นำสั่หลาหลายใ ๆ ไ้ที่รอรับโยเว็บเิร์ฟเวอร์ำสั่ที่่ายที่สุือ #include ที่ใส่ content อไฟล์อื่น ๆ ำสั่ include เป็นประโยน์สำหรับารทำให้มั่นใว่าอ์ประอบมารานอ่าเมนู และฟุเอร์เป็นัวเียวันบนทุ ๆ เว็บเพลอเว็บไ์ ในารเปลี่ยนแปลมารานอ์ประอบ เพียแ่ัแปล include file แทนที่ารอัปเททุเว็พเพเป็นหน้า ๆ ไป
42 ำัรอบอารา มันน่าประหลาใมายิ่ที่ว่ายัมีเว็บไ์ำนวนมาเท่าไรที่ใ้รอบาราอยู่ เพราะว่ามันูไปแล้วมันไม่ามาเอาะเลย ารเอาพวมันมาใ้โยใ้ารั้่า Border=”0” ในแท็ TABLE อุ ุวรใส่่อว่า ารัเรีย และย่อหน้าแทนารสร้าาราให้สามารถอ่านไ้ใไ้ในรอบให่ ๆ น่าเลีย
43 อย่าใ้ HTML ที่ไม่ำเป็น เล็ลับอารทำให้โ้ HTML เพรียวระทัรั และมีนัย ็ือารเียนโ้้วยนเอ้วยารใ้เอิเอร์ที่ีอย่าเ่น Allaire Homsite ( www.allaire.com ) สราสิ่่า ๆ ไ้่ายว่าถ้าุ้อใ้โ้เนเนอเรเอร์อย่าเ่น Microcoft Frontppage หรือ pagemill อย่าน้อยที่สุให้เรียนรู้วิธีารูโ้ที่พวมันสร้า และทำวามสะอาโ้บาัวที่ฟุ่เฟือยเินไปึ่เอิเอร์เหล่านี้มัที่ะทิ้ไว้ในเอสารอุ แม้แ่เว้นวรร และย่อหน้าที่ไม่ำเป็นสััวเียว็ทำให้โ้ HTML อุอ้วนึ้นไ้
44 พยายามให้ื่อไฟล์ และไเรทอรีสั้นเ้าไว้ ยัวอย่าเ่น ถ้าุเรียรูปพื้นว่าที่มอไม่เห็นฟอร์แมท GIFs (ูที่ทิปที่ 48 ) ื่อ singlepixel.gif และใ้พวมัน 20 รูปลอเว็บเพ ื่อรูปภาพ้ำ ๆ อรูปภาพอย่าเียวะใ้พื้นที่ 300 ไบ์ ในโ้ HTML อุ แ่ถี้าพวุใ้ ื่อ พวมันเป็น ‘ p.gif ‘ มันะใ้พื้นที่เพียแ่ 100 ไบ์ ประหยัว่าริๆ ุสามารถใ้ื่อใล้เียันในารั้ื่อ และไเรทอรี่ให้สั้นล และลำนวนทีุ่ใ้ลถ้าารอ้าอิรูปภาพอย่าเ่น SRC =”pdw_../images/top50webtips/shortdirectories.gif” ุสามารถที่ะลนาอไบ์มาไ้โยารั้ื่ออะไรทำนอนี้ SRC=”../images/shortdir.gif” แทนีว่า
45 ทำหมายเหุให้ HTML อุ ารทำหมายเหุ commenet ที่ถู้อเหมาะสมให้โ้ ทำให้สามารถเ้าใไ้โย่ายเมื่อุย้อยลับูลอทั้โ้หลัานั้นเป็นปี ๆ แบบนี้ เป็นที่น่าพอเ้าใใ้ไ้อย่าไร็ามแบบนี้ ออะยาวไปที่ะทำให้สิ้นเปลือำนวนไบ์
46 ใ้เรื่ออัประาศให้น้อยที่สุ ามมารานอ HTML ที่เร่รั ุสมบัิ attribute ทั้หมะปราที่เรื่อหมายอัประาศ แท้ที่ริแล้ว บราวเอร์มัะไม่้อารพวันเพื่อารแปลโ้ HTML อย่าถู้อ ันั้นแทนที่ะใ้ามแบบเิม ลอแทน้วย มันทำานไ้เหมือนัน และประหยัำนวนไบ์ไ้เล็น้อย แ่็มีบ้ารีทีุ่้อใ้เรื่อหมายอัประาศ ือำหลายำที่เว้นวรร (อย่าเ่น ALT=”front cover” ) ่าเริ่ม้น้วยเรื่อหมายบว (อย่าเ่น SIZE=+2”) ำนวนเลานสิบห (อย่าเ่น COLOR=”#cc0033”) และใน URL พร้อม้วยเรื่อหมาย / สแล อย่าเ่น SRC=”image/shortdir.gif”
47 ใ้เวอร์ันย่ออำสั่ HTML ยัมีสิ่ฟุเฟือยอีมาทีเียวในโ้ HTML ึ่มีวิธีารมาว่าหนึ่ในารบรรลุผลลัพธ์เียวัน ใ้เวอร์ันย่อำสั่เสมอ ยัวอย่าเ่น ารใ้ แทนำสั่
เพื่อัสิ่ใ ๆให้อยู่ึ่ลาใ้ แทน ในารทำัวอัษรเอีย ใ้แทน ในารสร้า้อวามที่ให่ว่าหนึ่นา ใ้ แทนในารสรา้อวามนาเล็ว่าหนึ่นา
48 ย่อหน้าวรรอน ถ้าุใ้ CSS(cascading style sheet ) ุสามารถั้ารย่อหน้าอพาราราฟและะีว่าถ้าใ้แท็ึ้นบันทัใหม่
าม้วยรูปพิเลเี่ยวฟอร์แม GIF แบบใส trasparent ั้ื่อ p.gif –ูทิปที่ 44 ว่าทำไมเรา( ( ั้ื่อมันว่า p.gif แทนที่ะเป็น singlepixer .gif ) นี่ะทำใหุ้สามารถวบุมารใ้่อว่าไ้ีว่า เมื่อโ้เสร็แล้วะเป็นแบบนี้
าม้วยรูปพิเลเี่ยวฟอร์แม GIF แบบใส trasparent ั้ื่อ p.gif –ูทิปที่ 44 ว่าทำไมเรา( ( ั้ื่อมันว่า p.gif แทนที่ะเป็น singlepixer .gif ) นี่ะทำใหุ้สามารถวบุมารใ้่อว่าไ้ีว่า เมื่อโ้เสร็แล้วะเป็นแบบนี้
49 มีที่ว่าสำหรับ Flash ปัุบันนี้ผู้ใ้สุสบายับาราวน์โหล Flash ปลั้อินมาใุ้สามารถสราานแฟลอนิเมัน และเอฟเฟบาอย่าาไฟล์นาเล็อย่าน่าประหลาใ แ่ถ้าุำลัใ้แฟล เพื่อวามแน่นอนุวรทำเวอร์ันที่เป็น HTML เปล่า ๆ ้วย
50 พยายามทำให้่ายเ้าไว้ ารมีฟีเอร์ และเอฟเฟาลาอย่ามามายทำให้เว็บไ์ใ้านยาว่า และทำให้ผู้เยี่ยมมอบลิปุ่ม back มาว่า
เก็บเข้าคอลเล็กชัน
ความคิดเห็น