FTP

FTP

คืออะไร FTP ย่อมาจาก (File Transfer Protocol) คือ รูปแบบมาตรฐานบนโครงข่าย (standard network protocol) ชนิดหนึ่ง ที่ใช้สำหรับการส่งไฟล์ หรือรับไฟล์ (receive file) ระหว่างเครื่องคอมพิวเตอร์ที่เป็นลูกข่ายที่ส่วนใหญ่จะเรียกว่าไคลเอนต์ (client) กับเครื่องคอมพิวเตอร์ที่เป็นแม่ข่ายที่ส่วนใหญ่จะเรียกว่า โฮสติง (hosting) หรือ เซิร์ฟเวอร์ (server) โดยที่การติดต่อกันทาง FTP เราจะต้องติดต่อกันทาง Port 21 ซึ่งก่อนที่จะเข้าใช้งานได้นั้น จะต้องเป็นสมาชิกและมีชื่อผู้เข้าใช้ (User) และ รหัสผู้เข้าใช้ (password) ก่อน โปรแกรมสำหรับติดต่อกับแม่ข่าย (server) ส่วนมากจะใช้โปรแกรมสำเร็จรูป เช่นโปรแกรม ไฟล์ซิลลา CuteFTP หรือ WSFTP ในการติดต่อ เป็นต้น

Web brower

เว็บเบราว์เซอร์

(อังกฤษ: web browser) เบราว์เซอร์ หรือ โปรแกรมค้นดูเว็บ คือโปรแกรมคอมพิวเตอร์ ที่ผู้ใช้สามารถดูข้อมูลและโต้ตอบกับข้อมูลสารสนเทศที่จัดเก็บในหน้าเวบที่สร้างด้วยภาษาเฉพาะ เช่น ภาษาเอชทีเอ็มแอล ที่จัดเก็บไว้ที่ระบบบริการเว็บหรือเว็บเซิร์ฟเวอร์หรือระบบคลังข้อมูลอื่น ๆ โดยโปรแกรมค้นดูเว็บเปรียบเสมือนเครื่องมือในการติดต่อกับเครือข่ายคอมพิวเตอร์ขนาดใหญ่ที่เรียกว่าเวิลด์ไวด์เว็บ
เว็บเบราว์เซอร์ตัวแรกของโลกชื่อ เวิลด์ไวด์เว็บ ^[1] ขณะเดียวกันเว็บเบราว์เซอร์ที่นิยมมากที่สุดในปัจจุบันคือ อินเทอร์เน็ตเอกซ์พลอเรอร์

CMS

CMS

ย่อมาจาก Content Management System เป็นระบบที่นำมาช่วยในการสร้างและบริหารเว็บไซต์แบบสำเร็จรูป โดยในการใช้งาน CMS นั้นผู้ใช้งานแทบไม่ต้องมีความรู้ในด้านการเขียนโปรแกรม ก็สามารถสร้างเว็บไซต์ได้ ตัวของ CMS เองจะมีโปรแกรมแถมมาและสามารถแทรกเองได้มากมายเช่น webboard , ระบบจัดการป้ายโฆษณา , ระบบนับจำนวนผู้ชม แม้แต่กระทั่งตระกร้าสินค้า และอื่นๆอีกมากมาย

CMS เป็นเหมือนโปรแกรม โปรแกรมหนึ่ง ที่มีผู้พัฒนามาจากภาษาคอมพิวเตอร์ที่ใช้ในเว็บไซต์เช่น PHP , Python , ASP , JSP ซึ่งในปัจจุบันมีคนใจดีพัฒนา CMS ฟรีขึ้นมามากมายอย่างเช่น Mambo , Joomla , Wordpress

แน่นอนว่าผู้พัฒนาระบบ CMS ฟรี ที่กล่าวมาข้างต้นนั้นล้วนเป็นมืออาชีพที่มีฝีมือในเรื่องของ เว็บไซต์เป็นอย่างยิ่ง ทั้งการเขียนโปรแกรมที่รัดกุม การออกแบบเนวิเกชั่นที่ดี ทำให้ภาพรวมของเว็บไซต์ที่ใช้ CMS นั้นออกมาในแนวมืออาชีพอย่างมาก

Google friendly

Google friendly


เป็นการนำข้อมูลของเราให้ไปอยู่ในหน้าของgooglegเพื่อที่เวลาผู้ใช้พิมพ์ในgoogleมีข้อความที่ตรงกับเว็บเราก็จะขึ้นมาทำให้ผู้ใช้เข้าถึงเ็บไซต์ของเราได้

VDO on website

 VDO on website

  เป็นการแทรกวีดีเข้าไปหน้าเว็บของเราผู้ใช้สามารถดูออไลน์ได้ดโดยไม่ต้องดาวโหลดน์เหมือนกับเราดูในเว็บyoutube

WYSWYG

 Dreamweaver

  เป็นโปรแกรมที่ใช้ในการออกแบบหน้าเว็บไซต์จะเรียกได้ว่าเป็นโปรแกรมออกแบบเว็บไซต์สำเร็จรูปก็ได้เพราะโปรแกรมDreamweaverไม่ต้องเขียนภาษาhtmlสดวกสบายในการใช้เป็นอย่างมาก และยังสามารถจัดรูปภาพ,ตาราง,ข้อความได้

Website Language

HTML
      ย่อมาจาก Hypertext Markup Language) เป็นภาษามาร์กอัปหลักในปัจจุบันที่ใช้ในการสร้างเว็บเพจ หรือข้อมูลอื่นที่เรียกดูผ่านทางเว็บเบราว์เซอร์ ซึ่งตัวโค้ดจะแสดงโครงสร้างของข้อมูล ในการแสดง หัวข้อ ลิงก์ ย่อหน้า รายการ รวมถึงการสร้างแบบฟอร์ม เชื่อมโยงภาพหรือวิดีโอด้วย โครงสร้างของโค้ดเอชทีเอ็มแอลจะอยู่ในลักษณะภายในวงเล็บสามเหลี่ยม

PHP
      (PHP) คือ ภาษาคอมพิวเตอร์ในลักษณะเซิร์ฟเวอร์-ไซด์ สคริปต์ โดยลิขสิทธิ์อยู่ในลักษณะโอเพนซอร์ส ภาษาพีเอชพีใช้สำหรับจัดทำเว็บไซต์ และแสดงผลออกมาในรูปแบบ HTML โดยมีรากฐานโครงสร้างคำสั่งมาจากภาษา ภาษาซี ภาษาจาวา และ ภาษาเพิร์ล ซึ่ง ภาษาพีเอชพี นั้นง่ายต่อการเรียนรู้ ซึ่งเป้าหมายหลักของภาษานี้ คือให้นักพัฒนาเว็บไซต์สามารถเขียน เว็บเพจ ที่มีความตอบโต้ได้อย่างรวดเร็ว

ASP
            ASP(Active Server Page) เป็นเทคโนโลยีที่ทำงานทางฝั่งด้านเซิร์ฟเวอร์ ที่ถูกออกแบบมาให้ง่ายต่อการพัฒนาแอพพลิเคชั่นผ่านเว็บเซิร์ฟเวอร์สำหรับนักพัฒนาเว็บไซต์
การใช้งาน ASP สามารถกระทำได้โดยเขียนคำสั่งหรือสคริปต์ต่างๆ ในรูปของเท็กซ์ไฟล์ธรรมดาทั่วๆไป แล้วนำมาเก็บไว้ที่เซิร์ฟเวอร์ เมื่อมีการเรียกใช้งานจากบราวเซอร์ ไฟล์เอกสาร ASP ก็จะถูกแปลโดย Server Interpreter แล้วส่งผลที่ได้ส่งกลับไปเป็นภาษา HTML ให้บราวเซอร์ที่เรียกดังกล่าว
เนื่องจาก ASP สามารถรองรับได้หลายภาษา เช่น VBScript ,Jscript ,Perl และภาษาสคริปต์อื่นๆ ดังนั้นนักพัฒนาเว็บไซต์จึงไม่มีความจำเป็นต้องมีความรู้หรือต้องศึกษาในทุกภาษาเนื่องจาก ASP ได้ถูกออกแบบมาให้ขึ้นกับความรู้ของนักพัฒนาเว็บไซต์นั่นเอง
การทำงานของโปรแกรม ASP นั้นจะทำงานอยู่ที่ฝั่งของ Server เท่านั้น เราจึงเรียกว่าเป็นการทำงานแบบ Server Side ซึ่งจากการทำงานทางฝั่ง Server ของ ASP นั้น ทำให้ Web Browser ของฝั่ง Client จะทำหน้าที่เพียงรับผลลัพธ์ที่ได้จากการทำงานทางฝั่ง Server เท่านั้น

CSS

CSS  คือ ชุดคำสั่งที่ใช้สำหรับการกำหนดการแสดงผลข้อมูลหน้าเว็บพจ ซึ่งคำเต็ม ๆ ของ CSS คือ Cascading Style Sheets เป็นมาตราฐานหนึ่งของ W3C ที่กำหนดขึ้นมา เพื่อใช้ในการตบแต่งหน้าเอกสารเว้บเพจโดยเฉพาะ การใช้งาน CSS จะเข้ามาช่วยเพิ่มความสามารถให้กับ HTML เดิมที่เราใช้งานกันอยู่ในปัจจุบัน ซึ่งในปัจจุบันนี้ CSS ได้มาอยู่บนมาตราฐานที่เวอร์ชั่น 2.0 (CSS2.0)

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

SQL 

เอสคิวแอล (SQL)

 คือ ภาษาสอบถามข้อมูล หรือภาษาจัดการข้อมูลอย่างมีโครงสร้าง มีการพัฒนาภาษาคอมพิวเตอร์ และโปรแกรมฐานข้อมูลที่รองรับมากมาย เพราะจัดการข้อมูลได้ง่าย เช่น MySQL, MsSQL, PostgreSQL หรือ MS Access เป็นต้น สำหรับโปรแกรมฐานข้อมูลที่ได้รับความนิยมคือ MySQL เป็น Open Source ที่ใช้งานได้ทั้งใน Linux และ Windows

JavaScript
JavaScript เป็นภาษาโปรแกรม (programming language) ประเภทหนึ่ง ที่เรียกกันว่า "สคริปต์" (script) ซึ่งมีวิธีการทำงานในลักษณะ "แปลความและดำเนินงานไปทีละคำสั่ง" (interpret) ภาษานี้เดิมมีชื่อว่า LiveScript ได้รับการพัฒนาขึ้นโดย Netscape ด้วยวัตถุประสงค์ เพื่อที่จะช่วยให้เว็บเพจสามารถแสดงเนื้อหา ที่มีการเปลี่ยนแปลงไปได้ ตามเงื่อนไขหรือสภาพแวดล้อมต่างๆกัน หรือสามารถโต้ตอบกับผู้ชมได้มากขึ้น ทั้งนี้เพราะภาษา HTML แต่เดิมนั้น เหมาะสำหรับใช้แสดงเอกสาร ที่มีเนื้อหาคงที่แน่นอน และไม่มีลูกเล่นอะไรมากมายนัก

Animation for web

                                                       Animation for web
-Flash เป็นโปรแกรมที่ใช้สร้างภาพเคลื่อนไหวและดาร์ตูนแอนนิเมชั่นที่นิยมใช้กันมากเพราะเป็นโปรแกรมใช่ง่าย แต่ปัจจุบันFlashไม่ค่อยรองรับกับมือถือจึงไปใช้ตัวJqueryกันแทน

-Image ready ก็เป็นโปรแกรมทำภาพเคลื่อนไหวเช่นเดียวกัน เกิดจากการนำรูปภาพหลายๆ รูปภาพมาแสดงอย่างต่อเนื่องกัน โดยไฟล์ที่แสดงจะเป็น *.gif ทำให้เกิดภาพเคลื่อนไหว
-Swish เป็นโปรแกรมทางมัลติมิเดียเช่นเดียวกัน แต่จะใช้ง่ายกว่าโปรแกรมFlashเพราะโปรแกรมSwishจะมีEffect สำเร็จรูปประเภทต่าง ๆ มาให้ นอกจากนี้ยังสามารถเขียนสคริปต์เพื่อควบคุมการทำงานได้

Graphic for web (Create template) photoshop

Photoshop

โปรแกรมPhotoshopเป็นโปรแกรมสร้างและแก้ไขรูปภาพอย่างมืออาชีพโดยเฉพาะนักออกแบบในทุกวงกาย่อมรู้จักโปรแกรมตัวนี้ดี โปรแกรม Photoshop เป็นโปรแกรมที่มีเครื่องมือมากมายเพื่อสนับสนุนการสร้างงานประเภทสิ่งพิมพ์ งานวิดีทัศน์ งานนำเสนอ งานมัลติมีเดีย ตลอดจนงานออกแบบและพัฒนาเว็บไซต์ ในชุดโปรแกรม Adobe Photoshopจะประกอบด้วยโปรแกรมสองตัวได้แก่ Photoshop และ ImageReady การที่จะใช้งานโปรแกรม Photoshopคุณต้องมีเครื่องที่มีความสามารถสูงพอควร มีความเร็วในการประมวลผล และมีหน่วยความจำที่เพียงพอ ไม่เช่นนั้นการสร้างงานของคุณคงไม่สนุกแน่ เพราะการทำงานจะช้าและมีปัญหาตามมามากมาย ขณะนี้โปรแกรม Photoshop ได้พัฒนามาถึงรุ่น Adobe Photoshop CS

ความสามารถพื้นฐานของ Adobe Photoshop ที่ควรทราบ

- ตกแต่งหรือแก้ไขรูปภาพ

- ตัดต่อภาพบางส่วน หรือที่เรียกว่า crop ภาพ

- เปลี่ยนแปลงสีของภาพ จากสีหนึ่งเป็นอีกสีหนึ่งได้

- สามารถลากเส้น แบบฟรีสไตล์ หรือใส่รูปภาพ สี่เหลี่ยม วงกลม หรือสร้างภาพได้อย่าง อิสระ

- มีการแบ่งชั้นของภาพเป็น Layer สามารถเคลื่อนย้ายภาพได้เป็นอิสระต่อกัน

- การทำ cloning ภาพ หรือการทำภาพซ้ำในรูปภาพเดียวกัน

- เพิ่มเติมข้อความ ใส่ effect ของข้อความได้

- Brush หรือแปรงทาสี ที่สามารถเลือกรูปแบบสำเร็จรูปในการสร้างภาพได้

และอื่นๆ อีกมากมาย

ยังมีโปรแกรมเสริมที่ช่วยให้การตกแต่งภาพด้วย Photoshop เป็นเรื่องง่ายๆ อีก นั่นคือ Plug-ins ของ Photoshop ซึ่งได้แก่ การปรับภาพจากภาพถ่าย มาเป็นภาพแบบวาดด้วยสีน้ำ ภาพลายการ์ตูน เป็นภาพลายเส้น เป็นต้น สำหรับ Plug-ins ที่เป็นที่นิยมใช้กับ Photoshop ได้แก่

- AlienSkin Eye Candy

- Extensis Photo Frame

- Extensis Photo Graphics

- Extensis Photo Tools

- Kai's Power Tools

 

                                                                        Illustrator

โปรแกรม Illustrator เป็นโปรแกรมสำหรับสร้างภาพลายเส้นที่มีความคมชัดสูง งานภาพประกอบและงานกราฟิกแบบ 2 มิติต่างๆ เช่น การสร้างโลโก้สินค้า จนไปถึงการจัดเลย์เอาต์งานสิ่งพิมพ์ และมีเครื่องมึอที่ช่วยเหลือในงานเว็บไซต์อีกด้วย

ภาพกราฟิกสามารถแบ่งได้เป็น 2 แบบคือ

1.ภาพแบบพิกเซล (pixel) คือ ภาพที่เกิดจากจุดภาพในรูปภาพที่รวมกันเป็นภาพขึ้น โดยภาพหนึ่งๆ จะประกอบไปด้วยจุดภาพหรือพิกเซลมากมาย และเเต่ละภาพที่สร้างขึ้นจะมีความหนาเเน่นของจุดภาพ หรือบางครั้งแทนว่าความละเอียด (ความคมชัด)ที่เเตกต่างกันไป จึงใช้ในการบอกคุณสมบัติของภาพ จอภาพ หรือ อุปกรณ์แสดงผลภาพได้

2.ภาพกราฟิกส์เวกเตอร์ (vector graphics) คือ ภาพที่เกิดจากการกำหนดพิกัดและการคำนวณค่าบนระนาบสองมิติ รวมทั้งมุมและระยะทาง ตามทฤษฎีเวกเตอร์ในทางคณิตศาสตร์ ในการก่อให้เกิดเป็น เส้น หรือรูปภาพ ข้อดีคือ ทำให้สามารถย่อขยายได้ โดยคุณภาพไม่เปลี่ยนแปลง ข้อเสียคือภาพไม่เหมือนภาพจริงเป็นได้เพียงภาพวาด หรือใกล้เคียงภาพถ่ายเท่านั้น ข้อมูลภาพพวกนี้ได้เเก่ไฟล์สกุล eps, ai (adobe illustrator) เป็นต้น ** โปรแกรม Illustrator ทำงานแบบ vector graphics

หลักการออกแบบเว็บไซต์

ขั้นตอนที่ 1 กำหนดโครงสร้างของเว็บไซต์
การสร้างเว็บไซต์นั้นควรเริ่มจากการสร้าง แผนผังของเว็บไซต์ก่อน หรือที่เรียกว่า Site Map ดังภาพตัวอย่างมีการกำหนดหน้าเว็บเพจ 4 หน้า
ขั้นตอนที่ 2 กำหนดการเชื่อมโยงระหว่างเว็บเพจ
เราต้องกำหนดการเชื่อมโยงให้เว็บเพจแต่ละหน้า เชื่อมโยงถึงกันเื่พื่อให้กลับไปกลับมา ระหว่างหน้า ต่าง ๆ ได้ โดยแสดงชื่อไฟล์ HTML แต่ละไฟล์ที่ มีการเชื่อมโยงสัมพันธ์กันดังภาพ
ขั้นตอนที่ 3 การออกแบบเว็บเพจแต่ละหน้า
นักเรียนสามารถออกแบบหน้าเว็บเพจแต่ละหน้า ให้สวยงาม โดยเฉพาะในเว็บเพจหน้าแรก ซึ่งเรียกว่า โฮมเพจนักเรียนควรออกแบบให้สวยงามเพื่อดึงดูด ความสนใจของผู้เข้าชม ในขั้นตอนการออกแบบนี้ บางทีอาจเรียกว่า การออกแบบเลย์เอาท์ (Lay Out) สามารถทำได้ ้โดยการเขียนลงในกระดาษ หรือใช้โปรแกรม คอมพิวเตอร์ช่วยในการออกแบบก็ได้
ขั้นตอนที่ 4 การสร้างเว็บเพจแต่ละหน้า
นำเว็บเพจที่ออกแบบไ้ว้มาสร้างโดยใช้ภาษา html หรืออาจใช้โปรแกรมสำเร็จรูป เช่น FrontPage, Macromedia Dreamweaver หรือโปรแกรมสำเร็จรูปอื่น ๆ ตามความถนัด
ขั้นตอนที่ 5 การลงทะเบียนขอพื้นที่เว็บไซต์
เป็นการเผยแพร่เว็บไซต์ที่สร้างเสร็จแล้วเข้าสู่ ระบบเครือข่ายอินเทอร์เน็ต เพื่อให้บุคคลอื่น ๆ สามารถเข้าชมเว็บไซต์ของเราได้ วิธีการก็คือ นำเว็บไซต์ที่เราสร้างขึ้นไปไว้บนพื้นที่ ที่ให้บริการ (Web Hosting) ซึ่งมีพื้นที่ ที่ให้บริการฟรี และ แบบที่ต้องเสียค่าบริการ
ขั้นตอนที่ 6 การอัพโหลดเว็บไซต์
หลังจากสร้างเว็บไซต์และลงทะเบียนขอพื้นที่ สำหรับฝากเว็บไซต์แล้ว ให้ใช้โปรแกรมสำหรับ อัปโหลด (Upload) เช่นโปรแกรม CuteFTP เพื่อให้คนทั่วโลกสามารถเข้าชมเว็บไซต์ของเรา ผ่านทางระบบเครือข่ายอินเทอร์เน็ตได้ หมายเหตุ ในบทเรียนชุดนี้จะยังไม่ได้กล่าวถึง การขอพื้นที่ และการอัปโหลดเว็บไซต์ จะใช้วิธี การสอนแบบสาธิตในห้องเรียนต่อไป