โครงสร้าง HTML

   

โครงสร้างของภาษา HTML5

บรรทัดที่ 1     จะเป็นการเลือกใช้ภาษา และเวอร์ชันของ HTML5

บรรทัดที่ 2,6  เป็นการประกาศเริ่ม การเขียนภาษา HTML  โดยจะมีทั้งแท็กเปิดบรรทัดที่ 2 และแท็กปิด                           บรรทัดที่ 6 

บรรทัดที่ 3,4 เป็นส่วนหัวของการเขียน โดยจะมีทั้งแท็กเปิดบรรทัดที่ 3 และแท็กปิดบรรทัดที่ 4           

บรรทัดที่ 5    เป็นส่วนหน้าตาเว็บไซด์ของเรานั้นเอง

การลงฐานข้อมูล AppServ

       ฐานข้อมูล ( Data Base) คือ พื้นที่สำหรับเก็บข้อมูลเว็บไซต์ โดยสามารถ แก้ไข เพิ่ม ลบ แสดงผล ตามที่ต้องการ

      โปรแกรมจำลองเซิฟเวอร์ มีหน้าที่ แสดงผลหน้าเว็บไซด์ของเรา และก็บันทึกข้อมูลในฐานข้อมูล (Data Base) โดยตัวโปแกรมก็มีหลายตัวนะครับ เช่น Apache , Appserv  เป็นต้น ในที่นี้ ผมจะขอแนะนำ Appserv นะครับ เพราะเป็นโปรแกรมที่ค่อนข้างสนับสนุนต่อการทำงานได้หลายภาษาครับ

วิธีการติดตั้ง โปรแกรม Appserv
        1.ทำติดตั้ง Appserv นะครับ

เพิ่ม 1.1 double cilck ที่ appserv ที่ทำการโหลดมาคำอธิบายภาพ

1.2 กด next

1.3 กด I Agree เพื่อยอมรับข้อตกลง

1.4 ทำการเลือกที่ลงโปรแกรม ในที่นี้ผมจะลงตามที่เขาแนะนำไว้ครับ เลือกแล้วกด Next

1.5 กดเลือกแพ็คเก็จให้หมดครับ แล้วทำการกด Next

1.6 server name ให้เราใส่ localhost และต่อมาให้ทำการใส่ Email ของเรา

1.7 ตั้งรหัสผ่านสำหรับเข้าจัดการฐานข้อมูลน่ะครับ เน้นครับ อย่าลืมรหัสกันน่ะครับ ตั้งเสร็จแล้วกด Next 

1.8  เลือกเริ่มการทำงาน แล้วกด Finish เป็นอันติดตั้งเสร็จสมบูรณ์ครับ 

 การเข้าใช้งานฐานข้อมูล(Data Base)

2.1 เปิด web brower แล้วทำการพิมพ์ localhost/phpmyadmin หลังจากนั้นทำการใส่ชื่อผู็ใช้ และรหัสผ่าน ซึ่งชื่อผู้ใช้จะเป็น root และส่วนรหัสก็เป็นที่เราได้ตั้งไว้

2.2 หน้าตาของ ฐานข้อมูล (Data Base)

สิ่งที่ต้องรู้ก่อนการเขียนเว็บไซด์

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

สิ่งที่ต้องรู้ก่อนการเขียนเว็บไซด์

1. เครื่องมือในการเขียน(editor)

    ก่อนเราจะทำเว็บไซด์เราก็ควรมีเครื่องมือในการเขียนเว็บไซด์ก่อน ซึ่งปัจจุบันก็มีเครื่องมือในการเขียนเว็บไซด์ออกมาหลายโปรแกรม เช่น Dreamweaver , Sublime เป็นต้น อันนี้ผมขอบอกเลยว่าแล้วแต่ความถนัดของคุณเลย สำหรับผมจะใช้ sublime ในการเขียนโค้ดนะครับ แต่เราจะต้องเขียนโค้ดเองนะครับ แต่มือใหม่ผมแนะนำให้ใช้ Dreamweaver นะครับ เพราะโปรแกรมนี้จะสามารถเขียนโค้ด และแปลงโค้ดให้เห็นเป็นเว็บไซด์ได้เลยในทันที 

2.ภาษาที่ใช้ในการเขียนเว็บไซด์
   ปัจจุบันภาษาที่ใช้ในการเขียนเว็บไซด์มีเยอะมาก ทั้ง Css , Java Script ,Php ภาษาพวกนี้เป็นตัวเพิ่มลูกเล่นให้เว็บไซด์ของคุณเฉยๆ แต่ภาษาที่คุณต้องรู้ในการเขียนเว็บไซด์ และเป็นพื้นฐานของการเขียนก็คือ ภาษา HTML

สิ่งที่ต้องรู้ในภาษา HTML
  * โครงสร้าง
  * คำสั่งต่างๆ หรือเรียกว่า แท็ก (Tag)
  * คุณสมบัติเพิ่มเติม หรือคุณลักษณะ (Attribute)

เดียวผมจะพยายามมาบอกให้ตลอดนะครับ ติดตามได้นะครับ ยิ่งมีคนเยอะก็เริ่มมีกำลังใจ มีแรงในการแนะนำครับ

facebook : thanapol churmun