การสร้าง HTML เบื้องต้น

Today is

วัตถุประสงค์  เรียนรู้เรื่องการสร้างเวปไซต์พื้นฐาน

สิ่งที่คาดหวัง  นักเรียนจะสามารถสร้างเวปไซต์ได้ด้วยตนเอง  โดยใช้โปรแกรม Notepad ที่่มีอยู่แล้วในเครื่องคอมพิวเตอร์

การสร้าง HTML เบื้องต้น
1. นักเรียนควรมี อีเมล์ ของ Gmail 1 บ/ช
     หลังจากนั้น นักเรียนสามารถใช้ google site
     https://sites.google.com/  ในการสร้าง   HTML
     ตัวอย่าง   Google site

2. และนักเรียนก็ยังสามารถใช้  www.blogger.com  ในการสร้าง HTML  ได้ด้วยครับ
    ตัวอย่าง Web Blog

3. นักเรียนยังสามารถสร้าง webpage โดยมี อีเมล์สัก 1 บ/ช ในการสร้างเวปเพจที่ไม่ใช่ของ Google ก็ได้เช่น ไปสร้างเวปเพจที่ neocities.org  นักเรียนก็จะได้เวปเพจขึ้นมาได้ ตัวอย่าง
Neocities sites

อนึ่งนักเรียนสามารถใช้ โปรแกรม Notepad  ในการสร้าง HTML ได้โดยล่วงหน้าก่อนเพื่อไม่ให้เสียเวลาโดยไม่ต้องต่อเน็ต  หลังจากสร้างเสร็จแล้วบน Notepad นักเรียนก็สามารถ copy เนื้อหา HTML บน Notepad ที่เราเขียนขึ้นไปใส่ใน Google site หรือ Bloger หรือ neocities.org หรือที่อื่น ๆ ก็ได้ครับ  นักเรียนสามารถดูรายละเอียดเพิ่มเติมได้ที่ เวป วีดีโอ ด้านล่างได้ครับ

อนึ่งถ้านักเรียนมีความถนัดในการสร้างเวปไซต์ด้วยโปรแกรม Dreamweaver หรือ Front page หรืออื่น ๆ ก็จะง่ายในการสร้างเวปเพจง่ายกว่าด้วยโปรแกรม Notepad อันนี้เราก็ไม่ว่ากัน  ซึ่งก็แล้วแต่ความถนัดของนักเรียนแต่ละคน อันนี้ก็แล้วแต่ความสะดวกของนักเรียนแต่ละคนครับ

แล้วสาเหตุทำไมผมถึงใช้โปรแกรม Notepad  เพราะ

1. ไม่มีลิขสิทธิ์   2. เข้าถึงรากเง้าของ ภาษา HTML

มาทำความเข้าใจกับคำศัพท์คอมพิวเตอร์ ที่นักเรียนควรจะรู้ครับ

1. Source code คือ คำสั่งหรือโค๊ดในโปรแกรม ซึ่งเขียนด้วยภาษาคอมพิวเตอร์ ภาษาต่างๆ เช่น C , Java , pascal เป็นต้น 

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

ตรงกันข้ามกับ object code ซึ่งแปลไปจาก source code เพื่อให้เครื่องอ่าน คนอ่านไม่ได้ มีเพียงภาษาเครื่องเท่านั้น

ที่คอมพิวเตอร์รู้จักและทำงานตามคำสั่งได้ทันที  ดังนั้นโปรแกรมที่เขียนขึ้นโดยใช้ภาษาอื่น ๆจนได้ source code จึงต้องแปลเป็นภาษาเครื่องก่อน 

โดย Compiler แปลต้นฉบับ Source code ทั้งโปรแกรมให้เป็น Object Code ส่วนโปรแกรมที่เขียนขึ้นเรียกว่า Source Program 

โปรแกรมที่แปลแล้ว เรียกว่า Object Program 

Credited : http://mindphp.com/คู่มือ/73-คืออะไร/2068-source-code-คืออะไร.html

2. JavaScript คือ ภาษาคอมพิวเตอร์สำหรับการเขียนโปรแกรมบนระบบอินเทอร์เน็ต ที่กำลังได้รับความนิยมอย่างสูง Java JavaScript เป็น ภาษาสคริปต์เชิงวัตถุ (ที่เรียกกันว่า "สคริปต์" (script) ซึ่งในการสร้างและพัฒนาเว็บไซต์ (ใช่ร่วมกับ HTML) เพื่อให้เว็บไซต์ของเราดูมีการเคลื่อนไหว สามารถตอบสนองผู้ใช้งานได้มากขึ้น ซึ่งมีวิธีการทำงานในลักษณะ "แปลความและดำเนินงานไปทีละคำสั่ง" (interpret) หรือเรียกว่า อ็อบเจ็กโอเรียลเต็ด (Object Oriented Programming) ที่มีเป้าหมายในการ ออกแบบและพัฒนาโปรแกรมในระบบอินเทอร์เน็ต สำหรับผู้เขียนด้วยภาษา HTML สามารถทำงานข้ามแพลตฟอร์มได้ โดยทำงานร่วมกับ ภาษา HTML และภาษา Java ได้ทั้งทางฝั่งไคลเอนต์ (Client) และ ทางฝั่งเซิร์ฟเวอร์ (Server) 

Credited : http://mindphp.com/คู่มือ/73-คืออะไร/2187-java-javascript-คืออะไร.html

ผมได้นำเอาคำสั่งของ JavaScript ใส่ลงไปในคำสั่ง HTML เกี่ยวกับ วันเดือนปี  จะได้ผลลัพธ์เป็น 

Today is ... ดังไฟล์

ตำแหน่ง Today is ... จะอยู่บน บรรทัด วัตถุประสงคฺ

Credited : https://www.youtube.com/watch?v=MVSK6j_rbLM

การสร้าง HTML โดยใช้ Notepad

Main menu

"ศีลเด่น  เป็นงาน  ชาญวิชา"

Contact

Mobile : 66-843315969 - Mr.Zhang
zhangtaiguo63 at gmail.com

    Mobile : 66-823359453 - Mr.Nammit
ji.am at hotmail.com