ทำเว็บไซต์จากแม่แบบฟรี 1

เราไม่จำเป็นต้องมีความรู้ในการทำเว็บไซต์มากนัก แต่เราสามารถที่จะเรียนรู้โค้ดคำสั่ง html ที่สำคัญ(บทความ: รู้จักกับ html เบื้องต้น) บางคำสั่ง แล้วดาวน์โหลดแม่แบบเว็บไซต์ฟรีที่หลาย ๆ เว็บไซต์ได้ทำไว้อย่างสวยงาม เพราะวิธีนี้ก็เป็นวิธีที่ประหยัดเวลาได้มาก เพราะว่าในปัจจุบันนี้เทคโนโลยีได้ก้าวไปไกล และไวมาก การทึ่เราจะเผยแพร่บทความ หรือทำเว็บแนะนำธุรกิจ ถ้าเราไม่ได้ต้องการรูปแบบอะไรที่เฉพาะเจาะจงมากนัก ผมขอแนะนำวิธีนี้ครับ เพราะถ้าหากเรามัวแต่มาเริ่มต้นทำเว็บไซต์ใหม่ตั้งแต่ต้นนั้นผมคิดว่า ไม่ทันกินแน่
          เว็บไซต์ที่ดีในทัศนะคติของผม คิดว่าไม่จำเป็นต้องสวยเสมอไปครับ ผมให้ความสำคัญกับบทความ และเนื้อหาที่เป็นประโยชน์ตรงประเด็น ค้นหาบทความในเว็บไซต์ได้ง่าย ไม่ซับซ้อนมากกว่า
         และนี่คือเว็บไซต์นึงที่แจกแม่แบบให้ดาวน์โหลดฟรี http://www.free-css.com/ เพื่อน ๆ สามารถดาวน์โหลดแม่แบบมาใช้ได้เลย  แม่แบบมีให้เลือกมากมายซึ่งทางผู้พัฒนาเปิดให้ดาวน์โหลดมาใช้งานกันได้ฟรี ๆ


รูปภาพที่ 1.1 ฟรีแม่แบบเว็บเทมเพลต

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


รูปภาพที่ 1.2 แฟ้มข้อมูลเว็บเท็มเพลต

           ภายในแฟ้มข้อมูล จะมีองค์ประกอบหลัก ๆ อยู่ 3 อย่างด้วยกัน ซึ่งประกอบไปด้วย
1.แฟ้มสำหรับเก็บรูปภาพ ในการทำเว็บไซต์นั้นเพื่อน ๆ จะเห็นว่าแต่ละเว็บไซต์จะต้องมีรูปภาพเพื่อประกอบข้อความเสมอ ไม่ว่าจะเป็นการแนะนำสินค้าหรือ บริการต่าง ๆ
2.แฟ้มคำสั่ง CSS อันนี้ผมไม่ทราบจะใช้คำจำกัดความยังไง ถ้าเพื่อน ๆ สนใจเป็นพิเศษ ก็ลองหาศึกษาดูนะครับ มันสำคัญมากในการทำเว็บไซต์ แต่ว่าตอนนี้ยังไม่ต้องใส่ใจนะครับ
3.ไฟล์ html  ไฟล์ html นี้เองครับที่เรียกกันว่าเว็บเพจ ที่เราใช้เขียนบทความ และรูปภาพต่าง ๆ ที่นำมาประกอบเชื่อมโยงกันเป็นเว็บไซต์  ซึ่งส่วนใหญ่จะประกอบไปด้วย
   3.1 เว็บเพจ:หน้าแรก โฮสติ้งส่วนใหญ่ถูกตั้งค่าการใช้งานให้ index.html หรื่อ index.php หรือ index.asp เป็นหน้าแรก ฉนั้นถ้าเราจะใช้ข้อความใด ๆ เป็นหน้าต้อนรับ เราก็จะต้องเขียนรายละเอียดลงใน index ให้สำคัญในอันดับแรก หลังจากนั้นเราค่อยเชื่อมโยงองค์ประกอบต่าง ๆ เข้าด้วยกันครับ


รูปภาพที่ 1.3 แม่แบบหน้าแรก:index
          จากรูปภาพที่ 1.3 เป็นรูปภาพแม่แบบ ที่เกิดจากการดับเบิ้ลคลิ๊กซ้ายที่ไฟล์ index.html
   3.2 เว็บเพจ:ติดต่อเรา (contact.html)
   3.3 เว็บเพจ:เกี่ยวกับเรา (about us.html)
          ซึ่งถ้าเพื่อน ๆ ท่านใดสนใจในการทำเว็บไซต์ด้วยวิธีการนี้ขอแนะนำให้กลับไปศึกษา การทำสไลด์โชว์แทรกเว็บไซต์ 2 ซึ่งจะมีการขอใช้บริการพื้นที่ฟรีโฮสติ้ง และการโอนถ่ายแฟ้มข้อมูลสไลด์โชว์ ซึ่งเพื่อน ๆ สามารถใช้วิธีการเดียวกันนี้เปลี่ยนจากการโอนถ่ายแฟ้มสไลด์โชว์มาเป็นโอนถ่ายแฟ้มเว็บไซต์แทน โดยการดาวน์โหลดแม่แบบฟรีมาสักหนึ่งแบบ  แล้วลองโอนถ่ายแฟ้มข้อมูลดู ว่าถนัดรึเปล่า เพราะถ้าสามารถโอนถ่ายแฟ้มข้อมูลได้แล้ว อะไรต่าง ๆ ที่ฟรี และดี มีให้เราเลือกใช้งานมากมาย ไม่จำเป็นต้องเริ่มต้นสร้างขึ้นมาใหม่ และการทำเว็บไซต์บางวิธีไม่จำเป็นต้องรู้จักโค๊ดเลยแม้แต่น้อย เพื่อน ๆ ก็สามารถควบคุมการเผยแพร่บทความ หรือโปรโมทธุรกิจได้แล้ว

ความคิดเห็น

โพสต์ยอดนิยมจากบล็อกนี้

สร้างเว็บไซต์ Flash ง่ายจริง ๆ

ทำเว็บไซต์จากแม่แบบฟรี 6 (โค๊ด html แทรกรูปภาพ)

blogger บล็อก หรือเว็บบล็อก คืออะไร