ออกแบบและดูแลเว็บไซต์

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

4. การสะกดคำผิด     การสะกดคำผิดพลาด การเขียนผิด หรือการใช้ภาษาวิบัติ ก็ไม่ควรให้มีในเว็บไซต์ เพราะจะส่งผลให้เข้าใจผิดพลาดได้ 5. เนื้อหาในเว็บเพจ     ผู้ใช้งานเว็บไซต์ส่วนใหญ่ไม่เคยอ่านเนื้อหาของเว็บไซต์อย่างจริงจัง หรือตั้งใจอ่านอย่างที่เราต้องการ ดังนั้นเราจึงควรทำให้เนื้อหาของเราอ่านได้ง่ายขึ้น เช่น ใช้การเว้นวรรค การใส่ย่อหน้า และการเขียนให้กระชับที่สุด เน้นส่วนของข้อความที่เราต้องการสื่อให้มากที่สุด 6. ขนาดของตัวอักษร และชนิดของตัวอักษร font     ในบางครั้งการแสดงตัวอักษรที่เล็กเกินไป หรือใหญ่เกินไป ขึ้นอยู่กับการตั้งค่าของ browser ของผู้ใช้ ก็เป็นอุปสรรคในการอ่านเนื้อหาของเว็บไซต์ ข้อแนะนำคือเราควรใช้ CSS ในการควบคุมการแสดงผลตัวอักษรให้เป็นไปในทางเดียวกัน จะทำให้เว็บไซต์ของเราดูดี และอ่านได้ง่ายขึ้น ออกแบบเว็บ , รับทำเว็บ , ดูแลเว็บไซต์ , บริหารจัดการเว็บ , การตลาดออนไลน์ , ทำSEO Facebook : https://www.facebook.com/webmeout/ Website : webmeout.wordpress.com ติดต่อเรา : https://goo.gl/forms/ipnb25Rj1Kjaiw6y1

1. เว็บไซต์ของคุณแสดงผลได้ช้ามากๆ     พูดง่ายๆก็คือเว็บของคุณโหลดได้ช้ามาก ผู้ใช้งานต้องเสียเวลาในการรอให้เว็บไซต์ของคุณแสดงผลนานมาก แน่นอนว่าเวลาในการแสดงผลของเว็บไซต์มีหลายปัจจัย เช่น ความสามารถของ web server , ความเร็วของอินเตอร์เนตของผู้ใช้งาน แต่ปัจจัยต่างๆนั้นเป็นแค่ปลายเหตุเท่านั้น ต้นเหตุที่เราสามารถควบคุมได้อยู่ที่ขนาดของเว็บเพจ     ขนาดของเว็บเพจนั้นไม่ควรเกิน 60 KB ขนาดของเว็บเพจที่เพิ่มขึ้นมีเหตุมาจาก รูปภาพที่คุณใช้มีขนาดใหญ่เกินไป , การเปิดเพลงประกอบในเว็บไซต์ของคุณ (ทำให้ผู้ชมต้องเสียเวลาในการดาวน์โหลดเพลง แน่นอนว่าไฟล์เพลงเป็นไฟล์ที่มีขนาดใหญ่กว่า 60 KB อยู่แล้ว) , การใช้ไฟล์ flash ที่มีขนาดใหญ่เกินไป ทั้งหมดนี้เป็นสิ่งที่ควรหลีกเลี่ยง 2.ไม่มีเนวิเกชัน     เนวิเกชัน คือ ส่วนที่ใช้ลิงค์ไปยังหน้าต่างๆของเว็บไซต์ ตัวอย่างเช่นเมนูทางซ้ายมือของ hellomyweb.com จะเห็นว่ามีลิงค์ไปยังส่วนต่างๆของเว็บไซต์ เช่น ลองทำเว็บไซต์ แบบง่ายๆ , พื้นฐานเกี่ยวกับเว็บไซต์     เว็บไซต์ที่ดีควรมีเนวิเกชันในทุกหน้า เพราะในปัจจุบันเราทราบดีอยู่แล้ว...

ป. ที่ห้า ป. “เป๊ะ” (Reliability) สิ่งนี้คือสิ่งที่สำคัญมากๆๆๆ เลยครับ นั่นก็คือการ “ตรงต่อเวลา” เมื่อเรากำหนดวันปิดโปรเจ็คแล้ว ก็ต้องทำให้เสร็จตามแผนงานที่วางไว้ เพราะนี่เกี่ยวข้องกับความน่าเชื่อถือของคุณด้วยครับ บางครั้งถ้าเรากำหนดเส้นตายไว้แล้ว ถ้าเวลาเหลือน้อยก็ต้องทำงานแบบหามรุ่งหามค่ำกันเลยทีเดียว แต่จริงๆแล้ว การทำงานแบบหามรุ่งหามค่ำไม่ดีต่อสุขภาพนะครับ เราต้องรู้จักแบ่งเวลาให้ดี และควรบริหารเวลา จัดเวลาให้เป็น ครับ วิธีที่ดีในการบริหารงานก็คือ ให้แบ่งงานออกเป็นทีละขั้นๆ แล้วกำหนดวันเสร็จงานในขั้นนั้น ยกตัวอย่างเช่น พอได้งานมาหนึ่งงาน ก็แบ่งออกเป็น ขั้นตอนการเขียน site map  ขั้นตอนการออกแบบ  ขั้นตอนการตัดธีม เป็นต้น แล้วก็กำหนดวันเสร็จว่า เขียน sitemap ให้เวลาสองวัน ออกแบบ สองอาทิตย์ ตัดธีมอีกห้าวัน เป็นต้น ถ้าทำแบบนี้จะทำให้เรารู้ว่าในแต่ละวันเราต้องทำอะไร และไม่เหนื่อยหรือหักโหมด้วยครับ ออกแบบเว็บ , รับทำเว็บ , ดูแลเว็บไซต์ , บริหารจัดการเว็บ , การตลาดออนไลน์ , ทำSEO Facebook : https://www.facebook.com/webmeout/ Website : webmeout.wordpress.com ติดต่อเรา : htt...

ป. ที่สี่ ป. “ปิ๊งไอเดีย” (Creativity) โชคไม่ค่อยดีสักเท่าไหร่ครับ ที่คนส่วนใหญ่ต่างมีความเชื่อผิดๆว่า การพัฒนาเว็บไซต์ก็เป็นงานศิลปะแบบพื้นๆทั่วไปเท่านั้น  การจะเป็นนักพัฒนาเว็บไซต์และโดดเด่นได้นั้นจะต้องอาศัยหลายสิ่งหลายอย่าง อย่างหนึ่งที่สำคัญและท้าทายมากที่สุดก็คือ การ “ปิ๊ง” ผุดความคิดใหม่ๆ ความสร้างสรรค์นี่แหล่ะครับ  เมื่อออกแบบเว็บไซต์ เราต้องตัดสินใจเลือกสี เลือกตัวอักษร เลือกรูปแบบการแสดงผล แม้กระทั่งฟังก์ชั่นการทำงานของเว็บไซต์  จะเห็นได้ว่ามีเว็บมากมายเลยในโลกอินเตอร์เน็ตที่ออกแบบมาอย่างคร่าวๆ ไม่ได้ประณีตสักเท่าใดนัก  ถ้าเป็นนักพัฒนาเว็บไซต์ที่เยี่ยมยอดแล้วละ็ก็ เค้าจะเอาหัวใจและจิตวิญญาณลงไปในโปรเจ็คนั้นๆของเค้าเลยแหล่ะครับ พร้อมกับอุิทิศเวลาในการทำงานอย่างเต็มที่ เพื่อให้งานออกมาอย่างดีที่สุด  จำไ้ว้ว่าใครที่ทำแบบขอไปที  ไม่มีวันประสบผลสำเร็จหรอกครับ ออกแบบเว็บ , รับทำเว็บ , ดูแลเว็บไซต์ , บริหารจัดการเว็บ , การตลาดออนไลน์ , ทำSEO Facebook : https://www.facebook.com/webmeout/ Website : webmeout.wordpress.com ติดต่อเรา : https://goo.gl/...

ป. ที่สาม ป. “ปรับเปลี่ยน” (Flexibility) ทุกวันนี้จะสังเกตเห็นได้ว่าหลายๆที่ต้องการคนที่มีความสามารถมากกว่าหนึ่งอย่าง เราจึงต้องปรับเปลี่ยนตัวเอง ยืดหยุ่นความสามารถได้ด้วย พูดอีกนัยหนึ่งก็คือ เราต้องสามารถเขียนเว็บได้ทั้งแบบ Front-End (หน้าเว็บสำหรับผู้ใช้งาน) และแบบ Back-End (หน้าเว็บสำหรับเว็บมาสเตอร์)  ข้อนี้ก็เกี่ยวข้องกับข้อที่หนึ่งครับ ถ้าคุณรู้แค่ภาษา HTML กับ Javascripts แต่เขียนโปรแกรม PHP ไม่เป็น ติดต่อกับฐานข้อมูลโดยใช้ MySQL ไม่ได้  บริษัทหรือลูกค้าที่จะว่าจ้างก็จะต้องหาคนอื่นมาทำหน้าที่ตรงนี้ แต่ถ้าหากคุณทำได้ คุณก็จะดูมีคุณค่ามากขึ้นในสายตาของลูกค้าครับผม ออกแบบเว็บ , รับทำเว็บ , ดูแลเว็บไซต์ , บริหารจัดการเว็บ , การตลาดออนไลน์ , ทำSEO Facebook : https://www.facebook.com/webmeout/ Website : webmeout.wordpress.com ติดต่อเรา : https://goo.gl/forms/ipnb25Rj1Kjaiw6y1

ป. ที่สอง ป. “ประสิทธิภาพ” (Efficiency) ทุกงานแหล่ะครับ ต่างก็ต้องการคนเก่ง มีความสามารถมาทำงานให้ ดังนั้นทุกครั้งที่เราทำงาน เราต้องเอาใจใส่และทำให้ดีที่สุดครับ เพื่อให้งานออกมามีประสิทธิภาพ  ประสิทธิภาพในที่นี้คือการรู้จักทำงานเพื่อให้ผลลัพธ์ออกมาดีที่สุด  ยกตัวอย่างเช่น รู้จักการใช้เครื่องมือในการออกแบบ  เช่น ใช้โปรแกรม Dreamweaver  แก้โค้ด ดีกว่ามานั่งแก้ใน notepad นะครับ (ทำได้ แต่ถึก)  รู้จักใช้ Frameworks ที่เหมาะกับงาน เช่น ถ้าต้องการจะทำเมนูที่วิ้งๆ สวยๆ มี sub menu ตกลงมา ผมว่าแทนที่จะมานั่งเขียนโค้ดใหม่ ก็ลองหาดาวน์โหลดจากเว็บที่เค้ามีให้โหลดฟรีจะดีกว่านะครับ เพราะเขียนไปแล้ว สุดท้ายก็ได้เหมือนที่เค้าแจกอยู่ดี   เราแค่นำมาปรับเปลี่ยนลูกเล่นบางอย่างจะดีกว่าการมานั่งเขียนโค้ดใหม่ทั้งหมดครับ ถ้าทำแบบนี้จะทำให้เราสามารถทำงานได้เร็วยิ่งขึ้น   หรือการรู้จักใช้ CMS ให้เหมาะสำหรับการพัฒนาเว็บไซต์ ยกตัวอย่างจะทำเว็บขายของ ก็ใช้ Virtuemart, OsCommerce, Magento หรือ E-commerce CMS ตัวอื่นๆก็ได้ เพราะพวกนี้เป็น Opensource สามารถให้เรานำมาพัฒนาใช้งานได้...

ป. ที่หนึ่ง ป. “ปรับตัว” (Adaptability) คนที่จะเป็นนักพัฒนาเว็บไซต์ที่ดีได้นั้น จะไม่จำกัดความสามารถของตัวเองไว้ที่ภาษาใดภาษาหนึ่งครับ ยิ่งการทำงานกับผู้คนมากหน้าหลายตา ติดต่อกับคนหลายระดับ ก็ยิ่งสำคัญที่ว่าเราควรจะรู้ภาษาสำหรับการพัฒนาเว็บไซต์ภาษาอื่นด้วย เพื่อให้สามารถทำงานได้หลากหลายยิ่งขึ้นครับ  ปัจจุบันนี้มีภาษาคอมพิวเตอร์ให้เรียนรู้เยอะมากครับ ไม่ว่าจะเป็นภาษา C, C++, C#, Java, Perl, Python, Ruby, HTML, XHTML เป็นต้น (นี่แค่บางส่วนเท่านั้นครับ) ซึ่งภาษาเหล่านี้เราก็สามารถเรียนรู้ได้ และมีการนำมาใช้ที่ต่างกันครับ แล้วแต่โปรเจ็คที่ได้รับ  ยิ่งปัจจุบันนี้วิวัฒนาการการทำเว็บไซต์เป็นไปอย่างก้าวกระโดด ถ้าเรามีความรู้แค่ภาษา HTML อย่างเดียว แต่เขียน CSS ไม่เป็น ไม่รู้ว่า JQUERY คืออะไร หรือ  XML มาจากไหน? เราก็ต้องเสียเวลาหาคนมาทำหน้าที่ตรงนี้ให้อีก  ดังนั้น เรียนรู้หลายๆภาษาไว้ก็ได้เปรียบครับ ออกแบบเว็บ , รับทำเว็บ , ดูแลเว็บไซต์ , บริหารจัดการเว็บ , การตลาดออนไลน์ , ทำSEO Facebook : https://www.facebook.com/webmeout/ Website : webmeout.wordpress.com ติดต่อเรา...