การออกแบบเว็บเพจนั้น เราสามารถออกแบบได้หลายแบบ ขึ้นอยู่กับว่าเราต้องการทำเกี่ยวกับอะไร การเริ่มต้นทำเว็บ เราจะต้องมีเป้าสำหรับการทำ ว่าเราต้องการจะทำเรื่องเกี่ยวกับอะไร เราต้องการทำให้คนกลุ่มไหนเข้ามาอ่าน เด็ก วัยรุ่น หรือวัยชราเข้ามาอ่าน รวมทั้งการกำหนดเป้าหมายด้วยว่าต้องการให้คนเข้ามาเยี่ยมชมต่อวันประมาณเท่าไหร่ แต่สิ่งที่สำคัญที่สุด ก็คงจะเป็นเรื่องที่จะทำ ว่าเราต้องการทำเรื่องอะไร
     สำหรับคนที่พึ่งหัดทำ หรือเริ่มคิดที่จะทำเว็บขึ้นมาสักหนึ่งเว็บนั้น ถ้าคิดไม่ออกว่าจะทำเกี่ยวกับเรื่องอะไร แนะนำว่าลองเอาหนังสือ หรือรายงานขึ้นมาสักหนึ่งเล่มครับ แล้วลองเอาเนื้อหาในนั้นมาสร้างเป็นเว็บไซต์ดู เมื่อทำเสร็จแล้วก็ลองเอาไปฝากไว้กับฟรีโฮสต์ติ้งบนเน็ต ซึ่งมีอยู่มากมายหลายเว็บในไทย เช่น www.se-ed.net
     แต่สำหรับคนที่มีเป้าหมายเรียบร้อยแล้วว่าจะทำเว็บเกี่ยวกับอะไร ก็ขอให้เริ่มออกแบบเลยว่าจะจัดวางหน้าเว็บอย่างไรโดยลองเขียนคร่าวๆ


     โปรแกรมที่ใช้เขียนเว็บเพจ สำหรับโปรแกรมที่ใช้เขียนเว็บเพจหรือโฮมเพจ ปัจจุบันมีอยู่มากมายจนแทบไม่ต้องมานั่งไล่กัน... แต่โปรแกรมที่ใช้เขียนเว็บจะมีส่วนที่แตกต่างอย่างชัดเจนคือ การเขียนแบบ code โดยใช้ Text Editor กับแบบ เขียนโดยใช้ Quick Editor เช่นพวกโปรแกรม Dream Weaver , Word ภาษาพื้นฐานที่สุดของการเขียนเว็บไซต์ก้อคือ HTML (HyperText Markup Language) ถือเป็นพื้นฐานที่สำคัญมากๆเลยครับสำหรับคนที่คิดจะเขียนเว็บ แต่ก้ออาจมีบางคนท้วงว่า ไม่เห็นจำเป็นต้องรู้ HTML ก้อทำเว็บได้ แถมยังง่ายกว่าอีกตั้งเยอะ
     เอ... จะว่าไปมันก้อจริงครับ ถ้ามานั่งแข่งขันกันทำเว็บ ในเวลาที่เท่าๆกัน ต้องบอกเลยครับว่า ถ้าทำจาก HTML ความสวยงามและงานที่ได้จะน้อยกว่าพวก DreamWeaver มาก ถ้ามีเวลาในการหัดทำเว็บสั้นๆ แต่ต้องทำเว็บให้เป็น ก็แนะนำว่าไปเรียนพวก Dream ดีกว่าคับเพราะเราแค่ลากนู่นลากนี่มาจัด เหมือนใช้โปรแกรม Word ก้อสร้างเว็บสวยๆออกมาได้แล้ว แต่ในทางกลับกันระยะยาว HTML จะทำให้คุณสามารถเขียน PHP ได้อย่างง่ายดายโดยไม่จำเป็นต้องรันดูหน้าเว็บบ่อยๆ

HTML เป็นภาษาพื้นฐานอย่างที่ได้บอกไปแล้วครับ เรียนยากนิดหน่อยครับ ต้องใช้เวลาทำความเข้าใจกับคำสั่งครับ เวลาเรานั่งทำเว็บ เราก้อไม่ต้องมามัวพะวงหรอกคับว่าจำคำสั่งไม่ได้.. เพราะในชีวิตจริง จำไม่ได้ก็เปิดหนังสือดูเอาได้ครับ ผมเองนั้นการทำเว็บนั้นมาจาก พื้นฐานภาษา HTML เพียวๆเลยครับ จำเป็นต้องใช้เวลาในการบิ้วอารมณ์ ก่อนทำค่อนข้างมาก....(ใครที่เคยเห็นเว็บ art2bempire เวอร์ชั่นแรกจะรู้คับว่าอัปลักษณ์ปานใด) กว่าจะมาเป็นเว็บนี้อย่างที่เห็น ก้ออาศัยนั่งทำไปทีละนิดครับ แต่งเล็กแต่งน้อยไปเรื่อยๆ จนคิดว่ามันสวยคับ แต่ถึงตอนนี้แล้วต่อให้มีแค่ NotePad โปรแกรมเดียวผมก้อสามารถสร้างเว็บทั้งเว็บขึ้นมาได้แล้วครับ หลักการคร่าวก้อมีอยู่ว่า

1. เริ่มจากการวางโครงสร้างเว็บก่อน เช่นจะแบ่งเว็บเป็นสองส่วน จะวางลิงค์ไว้ตรงนี้..
2. ค่อยๆ แต่งสี ทำกราฟิกพวก background มาลง
3. ค่อยๆปรับส่วนที่ขาดๆเกินๆ ออกคับ

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

ตัวอย่างเว็บด้านบนนี้ผมออกแบบเล่นๆ ใช้ทำเป็น Blog ไว้ส่งอาจารย์ ออกแบบโดยสร้างเมนูเป็นรูปอยู่แถบซ้ายมือ แล้วใช้ frame เรียกข้อมูลมาแสดงบริเวณตรงกลาง



     นอกจากการเขียนเว็บได้สวยแล้ว สิ่งที่ขาดไม่ได้ถ้าต้องการทำเว็บให้สวยคือ ต้องมีความรู้เกี่ยวกับโปรแกรมกราฟิกบ้างครับ สำหรับโปรแกรมที่อยากจะแนะนำให้สำหรับคนทำเว็บเลย คือ โปรแกรม Ulead Photoimpact ครับ ไอ้เจ้าโปรแกรมนี้มันก้อคือโปรแกรมไว้ทำ background หรือ icon bullet ต่างๆที่เอามาใช้ตกแต่งเว็บ รวมถึง Font สวยๆ โดยเฉพาะใช้ง่ายกว่าโปรแกรมอเนกประสงค์แบบ Photoshop อีกครับ แต่เน้นไปทางด้าน Web Graphic แต่สำหรับคนหัดทำช่วงแรกๆ อาจจะยังไม่ต้องสนใจโปรแกรมกราฟิกมากนักคับ วิธีง่ายกว่าก้อ ไปเจออันไหนสวยๆ ก็เซฟมาเก็บไว้ทำเว็บของเราคับ จะได้มีไว้เลือกใช้ยามที่ทำเว็บ แล้วก็หัดใช้โปรแกรมกราฟฟิกลองทำบ้างเริ่มจากทำโลโก้เล็กๆน้อยๆ ไม่นานก็จะเก่งเองคับ

©copy right www.art2bdesign.com All Rights Reserved. Design by art2bempire

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