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

24
บทที่ 4 : ตัวอักษร (Text) สธ212 ระบบสื่อประสมสำหรับธุรกิจ อำจำรย์อภิพงศ์ ปิงยศ [email protected]

Upload: others

Post on 15-Feb-2020

4 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: บทที่ 4 : ตัวอักษร (Text)...ประเภทของต วอ กษร: Unformatted Text หร อ Plaintext ค อต วอ กษรท ถ กจ

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

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

[email protected]

Page 2: บทที่ 4 : ตัวอักษร (Text)...ประเภทของต วอ กษร: Unformatted Text หร อ Plaintext ค อต วอ กษรท ถ กจ

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

2

Page 3: บทที่ 4 : ตัวอักษร (Text)...ประเภทของต วอ กษร: Unformatted Text หร อ Plaintext ค อต วอ กษรท ถ กจ

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

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

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

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

3

Page 4: บทที่ 4 : ตัวอักษร (Text)...ประเภทของต วอ กษร: Unformatted Text หร อ Plaintext ค อต วอ กษรท ถ กจ

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

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

Unformatted Text (Plaintext)

Formatted Text

Hypertext

4

Page 5: บทที่ 4 : ตัวอักษร (Text)...ประเภทของต วอ กษร: Unformatted Text หร อ Plaintext ค อต วอ กษรท ถ กจ

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

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

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

5

Page 6: บทที่ 4 : ตัวอักษร (Text)...ประเภทของต วอ กษร: Unformatted Text หร อ Plaintext ค อต วอ กษรท ถ กจ

ตำรำงรหส ASCII 6

Page 7: บทที่ 4 : ตัวอักษร (Text)...ประเภทของต วอ กษร: Unformatted Text หร อ Plaintext ค อต วอ กษรท ถ กจ

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

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

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

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

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

7

Page 8: บทที่ 4 : ตัวอักษร (Text)...ประเภทของต วอ กษร: Unformatted Text หร อ Plaintext ค อต วอ กษรท ถ กจ

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

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

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

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

8

Page 9: บทที่ 4 : ตัวอักษร (Text)...ประเภทของต วอ กษร: Unformatted Text หร อ Plaintext ค อต วอ กษรท ถ กจ

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

Page 10: บทที่ 4 : ตัวอักษร (Text)...ประเภทของต วอ กษร: Unformatted Text หร อ Plaintext ค อต วอ กษรท ถ กจ

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

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

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

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

10

Page 11: บทที่ 4 : ตัวอักษร (Text)...ประเภทของต วอ กษร: Unformatted Text หร อ Plaintext ค อต วอ กษรท ถ กจ

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

Page 12: บทที่ 4 : ตัวอักษร (Text)...ประเภทของต วอ กษร: Unformatted Text หร อ Plaintext ค อต วอ กษรท ถ กจ

ฟอนต (Font)

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

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

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

12

Page 13: บทที่ 4 : ตัวอักษร (Text)...ประเภทของต วอ กษร: Unformatted Text หร อ Plaintext ค อต วอ กษรท ถ กจ

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

Page 14: บทที่ 4 : ตัวอักษร (Text)...ประเภทของต วอ กษร: Unformatted Text หร อ Plaintext ค อต วอ กษรท ถ กจ

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

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

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

14

Page 15: บทที่ 4 : ตัวอักษร (Text)...ประเภทของต วอ กษร: Unformatted Text หร อ Plaintext ค อต วอ กษรท ถ กจ

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

Page 16: บทที่ 4 : ตัวอักษร (Text)...ประเภทของต วอ กษร: Unformatted Text หร อ Plaintext ค อต วอ กษรท ถ กจ

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

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

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

16

Symbol

Page 17: บทที่ 4 : ตัวอักษร (Text)...ประเภทของต วอ กษร: Unformatted Text หร อ Plaintext ค อต วอ กษรท ถ กจ

Symbols17

Page 18: บทที่ 4 : ตัวอักษร (Text)...ประเภทของต วอ กษร: Unformatted Text หร อ Plaintext ค อต วอ กษรท ถ กจ

Icon18

Page 19: บทที่ 4 : ตัวอักษร (Text)...ประเภทของต วอ กษร: Unformatted Text หร อ Plaintext ค อต วอ กษรท ถ กจ

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

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

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

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

19

Page 20: บทที่ 4 : ตัวอักษร (Text)...ประเภทของต วอ กษร: Unformatted Text หร อ Plaintext ค อต วอ กษรท ถ กจ

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

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

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

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

20

Page 21: บทที่ 4 : ตัวอักษร (Text)...ประเภทของต วอ กษร: Unformatted Text หร อ Plaintext ค อต วอ กษรท ถ กจ

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

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

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

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

21

Page 22: บทที่ 4 : ตัวอักษร (Text)...ประเภทของต วอ กษร: Unformatted Text หร อ Plaintext ค อต วอ กษรท ถ กจ

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

Page 23: บทที่ 4 : ตัวอักษร (Text)...ประเภทของต วอ กษร: Unformatted Text หร อ Plaintext ค อต วอ กษรท ถ กจ

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

Page 24: บทที่ 4 : ตัวอักษร (Text)...ประเภทของต วอ กษร: Unformatted Text หร อ Plaintext ค อต วอ กษรท ถ กจ

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

https://glyphsapp.com/