1lapaiamnok.files.wordpress.com · Web viewDreamweaver _____ อะโดบี...
Transcript of 1lapaiamnok.files.wordpress.com · Web viewDreamweaver _____ อะโดบี...
Dreamweaver_______________________________________________________________
อะโดบ ดรมวฟเวอร (Adobe Dreamweaver) หรอชอเดมคอ แมโครมเดย ดรมวฟเวอร (Macromedia Dreamweaver) เปนโปรแกรมแกไข HTML พฒนาโดยบรษทแมโครมเดย (ปจจบนควบกจการรวมกบบรษท อะโดบซสเตมส) สำาหรบการออกแบบเวบไซตในรปแบบ WYSIWYG กบการควบคมของสวนแกไขรหส
HTML ในการพฒนาโปรแกรมทมการรวมทงสองแบบเขาดวยกนแบบน ทำาให ดรมวฟเวอรเปนโปรแกรมทแตกตางจากโปรแกรมอนๆ ในประเภทเดยวกน ในชวงปลายป
ทศวรรษ 2533 จนถงปพ.ศ. 2544 ดรมวฟเวอรมสดสวนตลาดโปรแกรมแกไข HTML อยมากกวา 70%
ดรมวฟเวอรมทงในระบบปฏบตการแมคอนทอช และไมโครซอฟทวนโดวส ดรมวฟเวอรยงสามารถทำางานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจำาลองอยาง WINE ได รนลาสดคอ ดรมวฟเวอร CS6
การทำางาน
ดรมวฟเวอร สามารถทำางานกบภาษาคอมพวเตอรในการเขยนเวบไซตแบบไดนามค ซงมการใช HTML เปนตวแสดงผลของเอกสาร เชน ASP, ASP.NET, PHP, JSP และ ColdFusion รวมถงการจดการฐานขอมลตางๆ อกดวย และในเวอรชนลาสด (เวอรชน 8) ยงสามารถทำางานรวมกบ XML และ CSS ไดอยางงายดาย
มมมองในการทำางานกบ ดรมวฟเวอร
มมมองแบบ Code เปนมมมองทใชในการแกไขโคด HTML หากผทจะใชมมมอง Code ในการจดการกบไฟลตองมความรเกยวกบโคด HTML
มมมองแบบ Split เปนมมมองทแสดงใหเหนทงโคด HTML และมมมองปรกต ซงจะบอกใหทราบวาการทำางานกบไฟล ขณะนนอยในสวนใดของโคด HTML กบมมมองปรกต
มมมองแบบ Design เปนมมมองการทำางานปรกต ทแสดงเหมอนจรงของเอกสารเวบเพจ
การจดการไฟล
นอกจากรยงสามารถทำางานในการจดการไฟล ได ทงจดการไฟลภายในเวบไซตของตน หรอจดการเวบไซตบนเซรฟเวอร ผาน FTP
Illustrator _______________________________________________________________
Illustrator
โปรแกรม Illustrator เปนโปรแกรมสำาหรบสรางภาพลายเสนทมความคมชดสง งานภาพประกอบและงานกราฟกแบบ 2 มตตางๆ เชน การสรางโลโกสนคา จนไปถงการจดเลยเอา ตงานสงพมพ และมเครองมอทชวยเหลอในงานเวบไซตอกดวย ภาพกราฟกสามารถแบงไดเปน 2 แบบคอ 1.ภาพแบบพกเซล (pixel) คอ ภาพทเกดจากจดภาพในรปภาพทรวมกนเปนภาพขน โดยภาพหนงๆ จะประกอบไปดวยจดภาพหรอพกเซลมากมาย และเเตละภาพทสรางขนจะมความหนาเเนนของจดภาพ หรอบางครงแทนวาความละเอยด (ความคมชด)ทเเตกตางกนไป จงใชในการบอกคณสมบตของภาพ จอภาพ หรอ อปกรณแสดงผลภาพได 2.ภาพกราฟกสเวกเตอร (vector graphics) คอ ภาพทเกดจากการกำาหนดพกดและการคำานวณคาบนระนาบสองมต รวมทงมมและระยะทาง ตามทฤษฎเวกเตอรในทางคณตศาสตร ในการกอใหเกดเปน เสน หรอรปภาพ ขอดคอ ทำาใหสามารถยอขยายได โดยคณภาพไมเปลยนแปลง ขอเสยคอภาพไมเหมอนภาพจรงเปนไดเพยงภาพวาด หรอใกลเคยงภาพถายเทานน ขอมลภาพพวกนไดเเกไฟลสกล eps, ai (adobe illustrator) เปนตน ** โปรแกรม Illustrator ทำางานแบบ vector graphics
รนลาสดคอ Illustrator CC
ความแตกตางระหวางรปแบบ Pixel และแบบ vector
Illustrator นนทำางานแบบ vector คอจะใชในงานการเขยนภาพ 2 มต เปนโปรแกรมทมประโยชนมากในการทำาเวบไซต เพราะทำาใหผใชงานสามารถวาดรปทตองการขนมาเองได แตกตางจาก Photoshop ทจะตองนำาภาพอนมาแตงเพอใหเปนรปทตองการ ถงแมวาปจจบน Photoshop จะพฒนาเครองมอทสามารถสรางภาพ vector ไดแตความสะดวกกยงไมสการใชงาน Illustrator อยด ซงในการทำางานจรงๆแลวจะตองอาศยเครองมอทง Photoshop และ Illustrator ควบคกนจงจะไดเปนชนงานขนมา ซงทง 2 โปรแกรมกทำางานควบคกนไดด สวนหนงกมาจากวาทง 2 โปรมแกรมมาจากบรษทเดยวกน( Photoshop , Illustrator มาจากบรษท Adobe)
แนะนำาเครองมอการใชโปรแกรมSelection tool
Create tool
Selection tool เครองมอกลมนวาดวยเรองการเลอกวตถCreate tool เครองมอกลมนวาดวยการสราง objects ไมวาจะเปนเสน รปทรง
ตางๆ และตวหนงสอTransform tool เครองมอกลมนใชในการปรบแตงรปทรงของวตถ ไมวาจะเปนหมน เอยง บด กลบดาน ยอ ขยาย นอกจากนยงมเอฟเฟคตางๆดวยSpecial tool เปนเครองมอใหมทจดการเกยวกะ Symbol และ graphView tool กลมเครองมอกลมนจะเนนทมมมองเปนหลก
Adobe Flashอะโดบ แฟลช (องกฤษ: Adobe Flash) อะ
โดบ แฟลช (องกฤษ: Adobe Flash) (ในชอเดม ชอกเวฟแฟลช - Shockwave Flash และ แมโครมเดยแฟลช - Macromedia Flash) เปนโปรแกรมทใชในการเขยนสอมลตมเดยทเอาไวใชสรางเนอหาเกยวกบ Flash ซงตว Flash Player พฒนาและเผย
Transform tool
แพรโดย อะโดบซสเตมส (เรมตนพฒนาโดยบรษท ฟวเจอรแวร ตอนหลงเปลยนเปน แมโครมเดย ซงภายหลงถกควบรวมกจการเขากบ อะโดบ ) ซงเปนโปรแกรมททำาให เวบเบราวเซอร สามารถแสดงตวมนได ซงมนมความสามารถในการรองรบ ภาพแบบเวกเตอร และ ภาพแบบแรสเตอร และมภาษาสครปตทเอาไวใชเขยนโดยเฉพาะเรยกวา แอกชนสครปต (ActionScript) และยงสามารถเลนเสยงและวดโอ แบบสเตรโอได
รนลาสดคอ Adobe Flash CS6
แฟลช คอโปรแกรมแบบ integrated development environment (IDE) และ Flash Player คอ virtual machine ทใชในการทำางานงานของไฟล แฟลชซงในภาษาพดเราจะเรยกทงสองคำานในความหมายเดยวกน: "แฟลช" ยงสามารถความความถงโปรแกรมเครองมอตางๆตวแสดงไฟลหรอ ไฟลโปรแกรม
แฟลชเรมมชอเสยงประมาณป ค.ศ. 1996 หลงจากนน เทคโนโลยแฟลชไดกลายมาเปนทนยมในการเสนอ แอนเมชน และ อนเตอรแอกทฟ ในเวบเพจ และในโปรแกรมหลายๆ โปรแกรมระบบ และ เครองมอตางๆ ทมความสามารถในการแสดง แฟลชได และ แฟลชยงเปนทนยมในการใชสราง แคอมพวเตอรแอนเมชนโฆษณาออกแบบสวนตางๆ ของเวบเพจใสวดโอบนเวบ และอนๆ อกมากมาย
ไฟล Flash ในบางครงอาจเรยกวา "flash movies"โดยทวไปกบไฟลทมนามสกล .swf และ .flv
สวนประกอบของหนาตางโปรแกรม
Title Bar แถบชอเรอง เปนสวนแสดงชอโปรแกรม และชอไฟลทกำาลงทำางานอย รวมถงปมควบคมหนาตางโปรแกรม
Menu Bar แถบเมนแสดงรายการคำาสงตางๆ ของโปรแกรม Toolbar แสดงปมเครองมอการทำางานมาตรฐานของโปรแกรม เชน ปม
เปดงานใหม, เปดไฟลเอกสาร, จดเกบไฟล เปนตน Toolbox แสดงปมเครองมอเปนสวนรวบรวมเครองมอชนดตาง ๆ ในการ
สราง ปรบแตง และแกไขชนงาน ทอยใน Movie โดยแบงเปน 4 กลมยอยคอ กลมเครองมอ กลมมมมอง กลมกำาหนดส และกลมออบชนของเครองมอ
Timeline หนาตางแสดงเสนควบคมเวลาสำาหรบการนำาเสนอผลงาน ประกอบดวยสวนทำางานเกยวกบ Layer และ Timeline
เราแบงไทมไลนเปน 2 สวนใหญๆ ไดแก
สวนแสดงเลเยอร (Layer) ซงแตละเลเยอรเปรยบเหมอนแผนใสทสามารถวางภาพหรอออบเจกตได โดยแตละเลเยอรนนแยกเปนอสระตอกน แตประกอบกนเปนชนงานเดยว (เราจะกลาวถงเรองเลเยอรเพมเตมภายหลง)
สวนเฟรม (Frame) ทแสดงชองเฟรมตางๆ ซงทำางานเหมอนกบเฟรมทประกอบกนเปนภาพยนตรโดยเมอมการนำาเฟรมเหลานมาแสดงอยางตอเนองกจะทำาใหเกดภาพเคลอนไหว ทงน Frame จะแสดงผลอ ทละเฟรม โดยจะมหวอาน (Playhead) ทเปนสนสแดงคอยบอกตำาแหนงวากำาลงทำางานอยทเฟรมใด
เราสามารถเปด/ปดไทมไลนนไดโดยคำาสง View > Thmeline ใหมเครองหมายถกอยหนาคำาวา Thmeline เพอเปดไทมไลน และใชคำาสง View > Thmeline อกครงยกเลกเครองหมายถกเพอปดไทมไลนซงเราอาจเปรยบการทำางานของไทมไลนเหมอนกบมวนฟลม ในขณะทสเตจคอสวนทแสดงแตละเฟรมในมวนฟลมนนตามลำาดบทกำาหนดไว
เราสามารถแบงไฟลชนงานทสรางเปนสวนยอยๆ ทเรยกวาฉากหรอซน (Scene) โดยในโดยในมฟวหนงๆ จะประกอบดวยซนหรอหลายซนกได เนองจากจะทำางานไดทละซนนนจงตองเลอกซนทจำาทำางานดยโดยคลกทเมน Window >
Other Panels > Scene หรอเลอกใชปม การแทรกซนสามารถแทรกไดโดยเลอกทเมนคำาสง Inserts > Scene1
พาเนล
(Panels) พาเนลคอหนาตางทรวบรวมเครองมอตางๆ สำาหรบใชในการปรบแตงออบเจกต ซงใน Flash ไดมการจดพาเนลตางๆ ไวอยางเปนหมวดหมตามหนาทของมนใหเราเรยกใชได
พนทสขาวบรเวณกลางจอคอ สเตจ เปนพนทใชจดวางออบเจกตตาง ๆ ทตองการแสดงใหเหน ในชนงาน สวนพนทสเทาดานนอกบรเวณสขาวคอ Pasteboard เปนบรเวณทสามารถนำาออบเจกต ตาง ๆ มาวาง พกไวหรอวางซอนไวไดเพราะบรเวณนจะไมแสดงผลเวลาทเรา Export Movie เปนไฟล .SWF
ตวอยางหนาตางโปรแกรม