บทที่ 4 : ตัวอักษร (text)...ประเภทของต วอ...

บทท 4 : ตวอกษร (Text)สธ212 ระบบสอประสมส ำหรบธรกจ

อำจำรยอภพงศ ปงยศ

apipong.ping@gmail.com

Outlineท ำควำมรจกกบตวอกษรประเภทของตวอกษรมำตรฐำนยนโคด (Unicode Standard)ฟอนต (Font)กำรจดรปแบบของเอกสำรและขอควำมสญลกษณและไอคอน (Symbol and Icon)กำรบบอดขอมลตวอกษรรปแบบของไฟลทใชเกบตวอกษรเครองมอส ำหรบสรำงและแกไขรปแบบตวอกษร

2

ท ำควำมรจกกบตวอกษร

ขอควำมเปนสอกลำงเพอรบสงขอมลขำวสำรทไดรบกำรพฒนำใหมรปแบบทหลำกหลำย เพอน ำไปประยกตใชกบงำนในรปแบบตำงๆไดอยำงเหมำะสม

ในคอมพวเตอรมกำรพฒนำซอฟตแวรประมวลผลค ำ เชน Microsoft Word

กำรน ำเสนอมลตมเดยดวยกำรน ำตวอกษรมำผสมผสำนรวมกบสออนๆ สำมำรถเพมประสทธภำพในกำรน ำเสนอ และเกดประโยชนกบแวดวงธรกจมำกมำย

3

ประเภทของตวอกษร

แบงเปน 3 ประเภท คอ

Unformatted Text (Plaintext)

Formatted Text

Hypertext

4

ประเภทของตวอกษร : Unformatted Text

หรอ Plaintext คอตวอกษรทถกจดเกบในรปแบบตำมมำตรฐำน เชน มำตรฐำนรหสแอสก (ASCII) ซงเปนกลมตวอกษรมำตรฐำนทถกน ำมำใชอยำงกวำงขวำง โดยแตละตวอกษรจะแทนดวยรหสไบนำร

แอพพลเคชนสวนใหญสำมำรถใชกลมตวอกษรหรอสญลกษณเหลำนสรำงกรำฟกทไมซบซอนได

5

ตำรำงรหส ASCII 6

ประเภทของตวอกษร : Formatted Text

ใชส ำหรบเปลยนรปแบบของตวอกษรใหมลกษณะแตกตำงจำกตวอกษรทวไป

เชน ตวหนำ ตวขดเสนใต ตวเอยง เปลยนรปราง ขนำด และส เปนตน

ใชซอฟตแวรเพอก ำหนดรปแบบตวอกษร

น ำมำใชอยำงกวำงขวำงในงำนดำนตำงๆ เพอเพมควำมหลำกหลำยใหกบงำน

7

ประเภทของตวอกษร : HyperText

เปนขอมลทถกแปลงใหสำมำรถน ำไปใชแสดงบนอนเทอรเนตได และสำมำรถเชอมโยงกบเอกสำรทอยภำยในเอกสำรเดยวกนหรอตำงเอกสำรได เรยกกำรเชอมโยงในลกษณะนวำ “Hyperlink”

สำมำรถใชไฮเปอรลงกเชอมโยงกบขอมลอนๆได เชน ภำพ เสยง คลปวดโอ หนำเวบเพจตำงๆ

รปแบบของไฮเปอรลงกจะมลกษณะเปนขอควำมทขดเสนใต หรอมรปแบบทแตกตำงออกไปจำกขอควำมปกตเพอใหผใชสำมำรถสงเกตเหนไดชดเจน

8

กำรใช Hypertext บนเวบไซต reg.mju.ac.th9

มำตรฐำนยนโคด (Unicode Standard)

เปนมำตรฐำนกำรเขำรหสตวอกษรแบบสำกล สำมำรถเขำรหสตวอกษรในภำษำตำง ๆ ไดมำกกวำ 1 ลำนตวอกษร

มำตรฐำนยนโคดจะใชไบนำรแทนตวอกษร ประกอบไปดวยขอมล 2 ไบต โดยไบตแรกแทนรปแบบภำษำ และไบตทสองแทนดวยตวอกษรจรง

ตวอยำงมำตรฐำนยนโคด เชน UCS-4, UTF-32, UTF-16, UTF-8

10

ตวอยำงตำรำง UTF-8 ในภำษำไทย11

ฟอนต (Font)

เปนกำรก ำหนดรปแบบตวอกษร ทเพมควำมนำสนใจใหกบงำนได

รปแบบฟอนต (Font Format) ม 2 แบบ คอ Vector และ Bitmap ซงฟอนตแบบบตแมพจะแสดงผลไดรวดเรวกวำ แตไมเปนทนยมเพรำะเมอขยำยตวอกษรจะท ำใหควำมคมชดลดลง

ขนำดและสไตลตวอกษร (Font Size and Style) ปกตแลวขนำดของตวอกษรจะมหนวยเปนพอยต (Point, pt) โดย 1 pt จะเทำกบ 1/72 นว สวนสไตลมหลำยรปแบบเชน ตวหนำ (Bold) ตวเอยง (Italic) ขดเสนใต (Underline) ตวยก (Superscriptx) ตวหอย (Subscriptx) นอกจำกนยงสำมำรถใสเอฟเฟคตำงๆใหกบตวอกษรได

12

โครงสรำงของตวอกษร13

กำรจดรปแบบของเอกสำรและขอควำม

กำรจดวำงขอควำม ตองค ำนงถงควำมเหมำะสม อำนไดงำยและสบำยตำ ตวอยำงรปแบบกำรจดวำง เชน แบงเนอควำมเปนสวนๆแยกยอยกนไปในแตละยอหนำ ใชรปแบบตวอกษรและสทอำนงำยแตกตำงจำกสพนหลง มขนำดไมเลกหรอใหญจนเกนไป เปนตน

กำรก ำหนดรปแบบเอกสำร สำมำรถจดไดทงแนวตง (Portrait) หรอแนวนอน (Landscape) ตำมควำมเหมำะสมของงำน

14

หลกกำรใชสของ text โดย Google Design15

สญลกษณและไอคอน (Symbol and Icon)

สญลกษณ (Symbol) ถกน ำมำใชแทนขอควำม บงบอกถงกำรกระท ำตำงๆ ทมรปแบบและควำมหมำยประจ ำตว บำงสญลกษณใชกนอยำงแพรหลำยและเปนสำกลจนคนสวนใหญเขำใจควำมหมำยเปนอยำงด

ไอคอน (Icon) คอภำพทใชแทนสญลกษณตำงๆ

16

Symbol

Symbols17

Icon18

กำรบบอดขอมลตวอกษร

กำรเกบเอกสำรทมขอควำมเปนจ ำนวนมำก อำจตองใชพนทในกำรจดเกบบนดสกจ ำนวนมำก

ตองมกำรลดขนำดไฟลและเพมควำมมนคงใหกบขอมล และตองสำมำรถขยำยไฟลใหกลบเปนขอมลเดมกอนจะแสดงผลได โดยไมท ำใหสญเสยองคประกอบหรอรำยละเอยดไปจำกตนฉบบ

ตวอยำงอลกอรธมในกำรบบอด เชน Huffman Coding, Lempel-Ziv (LZ) Coding, Lempel-Ziv-Welch (LZW) Coding

19

รปแบบของไฟลทใชเกบตวอกษร (File Format)

TXT (Text) เปนตวอกษรทถกสรำงดวยโปรแกรม Text Editor ตำงๆ เชน Notepad ขอมลจะถกเขำรหสดวยแอสกหรอยนโคด

DOC (Document) เปนรปแบบไฟลเอกสำรทสรำงดวยโปรแกรมประมวลผลค ำ เชน Microsoft Word, Google Docs เปนตน

RTF (Rich Text Format) ถกพฒนำโดยบรษท Microsoft เพอแลกเปลยนไฟลเอกสำรขำมแพลตฟอรม จดเกบขอมลดวยรหสแอสก มค ำสงเหมอนกบโคดของภำษำ HTML สรำงไดจำกโปรแกรม TextEdit ใน MacOS และโปรแกรม WordPad (ไมคอยเปนทนยมมำกนก)

20

รปแบบของไฟลทใชเกบตวอกษร (File Format) [2]

PDF (Portable Document Format) พฒนำโดยบรษท Adobe มวตถประสงคเพอแลกเปลยนเอกสำรขำมแพลตฟอรม รวมทงสำมำรถเพมรปภำพ กรำฟกตำงๆลงในเอกสำรได ไฟล PDF เปนมำตรฐำนเปด จงมหลำยโปรแกรมสำมำรถอำนไฟลนได

PS (PostScript) พฒนำโดยบรษท Adobe เปนภำษำระดบสง แทนภำพกรำฟกและตวอกษรแบบเวกเตอร ใชในงำนทตองกำรพมพผำนเครองพมพ

CSS (Cascading Style Sheet) เปนไฟลทเกบขอมลกำรก ำหนดรปแบบและลกษณะตวอกษรเพอน ำมำใชกบเวบเพจ สำมำรถก ำหนดรปแบบอกษรทมควำมซบซอนและจดวำงต ำแหนงของตวอกษรไดอยำงสะดวกและเปนระเบยบได

21

รปแบบของไฟลชนดตำงๆ22

เครองมอส ำหรบปรบแตงและแกไขรปแบบตวอกษร23

ตวอยำงซอฟตแวรในกำรสรำงฟอนตดวยตวเอง24

https://glyphsapp.com/