งานที่1 เรื่องข่าวเกี่ยวกะคอมใหม่ๆๆ

การบ้านชิ้นที่ 1

-นำมาจาก http://www.arip.co.th/2006/news.php?id=403694

- เตือน!!! พบ 3 ช่องโหว่ใหม่ใน Windows (Update)โดย กองบรรณาธิการเว็บไซต์ ARiP.co.thอัพเดต

- รายงานข่าวแจ้งว่า ไซแมนเทค (Symantec) ออกโรงเตือนผู้ใช้ให้ระวัง 3 ช่องโหว่ใหม่ที่น่ากังวลอย่างยิ่งในระบบปฏิบัติการ Windows (เวอร์ชันที่ติดตั้ง Service Pack 2 จะโดนหางเลขด้วยเหมือนกัน) โดยเฉพาะการค้นพบช่องโหว่ดังกล่าวในช่วงเวลาเช่นนี้เนื่องจากผู้บริโภคส่วนใหญ่กำลังเพลิดเพลินกับการชอปปิ้งออนไลน์ ในขณะที่ธุรกิจต่างๆ ก็อาจจะไม่มีเวลาใส่ใจเรื่องนี้มากนัก ซึ่งสองในสามของช่องโหว่ที่พบจะสามารถนำไปใช้ในการติตดั้งโค้ดอันตรายอย่างเช่น สปายแวร์บนเครื่องคอมพิวเตอร์ของเหยื่อได้โดยไม่ทันรู้ตัว และเข้าควบคุมการทำงานของเครื่องได้อย่างสมบูรณ์VenusTech Security Labs ได้รายงานเรื่องช่องโหว่ต่างๆ ไปแล้วก่อนหน้านี้ แต่จนถึงวันนี้ก็ยังไม่มีแพตช์แก้ไขออกมาแต่อย่างใด ในขณะที่ไมโครซอฟท์ก็ยังไม่ยืนยันว่าช่องโหว่ดังกล่าวนั้นมีจริง อย่างไรก็ตาม ทางไซแมนเทคเชื่อว่า ความเสี่ยงที่ผู้ใช้จะโดนเล่นงานจากช่องโหว่ที่แจ้งในรายงานดังกล่าวค่อนข้าง “สูง” และควรจะมีการแจ้งเตือนผู้ใช้ระบบปฏิบัติการให้ทราบช่องโหว่ที่พบจะอยู่ในคำสั่งต่างๆ ของฟังก์ชัน LoadImage ของ Windows ซึ่งใช้โหลดไอคอน เคอร์เซอร์ บิตแมพบนเดสก์ทอป และใช้ในโปรแกรมเว็บบราวเซอร์ และอีเมล์ โดยผู้บุกรุกสามารถใช้งานช่องโหว่ดังกล่าวได้ง่ายมาก เพียงแค่ล่อให้เหยื่อเข้าไปเยี่ยมชมเว็บไซต์ที่เตรียมไว้ หรือเปิดอีเมล์ HTML ที่มีภาพที่ซ่อนโค้ดอันตรายไว้ภายใน ซึ่งโค้ดที่ซ่อนอยู่จะสามารถทำงานได้โดยผู้ใช้ไม่ต้องโต้ตอบกับเว็บไซต์ หรืออีเมล์แต่อย่างใด ขอแค่รูปภาพที่ซ่อนโค้ดอันตรายถูกเปิดขึ้นมาดูเท่านั้นก็พอแล้วอีกช่องโหว่หนึ่งจะพบใน winhlp32.exe ที่ใช้สำหรับเปิดไฟล์ช่วยเหลือ (.hlp) ของ Windows โดยผลจากการดีโค้ดไฟล์ช่วยเหลือ(ของผู้ไม่หวังดี)ที่ผิดพลาดจะทำให้เกิดบัฟเฟอร์โอเวอร์โฟลว ซึ่งเปิดช่องให้ผู้บุกรุกแอบส่งโค้ดอันตรายเข้าไปในเครื่องของเหยื่อได้ สำหรับไฟล์ช่วยเหลือจากผู้ไม่หวังดีจะถูกส่งออกไปกับอีเมล์ หรือไม่ก็เปิดให้ดาวน์โหลดจากในเว็บไซต์สำหรับช่องโหว่ที่สาม จะเกิดจากการล่มการทำงานของกระบวนการ Kernel ANI (Automatic Number Identification) File Parsing และเป็นช่องโหว่ที่สามารถสร้างการโจมตีแบบ DoS (Denial of Service) ได้ เมื่อเหยื่อคลิก หรือเปิดไฟล์ ANI ของผู้ไม่หวังดี การใช้ช่องโหว่นี้จะสามารถส่งผ่านทางอีเมล์ และเว็บไซต์ ในส่วนของผลลัพธ์ที่เกิดขึ้นจากการโจมตีในลักษณะนี้ก็คือ ระบบจะถูกล่ม และมีการรีสตาร์ทเครื่อง ทางด้านไซแมนเทคให้ข้อมูลเพิ่มเติมว่า ช่องโหว่ที่สามนี้ใช้งานได้ง่ายมาก แค่ผู้ใช้เข้าไปชมเว็บไซต์ หรืออีเมล์ ก็เพียงพอที่จะสามารถเปิดการโจมตีได้แล้วตราบใดที่ยังไม่มีแพตช์ที่ใช้ในการแก้ไขช่องโหว่ดังกล่าว ซอฟต์แวร์บน Windows ที่ทำงานกับคอนเท็นต์บนอินเทอร์เน็ตมีโอกาสถูกโจมตีได้ทั้งสิ้น ไซแมนเทคแนะนำให้ลูกค้าของบริษัทอัพเดต virus definition ตัวล่าสุด ซึ่งจะมีซิกเนเจอร์ Bloodhound.Exploit.19 ที่ป้องกันการเกิดโอเวอร์โฟลวในฟังก์ชัน LoadImage อย่างไรก็ตาม ในส่วนของช่องโหว่ที่เหลือ ผู้เชี่ยวชาญจากไซแมนเทคแนะนำให้กันไฟล์แนบ (attachments) ที่มีนามสกุล .hlp หลีกเลี่ยงการเข้าเยี่ยมชมเว็บไซต์ที่ไม่น่าไว้วางใจ หรือเว็บไซต์ใหม่ และอ่านอีเมล์ในฟอร์แมต plain text และไม่ควรเปิดอีเมล์ที่ไม่รู้จักเครื่องพีซีที่รัน Windows NT, Windows 2000 หรือ Windows XP SP1 จะมีช่องโหว่เหล่านี้ แต่ถ้าเป็น SP2 จะได้รับการป้องกันในส่วนของ Image และ ANI แต่ไม่อาจปลอดภัยจากปัญหาของ Help บางส่วน

การบ้านชิ้นที่ 2

-นำมาจาก http://www.arip.co.th/2006/mag_list.php?g3=3&ofsy=2004&ofsm=5&id=WinMag&g3s=3&halfmonth=0&mag_no=130&element_id=406525

-เทคนิคการสร้างงานเว็บกับ Adobe ImageReady CS

-โปรแกรมที่มาพร้อมกับ Adobe Photoshop CS แต่เน้นไปทางการสร้างเว็บเพจก็ต้องโปรแกรมนี้เลย ด้วยคุณสมบัติที่เพิ่มขึ้นมาพอสมควร สำหรับใครที่กำลังสร้างสรรค์งานออกแบบเว็บไซต์อยู่ รับรองว่าโปรแกรมนี้จะช่วยทุ่นแรงคุณได้อย่างมากทีเดียวโปรแกรมที่มาพร้อมกับ Adobe Photoshop CS แต่เน้นไปทางการสร้างเว็บเพจก็ต้องโปรแกรมนี้เลย ด้วยคุณสมบัติที่เพิ่มขึ้นมาพอสมควร สำหรับใครที่กำลังสร้างสรรค์งานออกแบบเว็บไซต์อยู่ รับรองว่าโปรแกรมนี้จะช่วยทุ่นแรงคุณได้อย่างมากทีเดียว โปรแกรม ImageReady CS เป็นโปรแกรมที่ออกแบบมาสำหรับการสร้างงานเว็บเพจ ไม่ว่าจะเป็นการสร้างแบนเนอร์, GIF อนิเมชั่น, อิมเมจแมปหรือการหั่นรูปภาพออกเป็นชิ้นส่วนในแบบ Slice เป็นต้น
สร้างแบนเนอร์เอาไว้ใช้งาน มาดูกันว่าหากต้องการสร้างแบนเนอร์ต้องทำอย่างไร ก่อนอื่นต้องเรียกใช้งานโปรแกรม Adobe ImageReady CS โดยการคลิ้กปุ่ม Start > All Programs > Adobe ImageReady CS แล้วทำดังนี้...

1. สร้างเอกสารใหม่ขึ้นมา โดยการคลิ้กเมนูคำสั่ง File > New?

2. จะเห็นหน้าต่าง New Document แล้วไปคลิ้กเลือกรูปแบบเอกสารจากลิสต์บ็อกซ์ Size: โดยไปคลิ้กเลือกเลือกรูปแบบแบนเนอร์ที่โปรแกรมกำหนดมาให้แล้วตามต้องการ แล้วคลิ้กปุ่ม OK

3. จะแสดงหน้าต่างเอกสารแบนเนอร์ว่างๆ ปรากฏขึ้นมา

4. หากต้องการใส่รูปภาพประกอบลงบนแบ็กกราวดน์ลงไป ก็คลิ้กปุ่ม Edit in Photoshop เพื่อไปใส่รูปภาพผ่านโปรแกรม Adobe Photoshop CS หรือหากต้องการเทสีลงไปบนแบ็กกราวนด์ก็ไปคลิ้กเลือกสีที่ต้องการแล้วคลิ้กปุ่ม Paint Bucket Tool เพื่อเทสีไปจาก ImageReady CS ก็ได้

5. หากเลือกไปใส่รูปภาพผ่านโปรแกรม Adobe Photoshop CS ก็จะแสดงหน้าต่างโปรแกรม Adobe Photoshop CS พร้อมเอกสารแบนเนอร์ว่างๆ

6. การใส่รูปภาพก็ให้คลิ้กเปิดรูปภาพขึ้นมา โดยการคลิ้กเมนูคำสั่ง File > Open จะแสดงหน้าต่าง Open เพื่อให้คลิ้กเลือกรูปภาพที่ต้องการ แล้วคลิ้กปุ่ม Open

7. ใช้เครื่องมือ Move Tool ลากรูปภาพที่ต้องการ ไปวางลงบนแบนเนอร์ก็ให้ใส่รูปภาพที่ต้องการลงไป พร้อมปรับแต่งขนาด หรือคลวามเบลอตามต้องการ

8. แล้วคลิ้กปุ่ม Edit in ImageReady เพื่อกลับไปสร้างแบนเนอร์ต่อในโปรแกรม Adobe ImageReady CS

9. จะกลับมายังหน้าต่างโปรแกรม Adobe ImageReady โดยจะแสดงรูปภาพแบ็กกราวนด์ซึ่งเป็นเฟรมแรก เราต้องการให้แสดงแบนเนอร์อย่างเดียว ให้คลิ้กเลือกรายการ Once

10. มาเริ่มสร้างเฟรมถัดไปหากเราต้องการให้แสดงข้อความให้คลิ้กปุ่ม Duplicates current frame จะแสดงเฟรมแอนิเมชันหมายเลข 2 ขึ้นมา (หากไม่แสดงหน้าต่างเลเยอร์ ให้ไปคลิ้กเมนูคำสั่ง Window > Animation)

11. จากนั้นคลิ้กปุ่มเครื่องมือ Type Tool แล้วพิมพ์ข้อความที่ต้องการลงไป

12. ในเฟรมที่ 3 มาใส่รูปภาพลงไปกัน โดยการคลิ้กปุ่ม Duplicates current frame เพื่อก็อปปี้เลเยอร์ก่อนหน้านี้

13. ถ้าต้องการแทรกรูปภาพลงไปให้ไปที่หน้าต่างโปรแกรม Adobe Photoshop CS (ซึ่งตอนนี้เปิดค้างอยู่) หรือคลิ้กปุ่ม Edit in Photoshop ก็ได้ แล้วคลิ้กเมนูคำสั่ง File > Open

14. จากนั้นจะแสดงไดอะล็อกบ็อกซ์ Open เพื่อให้คลิ้กเลือกรูปภาพ แล้วคลิ้กปุ่ม Open

15. จะแสดงไฟล์รูปภาพที่ต้องการ แบนเนอร์มีความสูงขนาดประมาณ 340 พิกเซล ก็ให้ผู้ใช้งานตัดภาพโดยใช้เมาส์คลิ้กเลือกบริเวณที่ต้องการ แล้วคลิ้กเมนูคำสั่ง Image > Crop

16. พร้อมปรับแต่งขนาดรูปภาพโดยคลิ้กเมนูคำสั่ง Image > Image Size?

17. จะแสดงไดอะล็อกบ็อกซ์ Image Size กำหนดค่าความสูง(Height) ต้องการแล้วคลิ้กปุ่ม OK

18. แต่หากรูปภาพมีขนาดเล็กกว่าแบนเนอร์ก็ไม่ต้องทำอะไร จะแสดงไฟล์รูปภาพที่ต้องการ ให้กดแป้น Ctrl+A แล้วคลิ้กเมนูคำสั่ง Edit > Copy ลงบนรูปภาพที่ต้องการ

19. แล้วไปยังแบนเนอร์ของเรา โดยการคลิ้กเมนูคำสั่ง Edit > Paste แล้วไปก็อปปี้อีกรูปภาพมาวางลงไป จากนั้นปรับแต่งตำแหน่งรูปภาพตามต้องการ

20. แล้วคลิ้กปุ่ม Edit in ImageReady เพื่อกลับไปสร้างแบนเนอร์ต่อในโปรแกรม Adobe ImageReady CS

21. ที่นี้ไปกำหนดการแสดงของภาพในแต่ละเฟรม ซึ่งตอนนี้ทั้ง 3เฟรมจะมีรูปภาพเหมือนกัน

22. โดยให้ไปคลิ้กที่เฟรมหมายเลข 1 ต้องการให้แสดงเฉพาะแบ็กกราวนด์ว่างๆ ให้ไปที่พาเนลเลเยอร์ แล้วคลิ้กยกเลิกไอคอน รูปดวงตา หน้ารูปภาพและข้อความออกไปเพื่อยกเลิกการแสดง

23. จากนั้นไปยังตำแหน่งเฟรมที่ 2 เพื่อกำหนดให้แสดงข้อความ โดยการไปคลิ้กเลือกที่เฟรม 2

24. แล้วคลิ้กช่องไอคอนรูปดวงตาในเลเยอร์ข้อความ จะแสดงข้อความในหน้าต่างพรีวิวทันที

25. ไปเฟรมที่ 3 เพื่อกำหนดให้แสดงข้อความและรูปภาพ โดยการไปคลิ้กเลือกที่เฟรม 3

26. แล้วคลิ้กช่องไอคอนรูปดวงตาในเลเยอร์ข้อความและรูปภาพทั้งหมด จะแสดงผลลัพธ์ในหน้าต่างพรีวิวทันที

27. จากนั้นกำหนดช่วงเวลาในการแสดงในแต่ละเฟรม โดยการคลิ้กกำหนดเวลาใต้เฟรม จากค่า 0 sec. แล้วเลือกเวลาหน่วงที่ต้องการอาจเป็น 1 sec. โดยต้องกำหนดเวลาให้กับทุกเฟรมอาจเท่ากับ หรือแตกต่างกันก็ได้แล้วแต่ความต้องการ

28. จากนั้นทดลองชมแอนิเมชันผ่านทางโปรแกรม ให้คลิ้กปุ่ม Play/stop animation

29. หากต้องการให้แอนิเมชันทำงานวนไปเรื่อยให้คลิ้กเลือกที่รายการ Forever
ทดลองพรีวิวอนิเมชันผ่าน Internet Explorer หลังจากมีการสร้างแอนิเมชันเสร็จเรียบร้อยแล้ว ก็ได้เวลาทดลองดูการทำงานแอนิเมชันบนเว็บ

30. เมื่อเปิดแอนิเมชันที่ต้องการขึ้นมา ให้คลิ้กเมนูคำสั่ง File > Preview In > iexplore

31. จากนั้นจะแสดงหน้าต่างไออีพร้อมแสดงแอนิเมชัน พร้อมรายละเอียดของไฟล์พร้อมทั้งโค้ดที่ผู้ใช้งานสามารถก็อปปี้ไปใช้งานได้ทันทีโดยต้องมีการอ้างถึงรูปภาพด้วย (จากบรรทัด ) พร้อมก็อปปี้ไฟล์ต้นฉบับไปวางยังโฟลเดอร์ที่ต้องการ

วันเวลาที่สืบค้น วัน พุธ ที่ 11 มิถุนายน 2551 เวลา 23.48