Please enable JavaScript.
Coggle requires JavaScript to display documents.
หน่วยที่ 3 การเลือกใช้เครื่องมือพัฒนาเว็บไซต์ Dynamic - Coggle Diagram
หน่วยที่ 3 การเลือกใช้เครื่องมือพัฒนาเว็บไซต์ Dynamic
3.2 การเลือกใช้ภาษาในการสร้างเว็บไซต์
3.2.2 ภาษา JavaScript
• คือ ภาษาคอมที่นิยมใช้สร้างเว็บไซต์และแอปพลิเคชัน
• ใช้ร่วมกับภาษา HTML
• ปัจจุบันเป็นภาษาที่ได้รับความนิยมสูงมากในการสร้าง
เว็บไซต์
3.2.3 ภาษา PHP
• ย่อมาจาก PHP Hypertext Preprocessor คือ
ภาษาที่ใช้ในการสร้างเว็บไซต์แบบ Dynamic
• นิยมใช้สร้างเว็บไซต์ เนื่องจากง่ายต่อการศึกษาและ
เขียนแทรกในภาษา HTML
• ประมวลได้อย่างรวดเร็ว
3.2.1 ภาษา HTML และ CSS
1. ภาษา HTML • ย่อมาจาก Hyper Text Markup Language ฺ • เป็นภาษาคอมพิวเตอร์รูปแบบหนึ่ง ที่มีโครงสร้างการเขียนโดยอาศัยตัวกำกับ (Tag)
• ควบคุมแสดงผลข้อความ รูปภาพ หรือวัตถุอื่นๆ ผ่านโปรแกรมบราว์เซอร์
2. ภาษา CSS
• ย่อมาจาก Cascading Style Sheet คือ ภาษาที่ใช้จัดรูปแบบการแสดงผลเอกสาร HTML
• ได้แก่ สีของข้อความ สีพื้นหลัง ประเภทตัวอักษรและการจัดวางข้อความ
3.2.4 ภาษา SQL
• ย่อมาจาก Structured Query Language
• คือ ภาษาคอมพิวเตอร์ที่ใช้จัดการฐานข้อมูล โดยใช้คำสั่งภาษา SQL ในการเพิ่ม ลบ แก้ หรือการดึงชุดข้อมูลมาแสดงบนหน้าเว็บไซต์
• ใช้ร่วมกับภาษา PHP , ASP , JSP เป็นต้น
3.4 การเลือกใช้เว็บไซต์สำเร็จรูป (CMS)
CMS ย่อมาจากภาษาอังกฤษว่า Content Management System คือ ระบบการจัดการเนื้อหาของเว็บไซต์ เป็นระบบที่พัฒนาขึ้นมา เพื่อช่วยลดทรัพยากรด้านต่าง ๆ ในการพัฒนา และบริหารจัดการเนื้อหาภายในเว็บไซต์ ไม่ว่าจะเป็นเรื่องของกำลังคน ระยะเวลา และเงินทอง ที่ใช้ในการสร้างและควบคุมดูแลเว็บไซต์
3.3 การเลือกใช้ภาษาในการสร้างเว็บไซต์
1ภาษา HTML คือ เป็นภาษาที่ไว้สำหรับการสร้างเพจหรือเว็บไซต์ ภาษาตรงนี้จะไว้สำหรับการกำหนดรูปแบบของเว็บไซต์ว่าควรจะมีหน้าตาหรือควรจะมีลักษณะจุดเด่นอย่างไร
3.ภาษา JavaScript เป็นภาษาโปรแกรมที่นักพัฒนาใช้ในการสร้างหน้าเว็บแบบอินเทอร์แอคทีฟ ตั้งแต่การรีเฟรชฟีดสื่อโซเชียลไปจนถึงการแสดงภาพเคลื่อนไหวและแผนที่แบบอินเทอร์แอคทีฟ
2.ภาษาCSS คือภาษาที่ใช้อธิบายรูปร่างและลักษณะของ ไฟล์ HTML • Style Sheet คือไฟล์ที่เขียนด้วยภาษา CSS เพื่อให้ไฟล์ HTML อ้างอิงการก าหนดรูปร่าง และลักษณะ ซึ่งไฟล์นี้จะมีนามสกุลเป็น .css •
4.ภาษา PHP คือภาษาที่ใช้เขียนโปรแกรม(programming language) ใช้สำหรับพัฒนา Web Application โดยเน้นที่ความง่ายในการเขียน เราสามารถสร้าง Web Application ได้ด้วย Syntax ที่อ่านง่ายมากๆ
5.ภาษา SQL เป็นภาษาโปรแกรมสำหรับจัดเก็บและประมวลผลข้อมูลในฐานข้อมูลแบบเชิงสัมพันธ์ ฐานข้อมูลแบบเชิงสัมพันธ์เก็บข้อมูลในรูปแบบตารางที่มีแถวและคอลัมน์ที่เป็นตัวแทนของหมวดข้อมูลที่แตกต่างกันและความสัมพันธ์ต่างๆ
6.ภาษา JSP เป็นเทคโนโลยีจาวาที่เปิดช่องทางให้ผู้พัฒนาซอฟต์แวร์สร้าง HTML, XML หรือไฟล์เอกสารในประเภทนี้ตามความต้องการของเครื่องลูกข่ายร้องขอ ซึ่งเทคโนโลยีนี้เปิดให้ใช้ภาษาจาวาในการสร้างและกรทำการใด ๆ เพื่อให้หน้าเว็บเพจธรรมดากลายเป็นหน้าเว็บเพจที่สามารถตอบสนองได้
7. ภาษา ASP คือโปรแกรมที่ทำงานบนเครื่อง Web server เรียกว่าเป็นการทำงานแบบ Server Side พัฒนาโดยบริษัท Microsoft ประโยชน์ของ ASP ใช้สำหรับสร้างงาน(application)ขั้นสูง ในอินเตอร์เน็ต-อินทราเน็ต ช่วย เสริมการทำงานที่ไฟล์ HTML ธรรมดาทำไม่ได้ หรือต้องการให้งานต่างๆเป็นไปอย่างอัตโนมัติโดยผู้ใช้ไม่ต้องทำการปรับปรุงข้อมูลเอง หรือเรียก DHTML (Dynamic HTML) คือ เป็นเว็บเพจที่สามารถเปลี่ยนแปลงลักษณะต่าง ๆ ได้นั้นเอง
3.1 โปรแกรมสำหรับการสร้างเว็บไซต์
3.1.1 โปรแกรมเขียนคำสั่ง
3 NetBeans IDE คือ เครื่องมือสำหรับโปรแกรมเมอร์ที่จะใช้พัฒนา Application ด้วยภาษา Java NetBeans นั้นเป็นโปรแกรมประเภท OpenSource software โดยผู้ใช้งานไม่จำเป็นที่จะต้องเสียเงิน เพื่อซื้อมาใช้งาน และยังเปิดเผย Source code ให้ผู้สนใจและนักพัฒนานำไปดัดแปลง แก้ไข ตามกฏของ Opensource โดยมี Sun Micro System เป็นผู้สนับสนุนโครงการ
4 Sublime Tex คือ โปรแกรมแก้ไข ข้อความและซอร์สโค้ดที่มีอินเทอร์เฟซขั้นต่ำการเน้นไวยากรณ์และการพับโค้ดพร้อมการสนับสนุนภาษาโปรแกรมและ มาร์กอัปจำนวนมาก การค้นหาและแทนที่พร้อมการสนับสนุนนิพจน์ทั่วไปหน้าต่างเทอร์มินัล/คอนโซลที่รวมอยู่ และธีม ที่ปรับแต่งได้ มีให้ใช้งานสำหรับWindows
2 Editplus คือโปรแกรม text editor ตัวหนึ่ง คล้ายกับโปรแกรม Notepad, Dreamweaver (ซึ่งมีคุณสมบัติเป็นทั้งโปรแกรมสำเร็จรูปในการสร้างเว็บเพจด้วย) ที่ใช้ในการพัฒนาสคริปต์โปรแกรมต่าง ๆ ไม่ว่าจะเป็น เขียนและแก้ไข Source code ในการสร้างเว็บเพจ ด้วยภาษา HTML ,PHP ,Java เป็นต้น
5 Visual Studio คือ โปรแกรมตัวหนึ่งที่เป็นเครื่องมือที่ช่วยพัฒนาซอฟต์แวร์และระบบต่างๆ ซึ่งสามารถติดต่อสื่อสารพูดคุยกับคอมพิวเตอร์ได้ในระดับหนึ่งแล้ว แต่ยังไม่สามารถพัฒนาเป็นระบบเองได้ เหมาะสมสำหรับภาษา VB และ VB.NET เนื่องจากไมโครซอฟต์ไ
text
ด้พัฒนาโปรแกรมและภาษาขึ้นมาควบคู่กันเพื่อให้ใช้งานได้ซึ่งกันและกัน
1 Adobe Dreamweaver เป็นโปรแกรมสาหรับพัฒนาเว็บไซต์ ซึ่งมีคุณสมบัติครอบคลุมตั้งแต่การออกแบบและสร้างเว็บและสร้างเว็บเพจ,การบริหารจัดการเว็บไซต์ ตลอดไปจนถึงการพัฒนาเว็บแอพพลิเคชั่นเบื้องต้น โปรแกรมนี้ได้รับความนิยมเป็นอย่างมากเพราะมีคุณสมบัติเด่นคือใช้งานง่าย มีเครื่องมือสำหรับวางข้อความ ภาพกราฟิก ตาราง แบบฟอร์ม มัลติมิเดีย รวมทั้งองค์ประกอบต่างๆเพื่อโต้ตอบกับผู้ชมลงบนเว็บเพจได้ง่าย โดยผู้ใช้ไม่จำเป็นต้องรู้จักภาษา HTML,CSS, JavaScript และภาษาสคริปต์อื่นๆ ดังนั้นจึงเหมาะสำหรับผู้เริ่มต้นและผู้ใช้ทั่วไป
3.1.2 โปรแกรมจำลองเครื่องเซิร์ฟเวอร์ 1.XAMPP คือ การจำลองเครื่อง จากเครื่อง Client เป็นเครื่อง Server เปรียบเสมือนเครื่องที่ใช้สร้างและพัฒนาเว็บไซต์ให้เป็นเครื่อง Server เพื่อใช้ทดสอบการทำงานของคำสั่งแสดงผลภายในเครื่องเเดียว ภาษาที่จำเป็นต้องติดตั้งคือ ASP,PHP,SQL เป็นต้น
