วัตถุประสงค์ เรียนรู้เรื่องการสร้างเวปไซต์พื้นฐาน
สิ่งที่คาดหวัง นักเรียนจะสามารถสร้างเวปไซต์ได้ด้วยตนเอง โดยใช้โปรแกรม 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 ... ดังไฟล์
VIDEO
Credited : https://www.youtube.com/watch?v=MVSK6j_rbLM
การสร้าง HTML โดยใช้ Notepad
"ศีลเด่น เป็นงาน ชาญวิชา"
Contact
Mobile : 66-843315969 - Mr.Zhang
zhangtaiguo63 at gmail.com
Mobile : 66-823359453 - Mr.Nammit
ji.am at hotmail.com