วิชาการโปรแกรมเว็บ 1

แบบฝึกหัดที่ 1
ตอนที่ 1

1. อินเทอร์เน็ต หรือที่เรียกกันสั้นๆ ว่าอย่างไร คืออะไร
ตอบ อินเทอร์เน็ต หรือที่เรียกกันสั้น ๆ ว่า “เน็ต” คือระบบเครือข่ายที่ให้ที่สุด ที่เชื่อมต่อคอมพิวเตอร์หลายล้านเครื่องเข้าด้วยกัน จนเรียกได้ว่าเป็น “เครือข่ายไร้พรมแดน” โดยอาศัยโครงสร้างระบบสื่อสารโทรคมนาคมเป็นตัวกลางในการแลกเปลี่ยนข้อมูลข่าวสารต่างๆ ที่สะดวกและรวดเร็ว

2. ลักษณะของระบบอินเทอร์เน็ตมีลักษณะอย่างไร
ตอบ ลักษณะของระบบอินเทอร์เน็ตจะอยู่ในลักษณะ “ไคลเอนท์-เซิร์ฟเวอร์” (Client-Server) คือมีเครื่องคอมพิวเตอร์ที่ทำหน้าที่เป็นเซิร์ฟเวอร์คือ “เครื่องแม่ข่าย” หรือ ผู้ให้บริการกับเครื่องที่เป็นไคลเอนท์ คือ “เครือลูกข่าย”หรือผู้ขอใช้บริการที่การติดต่อสื่อสารกันตลอดเวลา ในการติดต่อสื่อสารจะมีชื่อที่อยู่เพื่อจะ ได้ทราบว่า ข้อมูลถูกส่งมาจากไหน และมีปลายทางอยู่ที่ใด ซึ่งชื่อที่อยู่ของเครื่องคอมพิวเตอร์ที่ใช้ในอินเทอร์เน็ตจะเรียกว่า “ไอพี แอดเดรส” (IP Address) เป็นตัวเลขล้วน ๆ 4 ชุด แต่ละชุดมีค่าระหว่าง 0-255 ค้นด้วยจุด เช่น 202.146.15.9

3. “ไคเอนท์-เซิร์ฟเวอร์” (Client-Server) คืออะไร
ตอบ “ไคลเอนท์-เซิร์ฟเวอร์” (Client-Server) คือมีเครื่องคอมพิวเตอร์ที่ทำหน้าที่เป็นเซิร์ฟเวอร์คือ “เครื่องแม่ข่าย” หรือ ผู้ให้บริการกับเครื่องที่เป็นไคลเอนท์ คือ “เครือลูกข่าย”หรือผู้ขอใช้บริการที่การติดต่อสื่อสารกันตลอดเวลา ในการติดต่อสื่อสารจะมีชื่อที่อยู่เพื่อจะ ได้ทราบว่า ข้อมูลถูกส่งมาจากไหน และมีปลายทางอยู่ที่ใด ซึ่งชื่อที่อยู่ของเครื่องคอมพิวเตอร์ที่ใช้ในอินเทอร์เน็ตจะเรียกว่า “ไอพี แอดเดรส” (IP Address) เป็นตัวเลขล้วน ๆ 4 ชุด แต่ละชุดมีค่าระหว่าง 0-255 ค้นด้วยจุด เช่น 202.146.15.9

4. ชื่อที่อยู่ของเครื่องคอมพิวเตอร์ที่ใช้ในอินเทอร์เน็ตเรียกกันว่าอย่างไร พร้อมยกตัวอย่าง
ตอบ ชื่อที่อยู่ของเครื่องคอมพิวเตอร์ที่ใช้ในอินเทอร์เน็ตจะเรียกว่า “ไอพี แอดเดรส” (IP Address) เป็นตัวเลขล้วน ๆ 4 ชุด แต่ละชุดมีค่าระหว่าง 0-255 ค้นด้วยจุด เช่น 202.146.15.9

5. บอกประโยชน์ของอินเทอร์เน็ตมาอย่างน้อย 5 อย่าง
ตอบ 1. ไปรษณีย์อิเล็กทรอนิกส์ (Electronic mail=E-mail) เป็นการส่งจดหมายอิเล็กทรอนิกส์ผ่านเครือข่ายอินเทอร์เน็ตโดยผู้ส่งจะต้องส่งข้อความไปยังที่อยู่ของผู้รับ และแนบไฟล์ไปได้
2. เทลเน็ต (Telnet) การใช้งานคอมพิวเตอร์อีกเครื่องหนึ่งที่อยู่ไกล ๆ ได้ด้วยตนเอง เช่น สามารถเรียกข้อมูลจากโรงเรียนมาทำที่บ้านได้
3. การโอนถ่ายข้อมูล (File Transfer Protocol ) ค้นหาและเรียกข้อมูลจากแหล่งต่างๆมาเก็บไว้ในเครื่องของเราได้ ทั้งข้อมูลประเภทตัวหนังสือ รูปภาพและเสียง
4. การสืบค้นข้อมูล (Gopher,Archie,World wide Web) การใช้เครือข่ายอินเทอร์เน็ตในการค้นหาข่าวสารที่มีอยู่มากมาย ใช้สืบค้นข้อมูลจากแหล่งข้อมูลต่างๆ ทั่วโลกได้
5. การแลกเปลี่ยนข่าวสารและความคิดเห็น (Usenet) เป็นการบริการแลกเปลี่ยนข่าวสารและแสดงความคิดเห็นที่ผู้ใช้บริการอินเทอร์เน็ตทั่วโลก แสดงความคิดเห็นของตน โดยกลุ่มข่าวหรือนิวกรุ๊ป (Newgroup) แลกเปลี่ยนความคิดเห็นกัน
6. การสื่อสารด้วยข้อความ (Chat,IRC-Internet Relay chat) เป็นการพูดคุย โดยพิมพ์ข้อความตอบกัน ซึ่งเป็นวิธีการสื่อสารที่ได้รับความนิยมมากอีกวิธีหนึ่ง การสนทนากันผ่านอินเทอร์เน็ตเปรียบเสมือนเรานั่งอยู่ในห้องสนทนาเดียวกัน แม้จะอยู่คนละประเทศหรือคนละซีกโลกก็ตาม
7. การซื้อขายสินค้าและบริการ (E-Commerce = Electronic Commerce) เป็นการซื้อ - สินค้าและบริการ ผ่านอินเทอร์เน็ต
8. การให้ความบันเทิง (Entertain) บนอินเทอร์เน็ตมีบริการด้านความบันเทิงหลายรูปแบบต่างๆ เช่น รายการโทรทัศน์ เกม เพลง รายการวิทยุ เป็นต้น เราสามารถเลือกใช้บริการเพื่อความบันเทิงได้ตลอด 24 ชั่วโมง

6. ยกตัวอย่างภัยจากอินเทอร์เน็ตที่มีต่อเยาวชนไทยในปัจจุบันมา 3 ข้อ
ตอบ 1. สื่อลามกผ่านอินเทอร์เน็ต เช่น เว็บบอร์ดลับส่งภาพหรือไฟล์ลามกผ่านทางอีเมล์
2. การแชท (Chat) สนทนาผ่านอินเทอร์เน็ต
3. การติดเกมส์ออนไลน์
4. การกระทำพฤติกรรมที่ไม่มีเหมาะสมที่เรียกกันว่า” (Webcam) หรือโชว์สัดส่วนทางแคมฟร็อก (cam frog)

7. เวิล์ดไวต์เว็บ (World Wide Web หรือ WWW หรือ W3) คืออะไร
ตอบ เวิลด์ไวด์เว็บ (World Wide Web หรือ WWW หรือ W3 หรือ Web) คือ บริการค้น
หรือเรียกดู ข้อมูลแบบหนึ่ง ในอินเทอร์เน็ต ข้อมูลในเวิลด์ไวด์เว็บ จะอยู่ในแบบสื่อผสม หรือ
มัลติมีเดีย (multimedia) ที่มีทั้งตัวอักษร รูปภาพ เสียง ภาพเคลื่อนไหวแบบวิดีโอ
ข้อมูลจะถูกแบ่งเป็นหน้า ๆ แต่ละหน้าสามารถ เชื่อมโยงถึงกันได้
เป็นแบบเครือข่ายคล้ายใยแมงมุม จากแหล่งต่าง ๆ ที่กระจายอยู่ทั่วโลก

8. รูปแบบของ FTP แบ่งได้เป็นกี่แบบ อะไรบ้าง
ตอบ รูปแบบของ FTP แบ่งออกได้เป็น 2 แบบ คือ
1. Download คือ การคัดลอกข้อมูลจากเซิร์ฟเวอร์หรือจากคอมพิวเตอร์อื่นมายังเครื่องคอมพิวเตอร์ของผู้ใช้ เช่น การดาวน์โหลดโปรแกรมหรือเกมส์จาก ผู้ผลิตมายังเครื่องคอมพิวเตอร์ของผู้ใช้ ดังตัวอย่าง

2. Upload คือ การคัดลอกข้อมูลในเครื่องของผู้ใช้ไปไว้ที่เซิร์ฟเวอร์หรือคอมพิวเตอร์อื่นเว็บเพจเสร็จแล้วต้อง เช่นการสร้าง Upload เว็บเพจ ไปไว้ที่เครื่องคอมพิวเตอร์แม่ข่ายในอินเทอร์เน็ตเพื่อเผยแพร่ข้อมูล ดังตัวอย่าง

9. เว็บบราวเซอร์ (Web Browser) หมายถึงอะไร
คอบ เว็บบราวเซอร์ (Web Browser) คือ โปรแกรมที่ใช้เปิดเว็บเพจ หรือเรียกสั้นๆว่า “[บราวเซอร์” มีหน้าที่ติดต่อเว็บเซิร์ฟเวอร์เพื่อขอข้อมูลที่ต้องการมาแสดงที่หน้าจอของโปรแกรม เช่น โปรแกรม Internet Explorer (IE) , โปรแกรม Netscape Navigator , โปรแกรม Open , โปรแกรม Firefox เป็นค้น

10. URL (Uniform Resource Locator) คืออะไร ยกตัวอย่างรูปแบบ URL
ตอบ URL (Uniform Resource Locator) คือ การเข้าถึงข้อมูลใด ๆ ในอินเทอร์เน็ต ไม่ว่าจะเป็นเว็บเพจ หรือไฟล์ประเภทอื่นจะต้องรู้ที่อยู่ (Address) ของข้อมูลนั้น
ตัวอย่าง URL
1. http://www.thonburi.ac.th/
2. http://www.workpoint.co.th/
3. http://www.sanook.com/

ตอนที่ 2
1. “ไอพีแอดเดรส” ในอินเทอร์เน็ตเปรียบเสมือนข้อใด
ตอบ ค. เลขที่บ้าน

2. เครื่องคอมพิวเตอร์ที่ทำหน้าที่เป็นเซิร์ฟเวอร์ตรงกับข้อใด
ตอบ ข. เครื่องแม่ข่าย

3. ข้อใดไม่ใช่ประโยชน์จากอินเทอร์เน็ต
ตอบ ข. ส่งพัสดุภัณฑ์

4. เวิลด์ไวด์เว็บเป็นแหล่งข้อมูลขนาดยักษ์จะพบข้อมูลประเภทใดบ้าง
ตอบ ง. ถูกหมดทุกข้อ

5. ชื่อที่อยู่ของ E-mail เรียกกันว่าอย่างไร
ตอบ ค. E-mail Address

6. FTP ย่อมาจากข้อใด
ตอบ ง. File Transfer Protocol

7. ข้อใดคือความหมายของ FTP
ตอบ ค. การโอนย้ายข้อมูล

8. การคัดลอกข้อมูลจากเซิร์ฟเวอร์มายังเครื่องผู้ใช้หมายถึงข้อใด
ตอบ ข. Download

9. การคัดลอกข้อมูลในเครื่องของผู้ใช้ไปไว้ที่เซิร์ฟเวอร์ หมายถึงข้อใด
ตอบ ก. Upload

10. ข้อใดหมายถึงการให้บริการแบบทางไกล
ตอบ ค. Remote

11. เว็บเพจ (Web Page) หมายถึงข้อใด
ตอบ ข. ไฟล์ 1 ไฟล์ คือเว็บเพจ 1 หน้า

12. เว็บไซต์ (Web Site) หมายถึงข้อใด
ตอบ ก. กลุ่มของเว็บเพจหลายหน้า

13. โฮมเพจ (Homepage) หมายถึงข้อใด
ตอบ ค. เว็บเพจหน้าแรก

14. เว็บเซิร์ฟเวอร์ (Web Server) คือข้อใด
ตอบ ง.ทำหน้าที่เก็บเว็บไซต์

15. ข้อใดคือหน้าที่หลักของโปรแกรมเว็บบราวเซอร์
ตอบ ง. ถูกทุกข้อ



สรุป Photoshop Cs3

ส่วนประกอบของ Photoshop CS3
Application Bar = แถบที่แสดงโปรแกรม Photoshop CS3
Menu Bar = เมนูบาร์เป็นแถบคำสั่งที่รวบรวมคำสั่งในการใช้งานของ Photoshop CS3 ไว้ทั้งหมด ซึ่งแต่ละกลุ่มคำสั่งมีความสำคัญ
Option Tools Palette = คุณสมบัติพิเศษของเครื่องมือ
Tools palette = แถบกล่องเครื่องมือ
Document Window = พื้นที่การทำงาน
Panel = แถบคุณสมบัติพิเศษ มี
- วิธีการลบเลเยอร์ที่ไม่ต้องการทิ้งไปสามารถทำได้ เช่น คลิกเมนู Layer Delete หรือ ลากเลเยอร์ไปวางไว้ในทั้งขยะ
- เปลี่ยนชื่อเลเยอร์ เป็นชื่อที่เราต้องการทำได้ เช่น กดดับเบิ้ลคลิกที่ Layer แล้วพิมพ์ชื่อกด Enter
Tools Palette = กล่องเครื่องมือหรือ Tools Palette มีลักษณะเป็นกล่องสี่เหลี่ยมผืนผ้าทรงยาวภายในบรรจุเครื่องมือสำหรับสร้างงานกราฟิก แก้ไข และปรับแต่งภาพต่างๆ
กลุ่มเครื่องมือในแถบเครื่องมือ Tools Palette
Marquee Tool เป็นกลุ่มเครื่องมือที่ใช้เลือกพื้นที่ ในรูปทรงแบบเรขาคณิต มีรายละเอียดดังนี้
- Rectangular Marquee Tool = เป็นการเลือกพื้นที่แบบสี่เหลี่ยม เพื่อนำไปใช้งาน
- Elliptical Marquee Tool = เป็นการเลือกพื้นที่แบบวงกลมเพื่อนำไปใช้งาน
- Single Row Marquee Tool = เป็นการเลือกพื้นที่ในแนวนอนมีความกว้าง 1 พิกเซล
- Single Column Marquee Tool = เป็นการเลือกพื้นที่ในแนวตั้งมีความกว้าง 1 พิกเซล
Lasso Tool เป็นกลุ่มเครื่องมือที่ใช้สร้าง Selection ในรูปแบบอิสระเหมาะกับงานเลือกพื้นที่ที่มีความละเอียดสูง เครื่องมือมีทั้งหมด 3 ชิ้น คือ
- Lasso Tool ใช้สร้าง Selection ในรูปแบบอิสระซึ่งเหมาะสำหรับงานที่ไม่ต้องการความละเอียดมากนัก การใช้งานให้คลิกเมาส์ลากกรอบพื้นที่ที่ต้องการ
- Polygonal Lasso Tool ใช้สร้าง Selection แบบเส้นตรง ซึ่งเหมาะสำหรับเลือกรูปภาพที่มีรายละเอียดเป็นเส้นตรงหรือมุมฉาก
- Magnetic Lasso Tool ใช้สร้าง Selection ในรูปแบบอัตโนมัติ ซึ่งจะเหมาะสำหรับภาพที่มีความแตกต่างของสี การใช้งานเพียงพอแต่ลากเมาส์ผ่านภาพโปรแกรม จะกำหนดส่วนที่เป็นโทนสีเดียวกันสร้างจุด Anchor ขึ้นมา
Magic Wand เป็นเครื่องมือที่สามารถสร้าง Selection แบบเฉพาะค่าสีคือโปรแกรมจะเลือกส่วนที่มีโทนสีใกล้เคียงกันเพื่อสร้าง Selection วิธีใช้งานเพียงนำเมาส์ไปคลิกบริเวณพื้นที่สีที่ต้องการเลือก
- Tolerance เป็นการกำหนดค่าสีหรือเพิ่มจำนวนพิกเซลที่อยู่บนภาพ ก่อนการสร้าง Selection มีค่าตั้งแต่ 0- 255 ระดับ ถ้ากำหนดค่ามากจะทำให้สามารถเลือกความกว้างของช่องค่าสีเพิ่มขึ้น
- Anti-alias เป็นการกำหนดขอบของภาพให้เรียบ
- Contiguous เป็นการเลือกพื้นที่ในส่วนที่มีค่าสีใกล้เคียง ในกรณีที่ไม่ใช้คำสั่งนี้สีที่ไม่ได้ใกล้เคียงกันไปด้วย
- Sample All Layers เป็นการกำหนดพื้นที่สีจากเลเยอร์ทั้งหมด โดยเลือกพื้นที่เหมือนกับเป็นเลเยอร์เดียว กรณีไม่เลือกใช้คำสั่งโปรแกรมจะสร้าง Selection จากเลเยอร์ที่กำลังทำงานอยู่
สร้าง Selection ด้วย Quick Mask
Quick Mask เป็นการสร้าง Selection อีกวิธีหนึ่ง ที่เหมาะกับรูปภาพที่มีความซับซ้อนหรือมีโทนสีใกล้เคียงกันจนไม่สามารถใช้เครื่องมืออื่นตัดพื้นที่ได้ Quick Mask จะใช้ร่วมกับ Brush Tool เพื่อใช้ระบายสีเลือกพื้นที่

การย่อภาพ
ไปคลิกที่ Image เลือก Image size = กำหนดขนาดของภาพ
การทำภาพซ้อนภาพเพื่อนำไปเป็น Background
เลือกรูปมาก่อนแล้ว Save ต่อไปเลือก เมนู Edit เลือก Define Pattern
แล้วเลือก เครื่องมือแถบ Tool bar กดคลิกขวาที่เครื่องมือ Clone Stamp Tool แล้วเลือก Pattern Stamp Tool
แล้วเลือกรูป Pattern บนแถบเมนูด้านบนที่เราได้ Saveไว้ แล้วนำมาระบายในภาพที่เราต้องการ