หน่�วยการเรยน่ร��ที่� 4การน่�าเสน่องาน่

ห�วข้�อ

1. การแสดงผลบน่จอคอมพิ�วเตอร!2. ชน่�ดข้องกราฟิ$ก3. ภาพิเคล&�อน่ไหว4. การน่�าเสน่องาน่ใน่ร�ปแบบ

เว*บเพิจ5. การสร�างเว*บเพิจด�วยโปรแกรม

MS Office Publisher6. Content Management

System

1. การแสดงผลบน่จอคอมพิ�วเตอร!Pixel (พิ�กเซล) ค&อ จ-ดภาพิ เป.น่หน่�วยข้องจ-ดสที่�เก�ดข้/0น่บน่หน่�าจอ

หร&อเคร&�องพิ�มพิ! เช�น่ 100pixelค&อ ม100จ-ดส

resolution (เรสโซล�ช��น่) ค&อ ความละเอยดข้องจ-ดภาพิ

เป.น่ข้น่าดpixelข้องภาพิ ค&อ กว�างxยาว

เช�น่ 800x600 ค&อ กว�าง800จ-ดส ยาว600จ-ดส

ย��งมากย��งดDept (เด*พิ) ค&อ ความเข้�มหร&อความ

ล/กข้องจ-ดส

เปรยบเที่ยบ RESOLUTION

  ภาพิที่�มความละเอยดResolution ต��า

    (มจ�าน่วน่เม*ดสน่�อย)

ภาพิที่�มความละเอยดResolution  ส�ง

(มจ�าน่วน่เม*ดสมากกว�าใน่ข้ณะที่�มพิ&0น่ที่�เที่�าก�น่)

2. ชน่�ดข้องกราฟิ$ก

ในระบบคอมพิวเตอร�ม� 2 ชนด ค�อ1. แรสเตอร� (Raster Graphic หร�อ

เร�ยกอ�กอย�างว�า Bitmap) 2. เวกเตอร� (Vector Graphic)

แรสเตอร! (RASTER GRAPHIC หร&อเรยกอกอย�างว�า BITMAP)

เป็�นวธี�สร�างภาพิดจิตอลแบบเร�ยงจิ"ดส�เป็�นตารางตามแนวนอนและแนว ต#$ง

เม�%อจิ#ดเก&บเป็�นภาพิจิะเข้�ารห#สด�วยเลข้ฐานสอง ภาพิแรสเตอร�ได�จิากการวาดภาพิในโป็รแกรมกราฟิ,ก เช�น Paint

brush, PS และจิากอ"ป็กรณ์�น.าเข้�า เช�น กล�องดจิตอล, สแกนเนอร� ชนดข้องกราฟิ,กแบบแรสเตอร� ได�แก� BMP, PCX,TIFF, GIF และ

JPEG

น่ามสก-ลไฟิล! power point ค&อ . pptx น่ามสก-ลไฟิล! word ค&อ .docx น่ามสก-ลไฟิล! excel ค&อ .xlsx

เวกเตอร! (VECTOR GRAPHIC)

เป็�นร/ป็ที่�%จิ#ดเก&บโดยก.าหนดล#กษณ์ะ ต.าแหน�ง ข้นาด และส� ข้องภาพิ

เช�น ภาพิวงกลม จิะระบ"จิ"ดศู/นย�กลางและร#ศูม�ข้องภาพิไว� ข้�อด�1 แก�ไข้ภาพิเป็�นส�วนๆได� โดยไม�ม�ผลกระที่บต�อส�วน

อ�%นๆ ข้�อด�2 สามารถย�อ/ ข้ยายภาพิได� โดยค"ณ์ภาพิไม�เป็ล�%ยนแป็ลง ต#วอย�างซอฟิที่�แวร�ที่�%สร�างภาพิเวกเตอร� ได�แก� Illustrator

3. ภาพิเคล�%อนไหว ภาพิเคล�%อนไหว (Animation) เป็�นเคร�%องม�อกระต"�นความสนใจิข้องผ/�

ที่�%เข้�ามาชมงานน.าเสนอ ภาพิเคล�%อนไหว เกดจิากการเร�ยงล.าด#บข้องภาพิน%งตามที่�าที่างต�างๆ

4. การน.าเสนองานในร/ป็แบบเว&บเพิจิ

เป.น่การน่�าเสน่อที่�สามารถเผยแพิร�ใน่เคร&อข้�ายอ�น่เตอร!เน่*ตได�ที่�น่ที่

มผ��ชมเป.น่จ�าน่วน่มากไม�จ�าก�ดเวลาและสถาน่ที่�

การสร�างเว*บสามารถที่�าได�หลายโปรแกรม/ ว�ธี เช�น่ โปรแกรม MS Office Publisher Content Management System (CMS) เป.น่

เว*บไซต!ที่�ที่�าหน่�าที่�ช�วยอ�าน่วยความสะดวกใน่การสร�างและ บร�หารจ�ดการเว*บไซต! เช�น่ Joomla , Mambo, PHP

nuke

ค.าถามป็ระจิ.าบที่ที่�% 4

1. Jpeg เป.น่กราฟิ$กชน่�ดใด2. Pixel ค&ออะไร3. "ย�อ/ข้ยายภาพิ ไม�มผลต�อ

ค-ณภาพิ" เป.น่ค-ณสมบ�ต�ข้องกราฟิ$กชน่�ดใด

4 .ยกต�วอย�างโปรแกรมประเภที่ CMS มา 2 ช&�อ

5. ไฟิล!ประเภที่ Animation ม�กจะมน่ามสก-ลอะไร

ค.าถาม ม.6/3 ส�งไม�เกนพิร" �งน�$ 12.00 น. ห�องวชาการ1. ยกต�วอย�างโปรแกรมที่�สร�างภาพิ

ชน่�ด Raster มา 2 โปรแกรม2. ภาพิเคล&�อน่ไหว น่ามสก-ลอะไร3. บอกข้�อแตกต�างระหว�างภาพิชน่�ด

Raster ก�บ Vector4 .คอมพิ�วเตอร!ที่�น่�กเรยน่น่��งม

Resolutionเที่�าไหร�5 .ยกต�วอย�างโปรแกรมประเภที่

CMS มา 2 ช&�อ

ค.าถาม ม.6/5 ส�งไม�เกนพิร" �งน�$ 12.00 น. ห�องวชาการ

1 . บอกข้�อดข้องภาพิชน่�ด Vector Graphic มา 1 ข้�อ

2. ร�ปภาพิที่�ถ�ายจากกล�องม&อถ&อ เป.น่ภาพิชน่�ดใด (Raster หร&อ Vector)

3. บอกข้�อดข้องการน่�าเสน่องาน่ผ�าน่เว*บเพิจ 1 ข้�อ

4. น่ามสก-ลข้องไฟิล!ภาพิเคล&�อน่ไหวค&ออะไร5. Resolution ค&ออะไร

ค�าถาม ม.6/4 ส�งไม�เก�น่ว�น่จ�น่ที่ร! เวลา 12.00 น่. ห�องว�ชาการ

1. Resolution 1440 X 900 หมายถ/งอะไร

2 .บอกน่ามสก-ลข้องภาพิชน่�ด Raster Graphic มา 2 ช&�อ

3 .บอกข้�อดข้องการน่�าเสน่องาน่ที่างเว*บเพิจมา 1 ข้�อ

4. Dept หมายถ/งอะไร5. บอกข้�อแตกต�างระหว�าง Raster ก�บ

Vector Graphic มา 1 ข้�อ