Google Friendly
นำเสนอเนื้อหาที่มีคุณภาพสูงบนหน้าเว็บของเราโดยเฉพาะหน้าแรก หากหน้าเว็บของเรามีข้อมูลที่เป็นประโยชน์ เนื้อหาของเราจะสามารถดึงดูดผู้เข้าชมได้มากและดึงดูดเว็บมาสเตอร์เพื่อเชื่อมโยงไปยังเว็บของเรา ในการสร้างประโยชน์เว็บไซต์ที่มีข้อมูลผู้เขียนหน้าได้อย่างชัดเจนและถูกต้องอธิบายหัวข้อของเราได้ก่อนเสมอ เกี่ยวกับคำที่ผู้ใช้จะพิมพ์เพื่อค้นหาหน้าเว็บของเรา และรวมคำสั่งนั้นในเว็บ
ไซต์ถ้าผู้ใช้พิมพ์ข้อความอะไรก็ได้ที่จะหาใน google เนื้อหาของเราก็จะขึ้นมาก่อนทำให้เว็บไซต์ของเรามีคนเข้าถึงได้มากมาย
***************************************************
วันอังคารที่ 13 มีนาคม พ.ศ. 2555
วันจันทร์ที่ 12 มีนาคม พ.ศ. 2555
หลักการออกแบบเว็บไซต์
เราควรคำนึงถึงความเหมาะสมและลักษณะของเว็บไซต์ที่เราจะสร้างขึ้นมารวมถึงการใช้งานด้วยองค์ประกอบของเว็บไซต์ต้องคำนึงถึง
1. ความเรียบง่าย >>ชนิดและสีของตัวอักษรต้องไม่มากเกินไปต้องไม่สลับซับซ้อน
2. ความสม่ำเสมอ >>ใช้รูปแบบเดียวกันตลอดทั้งเว็บเพื่อใม่ให้เกิดการลายตา
3. ความเป็นเอกลักษณ์>>การออกแบบเว็บไซต์ควรนึกถึงองค์กรเพราะรูปแบบ
ขององค์กรจะแสดงถึงเอกลักษณ์เท่านั้น
4. เนื้อหาที่มีประโยชน์>>เนื้อหาเป็นส่วนที่สำคัญที่สุดควรจัดเตรียมเนื้อหา
ให้สมบรูณ์ไม่มากเกินไปและไม่น้อยเกินไปควรมีเนื้อหาให้พอดี ถึงจะมีความน่าเชื่อถือ
5. ลักษณะน่าสนใจ>>หน้าตาของเว็บไซต์จะต้องมีความสัมพันธ์กัน การใช้สี ตัวอักษร มองสบายตา
6. คุณภาพในการออกแบบ>>จะต้องเรียบเรียงเนื้อหาให้ถูกต้อง ดูมีความน่าเชื่อถือ
การออกแบบเว์บไซต์ที่ดีควรมี
- มีเนื้อหาเป็นประโยชน์ ตรงกับที่ผู้ใช้ต้องการ
- มีการปรับปรุงเพิ่มเติมเนื้อหาและพัฒนาเว็บอยู่สม่ำเสมอ
- ใช้เวลาดาวน์โหลดน้อย แสดงผลเร็ว
1. ความเรียบง่าย >>ชนิดและสีของตัวอักษรต้องไม่มากเกินไปต้องไม่สลับซับซ้อน
2. ความสม่ำเสมอ >>ใช้รูปแบบเดียวกันตลอดทั้งเว็บเพื่อใม่ให้เกิดการลายตา
3. ความเป็นเอกลักษณ์>>การออกแบบเว็บไซต์ควรนึกถึงองค์กรเพราะรูปแบบ
ขององค์กรจะแสดงถึงเอกลักษณ์เท่านั้น
4. เนื้อหาที่มีประโยชน์>>เนื้อหาเป็นส่วนที่สำคัญที่สุดควรจัดเตรียมเนื้อหา
ให้สมบรูณ์ไม่มากเกินไปและไม่น้อยเกินไปควรมีเนื้อหาให้พอดี ถึงจะมีความน่าเชื่อถือ
5. ลักษณะน่าสนใจ>>หน้าตาของเว็บไซต์จะต้องมีความสัมพันธ์กัน การใช้สี ตัวอักษร มองสบายตา
6. คุณภาพในการออกแบบ>>จะต้องเรียบเรียงเนื้อหาให้ถูกต้อง ดูมีความน่าเชื่อถือ
การออกแบบเว์บไซต์ที่ดีควรมี
- มีเนื้อหาเป็นประโยชน์ ตรงกับที่ผู้ใช้ต้องการ
- มีการปรับปรุงเพิ่มเติมเนื้อหาและพัฒนาเว็บอยู่สม่ำเสมอ
- ใช้เวลาดาวน์โหลดน้อย แสดงผลเร็ว
โปรแกรมที่สามารถใช้ในการสร้างเว็บไซต์
- Macromedia Dreamweaver
- Homesite
- Microsoft Frontpage
- GoLive
- ฯลฯ
***********************************************
Web Browser
Web Browser
คือโปรแกรมคอมพิวเตอร์ที่ผู้ใช้สามารถโต้ตอบกับข้อมูลสารสนเทศที่เขียนด้วยภาษา HTML ที่จัดเก็บไว้ในเว็บหรือเว็บเซิร์ฟเวอร์ หรือระบบคลังข้อมูลอื่นๆ เปรียบเสมือนเครื่องมือในการติดต่อกับเครือข่ายคอมพิวเตอร์ขนาดใหญ่ที่เรียกว่า World Wide
ประโยน์ของ Web Browser
สามารถดูเอกสารภายในเว็บเซิร์ฟเวอร์ได้ มีการแสดงข้อมูลในรูปของข้อความ ภาพ และมัลติมีเดียต่างๆ ทำให้การดูเอกสารบนเว็บมีความน่าสนใจมากขึ้น ส่งผลให้ Internet เป็นที่นิยมกันอย่างมากในปัจจุบัน
Web Browser ที่ได้รับความนิยมกันอย่างแพร่หลาย
- Internet Explorer
- Mozilla Firefox
- Google Chrome
- Safari
คือโปรแกรมคอมพิวเตอร์ที่ผู้ใช้สามารถโต้ตอบกับข้อมูลสารสนเทศที่เขียนด้วยภาษา HTML ที่จัดเก็บไว้ในเว็บหรือเว็บเซิร์ฟเวอร์ หรือระบบคลังข้อมูลอื่นๆ เปรียบเสมือนเครื่องมือในการติดต่อกับเครือข่ายคอมพิวเตอร์ขนาดใหญ่ที่เรียกว่า World Wide
ประโยน์ของ Web Browser
สามารถดูเอกสารภายในเว็บเซิร์ฟเวอร์ได้ มีการแสดงข้อมูลในรูปของข้อความ ภาพ และมัลติมีเดียต่างๆ ทำให้การดูเอกสารบนเว็บมีความน่าสนใจมากขึ้น ส่งผลให้ Internet เป็นที่นิยมกันอย่างมากในปัจจุบัน
Web Browser ที่ได้รับความนิยมกันอย่างแพร่หลาย
- Internet Explorer
- Mozilla Firefox
- Google Chrome
- Safari
************************************************
วันอาทิตย์ที่ 11 มีนาคม พ.ศ. 2555
FTP
FTP
ย่อมาจาก (File Transfer Protocol) คือรูปแบบมาตรฐานบนโครงข่ายชนิดหนึ่งที่ใช้สำหรับการส่งไฟล์หรือรับไฟล์ระหว่างคอมพิวเตอร์ที่เป็นลูกข่ายที่เรียกว่า Client กับคอมพิวเตอร์ที่เป็นแม่ข่ายที่เรียกว่า Hosting หรือ Server โดยการติดต่อกันทาง FTP จะต้องติดต่อกัทาง Port 21 ก่อนที่จะเข้าใช้งานนั้นจะต้องเป็นสมาชิกต้องทำการใส่ User และ Password
การทำงานของ FTP
FTP จะทำงานแบบ Client Server โดยพัฒนาขึ้นตามโปรโตคอลพื้นฐาน TCP ซึ่งจะต้องมีการติดต่อช่องสื่อสารก่อนที่จะมีการสื่อสารจริง เป็นการติดต่อแบบที่ต้องขอเชื่อมต่อก่อนในการใช้งาน FTP เพื่อเริ่มการติดต่อสื่อสารนั้นจะต้องระบุหมายเลย IP ปลายทางและต้องผ่านการแจ้งรหัส Login และ
Password ของ Server ที่เราติดต่อก่อนจึงเข้าใช้งานได้
************************************************
การทำงานของ FTP
FTP จะทำงานแบบ Client Server โดยพัฒนาขึ้นตามโปรโตคอลพื้นฐาน TCP ซึ่งจะต้องมีการติดต่อช่องสื่อสารก่อนที่จะมีการสื่อสารจริง เป็นการติดต่อแบบที่ต้องขอเชื่อมต่อก่อนในการใช้งาน FTP เพื่อเริ่มการติดต่อสื่อสารนั้นจะต้องระบุหมายเลย IP ปลายทางและต้องผ่านการแจ้งรหัส Login และ
Password ของ Server ที่เราติดต่อก่อนจึงเข้าใช้งานได้
************************************************
CMS
JOOMLA
เป็นโปรแกรม open source ที่เป็นระบบบริหารการจัดการเนื้อหาเว็บไซต์หรือที่เรียกว่า CMS ซึ่งถูกพัฒนาด้วย PHP และใช้ฐานข้อมูลของ MySQL ในการเก็บข้อมูล การเขียนโปรแกรมขั้นสูงภายใต้มาตรฐาน XHTMLสามารถทำงานได้หลายแพลตที่รอมรับ PHP และ MySQL ทั้งนี้ Joomla ได้ถูกพัฒนาขึ้นอย่างต่อเนื่องซึ่งมีการเปลี่ยนแปลงอยู่ตลอดเวลา Joomla ได้มุ่งเน้นใช้ในการพัฒนา Coporate Website หรือเว็บไซต์ของบริษัทหรือองค์กรต่างๆ รวมไปถึงการเว็บ Internet ภายในหน่วยงาน โดยมีจุดเด่นอยู่ที่ความสวยงามของรูปแบบรวมถึงความง่ายต่อการใช้งานของผู้เข้ามาชม ซึ่งให้ความแตกต่างจาก CMS ทั่วไป ตรงที่เราสามารถออกแบบและสร้างหน้าเว็บได้ตามที่เราต้องการ
ประสิทธิภาพและความสามารถของ Joomla
ประโยชน์ของ Joomla คือ ทำให้สามารถจัดเก็บเนื้อหาหรือข้อความผ่านหน้าเว็บไซต์ได้โดยผู้ดูแลเว็บไซต์ไม่จำเป็นต้องมีความรู้ทางด้านโปรแกรม
***************************************************
เป็นโปรแกรม open source ที่เป็นระบบบริหารการจัดการเนื้อหาเว็บไซต์หรือที่เรียกว่า CMS ซึ่งถูกพัฒนาด้วย PHP และใช้ฐานข้อมูลของ MySQL ในการเก็บข้อมูล การเขียนโปรแกรมขั้นสูงภายใต้มาตรฐาน XHTMLสามารถทำงานได้หลายแพลตที่รอมรับ PHP และ MySQL ทั้งนี้ Joomla ได้ถูกพัฒนาขึ้นอย่างต่อเนื่องซึ่งมีการเปลี่ยนแปลงอยู่ตลอดเวลา Joomla ได้มุ่งเน้นใช้ในการพัฒนา Coporate Website หรือเว็บไซต์ของบริษัทหรือองค์กรต่างๆ รวมไปถึงการเว็บ Internet ภายในหน่วยงาน โดยมีจุดเด่นอยู่ที่ความสวยงามของรูปแบบรวมถึงความง่ายต่อการใช้งานของผู้เข้ามาชม ซึ่งให้ความแตกต่างจาก CMS ทั่วไป ตรงที่เราสามารถออกแบบและสร้างหน้าเว็บได้ตามที่เราต้องการ
ประสิทธิภาพและความสามารถของ Joomla
ประโยชน์ของ Joomla คือ ทำให้สามารถจัดเก็บเนื้อหาหรือข้อความผ่านหน้าเว็บไซต์ได้โดยผู้ดูแลเว็บไซต์ไม่จำเป็นต้องมีความรู้ทางด้านโปรแกรม
***************************************************
VDO ON WEBSITE
VDO ON WEBSITE
เป็นโปรแกรมที่อยู่บน Internet ที่ให้บริการแลกเปลี่ยนภาพวีดีโอระหว่างผู้ใช้ฟรี YouTube เติบโตอย่างรวดเร็วมากและรู้จักกันแพร่หลายสามารถดาวน์โหลดเก็บไว้ดูได้และได้รับความนิยม สูงสุดในปัจจุบัน
http://www.youtube.com/
******************************************
เป็นโปรแกรมที่อยู่บน Internet ที่ให้บริการแลกเปลี่ยนภาพวีดีโอระหว่างผู้ใช้ฟรี YouTube เติบโตอย่างรวดเร็วมากและรู้จักกันแพร่หลายสามารถดาวน์โหลดเก็บไว้ดูได้และได้รับความนิยม สูงสุดในปัจจุบัน
http://www.youtube.com/
******************************************
WYSWYG
DREAMWEAVER
Dreamweaver คือโปรแกรมที่สร้างเว็บเพจแบบเสมือนจริงของค่าย Adobe ซึ่งช่วยให้ผู้ที่ต้องการสร้างเว็บไม่ต้องเขียนภาษา HTML หรือโค้ดโปรแกรมเอง ที่เรียกว่า WYSWYG โดยโปรแกรม Dreamweaver มีฟังก์ชั่นที่ทำให้ผู้ใช้สามารถจัดวางข้อความ รูปภาพ ตาราง ฟอร์ม วีดีโอ รวมถึงองค์ประกอบอื่นๆได้อย่างสวยงามตามที่ใช้ต้องการโดยไม่ต้องเขียนภาษาสคริปต์ให้ยุ่งยากเหมือนแต่ก่อน Dreamweaver มีทั้งในระบบปฏิบัติการแมคอินทอชและไมโครซอฟวินโดวส์ Dreamweaver ยังสามารถทำงานระบบปฏิบัติการแบบยูนิกซ์ ผ่านโปรแกรมจำลอง WINE ได้ ปัจจุบันเป็นเวอร์ชั่น Adobe Dreamweaver CS5.5
************************************************
************************************************
วันจันทร์ที่ 5 มีนาคม พ.ศ. 2555
Website Language
HTML
ภาษาที่ใช้ในการเขียนเว็บเพจ ย่อมาจากคำว่า Hypertext Markup Language โดย Hypertext หมายถึงข้อความที่เชื่อมต่อกันผ่านลิงค์ Markup หมายถึง วิธีในการเขียนข้อความ Language หมายถึง ภาษาดังนั้น html จึงหมายถึงภาษาที่ใช้ในการเขียนข้อความลงบนเอกสารที่ต่างก็เชื่อมถึงกัน
การสร้างไฟล์ html เราสามารถสร้างจาก text Editor จาก notepad ก็ได้ แต่การ Save ไฟล์เราจำเป็นต้องใส่ชื่อไฟล์.html ซึ่งถ้าเราไม่ใส่จะกลายเป็นไฟล์ .txt ในปัจจุบันมีโปรแกรมต่างๆมากมายที่พัฒนาขึ้นมาเพื่อช่วยอำนวยความสะดวกในการเขียนโค้ด เช่น โปรแกรม Macromedia Dreamweaver ปัจจุบันเวอร์ชั่น CS4 มีความสะดวกและง่ายในการสร้าง html ขึ้นมาด้วยเครื่องมือต่างๆของโปรแกรม
ตัวอย่างโครงสร้างไฟล์ html
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
******************************************************
PHP
PHP ย่อมาจาก PHP Hypertext Preprocessos แต่เดิมย่อมาจาก Personal Page Tool
PHP คือภาษาคอมพิวเตอร์จำพวก scripting language ภาษาพวกนี้
คำสั่งจะเก็บอยู่ในไฟล์ที่เรียกว่าcripst และเวลาใช้งานต้องอาศัยตัวแปรชุดค่ำสั่ง ตัวอย่างของภาษาสคริปต์ได้แก่ Javacripst ลักษณะของ PHP ที่แตกต่างจากภาษาสคริปต์แบบอื่นๆ คือ PHP ได้รับการพัฒนาและออกแบบมาเพื่อใช้ในงานในการสร้างเอกสารแบบ HTML โดยสามารถสอดแทรกหรือแก้ไขเนื้อหาได้โดยอัตโนมัติ ดังนั้นจึงกล่าวว่า PHP เป็นภาษาที่เรียกว่า server-side ก่อนที่เครื่องคอมพิวเตอร์ให้บริการเป็น Web server จะส่งหน้าเว็บที่เขียนด้วย PHP จะประมวลผลตามคำสั่งที่มีอยู่ให้เสร็จก่อนแล้วค่อยส่งผลลัพธ์ให้ ถือว่า PHP เป็นเครื่องมือที่สำคัญชนิดหนึ่งที่ช่วยให้เราสามารถสร้าง Dynamic web pages ได้อย่างมีประสิทธิภาพและมีลูกเล่นมากขึ้น
PHP เป็นผลงานที่เติบโตมาจากกลุ่มของนักพัฒนาในเชิงเปิดเผยรหัสต้นฉบับ จึงมีการพัฒนาไปอย่างรวดเร็วและอย่างยิ่งเมื่อใช้ร่วมกับะบบบปฏิบัติการอย่างระบบ Linux เป็นต้น ในปัจจุบัน PHP สามารถใช้ร่วมกับ Web server หลายๆตัวบนระบบปฏิบัติการ windows 95,98 เป็นต้น
ลักษณะเด่น PHP
- ใช้ได้ฟรี
- ขีดความสามารถไม่จำกัด
- เรียนรู้ง่าย เนื่องจาก PHP เข้าไปฝังใน html และใช้โครงสร้างและไวยากรณ์ภาษาง่าย
- เร็วและมีประสิทธิภาพ
- ใช้ร่วมกับ XML ได้ทันที
- ใช้กับระบบแฟ้มข้อมูลได้
- ใช้กับข้อมูลตัวอักษรได้อย่างมีประสิทธิภาพ
- ใช้กับการประมวลผลภาพได้
- ใช้กับโครงสร้างข้อมูลแบบ Scalar, Array, Associative array
**********************************************************************
ASP
ข้อเปรียบสำหรับ ASP.NET กับ ASP
- โค้ดจะได้รับการ Compiled ทำให้การทำงานรวดเร็วขึ้นและช่วยจับข้อผิดพลาดในช่วงการออกแบบได้
- ระบบการจัดการข้อผิดพลาดที่ดีกว่าเดิม
- ใช้วิธีการพัฒนาวินโดวส์แอปพิเคชั่นอย่างการใช้งาน controls หรือ Events
ซึ่งทำให้การพัฒนาง่ายและดูดีขึ้น
- สามารถพัฒนาได้หลากหลายภาษาที่รองรับ .net
- สามารถแยกส่วนโด้คออกมาต่างหากจากหน้ารูปแบบ
- รองรับมาตรฐานเว็บดีขึ้นกว่าเดิม รวมถึงการทำงานร่วมกับ CSS
******************************************************************
CSS
***************************************************
SQL
SQL เป็นภาษาที่ใช้สำหรับการเรียกใช้ฐานข้อมูล ซึ่่งย่อมาจาก Structured query language โดยที่
sql เป็นภาษาที่มีมาตรฐานและเป็นระบบเปิด คือ เราสามารถใช้คำสั่ง sql กับฐานข้อมูลชนิดใดก็ได้และคำสั่งเดียวกันเมื่อสั่งงานผ่าน ระบบฐานข้อมูลที่แตกต่างกันจะได้ผลลัพธ์เหมือนกันทำให้สามารถเลือใช้ฐานข้อมูลชนิดใดก็ได้โดยไม่ยึดกับฐานข้อมูลใดข้อมูลหนึ่ง
ประโยชน์ของ SQL
การทำงานของโปรแกรมฐาานข้อมูลบน Server เมื่อเราใช้ sql โปรแกรมจะทำงานได้เร็วกว่าการใช้ Table ความสามารถของภาษา sql ยังมีมากกว่าการจัดการ Table เราสามารถใช้ sql ทำงานอื่นที่นอกเหนือจากความสามารถของ delphi เพื่อให้การทำงานกับฐานข้อมูลที่เกิดขึ้นภายใน Server เท่านั้นไม่ต้องส่งข้อมูลกับมายังเครื่อง Client ซึ่งจะมีผลให้การทำงานเร็วขึ้น
รูปแบบการใช้คำสั่ง SQL สามารถใช้ได้ 2 รูปแบบ คือ
- คำสั่งที่ใช้เรียกข้อมูลได้ทันที เป็นการเรียกใช้คำสั่ง sql สั่งงานบนจอภาพ เช่น
SELECT CITY FROM SUPPLIER WHERE
- คำสั่งที่ใช้เขียนร่วมกับโปรแกรมอื่นเป็นคำสั่งที่ใช้ร่วมกับคำสั่งของโปรแกรมภาษาต่างๆ เช่น PL/1 PASCAL เป็นต้น
*******************************************************************
Java script
java script เป็นภาษาโปรแกรมประเภทหนึ่งที่เรียกกันว่า "สคริปต์" ซึ่งมีวิธีการทำงานในลักษณะแปลความและดำเนินงานไปทีละคำสั่ง ภาษานี้เดิมมีชื่อว่า Live script ได้รับการพัฒนาขึ้นโดย Netscape เพื่อที่จะช่วยให้เว็บเพจสามารถแสดงเนื้อหาที่มีการเปลี่ยนแปลงไปได้ตามเงื่อนไขหรือสามารถโต้ตอบมากขึ้นเนื่องจากช่วยให้ผู้พัฒนาสามารถสร้างเว็บเพจได้ตรงตามความต้องการและมีความน่าสนใจระกอบกับเป็นภาษาเปิดที่ใครสามารถนำไปใช้ก็ได้จึงได้รับความนิยมเป็นอย่างสูง
การทำงานของ จะต้องมีการแปลความคำสั่งซึ่งขั้นตอนนี้จะถูกจัดการโดยบราวเซอร์ ดังนั้น
java script จึงสามารถทำงานได้เฉพาะบราวเซอร์ที่สนับสนุน ปัจจุบันบราวเซอร์เกือบทั้งหมดก็สนับสนุน java script อย่างไรก็ตามข้อควรระวังคือ java script มีการพัฒนาเวอร์ชั่นใหม่ๆออกมา
(ปัจจุบันคือรุ่น 1.5) ดังนั้นถ้านำโค้ดของเวอร์ชั่นใหม่ไปรันบนบราวเซอร์รุ่นเก่าที่ไม่สนับสนุนก็อาจจะ Error ได้
java script ทำอะไรได้บ้าง
1. สามารถใช้เขียนโปรแกรมแบบง่ายๆ โดยไม่ต้องพึ่งโปรแกรมภาษาอื่นเช่น PHP
2. มีคำสั่งที่ตอบสนองกับผู้ใช้งาน เช่น เมื่อผู้ใช้คลิกที่ปุ่ม Checkbox ก็สามารถสั่งให้เปิดหน้าใหม่ได้
3. สามารถเขียนหรือเปลี่ยนแปลง html ได้
4. สามารถใช้ตรวจสอบข้อมูล คือ เมื่อเรากรอกข้อมูลผิดจะมีหน้าต่างฟ้องขึ้นมาว่าเราใส่ข้อมูลผิด
5. สามารถใช้ในการตรวจสอบผู้ใช้ได้ เช่น ตรวจสอบว่าผู้ใช้ๆ เว็บบราวเซอร์อะไร
******************************************************************
ภาษาที่ใช้ในการเขียนเว็บเพจ ย่อมาจากคำว่า Hypertext Markup Language โดย Hypertext หมายถึงข้อความที่เชื่อมต่อกันผ่านลิงค์ Markup หมายถึง วิธีในการเขียนข้อความ Language หมายถึง ภาษาดังนั้น html จึงหมายถึงภาษาที่ใช้ในการเขียนข้อความลงบนเอกสารที่ต่างก็เชื่อมถึงกัน
การสร้างไฟล์ html เราสามารถสร้างจาก text Editor จาก notepad ก็ได้ แต่การ Save ไฟล์เราจำเป็นต้องใส่ชื่อไฟล์.html ซึ่งถ้าเราไม่ใส่จะกลายเป็นไฟล์ .txt ในปัจจุบันมีโปรแกรมต่างๆมากมายที่พัฒนาขึ้นมาเพื่อช่วยอำนวยความสะดวกในการเขียนโค้ด เช่น โปรแกรม Macromedia Dreamweaver ปัจจุบันเวอร์ชั่น CS4 มีความสะดวกและง่ายในการสร้าง html ขึ้นมาด้วยเครื่องมือต่างๆของโปรแกรม
ตัวอย่างโครงสร้างไฟล์ html
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
******************************************************
PHP
PHP ย่อมาจาก PHP Hypertext Preprocessos แต่เดิมย่อมาจาก Personal Page Tool
PHP คือภาษาคอมพิวเตอร์จำพวก scripting language ภาษาพวกนี้
คำสั่งจะเก็บอยู่ในไฟล์ที่เรียกว่าcripst และเวลาใช้งานต้องอาศัยตัวแปรชุดค่ำสั่ง ตัวอย่างของภาษาสคริปต์ได้แก่ Javacripst ลักษณะของ PHP ที่แตกต่างจากภาษาสคริปต์แบบอื่นๆ คือ PHP ได้รับการพัฒนาและออกแบบมาเพื่อใช้ในงานในการสร้างเอกสารแบบ HTML โดยสามารถสอดแทรกหรือแก้ไขเนื้อหาได้โดยอัตโนมัติ ดังนั้นจึงกล่าวว่า PHP เป็นภาษาที่เรียกว่า server-side ก่อนที่เครื่องคอมพิวเตอร์ให้บริการเป็น Web server จะส่งหน้าเว็บที่เขียนด้วย PHP จะประมวลผลตามคำสั่งที่มีอยู่ให้เสร็จก่อนแล้วค่อยส่งผลลัพธ์ให้ ถือว่า PHP เป็นเครื่องมือที่สำคัญชนิดหนึ่งที่ช่วยให้เราสามารถสร้าง Dynamic web pages ได้อย่างมีประสิทธิภาพและมีลูกเล่นมากขึ้น
PHP เป็นผลงานที่เติบโตมาจากกลุ่มของนักพัฒนาในเชิงเปิดเผยรหัสต้นฉบับ จึงมีการพัฒนาไปอย่างรวดเร็วและอย่างยิ่งเมื่อใช้ร่วมกับะบบบปฏิบัติการอย่างระบบ Linux เป็นต้น ในปัจจุบัน PHP สามารถใช้ร่วมกับ Web server หลายๆตัวบนระบบปฏิบัติการ windows 95,98 เป็นต้น
ลักษณะเด่น PHP
- ใช้ได้ฟรี
- ขีดความสามารถไม่จำกัด
- เรียนรู้ง่าย เนื่องจาก PHP เข้าไปฝังใน html และใช้โครงสร้างและไวยากรณ์ภาษาง่าย
- เร็วและมีประสิทธิภาพ
- ใช้ร่วมกับ XML ได้ทันที
- ใช้กับระบบแฟ้มข้อมูลได้
- ใช้กับข้อมูลตัวอักษรได้อย่างมีประสิทธิภาพ
- ใช้กับการประมวลผลภาพได้
- ใช้กับโครงสร้างข้อมูลแบบ Scalar, Array, Associative array
**********************************************************************
ASP
Active Server Page (ASP) เป็นเพจ HTML ที่รวบรวมคำสั่งสคริปต์ (script) หนึ่งหรือมากกว่าที่ประมวลผลบน Microsoft web server ก่อนที่เพจจะส่งไปยังผู้ใช้ ในบางลักษณะASP คล้ายกับ server-include หรือการประยุกต์แบบ common gateway interface ซึ่งเป็นการทำงานโดยการประมวลผลบนเครื่องแม่ข่ายและปรับปรุงเพจ สำหรับผู้ใช้ตามปกติคำสั่งสคริปต์ในเว็บเพจที่เครื่องแม่ข่ายใช้การนำเข้า เป็นผลลัพธ์ของคำขอของผู้ใช้ สำหรับเพจที่ต้องเข้าถึงข้อมูลในฐานข้อมูลและสร้างหรือเจาะจงเพจแบบ on the fly ก่อนส่งไปให้ผู้ขอ
ASP เป็นส่วนหนึ่งของ Microsoft Internet Information Server (IIS) แต่เนื่องจากคำสั่งสคริปต์บนเครื่องแม่ข่ายจะสร้างเพจเป็น HTML ธรรมดา ดังนั้น จึงสามารถใช้ได้กับ browser เกือบทุกโปรแกรม การสร้างไฟล์ ASP ด้วยคำสั่งสคริปต์ สามารถเขียนด้วย VBScript หรือ JScript ในไฟล์ ActiveX data objects หรือใช้คำสั่งของโปรแกรม ActiveX data objects ในไฟล์ HTML แต่ต้องใช้นามสกุลของไฟล์ HTML เป็น ".asp" ซึ่ง Microsoft แนะนำให้ใช้ ASP ด้านแม่ข่าย มากกว่าการใช้สคริปต์ลูกข่าย เพราะภาษาสคริปต์ลูกข่าย (เช่น Java Script ) จะไม่สามารถทำงานกับ browser ลูกข่ายได้
- โค้ดจะได้รับการ Compiled ทำให้การทำงานรวดเร็วขึ้นและช่วยจับข้อผิดพลาดในช่วงการออกแบบได้
- ระบบการจัดการข้อผิดพลาดที่ดีกว่าเดิม
- ใช้วิธีการพัฒนาวินโดวส์แอปพิเคชั่นอย่างการใช้งาน controls หรือ Events
ซึ่งทำให้การพัฒนาง่ายและดูดีขึ้น
- สามารถพัฒนาได้หลากหลายภาษาที่รองรับ .net
- สามารถแยกส่วนโด้คออกมาต่างหากจากหน้ารูปแบบ
- รองรับมาตรฐานเว็บดีขึ้นกว่าเดิม รวมถึงการทำงานร่วมกับ CSS
******************************************************************
CSS
ชุดคำสั่งที่ใช้สำหรับการกำหนดการแสดงผลข้อมูลหน้าเว็บ ชุดคำสั่งที่ใช้สำหรับการกำหนดการแสดงผลข้อมูลหน้าเว็บเป็นมาตรฐานหนึ่งของ W3C ที่กำหนดขึ้นมา เพื่อใช้ในการตบแต่งหน้าเอกสารเว็บเพจโดยเฉพาะ การใช้งาน CSS จะเข้ามาช่วยเพิ่มความสามารถให้กับ HTML เดิมที่เราใช้งานกันอยู่ในปัจจุบัน ซึ่งในปัจจุบันนี้ CSS ได้มาอยู่บนมาตรฐานที่เวอร์ชั่น 2.0 โดยในปัจจุบันเว็บไซต์ส่วนใหญ่จะนิยมใช้งาน CSS กันเพิ่มมากขึ้น ทั้งนี้เนื่องจาก CSS มีความสามารถในการตบแต่งการแสดงผลข้อมูลหน้าเว็บเพจที่เหนือกว่า HTML โดยปรกติอยู่บางเว็บไซต์ที่เราเห็นกันใน Internet แถบจะเรียกได้ว่าใช้ CSS ล้วน ๆ ในการออกแบบ Layout
ความสามารถของ CSS
- CSS สามารถทำให้ TEXT ที่เป็นจุด Link ไม่ให้มีการขีดเส้นใต้ได้
- CSS สามารถกำหนดการ Fix ขนาดของ Font อักษรได้
- CSS สามารถทำการกำหนดภาพพื้นหลัง (Image Background) ให้ได้ตำแหน่งและมีรูปแบบตาม
ที่เราต้องการได้
ที่เราต้องการได้
- CSS ทำให้เว็บเพจเราโหลดเร็วขึ้น
ข้อดีของ CSS
1. มีความยืดหยุ่นสูงในการปรับแต่งแก้ไข
2. ง่ายในการเรียกดู Source
3. สามารถกำหนดแยกไฟล์เอกสาร html สามารถนำมาใช้ร่วมกับเอกสารหลายไฟล์ได้
***************************************************
SQL
SQL เป็นภาษาที่ใช้สำหรับการเรียกใช้ฐานข้อมูล ซึ่่งย่อมาจาก Structured query language โดยที่
sql เป็นภาษาที่มีมาตรฐานและเป็นระบบเปิด คือ เราสามารถใช้คำสั่ง sql กับฐานข้อมูลชนิดใดก็ได้และคำสั่งเดียวกันเมื่อสั่งงานผ่าน ระบบฐานข้อมูลที่แตกต่างกันจะได้ผลลัพธ์เหมือนกันทำให้สามารถเลือใช้ฐานข้อมูลชนิดใดก็ได้โดยไม่ยึดกับฐานข้อมูลใดข้อมูลหนึ่ง
ประโยชน์ของ SQL
การทำงานของโปรแกรมฐาานข้อมูลบน Server เมื่อเราใช้ sql โปรแกรมจะทำงานได้เร็วกว่าการใช้ Table ความสามารถของภาษา sql ยังมีมากกว่าการจัดการ Table เราสามารถใช้ sql ทำงานอื่นที่นอกเหนือจากความสามารถของ delphi เพื่อให้การทำงานกับฐานข้อมูลที่เกิดขึ้นภายใน Server เท่านั้นไม่ต้องส่งข้อมูลกับมายังเครื่อง Client ซึ่งจะมีผลให้การทำงานเร็วขึ้น
รูปแบบการใช้คำสั่ง SQL สามารถใช้ได้ 2 รูปแบบ คือ
- คำสั่งที่ใช้เรียกข้อมูลได้ทันที เป็นการเรียกใช้คำสั่ง sql สั่งงานบนจอภาพ เช่น
SELECT CITY FROM SUPPLIER WHERE
- คำสั่งที่ใช้เขียนร่วมกับโปรแกรมอื่นเป็นคำสั่งที่ใช้ร่วมกับคำสั่งของโปรแกรมภาษาต่างๆ เช่น PL/1 PASCAL เป็นต้น
*******************************************************************
Java script
java script เป็นภาษาโปรแกรมประเภทหนึ่งที่เรียกกันว่า "สคริปต์" ซึ่งมีวิธีการทำงานในลักษณะแปลความและดำเนินงานไปทีละคำสั่ง ภาษานี้เดิมมีชื่อว่า Live script ได้รับการพัฒนาขึ้นโดย Netscape เพื่อที่จะช่วยให้เว็บเพจสามารถแสดงเนื้อหาที่มีการเปลี่ยนแปลงไปได้ตามเงื่อนไขหรือสามารถโต้ตอบมากขึ้นเนื่องจากช่วยให้ผู้พัฒนาสามารถสร้างเว็บเพจได้ตรงตามความต้องการและมีความน่าสนใจระกอบกับเป็นภาษาเปิดที่ใครสามารถนำไปใช้ก็ได้จึงได้รับความนิยมเป็นอย่างสูง
การทำงานของ จะต้องมีการแปลความคำสั่งซึ่งขั้นตอนนี้จะถูกจัดการโดยบราวเซอร์ ดังนั้น
java script จึงสามารถทำงานได้เฉพาะบราวเซอร์ที่สนับสนุน ปัจจุบันบราวเซอร์เกือบทั้งหมดก็สนับสนุน java script อย่างไรก็ตามข้อควรระวังคือ java script มีการพัฒนาเวอร์ชั่นใหม่ๆออกมา
(ปัจจุบันคือรุ่น 1.5) ดังนั้นถ้านำโค้ดของเวอร์ชั่นใหม่ไปรันบนบราวเซอร์รุ่นเก่าที่ไม่สนับสนุนก็อาจจะ Error ได้
java script ทำอะไรได้บ้าง
1. สามารถใช้เขียนโปรแกรมแบบง่ายๆ โดยไม่ต้องพึ่งโปรแกรมภาษาอื่นเช่น PHP
2. มีคำสั่งที่ตอบสนองกับผู้ใช้งาน เช่น เมื่อผู้ใช้คลิกที่ปุ่ม Checkbox ก็สามารถสั่งให้เปิดหน้าใหม่ได้
3. สามารถเขียนหรือเปลี่ยนแปลง html ได้
4. สามารถใช้ตรวจสอบข้อมูล คือ เมื่อเรากรอกข้อมูลผิดจะมีหน้าต่างฟ้องขึ้นมาว่าเราใส่ข้อมูลผิด
5. สามารถใช้ในการตรวจสอบผู้ใช้ได้ เช่น ตรวจสอบว่าผู้ใช้ๆ เว็บบราวเซอร์อะไร
******************************************************************
วันเสาร์ที่ 3 มีนาคม พ.ศ. 2555
Animation for web
Flash
เป็นโปรแกรมที่มีความสามารถในด้านการสร้างภาพเคลื่อนไหวหรือที่เรียกว่า ( Animation ) ได้รับความนิยมมากที่สุดในปัจจุบัน ซึ่งได้พัฒนาปรับปรุงเครื่องมือต่างๆให้มีความสามารถใช้งานได้สะดวก สามารถใช้ผลิตสื่อการสอนเชิงโต้ตอบ สื่อ Presentation, เกมส์, แบบทดสอบ, Website, Video, งานกราฟิกและงานเคลื่อนไหวรวมถึงการสร้างภาพยนตร์แอนิเมชั่น
Flash เป็นโปรแกรมที่พัฒนามาเป็นเวลานานตั้งแต่ยังเป็น Macromedia flash ในเวอร์ชั่น3,4,mx, mx 2004 และ flash 8 ของบริษัท Macromedia แต่ปัจจุบันถูกซื้อกิจการมารวมอยู่ในตระกูลบริษัท Adobe ซึ่งได้นำมาพัฒนาเพิ่มเติมให้มีความสามารถสูงขึ้นและรองรับการใช้งานได้ทั้งระบบปฏิบัติการ Window XP และ Window Vista
สามารถนำสื่อต่างๆ เช่น ภาพนิ่ง กราฟิก เสียง ภาพยนตร์และมัลติมีเดียทุกประเภทมาประยุกต์ใช้งานร่วมกันได้อย่างมีประสิทธิภาพ โดยสามารถควบคุมการทำงานแบบพื้นฐานจนไปถึงการเขียนคำสั่งควบคุมให้โปรแกรมแสดงผลตามที่เราต้องการ โดยจะเห็นได้ชัดเจนว่าเว็บไซต์ในปัจจุบันแถบทุกเว็บจะนำโปรแกรม Flash เข้ามาเป็นส่วนหนึ่งในการเพิ่มความน่าสนใจ ดูทันสมัย
**************************************************
Adobe ImageReady
เป็นโปรแกรมที่มาพร้อมกับโปรแกรม Photoshop เมื่่อเราติดตั้ง Photoshopโปรแกรม ImageReady จะถูกติดตั้งโดยอัตโนมัติ ImageReady จะมีส่วนที่คล้ายคลึงกับ Photoshop อยู่บ้าง สามารถสร้างภาพเคลื่อนไหวได้หรือจะใช้แบ่งภาพออกเป็นส่วนๆเพื่อใช้ในโฮมเพจ เพื่อให้การแสดงผลเป็นไปอย่างรวดเร็วนับเป็นความคิดที่ดีและนิยมนำมาใช้กันมากในเว็บไซต์ที่มีกราฟิกจำนวนมาก แต่ก่อนเราต้องใช้โปรแกรมตกแต่งภาพทำการตัดภาพออกเป็นส่วนๆ แล้วนำไปจัดเก็บในตาราง ซึ่งการแสดงผลอาจเกิดช่องว่างรอยต่อเล็กๆในภาพได้ มีโปรแกรมสำเร็จรูปหลายๆ ตัวที่ช่วยในการทำงานในลักษณะนี้ง่ายขึ้น ค่าย Adobe ก็เช่นเดียวกันได้เสนอโปรแกรมที่ชื่อ ImageReady 1.0 ออกมาให้ทดลองใช้กันและได้รับการตอบรับด้วยดีเพื่อใช้ในการตกแต่งภาพในเว็บเพจได้อย่างสะดวก Adobe ได้ปรับปรุง Photoshop เป็นเวอร์ชั่น 5.5 ซึ่งได้นำ 2 โปรแกรมย่อยคือ mageReady 1.0 และ mageStyler 1.0 มาเข้ารวมกันเป็น mageReady 2.0 ทำให้การปรับแต่งภาพในเว็บง่ายดายขึ้น จนบัดนี้ได้เป็นเวอร์ชั่่น 7.0 สามารถจัดเก็บเป็นไฟล์สกุล Gif Animation ได้เรย
****************************************************
Swish
เป็นโปรแกรมที่ใช้สำหรับสร้างงานทางด้านกราฟิก เช่น การสร้างตัวอักษร ภาพนิ่ง และภาพเคลื่อนไหวที่สามารถนำไปใช้กับงานประเภทต่าง ๆ ได้ เช่นเดียวกับโปรแกรม Macromedia Flashเช่น งาน Presentation งาน Animationหรือ แม้กระทั่งการออกแบบและพัฒนาเว็บไซด์ เป็นต้น ลักษณะการใช้งานของโปรแกรม Swishmax จะง่ายกว่าโปรแกรม Flash เนื่องจามี Effect สำเร็จรูปประเภทต่าง ๆ มาให้ นอกจากนี้ยังสามารถเขียนสคริปต์เพื่อควบคุมการทำงานได้ ทำให้โปรแกรม Swishmax เป็นที่น่าสนใจและกำลังได้รับความนิยมเป็นอย่างมาก
Swishmax เป็นโปรแกรมที่ใช้สร้างงานทางด้านกราฟิกของบริษัท SWiSHaone.com Pty Ltd. ซึ่งเป็นเวอร์ชั่นล่าสุดที่พัฒนามาจาก Swish Version 2 นอกจากนี้ Swishmax ยังได้มีการแบ่งเป็นเวอร์ชันย่อยตามวันที่พัฒนาโปรแกรมโดยในที่จะใช้ Swishmax 2004.09.10 (ตัวเลขที่ระบุคือ ปี/เดือน/วัน ที่พัฒนาโปรแกรม) สามารถสร้างงานนำเสนอ เช่น โลโก้โฆษณา แบนเนอร์ เมนู รวมไปถึงการสร้างเว็บไซด์แบบ Dynamic ที่สามารถโต้ตอบกับผู้ใช้ได้ นอกจากนี้ยังสามารถสร้างงาน Animation เช่น การสร้างภาพเคลื่อนไหวที่มีการเล่นเสียงในเวลาเดียวกันได้เหมือนกับโปรแกรม Flash แต่สามารถทำได้สะดวกและรวดเร็วกว่า ดังนั้นจึงทำให้ Swishmax เป็นโปรแกรมที่น่าสนใจสำหรับผู้ที่ต้องการสร้างงาน Animation การนำเสนองานต่างๆ ผ่านทางเว็บไซด์ รวมถึงการออกแบบและพัฒนาเว็บไซด์ให้มีรูปแบบน่าสนใจ Swishmax ประกอบด้วยเครื่องมือต่างๆ ช่วยในการสร้างชิ้นงานมีความหลายหลายทั้งการสร้างภาพนิ่งและภาพเคลื่อนไหวที่สามารถใส่ Effect ได้มากกว่า 230 แบบ นอกจากนี้เราสามารถควบคุมการทำงานด้วยสคริปต์ ทำให้งานที่สร้างขึ้นเป็นไปตามความต้องการ อีกทั้งสามารถนำไปแสดงผลใน Flash Player, Browser และ Media Player สามารถใช้งานได้โดยไม่จำเป็นต้องติดตั้ง Macromedia Flash บนคอมพิวเตอร์โปรแกรม swishMAX สามารถที่จะนำเสนองานในรูปแบบของไฟล์ Shockwave Flash (.swf) ซึ่งสามารถนำไปใช้ในการสร้างเว็บเพจได้ และ ยังสามารถแปลงเป็นไฟล์ avi ซึ่งใช้ในการตัดต่อภาพยนตร์ได้อีกด้วย
โปรแกรม Swishmax สามารถทำงานบนระบบปฏิบัติการ Window โดยก่อนใช้งานควรสำรวจคุณสมบัติของระบบปฏิบัติการและฮาร์ดแวร์ก่อน ว่ารองรับการทำงานโปรแกรม Swishmax ได้หรือไม่ดังนี้
1. อย่างน้อยต้องใช้ระบบปฏิบัติการ Window 9x/Me/NT2000/2003/XP2. เครื่องคอมพิวเตอร์ที่มี CPU เป็น Intel Pentium III 300 MHz ขึ้นไป
3. มีพื้นที่ว่างในฮาร์ดดิสก์ อย่างน้อย 7.02 MB
4. RAM อย่างน้อย 64 MB RAM แต่ถ้าจะให้คล่องตัวขอแนะนำ 256 MB
5. ความละเอียดของจอภาพ 800 x 600 พิกเซล ขึ้นไป ต้องแสดงสีได้ 256 สี
Swishmax จะมีลักษณะจอภาพที่แตกต่างไปจาก Swish Version 2 โดยจอภาพใหม่จะช่วยให้ผู้ให้สามารถใช้งานได้ง่ายขึ้น นอกจากนี้ Swishmax ยังได้เพิ่ม Effect เพิ่มรูปแบบเขียนสคริปรวมไปถึงการเพิ่มเครื่องมือที่ใช้ในการวาดรูป
***************************************************************
สมัครสมาชิก:
บทความ (Atom)