เสริมเว็บให้ดูสวย.

Slides:



Advertisements
งานนำเสนอที่คล้ายกัน
คำสั่งเริ่มต้น รูปแบบ. <HTML>. </HTML>
Advertisements

บทที่ 8 การใช้รูปภาพ และการออกแบบกราฟฟิกสำหรับเว็บ
นักศึกษาทุกคน วิชา การประยุกต์ใช้คอมพิวเตอร์ทางการแพทย์
การแปลงขนาดไฟล์รูปภาพ เทคนิคสำคัญ!!!
HTML Language ภาษา HTML คืออะไร ? HTML (Hyper Text Markup Language) เป็นภาษาที่ใช้ในการพัฒนา web page เพื่อให้โปรแกรม web brower ต่างๆ (Internet Explorer,
การกำหนดรายการหัวข้อ
การออกแบบการวิจัยการเขียนเค้าโครงการวิจัย
Script Programming& Internet Programming
ชนิดของข้อมูลและตัวดำเนินการ
หลักการออกแบบเว็บ กำหนดกลุ่มเป้าหมาย จำแนกกลุ่มเนื้อหา
องค์ประกอบของโปรแกรม
เตรียมเอกสารประกอบการนำเสนอ
การใช้บริการกูเกิล (Google) 1 การใช้บริการ Gmail 2 การใช้บริการ รูปภาพ บนเว็บ Google 3 การใช้บริการ Google Earth.
PHP LANGUAGE.
HTML (คืออะไร) ภาษา HTML (HyperText Markup Language) เป็นภาษาที่ใช้คำสั่งที่เรียกว่า Tag มีทั้งเปิดและปิด เพื่อกำหนดบริเวณที่มีผลของคำสั่ง คำสั่งภาษา HTML.
โครงสร้าง ภาษา HTML.
ลักษณะพิเศษของ ภายใต้คำสั่ง <BODY>
การเขียนขยายเค้าโครงเอกสารแต่ละบท ให้มีเนื้อหาสมบูรณ์
รูปแบบของเว็บเพจ. รูปแบบของเว็บเพจ รูปแบบของเว็บเพจ 1. เว็บเพจในแนวตั้ง.
ปฏิบัติการที่ 3 : การสร้างโฮมเพจอย่างง่าย
การสร้างเอกสารเว็บเพจ
Poster Presentation โดย สำหรับ การประชุม สคร.5 รศ.นพ.สมพนธ์ ทัศนิยม
การสร้างตาราง (Table)
การกำหนดขนาดของรูปภาพ การใช้รูปภาพเป็น Background
ศูนย์บรรณสารและสื่อการศึกษา มหาวิทยาลัยแม่ฟ้าหลวง
แก้ไขปรับปรุง Form.
การสร้างเว็บด้วย HTML HyperText Markup Language
Page 1 การอบรมเชิงปฏิบัติการระบบเว็บไซต์คณะและหน่วยงาน ๑๔ กันยายน ๒๕๕๒ งานพัฒนาระบบสารสนเทศเพื่อการบริหารและสื่ออิเล็กทรอนิกส์ (MIS) สำนักวิทยบริการและเทคโนโลยีสารสนเทศ.
ขั้นตอนวิธี (Algorithm)
บทที่ 9 การใส่รูปภาพ (Image).
การพัฒนาเว็บด้วยโปรแกรมสำเร็จรูป
คู่มือสร้างบล็อก blog.spu.ac.th
แผนที่ นางสาวพัชรินทร์ รุ่งสว่าง ตำแหน่งครูผู้ช่วย
HTML.
SCIENCE DIRECT.
Cascading Style Sheet ง การเขียนเว็บไซต์ สไตล์ ป. พ. ศูนย์คอมพิวเตอร์ โรงเรียนปลวกแดงพิทยา คม.
การจัดการแท็ก โดยใช้ Document Object Model : DOM ง การเขียนได นามิกเว็บเพจ ศูนย์คอมพิวเตอร์ โรงเรียนปลวกแดง พิทยาคม.
บทที่ 4 การปรับแต่งสไลด์
HTML, PHP.
หน่วยการเรียนรู้ที่ 3 ระบบปฏิบัติการวินโดวส์เบื้องต้น
การแทรกรูปภาพ บนเว็บเพจ.
Principle of Graphic Design
การใช้โปรแกรม Microsoft Word 2007
วิชาคอมพิวเตอร์ ชั้นประถมศึกษาปีที่ 1 นางพวงเพ็ญ อินทร์เอี่ยม
1. การเขียนโปรแกรมภาษา PHP เบื้องต้น
หลักการเขียนโปรแกรม ( )
หน่วยที่ 11 คำสั่งในการจัดรูปแบบเอกสาร
ใส่ชื่อเรื่องงานวิจัย กะทัดรัด มีตัวแปรต้น ตัวแปรตาม อย่างชัดเจน
วิธีการสืบค้นข้อมูล ด้วย Search engine และการเขียนบรรณานุกรม
หลักการจัดทำ File Presentation
หน่วยที่ 12 Style Sheet and Layers
HTML 1. รูปแบบพื้นฐานของ เอชทีเอ็มแอล
แบบทดสอบหลังเรียนวิชา เทคโนโลยีสารสนเทศ 2
การจัดการเกี่ยวกับกรอบตอนที่ ๓ การสร้างกรอบ (FRAME) เบื้องต้น : การ บรรจุข้อมูลในกรอบ ตัวอย่ าง TAG คำสั่งเกี่ยวกับการกำหนดชื่อของ กรอบ ประกอบด้วย ข้อมูลที่ใช้แสดงในกรอบควรเป็นแฟ้มข้อมูลที่มี
รายวิชา คอมพิวเตอร์กราฟิก
นางสาวเบญจมาศ รัตน์พิทักษ์
. ในเว็บเพจนั้นมีเพียง 3 ชนิด ซึ่งเว็บบราวเซอร์ส่วน ใหญ่จะสนับสนุนฟอร์แมตของรูปภาพ GIF, JPG, PNG.
หน่วยการเรียนรู้ที่ 4 การนำเสนองาน.
การนำเสนอและการประเมินผลโครงงาน
รู้จักกับ Microsoft Access 2003
การเขียนรายงานเพื่อนำเสนอโครงงานวิทยาศาสตร์
โครงสร้าง ภาษาซี.
การกำหนดรหัสของสันแฟ้ม
เรื่อง การพัฒนาบทเรียนคอมพิวเตอร์ช่วยสอน วิชาการใช้โปรแกรมกราฟิก
ฐานข้อมูลเอกสารฉบับเต็ม ThaiLIS Digital Collection (TDC)
เริ่มใช้งาน Microsoft Office
สื่อการสอนการเขียนเว็บเพจ ด้วยภาษา HTML
บทที่ 5 การเขียนรายงานโครงงานคอมพิวเตอร์
โครงสร้างของภาษา HTML
โดย ส.อ.ประกาศิต วรนุช วิททยาลัยเฉลิมกาณจนา
ใบสำเนางานนำเสนอ:

เสริมเว็บให้ดูสวย

การจัดหัวข้อย่อย 1. การจัดหัวข้อย่อยแบบเรียงลำดับ รูปแบบคำสั่งมีดังนี้ <ol> <li>---</li> </ol>

ol ย่อมาจาก Ordered List เป็นการจัดเรียงลำดับหัวข้อ 1 2 3 โดยมีคำสั่งที่ต้องใช้คู่กันอยู่ภายใน คือ li ย่อมาจาก List Item การจัดเอกสารให้มีหัวข้อย่อยแบบเรียงลำดับ

ตัวอย่างการจัดเอกสารให้มีหัวข้อย่อยแบบเรียงลำดับ <html> <ol> <li>หัวข้อย่อยที่ 1</li> <li>หัวข้อย่อยที่ 2</li> <li>หัวข้อย่อยที่ 3</li> </ol> </html>

2. การจัดหัวข้อย่อยแบบไม่เรียงลำดับ เหมาะสำหรับเนื้อหาเอกสารที่สามารถนำหัวข้อใดขึ้นก่อนก็ได้โดยมีรูปแบบคำสั่ง <ul> <li>---</li> </ul>

ul ย่อมาจาก Unordered List เป็นการกำหนดหัวข้อย่อยแบบไม่เรียงลำดับ โดยมีคำสั่งที่ต้องใช้คู่กันอยู่ภายใน คือ li

ตัวอย่าง <html> <ul> <li>หัวข้อย่อยที่ 1</li>

การใส่รูปภาพในเว็บเพจ รูปภาพที่ใช้ประกอบในเว็บเพจควรมีขนาดเล็ก มีสีสันเหมาะสมเพื่อให้ผู้ชมสามารถดาวน์โหลดมาแสดงในบราวเซอร์ได้อย่างรวดเร็ว ภาพที่ใช้ประกอบบนเว็บเพจมีอยู่ 3 ชนิด คือ 1. ภาพชนิด jpeg เป็นแฟ้มภาพที่มีความละเอียดของสีเหมือนจริงมากที่สุด มีขนาดเล็กเหมาะสำหรับใช้กับภาพถ่ายบุคคล อาคาร วัตถุ สิ่งของ หรือทิวทัศน์จะมีส่วนขยายเป็น jpg 2. ภาพชนิด gif เป็นแฟ้มที่เหมาะกับการแสดงภาพการ์ตูน ตัวอักษรหัวเรื่อง หรือภาพเคลื่อนไหว มีสีไม่เกิน 256 สี แฟ้มภาพชนิดนี้จะมีส่วนขยายเป็น gif

3.ภาพชนิด png เป็นภาพที่นำเอาข้อดีของ jpg ผสมกับ gif โดยมีคุณสมบัติ สามารถแสดงสีได้มากกว่า 256 สี การบีบอัดภาพน้อยกว่า jpg ทำให้แสดงผลได้เร็ว แต่บราวเซอร์รุ่นต่ำๆอาจแสดงผลไม่ได้

การแทรกรูปภาพในเว็บเพจใช้คำสั่งดังนี้ <img src=“path/name.jpg”/> Img ย่อมาจาก image Src ย่อมาจาก source Path คือเส้นทางของโฟลเดอร์ที่เก็บแฟ้มข้อมูลเป็นรูปภาพ name คือ ชื่อภาพที่เราต้องการแทรก ซึ่งอาจมีนามสกุล jpg หรือ gif

การจัดตำแหน่งภาพในข้อความ ในกรณีที่ต้องการจัดตำแหน่งภาพในข้อความสามารถกำหนดโดยเติมคำสั่ง align=“……” ตามหลังคำสั่งแทรกรูปภาพ โดยสามารถระบุตำแหน่งต่างๆได้แก่ top, middle, bottom, left, และ right

การเขียน Comment ในภาษาคอมพิวเตอร์ทุกภาษามีสัญลักษณ์ที่ใช้กำหนดว่า ข้อความที่ใช้อธิบายความหมายบางอย่างที่ใช้บอกผู้อ่านซอร์สโค๊ด ในภาษา HTML เราสามารถเติมข้อความเพื่อบอกข้อมูลเพิ่มเติมเกี่ยวกับเว็บเพจนั้นได้ โดยใช้แท็ก <!..และ..!> ครอบคลุมข้อความนั้น โดยที่บราวเซอร์จะไม่แสดงผลให้เห็น ผู้พัฒนาเว็บอาจใช้ comment ในการเตือนตัวเองว่าส่วนใดที่ต้องการปรับปรุงหรือเพิ่มเติม หรือคำสั่งนี้ใช้เพื่อวัตถุประสงค์ใดเพื่อเป็นประโยชน์สำหรับ

ผู้ที่จะมาปรับปรุงเพิ่มเติม หรือกรณีที่มีการพัฒนาเว็บเพจร่วมกันเป็นทีม ตัวอย่าง