การแทรกรูปภาพ บนเว็บเพจ.

Slides:



Advertisements
งานนำเสนอที่คล้ายกัน
คู่มือการติดตั้ง Printer และ รูปแบบใบเสร็จรับเงิน
Advertisements

การใส่กรอบให้ข้อความ ใน Word ๒๐๑๐
การใช้โปรแกรม explorer
หน่วยการเรียนรู้ การใช้เทคโนโลยีสร้างสรรค์
Microsoft Office PowerPoint 2003
Microsoft Word 2002 พุธทอง กาบบัวลอย.
ตัวอย่างโปรแกรม สร้างแถบเครื่องมืออย่างง่าย ประกอบด้วย
….E-Book สนุกสนาน…..
การสร้างเนื้อหาและการเพิ่มหน้า
คู่มือการใช้งาน P OWER P OINT 2007 ฉบับนักเรียน.
ปฏิบัติการที่ 3 : การสร้างโฮมเพจอย่างง่าย
By Mr.Piched Tanawattana ส่วนประกอบของ Excel แถบชื่อเรื่อง Title bar ปุ่มควบคุม Control Button เวิร์กชีต Worksheet แถบสถานะ Status bar แถบเมนู Menu.
Microsoft Word XP โดย พิสมัย น้ำจันทร์.
การสร้างตาราง Click mouse ที่ปุ่ม จะปรากฏช่องสี่เหลี่ยมแสดง
การตกแต่งเอกสาร การเลือกรูปแบบและขนาดของตัวอักษร
การจัดวางตำแหน่งข้อมูลไว้กึ่งกลาง
การกำหนดขนาดของรูปภาพ การใช้รูปภาพเป็น Background
เทคนิคการใช้งาน Adobe Photoshop นรินทร บุญพราหมณ์
แก้ไขปรับปรุง Form.
การสร้างภาพเคลื่อนไหว
บทที่ 9 การใส่รูปภาพ (Image).
การพัฒนาเว็บด้วยโปรแกรมสำเร็จรูป
ขั้นตอนที่ควรปฏิบัติ
การพิมพ์ข้อความ และการสร้างตาราง
การพิมพ์รายงาน / วิทยานิพนธ์
การสร้างพื้นหลัง (Background)
การพัฒนาเว็บด้วยโปรแกรมสำเร็จรูป
การสร้างสื่อนำเสนอด้วย PowerPoint
โปรแกรมกราฟิก illustrator cs3
CSS.
การประดิษฐ์ตัวอักษร (ตอนที่ 2.1)
การใส่ภาพลงบน Work Sheet...
1. คลุมดำข้อมูลที่ต้องการสร้างกราฟ 2. คลิกเมนู แทรก 3. คลิก แผนภูมิ
รายงาน เรื่อง จัดรูปแบบข้อมูล จัดทำโดย ด. ญ. ธิกานดา วัลยาภรณ์ ชั้นม.2/1 เลขที่ 19 เสนอ อาจารย์ ภานุมาศ ชาติมองแดง โรงเรียนวชิรธรรมสาธิต.
วาดภาพสวยด้วย Paint.
การสร้างหน้าโฮมเพจด้วยโปรแกรม Macromedia Dreamweaver MX 2004
CHAPTER 6 Macromedia Dreamweaver MX 8.
การปรับแต่งกราฟฟิกภาพ,สี,Effect ด้วยโปรแกรม Adobe Photoshop CS
การนำเสนองานบนอินเตอร์เน็ต
การใช้โปรแกรม Captivate
การเลือกและปรับรูปทรงวัตถุ การเลือกและปรับรูปทรงวัตถุ
รู้จักกับTimeline, Layer และ Scene รู้จักกับTimeline, Layer และ Scene
การใช้งานโปรแกรม Microsoft Power Point
Microsoft Word Printing
บทที่ 4 Power Point ขั้นตอนการทำสไลด์ รายละเอียดหน้าจอของ Power Point
บทที่ 3 การทำงานกับฟอร์ม (Form)
บทที่ 3 การทำงานกับฟอร์ม (Form)
ศูนย์กำลังคนอาชีวศึกษา
การทำ Link E-book.
วิธีการสร้าง KM ในระบบ iSchool.
คู่มือการใช้งาน P OWER P OINT 2007 ฉบับนักเรียน.
รหัสวิชา บทที่ 4 การจัดรูปแบบเอกสาร.
นางสาวขวัญชนก ขจรภพ รหัสนิสิต กลุ่ม B06 คณะพยาบาลศาสตร์
สร้างและจัดการกับแผ่นสไลด์
ความรู้เบื้องต้นเกี่ยวกับ Symbol ชั้นมัธยมศึกษาปีที่ 2 ครูผู้สอน นายกฤษชนะ สิงคาร.
ภาพนี้ชื่อว่าอะไร ? ก. แถบเมนูบาร์
 สามารถใส่ไฟล์เสียงเพื่อประกอบงานที่สร้างขึ้น  อิมพอร์ตไฟล์เสียงเข้ามาไว้ในไลบรารี  เพิ่มเลเยอร์ใหม่ แล้วคลิกลากไฟล์เสียงมาวาง บนสเตจ  สร้างคีย์เฟรมใหม่ในตำแหน่งเฟรมที่ต้องการให้หยุด.
เสริมเว็บให้ดูสวย.
Graphic Design 03.
บทที่ 2 การเข้าสู่โปรแกรม Microsoft Office Word 2003
การจัดรูปแบบเอกสาร Microsoft Word 2007.
การสร้างตารางใน เอกสาร Microsoft Word สิ่งที่ต้องเรียนในคาบนี้  เริ่มต้นสร้างตาราง  การจัดการกับแถวและคอลัมน์  การผสานช่องตารางและการจัดแนวข้อความ.
การพิมพ์ตารางออกทางเครื่องพิมพ์
การสร้างความเชื่อมโยง (Link)
เริ่มใช้งาน Microsoft Office
( คลิกเมนู Insert  Image  เลือกไฟล์รูปภาพ.
การสร้างข้อความลงแผ่นสไลด์
โครงการจัดทำข้อมูลผ่านเว็บไซต์
การสร้างตารางในเอกสาร
เทคนิคการใช้ โปรแกรมเพาเวอร์พอยต์
ใบสำเนางานนำเสนอ:

การแทรกรูปภาพ บนเว็บเพจ

ลักษณะของภาพกราฟิกในเว็บเพจ ชนิดของรูปภาพ การนำภาพกราฟิกมาใช้ในเว็บเพจนิยมใช้ภาพ 3 ฟอร์แมต (นามสกุล)  คือ  .gif(ดุ๊กดิ๊ก) , .jpg , .png 

การเตรียมรูปภาพ  การเลือกภาพให้เหมาะสมกับเว็บเพจ                  ภาพกับเว็บเพจควรออกแบบให้เหมาะสม  ในแต่ละคอลัมน์ควรมีภาพประกอบอย่างน้อย 1 ภาพ  แต่ถ้าเนื้อหายาวมาก  ก็ควรเพิ่มภาพให้มากขึ้น  เพื่อพักสายตาผู้อ่าน

การใส่รูปภาพ การนำรูปภาพมาใช้งานในเว็บเพจ ให้อยู่ในมุมมอง Design แล้วทำตามขั้นตอนดังนี้ 1.คลิก เมนู Insert 2.คลิกเลือก Image

การใส่รูปภาพ เลือกรูปภาพที่ต้องการ แล้วคลิก Ok

คลิก Ok

การปรับขนาดรูปภาพ มีขั้นตอนดังนี้     1.  คลิกเลือกรูปที่ต้องการปรับขนาด    2.  คลิกเลื่อนเมาส์ที่ขอบของภาพและย่อหรือขยายขนาด  โดยกดปุ่ม < Shift >  ค้างไว้จะเป็นการปรับขนาดตามสัดส่วนเดิม

การจัดวางรูปภาพ  สามารถจัดวางรูปในลักษณะต่าง ๆ  เช่น  ชิดซ้าย  ตรงกลาง  หรือชิดขวาก็ได้  โดยการจัดวางรูปภาพมีขั้นตอนดังนี้ 1. คลิกเลือกรูปที่ต้องการจัดรูปแบบ 2. คลิกเลือกปุ่มเพื่อจัดวางให้เหมาะสมกับหน้าเว็บเพจ (Align Left)  สำหรับวางรูปชิดซ้าย (Align Center)  สำหรับวางรูปตรงกลาง (Alight Right)  สำหรับวางรูปชิดขวา

การใส่กรอบให้รูปภาพ 1.คลิกเลือกรูปที่ต้องการใส่กรอบ           2.กำหนดความหนาของกรอบลงในช่อง  Border

การใส่รูปภาพเป็นฉากหลัง 1. คลิกที่ปุ่ม  Page Properties  หรือกดปุ่ม<Ctrl + J>  เพื่อเปิดหน้าต่าง  Page Properties 2. คลิกที่หัวข้อ  Appearance > Background image 3. คลิกที่ปุ่ม Browse

4. เลือกไฟล์รูปภาพที่ต้องการนำมาเป็นฉากหลัง 5. คลิกที่ปุ่ม  OK

6. คลิกที่ปุ่ม  OK  ที่หน้าต่าง  Page Properties  อีกครั้ง