หน่วยที่ 6 พิมพ์และจัดการกับข้อความ

21

Transcript of หน่วยที่ 6 พิมพ์และจัดการกับข้อความ

Page 1: หน่วยที่ 6 พิมพ์และจัดการกับข้อความ
Page 2: หน่วยที่ 6 พิมพ์และจัดการกับข้อความ

ขอความในโปรแกรม Flash แบงออกเปน 3 ประเภท ไดแก

- ขอความคงท (Static Text) คอขอความทจะไมมการเปลยนแปลงใดๆของ

เนอหา หลงจากทคณสรางมฟวเสรจแลวและในขณะทผชมชมมฟวนน

- ขอความไดนามก (Dynamic Text) คอขอความทสามารถเปลยนแปลง

เนอหาไดตามตองการประมวลผลหรอตามขอมลทรบมาจากเซรฟเวอร เชน

ขอความขาวทมการเปลยนแปลงทกวนหรอขอความแสดงคะแนนการเลน

เกมของผเลนแตละคน เปนตน

- ขอความอนพท (Input Text) คอฟลดส าหรบรบขอความทผใชปอนผาน

แบบฟรอม เชน User Name หรอ Password เปนตน

Page 3: หน่วยที่ 6 พิมพ์และจัดการกับข้อความ

โปรแกรม Flash มวธการจดการกบฟอนตของขอความ 3 วธดวยกน ดงน

Embedded font

เมอมการใชขอความคงท (Static text) ในมฟว ตามปกต

โปรแกรมจะฝงขอมลฟอนตนนไวกบไฟล SWF ดวย ดงนนคณจงแนใจไดวา

การแสดงผลใน Flash Player (ไมวาจะดวยคอมพวเตอรเครองใดกตาม)

ผชมจะเหนฟอนตอยางถกตองตามทออกแบบไว โดยฟอนตทถกฝงไปกบ

ไฟลนเรยกวา embedded font ซงจะมผลท าใหไฟลมขนาดใหญขนดวย

Page 4: หน่วยที่ 6 พิมพ์และจัดการกับข้อความ

ส าหรบขอความไดนามกและขอความอนพทนน โปรแกรมจะไมฝง

ขอมลฟอนตทใชในไฟลมฟวให แตจะเกบเฉพาะชอฟอนตไว จากนนในขณะ

ทเลนมฟว Flash Player จะเลอกฟอนตทมชอเหมอนกน หรอมลกษณะ

ใกลเคยงกบจากคอมพวเตอรหรออปกรณมอถอของผชมมาใชแทน ดงนนสง

ทผชมเหนจงอาจแตกตางไปจากทออกแบบไว ทงนหากตองการฝงขอมล

ฟอนตทใชไปดวยคณตองก าหนดค าสงเพมเตม (ดหวขอฝงฟอนตใหกบ

ขอความไดนามกและอนพท)

แตอยางไรกตาม อาจมฟอนตบางชนดทไมสามารถฝงไปกบมฟวได

ดงนนคณควรตรวจสอบฟอนตทใชเสยกอน โดยคลกค าสง View > Preview

Mode > Anti-Alias Text แลวขยายมมมองของสเตจขนมาพอประมาณเพอด

คณภาพของตวอกษร ถาขอบของตวอกษรเปนรอยหยกแบบขนบนได

(jagged) กแสดงวาโปรแกรมไมรจกโครงรางของฟอนตชนดนน และไม

สามารถฝงไปกบไฟลมฟวได

Page 5: หน่วยที่ 6 พิมพ์และจัดการกับข้อความ

Device font

เปนวธจดการฟอนตอกแบบหนง ซงจะไมมการฝงขอมลฟอนตไปกบ

ไฟลมฟว (.swf) โดยในขณะทเลนมฟว Flash Player จะเลอกฟอนตทมลกษณะ

ใกลเคยงกบจากคอมพวเตอรหรออปกรณมอถอของผชมมาใชแทน ดงนนสงท

ผชมเหนจงอาจแตกตางไปจากทออกแบบไว การจดการฟอนตวธนจะท าใหขนาด

ไฟลเลกกวาวธอนและยงสามารถแสดงผลตวอกษรขนาดเลก (ต ากวา 10

พอยท) ไดคมชดกวา embedded font เพราะเปนการใชฟอนตทออกแบบมา

ส าหรบเครองทเลนมฟวนนโดยเฉพาะ

การจดการกบ device font ท าได 2 วธคอ

- เลอกใชฟอนตแบบ device font ของโปรแกรม Flash ซงมให 3 ตวไดแก

- _sans ตวอกษรจะคลายกบฟอนต Helvetica หรอ Arial

- _serif ตวอกษรจะคลายกบฟอนต Times New Roman

- _typewriter ตวอกษรจะคลายกบฟอนต Courier

- เลอกใชฟอนตทวๆไป แตก าหนดรปแบบการแสดงฟอนตเปน Use device

fonts

Page 6: หน่วยที่ 6 พิมพ์และจัดการกับข้อความ

Font Symbols

เปนการจดการเกบขอมลฟอนตไวในรปของซมโบลตวหนงในไลบราร

ซงวธนมขอดคอคณสามารถแชรไลบรารดงกลาวไปใชในมฟวตางๆได โดยไม

จ าเปนตอง embedded font ไวในมฟวเหลานน

เครองมอ Text เปนเครองมอทใชพมพขอความไดทงในแนวนอน,

แนวตงจากซายไปขวา และแนวตงจากขวาไปซาย โดยคณสามารถปรบแตง

คณสมบตของขอความเหลานไดเหมอนกบโปรแกรมเวรดโปรเซสเซอรทวไป

เชน การก าหนดฟอนต, ขนาดตวอกษร, ระยะหางระหวางบรรทดและอนๆ

Page 7: หน่วยที่ 6 พิมพ์และจัดการกับข้อความ

รปแบบการพมพ

พมพแบบบรรทดเดยว

ใชส าหรบการพมพขอความเพยงไมกตวอกษรหรอเพยงบรรทดเดยว เชน

หวเรอง ชอปมค าสง หรอไฮเปอรลงค กรอบขอความจะมขนาดไมคงทโดย

จะยดหรอหดไปตามความยาวของขอความนน วธพมพท าไดโดยใช

เครองมอ Text คลกตรงต าแหนงทตองการแลวพมพขอความ โดยกรอบ

ขอความจะมรป วงกลมอยตรงมมของกรอบ

พมพแบบหลายบรรทด

ส าหรบการพมพขอความทมหลายบรรทดหรอหลายยอหนา เชน ขอความ

ทเปนรายละเอยดหรอค าอธบายตางๆ วธพมพคอใหใชเครองมอ Text

คลกลากสรางกรอบ เพอเปนขอบเขตกอนแลวคอยพมพขอความเขาไป

โดยกรอบขอความจะมรป สเหลยมอยตรงมม แตหากตองการขนยอหนา

ใหมกใหกดคย Enter

Page 8: หน่วยที่ 6 พิมพ์และจัดการกับข้อความ

ขนตอนการพมพขอความ

การพมพขอความ ไมวาจะเปนขอความแบบคงท, ไดนามก หรอ

อนพท โดยใชแนวการพมพแบบแนวนอนหรอแนวตงกตาม

Page 9: หน่วยที่ 6 พิมพ์และจัดการกับข้อความ

ปรบขนาดกรอบขอความขณะพมพ

ในขณะพมพขอความคณสามารถปรบขนาดของกรอบขอความได

โดยใชเมาสชทรป วงกลม หรอรปสเหลยม แลวคลกลากเขาดานในเพอลด

ขนาดกรอบ หรอคลกลากออกดานนอกเพอขยายขนาดกรอบ

ปรบขนาดกรอบขอความหลงพมพเสรจ

เมอพมพขอความเสรจแลวคณสามารถปรบขนาดกรอบขอความได

โดยใชเครองมอ Selection คลกทกรอบขอความ แลวใชเมาสคลกลากรป

สเหลยมทมมใดมมหนง โดยคลกลากเขาดานในเพอลดขนาดกรอบ หรอ

คลกลากออกดานนอกเพอขยายขนาดกรอบ

เลอกขอความ

เมอจะท าการแกไขหรอปรบแตงใดๆกบขอความทพมพไวแลว คณ

จะตองเลอกขอความนนกอน ซงท าไดหลายแบบดงน

Page 10: หน่วยที่ 6 พิมพ์และจัดการกับข้อความ

เลอกขอความทงชน

เหมอนกบการเลอกออบเจคทวไป โดยใชเครองมอ Selection คลกบน

ขอความ

Page 11: หน่วยที่ 6 พิมพ์และจัดการกับข้อความ

เลอกขอความบางสวน

วธนใชเพอปรบแตงออปชนขอความเฉพาะสวนทตองการ เชน

เปลยนฟอนตหรอขนาดตวอกษร รวมทงใชเพอพมพแกไขขอความทผดพลาด

Page 12: หน่วยที่ 6 พิมพ์และจัดการกับข้อความ

โดยปกตแลวขอความทพมพจะมคณสมบตตามรปแบบเดมทเคยใช

ครงลาสด แตคณสามารถเปลยนออปชนเหลานไดใหมกอนทจะพมพขอความ

หรอถาจะปรบแตงขอความทพมพไปแลวกตองเลอกขอความทตองการ

เสยกอนแลวจงเปลยนออปชน

Page 13: หน่วยที่ 6 พิมพ์และจัดการกับข้อความ

เปนการก าหนดลกษณะการจดยอหนา เชน การจดชดขวา, ชดซาย

, กงกลาง, จดระยะหางระหวางบรรทด หรอตงยอหนาใหมการเยอง เปนตน

Page 14: หน่วยที่ 6 พิมพ์และจัดการกับข้อความ

สรางขอความไดนามก (Dynamic Text)

ในการออกแบบเวบเพจหรอสราง web application โดยใช Flash

นน บางครงเราตองแสดงขอมลทมการเปลยนแปลงหรออพเดตบอยๆ

ตวอยางเชน บทความ, รายงานขาว, สภาพอากาศประจ าวน หรอผลลพธจาก

การค านวณ เปนตน รวมทงอาจตองใชรวมกบขอมลอนจากภายนอก

โปรแกรม Flash ดวย ซงขอมลเหลานจะตองแสดงผานกรอบขอความท

เรยกวา Dynamic Text โดยเราจะใชค าสง ActionScript เพอสงใหกรอบ

ขอความนแสดงผลตามตองการ

สรางขอความอนพท (Input Text)

เปนกรอบขอความเพอใหผชมไดโตตอบ (interact) กบมฟวดวย

การปอนขอมลลงไป ซงคณสามารถน าขอมลทไดนนไปแสดงผล ค านวณ ใช

เปนเงอนไข หรอจดเกบในฐานขอมลบนเซรฟเวอรตอไป โดยสวนใหญแลว

มกใชขอความอนพทรวมกบการสรางฟอรม (Form) และการเขยน

ActionScript ดงนนเพอใหคณเขาใจกบวธใชขอความอนพท

Page 15: หน่วยที่ 6 พิมพ์และจัดการกับข้อความ

สรางและใชงานฟอนตซมโบล (Font symbols)

การสรางและใชงานฟอนตซมโบล เปนอกวธหนงทจะชวยแกไข

ปญหาเรอง embedded fonts ทท าใหไฟลมฟวใหญขน โดยเปนการจดเกบ

ขอมลฟอนตไวในรปของซมโบลแลวเกบไวทไลบราร ซงจะสามารถแชร

ฟอนตนนไปใชกบไฟลมฟวอนได แมวาคอมพวเตอรทเลนมฟวจะไมได

ตดตงฟอนตดงกลาวไว เพราะโปรแกรมจะดงฟอนตจากมฟวตนฉบบมาใช

แทน

ปรบแตงรปทรงขอความ (Transforming Text)

คณสามารถดดแปลงหรอปรบแตงกรอบขอความไดเชนเดยวกบ

ออบเจคประเภทอน โดยสงทท าไดคอการปรบขนาด, หมน, บดเอน และ

พลกขอความ ทงนหลงจากปรบแลวขนาดของตวอกษร (font size) ท

ปรากฏจะไมสอดคลองกบคาทแสดงใน Property inspector อกตอไป

Page 16: หน่วยที่ 6 พิมพ์และจัดการกับข้อความ

ใสลงคใหกบขอความ

การสรางขอความเพอใชในการออกแบบเวบเพจนน คณอาจ

ตองการสรางจดลงค (Hyperlink) เพอใหผชมคลกแลวไปเปดเวบเพจอนๆ

ได ซงวธการสรางจดลงคมดงน

1. คลกเครองมอ Selection

2. เลอกขอความ

3. ปอนทอย (URL) ของเวบเพจปลายทาง

4. (ถาตองการ) คลกแลวเลอกเฟรมเปาหมาย

คนหาและแทนท

Flash มความสามารถคนหาออบเจคในมฟวไดโดยใชคณสมบต

ตางๆของออบเจคนน ไมวาจะเปนการคนหาดวยขอความ ฟอนต ส ซมโบล

ไฟลเสยง ไฟลวดโอ และภาพบทแมพ และหากตองการเปลยนแปลงก

สามารถแทนทได โดยระบขอความ คณสมบต หรอไฟลอนทจะใชแทนตาม

ตองการ ในทนจะยกตวอยางของการคนหาและแทนทเฉพาะขอความ สวน

ออบเจคอนกสามารถใชวธการเดยวกนนได

Page 17: หน่วยที่ 6 พิมพ์และจัดการกับข้อความ
Page 18: หน่วยที่ 6 พิมพ์และจัดการกับข้อความ

เปนการตรวจสอบความถกตองของค าในภาษาองกฤษ โดย

เปรยบเทยบกบ Dictionary ของโปรแกรมเอง ซงเมอพบค าผดกจะแสดง

ค าใกลเคยงทถกตองขนมาใหคณเลอกเพอแทนท แตหากค านนเปนค า

เฉพาะหรอศพทเทคนค คณกสามารถเพมลงไปใน Dictionary ได

Page 19: หน่วยที่ 6 พิมพ์และจัดการกับข้อความ

ในกรณทคณตองท างานกบไฟลทใชฟอนตซงไมมอยในเครองของ

คณ เนองจากไดรบไฟลมาจากคนอนหรอมการเปลยนเครองคอมพวเตอรก

ตาม เมอเปดไฟลเหลานนขนมาท างาน โปรแกรมจะตรวจสอบแลวแสดง

ขอความวาหาฟอนตทใชในไฟลไมพบ ใหคณเลอกฟอนตใหมมาใชแทนท

โดยเลอกระหวางฟอนต Default (ฟอนตเรมตนทมการก าหนดไว) หรอฟอนต

อนๆทมอยในเครอง

การใชภาษาไทยใน Flash CS6 นน จะใชไดเฉพาะฟอนตบางชดบาง

แบบ โดยชดทใชไดดกเชน PSL (รน AD), -DB, DSE และฟอนตจากเวบ

f0nt.com นอกจากนการใชบน Windows XP และ Vista อาจจะ

ใหผลแตกตางกน ดงนนคณจงตองทดสอบดวาฟอนตใดทสามารถใชบน

เครองของคณไดบาง

Page 20: หน่วยที่ 6 พิมพ์และจัดการกับข้อความ

อกปญหาหนงทพบในการใชฟอนตภาษาไทยคอ วรรณยกตทอยสง

กวาปกต ซงไมไดเปนขอผดพลาดทส าคญแตจะแสดงใหเหนความไมประณต

ของผสรางชนงาน ดงนนคณจงควรปรบแกไขใหสวยงาม นอกจากน ยงม

กรณพยญชนะทมหางดานบน เชน ป ฟ ฝ ซงถามสระอ อ อ ออ อยดวย

ต าแหนงของสระเหลานจะซอนทบหางพยญชนะ หรอพยญชนะ ญ กบ ฐ ซง

ถามสระอออยดวยสระจะซอนทบฐานตวอกษรท าใหไมสวยงามเชนกน

การแกปญหาเหลานสามารถท าไดหลายวธดงน

*แยกสวนประกอบ(break apart) ขอความออกจากกน แลวเลอน

ต าแหนงวรรณยกตเอง (วธนไม

สะดวกเทาใดนก จงแนะน าใหใชกบขอความทมตวอกษรไมมาก)

*การเลอกวรรณยกตมาใชเองดวยวธปอนรหส โดยกดคย Alt คางไว

แลวปอนรหสตวเลข 4 หลก

จากนนจงปลอยเมาส ซงสามารถใชไดเฉพาะบางฟอนตเทานน

Page 21: หน่วยที่ 6 พิมพ์และจัดการกับข้อความ