CAD是computer aided design 計(jì)算機(jī)輔助設(shè)計(jì)的縮寫。通常指的是計(jì)算機(jī)輔助設(shè)計(jì)的繪圖工具軟件。常用來進(jìn)行工程、機(jī)械制圖。

Banner制作 你一定見過網(wǎng)頁中會(huì)動(dòng)的廣告Banner。變換的圖片很能吸引瀏覽者的注意。它實(shí)際上是一個(gè)動(dòng)態(tài)的GIF圖形文件，也就是一個(gè)包含兩張以上獨(dú)立GIF圖形文件或Frame(幀)的文件。每一幀均設(shè)定了畫面播放時(shí)間與重播次數(shù)?？梢栽贕IF制作軟件中指定每一個(gè)輪回的動(dòng)畫播放時(shí)間與回放次數(shù)。 目前市場(chǎng)上制作GIF動(dòng)畫的軟件相當(dāng)多，友立公司的Ulead Gif Animator以其簡單易用，功能強(qiáng)大而受到良好的評(píng)價(jià)，是一款值得推薦的Gif動(dòng)畫制作軟件。下面我們用它來制作一個(gè)468X60像素大小的廣告Banner。 1.在PhotoShop中制作四張468X60像素的圖片，并將其導(dǎo)出為Gif格式。 2.運(yùn)行Ulead Gif Animator，此時(shí)會(huì)出現(xiàn)一個(gè)“開始向?qū)А泵姘?，注意到“開始向?qū)А泵姘迳系腁nimation Wizard項(xiàng)，通過它可以決定置入哪些畫面，每個(gè)畫面播放多少時(shí)間等控制信息。 3.單擊Animation Wizard項(xiàng)前的茶杯圖標(biāo)，在彈出的選擇文件面板中單擊“增加圖像”按鈕，在隨后彈出的打開菜單中，選擇要置入的圖片，我們選擇前面在PhotoShop中制作的四幅圖片，選好之后單擊下一步按鈕。 4.在圖像類型菜單中選擇以文字為導(dǎo)向的圖像Text-oriented，單擊下一步按鈕。注意：若是以文字為導(dǎo)向的圖像，文字圖像的顏色比較少，可以不進(jìn)行遞色處理，這樣可減小文件的大小，但如果是較復(fù)雜的相片圖像，則需進(jìn)行遞色處理以求得較好的影像品質(zhì)。 5.在幀延續(xù)時(shí)間面板上設(shè)置每幀延續(xù)的時(shí)間和幀速率。注意：GIF89a的動(dòng)畫圖像結(jié)合了多張的個(gè)別圖像，它們都是獨(dú)立的Frame（幀或影格）文件，每一影格均須設(shè)置畫面的播放時(shí)間及重播次數(shù)。 6.在完成菜單中點(diǎn)擊Finish按鈕，完成動(dòng)畫的基本制作。單擊編輯區(qū)中的Preview按鈕，預(yù)覽動(dòng)畫的效果。 7.打開File菜單，選擇Optimization Wizard(或按下F11鍵)，啟動(dòng)最佳化向?qū)А?8.在彈出菜單中選擇Yes，使用預(yù)設(shè)的項(xiàng)目以控制調(diào)色板的顏色數(shù)目，然后單擊下一步按鈕。 9.在彈出的菜單中勾選No，然后在圖片顏色數(shù)項(xiàng)中設(shè)置其值為32色。注意：視圖像情況以決定顏色數(shù)目方框中的數(shù)值，若以文字為導(dǎo)向的圖像，最好勾選“No”項(xiàng)目。 10.在彈出菜單中均選擇Yes，移除多余的像素，移除注解區(qū)塊，移除層標(biāo)志，這樣可以減小文件尺寸。 11.在最后彈出的菜單中列出了剛才的設(shè)定，單擊Finish按鈕完成優(yōu)化。 12.隨后彈出Gif Optimization菜單，顯示了優(yōu)化前后的文件尺寸大小對(duì)比，單擊Save as按鈕，如圖6，將其保存。 注意：一般情況下，Banner的大小不要超過30KB，否則會(huì)增加網(wǎng)絡(luò)負(fù)擔(dān)，在本例中，這個(gè)Banner優(yōu)化之后只有18.4 KB。

標(biāo)注用pxcook足夠了

FrontPage使用簡單，會(huì)用Word 就能做網(wǎng)頁，相對(duì)Dreamweaver等軟件更容易上手。但是微軟在2006年年底前停止提供FrontPage軟件?，F(xiàn)在初學(xué)網(wǎng)頁制作Dreamweaver是比較流行，也是比較好用的一款網(wǎng)頁制作軟件。Dreamweaver是所見即所得網(wǎng)頁編輯器，操作容易，操作改變網(wǎng)頁位置或檔案名稱，Dreamweaver會(huì)自動(dòng)更新所有鏈接。使用支援文字、HTML碼、HTML屬性標(biāo)簽和一般語法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡單。

設(shè)計(jì)網(wǎng)頁現(xiàn)在通常用到的學(xué)習(xí)軟件，現(xiàn)在幫你羅列如下：(1)Photoshop：學(xué)習(xí)圖像處理、編輯、通道、圖層、路徑綜合運(yùn)用;圖像色彩的校正；各種特效濾鏡的使用;特效字的制作;圖像輸出與優(yōu)化等,靈活運(yùn)用圖層風(fēng)格，流體變形及褪底和蒙板，制作出千變?nèi)f化的圖像特效。(2)CorelDraw：通過CorelDRAW9的全方面的設(shè)計(jì)及網(wǎng)頁功能融合到現(xiàn)有的設(shè)計(jì)方案中，制作矢量的插圖、設(shè)計(jì)及圖像，出色地設(shè)計(jì)公司標(biāo)志、簡報(bào)、彩頁、手冊(cè)、產(chǎn)品包裝、標(biāo)識(shí)、網(wǎng)頁及其它。(3)PageMaker：學(xué)習(xí)排版設(shè)計(jì)的基本法則、使用方法與技巧，工具箱、快捷鍵的使用，菜單功能及操作技巧，出版物、書籍、宣傳彩頁、出片輸出注意事項(xiàng)，報(bào)紙雜志等的高級(jí)專業(yè)排版制作的方法。(4)Illustrator：學(xué)習(xí)圖形繪制、包裝、宣傳頁的制作，讓你更加方便地進(jìn)行LOGO及CI設(shè)計(jì)，不到一個(gè)月，您就會(huì)成為一名真正的美術(shù)大師，在Photoshop的基礎(chǔ)上再學(xué)它如虎添翼，效率成倍提高。(5)①DreamWeaver, 自制動(dòng)態(tài)HTML動(dòng)畫的網(wǎng)頁.DreamWeaver是一個(gè)很酷的網(wǎng)頁設(shè)計(jì)軟件，它包括可視化編輯、HTML代碼編輯的軟件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過拖拽從頭到尾制作動(dòng)態(tài)的HTML動(dòng)畫，支持動(dòng)態(tài)HTML(Dynamic HTML)的設(shè)計(jì)，使得頁面沒有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁面的動(dòng)畫。同時(shí)它還提供了自動(dòng)更新頁面信息的功能。 DreamWeaver還采用了Roundtrip HTML技術(shù)。這項(xiàng)技術(shù)使得網(wǎng)頁在DreamWeaver和HTML代碼編輯器之間進(jìn)行自由轉(zhuǎn)換，HTML句法及結(jié)構(gòu)不變。這樣，專業(yè)設(shè)計(jì)者可以在不改變?cè)芯庉嬃?xí)慣的同時(shí)，充分享受到可視化編輯帶來的益處。DreamWeaver最具挑戰(zhàn)性和生命力的是它的開放式設(shè)計(jì)，這項(xiàng)設(shè)計(jì)使任何人都可以輕易擴(kuò)展它的功能。

UI設(shè)計(jì)軟件相關(guān)的技術(shù)學(xué)習(xí)UI圖形界面設(shè)計(jì)，常用的幾個(gè)軟件分別是Photoshop、Illustrator、fireworks.一、Photoshop介紹：多數(shù)人對(duì)于PHOTOSHOP的了解僅限于“一個(gè)很好的圖像編輯軟件”，并不知道它的諸多應(yīng)用方面，實(shí)際上，PHOTOSHOP的應(yīng)用領(lǐng)域很廣泛的，在圖像、圖形、文字、視頻、出版各方面都有涉及。請(qǐng)看下面介紹： 1、平面設(shè)計(jì) 平面設(shè)計(jì)是PHOTOSHOP應(yīng)用最為廣泛的領(lǐng)域，無論是我們正在閱讀的圖書封面，還是大街上看到的招帖、海報(bào)，這些具有豐富圖像的平面印刷品，基本上都需要PHOTOSHOP軟件對(duì)圖像進(jìn)行處理。 2、修復(fù)照片 PHOTOSHOP具有強(qiáng)大的圖像修飾功能。利用這些功能，可以快速修復(fù)一張破損的老照片，也可以修復(fù)人臉上的斑點(diǎn)等缺陷。 3、廣告攝影 廣告攝影作為一種對(duì)視覺要求非常嚴(yán)格的工作，其最終成品往往要經(jīng)過PHOTOSHOP的修改才能得到滿意的效果。 4、影像創(chuàng)意 影像創(chuàng)意是PHOTOSHOP的特長，通過PHOTOSHOP的處理可以將原本風(fēng)馬牛不相及的對(duì)象組合在一起，也可以使用“貍貓換太子”的手段使圖像發(fā)生面目全非的巨大變化。 5、藝術(shù)文字 當(dāng)文字遇到PHOTOSHOP處理，就已經(jīng)注定不再普通。利用PHOTOSHOP可以使文字發(fā)生各種各樣的變化，并利用這些藝術(shù)化處理后的文字為圖像增加效果。 6、網(wǎng)頁制作 網(wǎng)絡(luò)的普及是促使人需要掌握PHOTOSHOP的一個(gè)重要原因。因?yàn)樵谥谱骶W(wǎng)頁時(shí)PHOTOSHOP是必不可少的網(wǎng)頁圖像處理軟件。 7、建筑效果圖后期修飾 在制作建筑效果圖包括許多三維場(chǎng)景時(shí)，人物與配景包括場(chǎng)景的顏色常常需要在PHOTOSHOP中增加并調(diào)整。 8、繪畫 由于PHOTOSHOP具有良好的繪畫與調(diào)色功能，許多插畫設(shè)計(jì)制作者往往使用鉛筆繪制草稿，然后用PHOTOSHOP填色的方法來繪制插畫。 除此之外，近些年來非常流行的像素畫也多為設(shè)計(jì)師使用PHOTOSHOP創(chuàng)作的作品。 9、繪制或處理三維帖圖 在三維軟件中，如果能夠制作出精良的模型，而無法為模型應(yīng)用逼真的帖圖，也無法得到較好的渲染效果。實(shí)際上在制作材質(zhì)時(shí)，除了要依靠軟件本身具有材質(zhì)功能外，利用PHOTOSHOP可以制作在三維軟件中無法得到的合適的材質(zhì)也非常重要。 10、婚紗照片設(shè)計(jì) 當(dāng)前越來越多的婚紗影樓開始使用數(shù)碼相機(jī)，這也便得婚紗照片設(shè)計(jì)的處理成為一個(gè)新興的行業(yè)。 11、視覺創(chuàng)意 視覺創(chuàng)意與設(shè)計(jì)是設(shè)計(jì)藝術(shù)的一個(gè)分支，此類設(shè)計(jì)通常沒有非常明顯的商業(yè)目的，但由于他為廣大設(shè)計(jì)愛好者提供了廣闊的設(shè)計(jì)空間，因此越來越多的設(shè)計(jì)愛好者開始了學(xué)習(xí)PHOTOSHOP，并進(jìn)行具有個(gè)人特色與風(fēng)格的視覺創(chuàng)意。 12、圖標(biāo)制作 雖然使用PHOTOSHOP制作圖標(biāo)在感覺上有些大材小用，但使用此軟件制作的圖標(biāo)的確非常精美。 13、界面設(shè)計(jì) 界面設(shè)計(jì)是一個(gè)新興的領(lǐng)域，已經(jīng)受到越來越多的軟件企業(yè)及開發(fā)者的重視，雖然暫時(shí)還未成為一種全新的職業(yè)，但相信不久一定會(huì)出現(xiàn)專業(yè)的界面設(shè)計(jì)師職業(yè)。在當(dāng)前還沒有用于做界面設(shè)計(jì)的專業(yè)軟件，因此絕大多數(shù)設(shè)計(jì)者使用的都是PHOTOSHOP。 上述列出了PHOTOSHOP應(yīng)用的13大領(lǐng)域，但實(shí)際上其應(yīng)用不止上述這些。例如，目前的影視后期制作及二維動(dòng)畫制作，PHOTOSHOP也有所應(yīng)用的。二、Illustrator介紹 Illustrator是美國ADOBE(奧多比)公司推出的專業(yè)矢量繪圖工具。Adobe Illustrator是出版、多媒體和在線圖像的工業(yè)標(biāo)準(zhǔn)矢量插畫軟件。無論您是生產(chǎn)印刷出版線稿的設(shè)計(jì)者和專業(yè)插畫家、生產(chǎn)多媒體圖像的藝術(shù)家、還是互聯(lián)網(wǎng)頁或在線內(nèi)容的制作者，都會(huì)發(fā)現(xiàn)Illustrator 不僅僅是一個(gè)藝術(shù)產(chǎn)品工具。該軟件為您的線稿提供無與倫比的精度和控制，適合生產(chǎn)任何小型設(shè)計(jì)到大型的復(fù)雜項(xiàng)目。 作為全球最著名的圖形軟件Illustrator，以其強(qiáng)大的功能和體貼用戶的界面已經(jīng)占據(jù)了全球矢量編輯軟件中的大部分份額。具不完全統(tǒng)計(jì)全球有97%的設(shè)計(jì)師在使用Illustrator進(jìn)行藝術(shù)設(shè)計(jì)！尤其基于Adobe公司專利的PostScript技術(shù)的運(yùn)用，Illustrator已經(jīng)完全占領(lǐng)專業(yè)的印刷出版領(lǐng)域。無論你是線稿的設(shè)計(jì)者和專業(yè)插畫家、生產(chǎn)多媒體圖像的藝術(shù)家、還是互聯(lián)網(wǎng)頁或在線內(nèi)容的制作者，使用過Illustrator后都會(huì)發(fā)現(xiàn)，其強(qiáng)大的功能和簡潔的界面設(shè)計(jì)風(fēng)格只有Freehand能相比！三、Fireworks介紹 Adobe Fireworks CS3 軟件可以加速 Web 設(shè)計(jì)與開發(fā), 是一款創(chuàng)建與優(yōu)化 Web 圖像和快速構(gòu)建網(wǎng)站與 Web 界面原型的理想工具。Fireworks CS3 不僅具備編輯矢量圖形與位圖圖像的靈活性, 還提供了一個(gè)預(yù)先構(gòu)建資源的公用庫, 并可與 Adobe Photoshop CS3、Adobe Illustrator CS3、Adobe Dreamweaver CS3 和 Adobe Flash CS3 軟件省時(shí)集成。 在 Fireworks 中將設(shè)計(jì)迅速轉(zhuǎn)變?yōu)槟Ｐ? 或利用來自 Illustrator、Photoshop 和 Flash 的其它資源。 然后直接置入 Dreamweaver CS3 中輕松地進(jìn)行開發(fā)與部署

設(shè)計(jì)網(wǎng)頁現(xiàn)在通常用到的學(xué)習(xí)軟件，現(xiàn)在幫你羅列如下：(1)Photoshop：學(xué)習(xí)圖像處理、編輯、通道、圖層、路徑綜合運(yùn)用;圖像色彩的校正；各種特效濾鏡的使用;特效字的制作;圖像輸出與優(yōu)化等,靈活運(yùn)用圖層風(fēng)格，流體變形及褪底和蒙板，制作出千變?nèi)f化的圖像特效。(2)CorelDraw：通過CorelDRAW9的全方面的設(shè)計(jì)及網(wǎng)頁功能融合到現(xiàn)有的設(shè)計(jì)方案中，制作矢量的插圖、設(shè)計(jì)及圖像，出色地設(shè)計(jì)公司標(biāo)志、簡報(bào)、彩頁、手冊(cè)、產(chǎn)品包裝、標(biāo)識(shí)、網(wǎng)頁及其它。(3)PageMaker：學(xué)習(xí)排版設(shè)計(jì)的基本法則、使用方法與技巧，工具箱、快捷鍵的使用，菜單功能及操作技巧，出版物、書籍、宣傳彩頁、出片輸出注意事項(xiàng)，報(bào)紙雜志等的高級(jí)專業(yè)排版制作的方法。(4)Illustrator：學(xué)習(xí)圖形繪制、包裝、宣傳頁的制作，讓你更加方便地進(jìn)行LOGO及CI設(shè)計(jì)，不到一個(gè)月，您就會(huì)成為一名真正的美術(shù)大師，在Photoshop的基礎(chǔ)上再學(xué)它如虎添翼，效率成倍提高。(5)①DreamWeaver, 自制動(dòng)態(tài)HTML動(dòng)畫的網(wǎng)頁.DreamWeaver是一個(gè)很酷的網(wǎng)頁設(shè)計(jì)軟件，它包括可視化編輯、HTML代碼編輯的軟件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過拖拽從頭到尾制作動(dòng)態(tài)的HTML動(dòng)畫，支持動(dòng)態(tài)HTML(Dynamic HTML)的設(shè)計(jì)，使得頁面沒有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁面的動(dòng)畫。同時(shí)它還提供了自動(dòng)更新頁面信息的功能。 DreamWeaver還采用了Roundtrip HTML技術(shù)。這項(xiàng)技術(shù)使得網(wǎng)頁在DreamWeaver和HTML代碼編輯器之間進(jìn)行自由轉(zhuǎn)換，HTML句法及結(jié)構(gòu)不變。這樣，專業(yè)設(shè)計(jì)者可以在不改變?cè)芯庉嬃?xí)慣的同時(shí)，充分享受到可視化編輯帶來的益處。DreamWeaver最具挑戰(zhàn)性和生命力的是它的開放式設(shè)計(jì)，這項(xiàng)設(shè)計(jì)使任何人都可以輕易擴(kuò)展它的功能。

網(wǎng)頁設(shè)計(jì)，不知道你是單純的設(shè)計(jì)還是設(shè)計(jì)加制作?，F(xiàn)在來說，設(shè)計(jì)軟件越來越多，可以選擇的余地比較大。以前流行的說法是網(wǎng)頁三劍客：Dreamweaver、firework、flash?，F(xiàn)在來說，個(gè)人還是喜歡：設(shè)計(jì)類：Photoshop（數(shù)字）、illustrator（矢量）、flash（動(dòng)畫）。網(wǎng)頁編程類：Dreamweaver（html+div+css）myeclipse eclipse notepad++ editplus等等很多優(yōu)秀軟件。