通過axure做原型設計生成的html代碼,能不能夠讓開發(fā)直接用，要分兩個方面來看（可用和不可用）一.可用如果是給自己公司或者自己個人做的東西，對頁面的代碼規(guī)范，沒有特別的要求，開發(fā)時間充足的話，那么可以嵌套使用不在意頁面中的冗余代碼較多不考慮后期的優(yōu)化與改動不在意頁面加載速度的快慢問題二.不可用商用網(wǎng)站頁面，不要直接使用，還是開發(fā)標準的html頁面在進行嵌套較好頁面代碼不規(guī)范，嵌套使用不方便頁面代碼雜亂，代碼冗余量較大，不利于后期的優(yōu)化三.示例圖總結(jié)：如上圖所示，開發(fā)一個頁面的話，axure做完原型圖以后，會生成自帶的.html文件，但是文件需要加載的項較多，能不能夠使用，要看開發(fā)人的需求與實際情況

網(wǎng)站設計八步驟 由于目前所見即所得類型的工具越來越多，使用也越來越方便，所以制作網(wǎng)頁已經(jīng)變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經(jīng)過短暫的學習就可以學會制作網(wǎng)頁，于是他們認為網(wǎng)頁制作非常簡單，就匆匆忙忙制作自己的網(wǎng)站，可是做出來之后與別人一比，才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙，這是為什么呢？常言道：“性急吃不了熱豆腐”。建立一個網(wǎng)站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網(wǎng)站。 一、確定網(wǎng)站主題 網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找準一個自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。 二、搜集材料 明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。 三、規(guī)劃網(wǎng)站 一個網(wǎng)站設計得成功與否，很大程度上決定于設計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設置、網(wǎng)站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項具體內(nèi)容，我們在下面會有詳細介紹。四、選擇合適的制作工具 盡管選擇什么樣的工具并不會影響你設計網(wǎng)頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者當然是Dreamweaver和Frontpage了，如果是初學者，F(xiàn)rontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁特效工具，如有聲有色等，網(wǎng)上有許多這方面的軟件，你可以根據(jù)需要靈活運用。 五、制作網(wǎng)頁 材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設計好，然后再逐步完善小的結(jié)構(gòu)設計。所謂先簡單后復雜，就是先設計出簡單的內(nèi)容，然后再設計復雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率。 六、上傳測試 網(wǎng)頁制作完畢，最后要發(fā)布到Web服務器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁逐個鏈接的進行測試，發(fā)現(xiàn)問題，及時修改，然后再上傳測試。全部測試完畢就可以把你的網(wǎng)址告訴給朋友，讓他們來瀏覽。 七、推廣宣傳 網(wǎng)頁做好之后，還要不斷地進行宣傳，這樣才能讓的朋友認識它，提高網(wǎng)站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網(wǎng)站交換鏈接、加入廣告鏈等。 八、維護更新 網(wǎng)站要注意經(jīng)常維護更新內(nèi)容，保持內(nèi)容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內(nèi)容，才能夠吸引住瀏覽者 這是整體上的步驟，至每一個步驟我們還可以進一步分。越詳細應該是越好的。

利用Dreamweaver制作一個個人虛擬網(wǎng)站的步驟如下：1、打開DW，DW界面如圖2、分析所制作的網(wǎng)頁的需求，明確目標3、明確需求。如果是建議一個網(wǎng)站，需要建立一個站點，方便管理并使制作步驟更為有條理。4、新建站點彈出來的窗口。在這里以“新聞網(wǎng)頁”來舉例，放在Dreamwaver CS6文件夾下的新聞網(wǎng)頁文件夾5、在新聞網(wǎng)頁文件夾下新建“images”文件，導入制作網(wǎng)頁所需要的素材，這里所需要的素材都是圖片6、新建HTML，選擇“創(chuàng)建”7、在“標題”中輸入“新聞網(wǎng)頁首頁”，轉(zhuǎn)換到“設計”界面8、根據(jù)制作網(wǎng)頁需求插入表格，只是在行列有所變化，下面的“表格寬度”以下選項根據(jù)圖設置9、插入表格如圖，選擇表格，會看到表格邊框變紅，選擇之后變黑。在屬性中對齊選項選擇“居中對齊”10、在表格第一行第一列輸入“用戶名”，在第一行第二個表格插入“文件域”。然后是密碼，同樣的插入“文件域”。切換到“拆分”界面，選中密碼對應的“文件域”，將“type”改為“password”11、插入圖像，不知道怎么填的話就一直選擇“確定”即可12、插入按鈕，同上面插入圖像的處理方法那樣處理，如果不知道填什么就一直“確定”，無妨。在屬性欄里的值改為“登錄”。然后插入圖像“谷歌logo”，附上效果圖13、選中第二行，點擊鼠標右鍵，選擇“表格”，“合并單元格”14、在第二行插入圖片。完成頁面制作。保存HTML文件。然后在站點“新聞網(wǎng)頁”可以看到保存的HTML文件15、點擊制作好的HTML文件，選擇用360瀏覽器打開，輸入用戶名和密碼，然后會看到如下情況：用戶名課件，密碼不可見，符合實際16、當然也可以在Dreamwaver CS6 的實時視圖中完成第15步

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

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

html 和 javascript、css 語言PHOTOSHOP和網(wǎng)頁制作軟件Dreamweaver、還有Flash 、Firewokks、FrontPage等。動態(tài)網(wǎng)頁要涉及的多媒體知識，涉及到的多媒體軟件會。

1.精通Photoshop、Dreamweaver、Flash、Illustrator或Freehand等矢量圖形編輯軟件；2.具備較強的網(wǎng)頁美術設計能力和很深的美術功底，極好地把握視覺色彩與網(wǎng)站布局；3.較強的分析問題和解決問題的能力；細致的觀察能力，較強的創(chuàng)造力；對產(chǎn)品流程、用戶操作流程及用戶使用習慣有深入理解，掌握用戶研究、可用性測試和評估技能，有很強的交互和視覺創(chuàng)新能力；4.熟悉HTML，XML，DIV，CSS，熟練運用DIV+CSS制作網(wǎng)頁，能夠手寫代碼者優(yōu)先。關系：交互設計師主要是研究用戶需求和界面的關系，并且根據(jù)這種關系，對產(chǎn)品的功能和界面交互模塊進行設計和規(guī)劃。例如要做一個網(wǎng)站，交互設計師主要考慮的問題是，這個網(wǎng)站的目標人群是誰，滿足他們的什么需求，目標用戶有什么樣的操作習慣。根據(jù)分析相關的需求調(diào)研數(shù)據(jù)，交互設計師會建立一個或者幾個用戶模型，然后分析這些用戶的使用習慣，建立網(wǎng)站的設計原型，這個原型可以是普通的相框稿，也有可能是一個高保真模型，但是并不需要設計元素細節(jié)和具體的視覺效果。一般來說，交互設計師的工作內(nèi)容就到此為止了。UI設計師，顧名思義，會更側(cè)重用戶界面的設計，前面那些用戶模型、需求分析什么的，UI設計師一般不用參與，等交互設計師把這些工作都搞定了，完成了一個設計原型之后，UI設計師再對頁面的細節(jié)進行設計和優(yōu)化，所以UI設計師的工作會根偏向視覺一些。不過這兩個工作的交叉點還是很多的，如果做交互的有UI設計的經(jīng)歷，那么做產(chǎn)品原型的時候就會更加規(guī)范和美觀，如果做UI設計的有交互設計的經(jīng)歷，那么在進行具體設計的時候就會更加關注用戶需求和用戶體驗，所以有的公司招交互設計師，要負責UI方面的工作，有的招UI，卻要有交互的從業(yè)背景~~你要想學UI設計的話，建議你去國信安吧。很好的。

1、dreamweaver——集WEB端網(wǎng)頁設計和網(wǎng)站管理于一身的所見即所得網(wǎng)頁編輯器2、Axure——原型設計工具，主要設計WEB原型3、墨客——原型設計工具，對PC端和WEB端都很友好以上這幾款使用率都比較高，最近幾年用Axure原型設計的較多。DW工具比較早。

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