ความรู้เกี่ยวกับตัวอักษร

Slides:



Advertisements
งานนำเสนอที่คล้ายกัน
การสร้างเว็บด้วยภาษา HTML
Advertisements

คำสั่งเริ่มต้น รูปแบบ. <HTML>. </HTML>
การอบรมการใช้ศูนย์กำลังคนอาชีวศึกษา
บทที่ 7 การใช้ตัวอักษร สื่อชุดนี้เป็นลิขสิทธิ์ของสำนักพิมพ์วังอักษร ใช้เพื่อการศึกษาเท่านั้น.
เรียนรู้และเข้าใจ HTML อย่างง่าย
การเสนอโครงการวิทยานิพนธ์
ปฏิบัติการที่ 4 การใช้โปรแกรมประมวลผลคำ
นักศึกษาทุกคน วิชา การประยุกต์ใช้คอมพิวเตอร์ทางการแพทย์
Chapter 2 : Character and Fonts
สิ่งพิมพ์ จัดทำเพื่อผู้อ่านเฉพาะกลุ่ม (ภายในหรือภายนอกองค์กร)
Script Programming& Internet Programming
การสร้างหนังสืออิเล็กทรอนิกส์ (E-book)
องค์ประกอบและประโยชน์ของมัลติมิเดีย
นายชะเวรินทร์ อินสุวรรณ เลขที่ 12 ม.5/4
องค์ประกอบ Graphic.
HTML (คืออะไร) ภาษา HTML (HyperText Markup Language) เป็นภาษาที่ใช้คำสั่งที่เรียกว่า Tag มีทั้งเปิดและปิด เพื่อกำหนดบริเวณที่มีผลของคำสั่ง คำสั่งภาษา HTML.
และอุปกรณ์ที่เกี่ยวข้อง
ลักษณะพิเศษของ ภายใต้คำสั่ง <BODY>
การสร้างงานกราฟิก.
องค์ประกอบพื้นฐาน ของโปรแกรม Visual Basic
รูปแบบของเว็บเพจ. รูปแบบของเว็บเพจ รูปแบบของเว็บเพจ 1. เว็บเพจในแนวตั้ง.
ปฏิบัติการที่ 3 : การสร้างโฮมเพจอย่างง่าย
Creating Effective Web Pages
Poster Presentation โดย สำหรับ การประชุม สคร.5 รศ.นพ.สมพนธ์ ทัศนิยม
วันที่ เมษายน 2553 ณ สำนักหอสมุด มหาวิทยาลัยเชียงใหม่
หน่วยที่ 1 เทคโนโลยีสารสนเทศ.
แก้ไขปรับปรุง Form.
การใช้งานโปรแกรม Microsoft Word
การสร้างเว็บด้วย HTML HyperText Markup Language
ขั้นตอนวิธี (Algorithm)
การพัฒนาเว็บด้วยโปรแกรมสำเร็จรูป
การพัฒนาเว็บด้วยโปรแกรมสำเร็จรูป
การพัฒนาเว็บด้วยโปรแกรมสำเร็จรูป
บทที่ 1 เริ่มต้นกับ HTML.
โปรแกรม DeskTopAuthor
การกำหนดลักษณะตัวอักษร
การแปลงข้อมูลใน Excel เป็นฐานข้อมูลใน Access
ณัฏฐวุฒิ เอี่ยมอินทร์
ความรู้เกี่ยวกับจอ LCD ของ Notebook และเทคนิคการ เลือกซื้อ.
การนำเสนองานบนอินเตอร์เน็ต
กิจกรรมที่ 2 ซอฟต์แวร์ประยุกต์
รู้จักกับTimeline, Layer และ Scene รู้จักกับTimeline, Layer และ Scene
Mind Mapping.
เครื่องพิมพ์ดีดไฟฟ้า
บทที่ 3 การทำงานกับฟอร์ม (Form)
บทที่ 3 การทำงานกับฟอร์ม (Form)
การใช้โปรแกรม Microsoft Word 2007
Lecture 5 ตัวอักษร.
การเขียนแบบเสนอหัวข้อโครงงาน
บทที่ 3 การกำหนดรูปแบบตัวอักษร
อาจารย์สถิตย์ กังวานณรงค์กุล มัธยมศึกษาปีที่ 2 โรงเรียนมัธยมวัดนายโรง
HTML 1. รูปแบบพื้นฐานของ เอชทีเอ็มแอล
การจัดองค์ประกอบของภาพ
ครู สุนิสา เมืองมาน้อย
รหัสวิชา บทที่ 4 การจัดรูปแบบเอกสาร.
การเขียนเว็บเพ็จด้วยโปรแกรม
ง31102 เทคโนโลยีสารสนเทศ 2 ศูนย์คอมพิวเตอร์ โรงเรียนปลวกแดงพิทยาคม
ภาพนี้ชื่อว่าอะไร ? ก. แถบเมนูบาร์
BC305 การวิเคราะห์และออกแบบระบบสารสนเทศ
ซอฟต์แวร์เพื่อสังคม (Social Software )
HTML (Hyper Text Markup Language) HTML (Hyper Text Markup Language) เป็นภาษา มาตรฐานสากลที่ใช้นำเสนอข้อมูลแบบ ผสมผสานในการสื่อสารแบบ World-Wide- Web.
เรื่อง บอนสี จัดทำโดย ด. ญ. อาทิตย์ยา ผูกพัน เลขที่ 21 ชั้น ม
บทที่ 9 ซอฟต์แวร์ประยุกต์บนเครือข่ายอินเตอร์เน็ต
บทที่ สร้างงานเอกสารและการแก้ไข
บทที่ 2 การเข้าสู่โปรแกรม Microsoft Office Word 2003
ซอฟต์แวร์ (Softwarre)
สารสนเทศ ข้อมูลและสารสนเทศ
สื่อการสอนการเขียนเว็บเพจ ด้วยภาษา HTML
16. การเขียนรายงานการวิจัย
โดย ส.อ.ประกาศิต วรนุช วิททยาลัยเฉลิมกาณจนา
ใบสำเนางานนำเสนอ:

ความรู้เกี่ยวกับตัวอักษร TEXT ความรู้เกี่ยวกับตัวอักษร =การประยุกต์ใช้มัลติมีเดีย=

ความเป็นมา นับแต่ยุคโบราณ การสื่อสารด้วยเสียงและท่าทางหรือภาษากาย การใช้ภาพวาดเล่าเรื่องราวในอดีต ใช้สัญลักษณ์แทนความหมายและการออกเสียง สร้างอักษรเป็นภาษาสำหรับสื่อสารกันในเผ่าพันธ์

การใช้ตัวอักษรในคอมพิวเตอร์ โปสเตอร์ แผ่นพับ ใบปลิว ป้ายประกาศ กราฟิกส์ตัวอักษรวิ่ง ออกแบบป้ายโฆษณาขนาดต่างๆ HTML บนอินเตอร์เน็ต งานพิมพ์ออกแบบหนังสือ นิตยสาร วารต่างๆ

มาตรฐานรหัสตัวอักษร ภาษามีความหลากหลาย เขียนและอ่านต่างกันไป ต้องทำการแปลเป็นภาษาต่างๆ มากมาย ทางออก “ใช้ภาษากลางในการสื่อสาร” ปัญหาการแสดงผลที่ปลายทางไม่ถูกต้อง(อ่านไม่ออก) รหัสภาษาที่ใช้สื่อสารใน Multimedia ASCII Unicode

ASCII American Standard Code for Information Interchange พัฒนาในช่วงปี ค.ศ. 1970 แอสกีเป็นรหัสขนาด 7 บิต สามารถรองรับตัวอักษร (A-Z) ทั้งตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ ตัวเลข (0-9) และสัญลักษณ์พิเศษต่างๆ ได้ 128 รหัส และรหัสพิเศษอีก 128 รหัส

Unicode ออกแบบให้รองรับอักษรเอเชียที่มีรูปแบบมากว่า 256 แบบ ผู้ใช้งานคอมพิวเตอร์มีหลากหลายชาติ โดยเฉพาะ CJK (China Japan Korea) หลายประเทศได้นำ Unicode มาใช้ร่วมกัน

รูปแบบและลักษณะของตัวอักษร ตัวอักษร (Fonts) หมายถึงรูปแบบตัวอักษร ประเภท Fonts Serif: เป็นแบบอักษรที่ใช้เป็นมาตรฐาน ในแต่ละตัวอักษรจะมีเส้นคล้ายๆ ขีด- เหลี่ยม Sans-Serif: เป็นแบบตัวอักษรที่คุ้นเคยมากกว่า Serif เพราะเป็นที่นิยมของผู้เขียนเว็บ มีรูปร่างมนกลม และดูสวยงาม Monospaced: เป็นแบบอักษรที่มีขนาดความกว้างของทุกตัวอักษรเท่ากันหมด 33 บางครั้งเรียกว่า Typewriter Font เนื่องจากมีลักษณะใกล้เคียงกับ ตัวอักษรที่ได้จากเครื่องมือพิมพ์ดีด Script: เป็นแหล่งรวมของแบบอักษรทุกชนิด ที่มีลักษณะพิเศษต่างๆ เช่น มีจุด มีหาง เป็นต้น และมีลักษณะของตัวอักษรที่คล้ายกับลายมือ

Font Family แยกย่อยออกมาจาก category Category Family Serif Times, Century Schoolbook, Garamond Sans-serif Helvetica, Arial, Verdana Monospace Courier, Courier New Decorative Whimsy, Arribal, Bergell

Font face สัมพันธ์ย่อยมาจาก Family บอกลักษณะย่อย Family Face Times Romans , Italic Arial Regular , Bold , Italic Courier Regular , Obliqe Whimsy Regular , Bold

รูปแบบอื่นๆ การจัดวางตำแหน่ง (Alignment) เส้นขอบ (Borders) ขนาดของตัวอักษร (Font Size) สี (Colors) ตัวอักษรหรือข้อความ (Text)

การใช้ตัวอักษรในชิ้นงานมัลติมีเดีย ข้อความที่ต้องการจะเน้นควรจะมีลักษณะที่แตกต่างจากข้อความธรรมดา เช่น มีการขีดเส้นใต้ ทำเป็นอักษรตัวเอน หรือตัวหนา เป็นต้น จัดช่องว่างของบรรทัดให้เหมาะสมและอ่านง่าย จัดขนาดของตัวอักษรตามความสำคัญของข้อความ จัดสีของข้อความให้อ่านง่าย มีความแตกต่างจากสีของพื้นหลัง ไม่ใช้รูปแบบพื้นหลังที่มีลวดลายหรือรายละเอียด สีสันมากเกินไป ควรใช้วิธีการ Anti-aliasing กับหัวข้อที่เป็นอักษรกราฟิกขนาดใหญ่ หรืออักษรกราฟิกที่ถูกขยายใหญ่จะมีรอยหยัก หากต้องการจัดข้อความให้อยู่กึ่งกลางบรรทัด ไม่ควรทำติดต่อกันหลายบรรทัดจะดูไม่สวยงาม ภาษาอังกฤษควรใช้อักษรพิมพ์ใหญ่ และพิมพ์เล็กอย่างเหมาะสม เน้นความน่าสนใจของข้อความด้วยการใส่แสงเงาให้ตัวอักษร ใช้คำศัพท์ที่มีความหมายน่าสนใจและเข้าใจง่าย เพื่อเชื่อมโยงหัวข้อกับเนื้อความเข้าด้วยกัน ข้อความสำหรับเชื่อมโยงบนหน้าเว็บเพจ (Text Links) ควรเน้นให้สังเกตง่าย เน้นเนื้อความที่เป็นจุดสำคัญด้วยการทำแถบสีที่ข้อความนั้นๆ

Text Art

เมนูนำทาง Menu for navigation การใช้ถ้อยคำเพื่อช่วยในการเข้าถึงข้อมูล ตัวอย่างเช่น หน้าที่แล้ว หน้าถัดไป หน้าหลัก หน้าสุดท้าย เลื่อนขึ้น รายการหลัก จบ เป็นต้น

ปุ่มกดโต้ตอบ Button for Interaction การวางข้อความบนปุ่มกด มีขนาดตัวอักษรที่เหมาะสมกับขนาดของปุ่มกด ระยะห่างขอบของปุ่มกดกับข้อความที่ไม่กว้างหรือชิดขอบจนเกินไป สีสันที่ใช้จะต้องมองดูแล้วสบายตา น่าอ่าน และชัดเจน

การกำหนดรูปแบบของเอกสาร Format Document การกำหนดรูปแบบเอกสารสามารถจัดทำได้ทั้งที่เป็นแบบแนวตั้ง และแบบแนวนอนเพื่อประโยชน์สำหรับการพิมพ์เอกสารทางเครื่องพิมพ์ และการจัดทำเอกสารให้อยู่ในรูปไฟล์เอกสารอิเล็กทรอนิกส์

สัญลักษณ์และภาพสัญลักษณ์ Symbols and Icons สัญลักษณ์ควรใช้ในความหมายที่ทราบกันทั่วไป วัตถุประสงค์การใช้งาน สัญลักษณ์ ความหมาย การติดต่อสื่อสารระหว่างกัน บนระบบเครือข่าย :-) ;-) :-| :-> :-( ยิ้มธรรมดา ยิ้มและขยิบตาหนึ่งข้าง แสดงอาการไม่สนใจ กำลังดีใจอย่างมาก กำลังหน้าบึ้ง การรับ-ส่งข้อความด้วยเครื่อง โทรเลข   ไปข้างหน้า กลับไปข้างหลัง

เครื่องมือสำหรับสร้างและแก้ไขรูปแบบอักษร ResEdit Fontgrapher FontManager TypeDesigner Photoshop , Ilustrator

End.