1lapaiamnok.files.wordpress.com  · Web viewDreamweaver _____ อะโดบี...

Post on 03-Oct-2020

4 views 0 download

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

ตวอยางหนาตางโปรแกรม