Please enable JavaScript.
Coggle requires JavaScript to display documents.
การจัดรูปแบบตัวอักษรและรูปภาพ - Coggle Diagram
การจัดรูปแบบตัวอักษรและรูปภาพ
การกeหนดหวัขอ้เรื่อง
อาจเกี่ยวกับเหตุการณ์ ความเจริญ ความเสื่อมของอาณาจักร ตัวบุคคลในช่วงเวลาใดเวลาหนึ่ง อาจยาวหรือสั้นตามความเหมาะสม ซึ่งผู้ศึกษาเห็นว่าเป็นช่วงเวลาที่สำคัญ และยังมีหลักฐานข้อมูลที่ผู้ต้องการศึกษาหลงเหลืออยู่ หัวข้อเรื่องอาจปรับให้มีความเหมาะสมหรือเปลี่ยนแปลงได้ ถ้าหากหลักฐานที่ใช้ในการศึกษามีน้อยหรือไม่ ...
การกา หนดขนาดรูปภาพในเวบ็ เพจ
ตำแหน่งการใช้
อยู่ภายในแท็ก <img src=>
รูปแบบการใช้
<img src= “ชื่อไฟล์รูปภาพ” width= “ความกว้าง” height=“ความสูง” >
ค่าที่กำหนดให้ใช้
กำหนดค่าเป็นจำนวนพิกเซลหรือเป็น %
การใส่กรอบรูปภาพ
เข้าที่เว็บ office.com ทำการ login ด้วยบัญชี Microsoft ให้เรียบร้อย เมื่อเข้าสู่ระบบแล้วให้คลิกไอคอน Word ตามด้วยคลิก New Blank document เพื่อเปิดเอกสารใหม่
การกา หนดรูปภาพเป็นพ้ืนหลง
สร้างโฟลเดอร์ไว้ใส่ไฟล์ HTML กับไฟล์รูปพื้นหลัง. ให้สร้างโฟลเดอร์ในคอม แล้วตั้งชื่อให้หาง่ายๆ
จะตั้งชื่ออะไรก็ได้ แต่เวลาใช้ HTML ขอให้ฝึกเป็นนิสัย ว่าต้องตั้งชื่อไฟล์กับโฟลเดอร์แบบสั้นกระชับได้ใจความ คำสองคำได้ยิ่
ใส่รูปพื้นหลังที่จะใช้ในโฟลเดอร์ HTML. ใส่รูปที่จะใช้ทำพื้นหลังในโฟลเดอร์ HTML
ถ้าไม่ห่วงเรื่องเว็บจะเปิดในอุปกรณ์เก่าๆ เน็ตอืดๆ ไม่ได้ ก็ใช้รูปพื้นหลังแบบชัดๆ resolution สูงๆ ไปเลย ให้เลือกรูปสะอาดๆ สว่างๆ หรือเป็นแพทเทิร์นซ้ำๆ นี่แหละดีที่สุด เพราะข้อความด้านบนจะได้อ่านง่าย
ถ้าไม่มีรูป ก็ลองไปดาวน์โหลดฟรีจากในเน็ต เสร็จแล้วเอามาใส่ในโฟลเดอร์ HTML เลย
การกา หนดรูปแบบตวัอกัษร
เพื่อให้ข้อความที่กรอกไว้ในเซลล์ต่างๆบนเวิร์กชีต สามารถจัดรูปแบบให้เหมาะสมตามความต้องการ ซึ่งนอกจากจะทําให้เกิดความสวยงามแล้ว ยังใช้เพื่อเน้นถึงความสําคัญของข้อมูลด้วย เช่น การทําหัวข้อรายการเป็นตัวหนา และใหญ่กว่าเนื้อหาปกติเป็นต้น ซึ่งการจัดการรูปแบบข้อความสามารถทําได้
การกำหนดลกัษณะตวัอกัษร
แบบ Phisical เป็นการกำหนดรูปแบบตัวอักษรอย่างเจาะจง
แบบ Logical ที่ผู้ใช้บราวเซอร์สามารถกำหนดรูปแบบตัวอักษรได้ด้วยตนเอง
การกำหนดตัวอักษรวิ่ง
คำสั่ง <marquee>และตัวปิดคือ</marquee> เช่น <marquee>เขียนข้อความที่นี่</marquee>
1.<marquee direction="left">ข้อความวิ่งจากขวาไปซ้าย</marquee>
2.<marquee direction="right">ข้อความวิ่งจากซ้ายไปขวา</marquee>
3.<marquee direction="up">ข้อความวิ่งจากล่างขึ้นบน</marquee>
4.<marquee direction="down">ข้อความวิ่งจากบนลงล่าง</marquee
ประเภทของภาพกราฟิกที่ใช้ในการสร้างเว็บเพจ
การนาภาพกราฟิกมาใช้ในเว็บเพจนิยมใช้ภาพ 3 ฟอร์แมต (นามสกุล) คือ .gif , . jpg และ . png ซึ่งมีรายละเอียดของภาพแต่ละชนิด ดังนี้
การแทรกรูปภาพในเว็บเพจ
1.คลิกวางเคอร์เซอร์ตรงตำแหน่งที่ต้องการวางรูปภาพ
คลิกที่เมนู Insert แล้วเลือก Image.
หรือ คลิกที่แถบ Insert ให้เลือก Common.
คลิกแล้วเลือก Image.
เลือกโฟลเดอร์ที่เก็บรูปภาพ
เลือกรูปภาพ ซึ่งจะแสดงภาพตัวอย่างด้านขวามือ
คลิกปุ่ม OK.
การจดัวางรูปภาพกบัขอ้ความในเวบ็ เพจ
คลิกวางเคอร์เซอร์ตรงตำแหน่งที่ต้องการพิมพ์ข้อความ
พิมพ์ข้อความที่ต้องการ
การกา หนดขอ้ความอธิบายรูปภาพ
การใส่รูปภาพ ถ้าไฟล์รูปภาพมีขนาดใหญ่ การแสดงผลอาจทำได้ช้า ดังนั้นควรใส่คำอธิบายภาพไว้ด้วย โดยการเติมคำ alt= "ชื่อภาพ" หรือคำอธิบายรูปภาพ ไว้ต่อจากชื่อภาพใน <img src> ซึ่งเว็บบราวเซอร์จะแสดงคำอธิบายภาพก่อนที่จะโหลดภาพจริงเสร็จสิ้น
การกา หนดระยะห่างระหวา่ งขอ้ความกบัรูปภาพ
เลือกข้อความที่คุณต้องการเปลี่ยนแปลง
บนแท็บ หน้าแรก ให้คลิกตัวเปิดใช้กล่องโต้ตอบ ฟอนต์ จากนั้น คลิกแท็บ ขั้นสูง
ในกล่อง ระยะห่าง ให้คลิก ขยาย หรือ บีบ จากนั้น ระบุจำนวนช่องว่างที่คุณต้องการในกล่อง