การออกแบบเว็บไซต์เป็นอีกเรื่องหนึ่งที่มาแรงและไม่ตกกระแสไปง่ายๆ เนื่องจากความต้องการเว็บไซต์มีเพิ่มขึ้นอยู่ทุกปี การออกแบบเว็บไซต์ หากเราไม่ได้ออกแบบผ่านโปรแกรมสำเร็จรูป เราอาจจะต้องออกแบบผ่าน html วิธีนี้จะต้องรู้จักภาษา หรือ โค้ดที่เกี่ยวข้องอะไรบ้าง เราได้รวบรวมไว้แล้ว
โค้ด เกี่ยวกับไตเติ้ลบาร์
ไตเติ้ลบาร์คือ ข้อความที่อยู่บนสุดของเว็บไซต์ จะเป็นการบรรยายข้อความสั้นๆเกี่ยวกับเว็บไซต์นั้น นี่คือคำสั่งแรกของ html เราต้องรู้ ไตเติ้ลบาร์แม้จะไม่ได้ปรากฏในเว็บเบราเซอร์โดยตรง แต่ก็มีผลต่อเว็บเช่นกัน ไตเติ้ลตรงนี้จะทำให้คนเข้าเว็บอ่านเว็บได้ง่ายขึ้น คำสั่งจะขึ้นต้นด้วยคำว่า <TITLE>…..</TITLE>
โค้ดเพื่อแสดงผล
โค้ดคำสั่งต่อมาสำคัญมาก เพราะมันคือคำสั่งเพื่อให้สิ่งที่เราต้องการมันเกิดในเว็บของเรา คำสั่งก็คือ <BODY>…</BODY> หากเราต้องการให้มันแสดงผลอะไรก็เติมลงไป แต่เติมเสร็จแล้วควรเช็คให้ดีก่อนว่าแสดงผลครบหรือไม่ หากไม่ครบควรเช็คอีกครั้ง
โค้ดสี
การตกแต่งเว็บไซต์ได้ออกมาตามต้องการ เรื่องสีสำคัญมาก เว็บคงไม่น่าดูเท่าไรนักหากมีแค่พื้นสีขาวกับตัวอักษรสีดำเท่านั้น เราจะต้องเรียนรู้การตกแต่งเว็บไซต์ด้วยการเล่นสีด้วยเพื่อความสวยงามน่าสนใจ แต่โค้ดสีมันไม่ง่ายอย่างนั้น บางครั้งเราอาจจะต้องศึกษากันหน่อยว่า สีที่เราต้องการใช้โค้ดสีแบบไหน เช่น สีชมพู จะต้องใช้โค้ดสี FFC0CB เป็นต้น นอกจากนั้นยังต้องรู้จักคำสั่งการลงสีแต่ละจุดด้วย ไม่ว่าจะเป็น สีตัวอักษร สีตัวอักษรเฉพาะที่ จนถึงสีพื้นหลังโค้ดคำสั่งคือ <BODY BGCOLOR= “FF0000”> ก็จะได้พื้นหลังสีแดง เป็นต้น
โค้ดคำสั่งตัวอักษร
เวลาเราพิมพ์งาน หากต้องการจะตกแต่งตัวอักษรก็ไม่ยากเพียงแค่กำหนดพื้นที่จากนั้น ก็เลือกขนาดตัวอักษร รูปแบบตัวอักษรอยากได้ตัวเอน ตัวหนา ขีดเส้นใต้ หรือ รูปแบบตัวอักษรก็ทำได้เลย แต่การทำเว็บ html ไม่เป็นแบบนั้น จะต้องมีการใส่โค้ดคำสั่งไป เช่น อยากได้ตัวหนาโค้ดก็คือ <B>…..</B> ก็จะทำให้ข้อความในโค้ดมีความหนาเด่นกว่าตัวอื่น
โค้ดการใส่รูปภาพ
เว็บไซต์อยากให้น่าสนใจ มันก็ต้องมีภาพประกอบด้วยจะทำให้การอธิบายเรื่องราวในเว็บไซต์ชัดเจนยิ่งขึ้น การใส่ภาพลงไปต้องมีการใส่โค้ดคำสั่งที่ถูกต้องด้วย ยกตัวอย่าง <IMG ALIGN=align-type BORDER=n HEIGHT=n WIDTH=n HSPACE=n VSPACE=n SRC=address ALT=text> โค้ดนี้จะบอกว่าเอาภาพวางตรงไหน กำหนดความสูง ความกว้างของภาพ และรายละเอียดอื่น
โค้ดคำสั่ง ลิงค์
เว็บไซต์ถ้าจะให้ดีต้องมีการแปะลิงค์เพื่อเชื่อมโยงข้อมูลไปยังต้นทาง หรือ ลิงค์อื่นในเว็บไซต์ด้วยกัน วิธีแปะลิงค์เราต้องมีคำสั่งแตกต่างกันไปด้วย ลิงค์ภายในเว็บไซต์ก็อย่างหนึ่ง ลิงค์ภายนอกก็อย่างหนึ่ง ลิงค์ไปอีเมล์ก็อย่างหนึ่ง ยกตัวอย่างเช่น <A HREF=”้http://www……….”>ข้อความ</A> อันนี้เป็นลิงค์เชื่อมไปยังนอกเว็บไซต์เป็นต้น
หลายคนเห็นโค้ดคำสั่งสร้างเว็บไซต์ html อาจจะงง แต่บอกได้ว่าไม่ยากอย่างที่คิด เดี๋ยวนี้มีโค้ดสำเร็จรูปให้เราคัดลอกไปทำเว็บกันแล้ว อยากได้แบบไหนก็กดเอาเลย