前端開發(fā)工程師獨立出來主要就是做數(shù)據(jù)交互、后臺處理、SEO優(yōu)化等工作，要熟練各種腳本語言和運行環(huán)境，熟悉XML、SQL、ORACLE等數(shù)據(jù)庫，熟悉AJXA、Jquery、Slivelight、Struct2、CSS4、Html5等網(wǎng)站處理技術(shù)。網(wǎng)頁設(shè)計（web design，又稱為Web UI design，WUI design，WUI），是根據(jù)企業(yè)希望向瀏覽者傳遞的信息（包括產(chǎn)品、服務(wù)、理念、文化），進(jìn)行網(wǎng)站功能策劃，然后進(jìn)行的頁面設(shè)計美化工作。作為企業(yè)對外宣傳物料的其中一種，精美的網(wǎng)頁設(shè)計，對于提升企業(yè)的互聯(lián)網(wǎng)品牌形象至關(guān)重要。網(wǎng)頁設(shè)計一般分為三種大類：功能型網(wǎng)頁設(shè)計（服務(wù)網(wǎng)站&B/S軟件用戶端）、形象型網(wǎng)頁設(shè)計（品牌形象站）、信息型網(wǎng)頁設(shè)計（門戶站）。設(shè)計網(wǎng)頁的目的不同，應(yīng)選擇不同的網(wǎng)頁策劃與設(shè)計方案。網(wǎng)頁設(shè)計的工作目標(biāo)，是通過使用更合理的顏色、字體、圖片、樣式進(jìn)行頁面設(shè)計美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗。高級的網(wǎng)頁設(shè)計甚至?xí)紤]到通過聲光、交互等來實現(xiàn)更好的視聽感受。網(wǎng)頁設(shè)計主要以Adobe產(chǎn)品為主，常見的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代碼工具，其他是圖形圖像和FL動畫工具。還有最近幾年Adobe新出的EdgeReflow、EdgeCode、Muse。

　　Eclipse開發(fā)環(huán)境下Java可視化編程?！　∈紫却蜷_eclipse　　Help→Instal New Software　　在Work with輸入　　http://download.eclipse.org/windowbuilder/WB/release/R201506241200-1/4.4/　　這里把4.4改成你自己的eclipse版本號，如果搜索不到適合版本的，再選擇4.4版本　　將下方出現(xiàn)的全部安裝?！　〉劝惭b完成后，要重啟eclipse?！　觘clipse　　在包名上右鍵→New→Other→WindowBuilder　　該文件夾下，就是實現(xiàn)可視化編程功能　　然后輸入類名，完成創(chuàng)建?！　?chuàng)建完成會直接出現(xiàn)基本代碼　　在代碼最下，有兩個按鍵　　Source就是當(dāng)前頁面的代碼　　Design就是可視化編程設(shè)計界面　　點擊Design后，稍等一會?！　‘?dāng)出現(xiàn)設(shè)計界面，就可以設(shè)計圖形界面了?！　≡模篽ttp://blog.csdn.net/dkbnull/article/details/48368913

1. Bootstrap Boostrap絕對是目前最流行用得最廣泛的一款框架。它是一套優(yōu)美，直觀并且給力的web設(shè)計工具包，可以用來開發(fā)跨瀏覽器兼容并且美觀大氣的頁面。它提供了很多流行的樣式簡潔的UI組件，柵格系統(tǒng)以及一些常用的JavaScript插件。 Bootstrap是用動態(tài)語言LESS寫的，主要包括四部分的內(nèi)容： 腳手架——全局樣式，響應(yīng)式的12列柵格布局系統(tǒng)。記住Bootstrap在默認(rèn)情況下并不包括響應(yīng)式布局的功能。因此，如果你的設(shè)計需要實現(xiàn)響應(yīng)式布局，那么你需要手動開啟這項功能。基礎(chǔ)CSS——包括基礎(chǔ)的HTML頁面要素，比如表格(table)，表單(form)，按鈕(button)，以及圖片(image)，基礎(chǔ)CSS為這些要素提供了優(yōu)雅，一致的多種樣式。組件——收集了大量可以重用的組件，如下拉菜單（dropdowns），按鈕組（button groups），導(dǎo)航面板（navigation control）——包括：tabs,pills,lists標(biāo)簽，面包屑導(dǎo)航（breadcrumbs）以及頁碼（pagination），縮略圖(thumbnails)，進(jìn)度條（progress bars），媒體對象（media objects）等等。JavaScript——包括一系列jQuery的插件，這些插件可以實現(xiàn)組件的動態(tài)頁面效果。插件主要包括模態(tài)窗口（modals），提示效果（tool tips），“泡芙”效果（popovers），滾動監(jiān)控（scrollspy），旋轉(zhuǎn)木馬(carousel)，輸入提示(typeahead)，等等。Bootstrap已經(jīng)足夠強大，能夠?qū)崿F(xiàn)各種形式的 Web 界面。為了更加方便地利用Bootstrap進(jìn)行開發(fā)，很多工具和資源可以用來配合使用，下面列舉了其中的一部分工具和資源。 jQuery UI Bootstrap —— 對于jQuery和Bootstrap愛好者來說這是個非常好的資源，能夠把 Bootstrap的清爽界面組件引入到j(luò)Query UI中。jQuery Mobile Bootstrap Theme —— 和上面提到的jQuery UI主題類似，這是一個為jQuery Mobile建立的主題。如果你想讓用Bootstrap開發(fā)的網(wǎng)站在手機(jī)端也可以優(yōu)雅訪問，那么這個資源對你來說很方便易用。Fuel UX —— 它為Bootstrap添加了一些輕量的JavaScript控件。Fuel UI 安裝，修改，更新以及優(yōu)化都很簡單方便。StyleBootstrap.info —— Bootstrap提供了自己的幾種界面風(fēng)格，StyleBootstrap提供了的配色選項，并且你可以給每個組件都應(yīng)用不同的配色。BootSwatchr —— 利用這個工具你可以立刻查看主題修改后的效果。對于每一次變動的效果，這個應(yīng)用都會生成一個唯一的URL方便你與他人分享，你也可以在任意時刻修改你的主題。Bootswatch —— 提供大量免費的Bootstrap主題。Bootsnipp —— 在線前端框架交互組件制作工具，是一個供給設(shè)計師和開發(fā)者的基于Bootstrap HTML/CSS/JavaScript 架構(gòu)的免費元素。LayoutIt —— 通過界面拖放生成器簡便快捷地創(chuàng)建基于Bootstrap的前端代碼。通過拖放動作將Bootstrap風(fēng)格的組件加入到你的個人設(shè)計里并且可以方便地修改他們的屬性，簡單便捷。 2. Fbootstrapp Fbootstrapp基于Bootstrap并且提供了跟Facebook iframe apps和設(shè)計相同的功能。包含用于所有標(biāo)準(zhǔn)組件的基本的CSS和HTML，包括排版、表單、按鈕、表格、柵格、導(dǎo)航等等，風(fēng)格與Facebook類似。3. BootMetro BootMetro框架的靈感來自于Metro UI CSS，基于Bootstrap 框架構(gòu)建，用于創(chuàng)建Windows 8 的Metro風(fēng)格的網(wǎng)站。它包括所有Bootstrap的功能，并添加了幾個額外的功能，比如頁面平鋪，應(yīng)用程序欄等等。4. Kickstrap Kickstrap是Bootstrap的一個變體。它基于Bootstrap，并在它的基礎(chǔ)上添加了許多app，主題以及附加功能。這使得這個框架可以單獨地用于構(gòu)建網(wǎng)站，而不需要額外安裝什么。你需要做的僅僅是把它放到你的網(wǎng)站上，然后用就可以了。 App 是一些頁面加載完成之后加載運行的JavaScript和CSS打包文件。默認(rèn)加載的app有Knockout.js, Retina.js, Firebug Lite, and Updater，你也可以自行添加的app。 選擇不同的主題可以讓你的網(wǎng)站在眾多Bootstrap構(gòu)建的類似網(wǎng)站中顯得與眾不同。 附加功能是一些用來擴(kuò)展Bootstrap UI 庫的附件，它們的語法基本相同或者相似。5. Foundation Foundation 是一款強大的，功能豐富的并且支持響應(yīng)式布局的前端開發(fā)框架，你可以通過Foundation快速創(chuàng)建原型，利用它所包含的大量布局框架，元素以及最優(yōu)范例快速創(chuàng)建在各種設(shè)備上可以正常運行的網(wǎng)站以及app。Foundation在構(gòu)建的時候秉承移動優(yōu)先的策略，它擁有大量實用的語義化功能，并且使用Zepto類庫來取代jQuery，這樣可以帶來更好的用戶體驗，并且提高運行的速度。 Foundation擁有一套12列的靈活可嵌套的網(wǎng)格系統(tǒng)，你可以用它快速創(chuàng)建適應(yīng)多種瀏覽設(shè)備的布局。它有很多的功能。它定義了很多的樣式，比如字體排版，按鈕，表單，以及多種多樣的導(dǎo)航控件。它也提供了很多的CSS組件，例如操作面板（panels），價格表（price tables），進(jìn)度條（progress bars），表格（tables）以及可以適應(yīng)不同設(shè)備的可伸縮視頻（flex video）。與此同時，F(xiàn)oundation還包括了很多的JavaScript插件，如下拉菜單（dropdowns），joyride（網(wǎng)站功能引導(dǎo)插件），magellan（網(wǎng)站固定導(dǎo)航插件），orbit（支持觸摸的響應(yīng)式圖片輪播插件），reveal（彈出框插件），sections（強大的tab插件）以及tooltips（工具提示）等。 Foundation框架還提供了很多有用的擴(kuò)展。 模板（Stencils）——Foundation框架中的所有UI元素都有Omnigraffle stencils以及矢量PDF兩種格式的下載，你可以用它們來方便快捷的繪制線框圖和原型圖。HTML模板 —— HTML模板可以方便地用來快速創(chuàng)建頁面布局。你所要做的僅僅是復(fù)制得到模板代碼，然后丟到頁面的標(biāo)簽之間就好了。圖標(biāo)字體（Icon Fonts） —— 包含自定義圖標(biāo)的一種網(wǎng)頁字體。SVG 社交網(wǎng)絡(luò)圖標(biāo)（Social Icons）—— 一組不依賴分辨率的社交網(wǎng)絡(luò)圖標(biāo)（可縮放矢量圖標(biāo)）。響應(yīng)式表格——Foundation框架中響應(yīng)式表格的實現(xiàn)機(jī)制是固定表格的左邊第一列，然后表格的其他列可以通過滾動條拖拉進(jìn)行訪問。關(guān)閉帆布布局（Off-Canvas Layouts）—— 這些布局可以允許一些網(wǎng)頁內(nèi)容或者導(dǎo)航控件在移動端設(shè)備上默認(rèn)隱藏，當(dāng)瀏覽屏幕變大或者用戶進(jìn)行相應(yīng)操作的時候這些內(nèi)容再出現(xiàn)。當(dāng)用戶進(jìn)行相關(guān)操作的時候，網(wǎng)頁內(nèi)容或者導(dǎo)航控件將會滑動出現(xiàn)。如你所見，對于web開發(fā)者以及設(shè)計師來說，F(xiàn)oundation就像是一個巨大的寶藏。在下載框架的時候，你可以自定義下載框架的內(nèi)容。6. GroundworkCSS GroundworkCSS 是前端框架家族里面新添的一款小清新框架。它是基于Sass和Compass的一個高級響應(yīng)式的HTML5，CSS以及JavaScript工具包，可以用于快速創(chuàng)建原型并且建立在各種瀏覽設(shè)備上可以正常工作的網(wǎng)站和app。 GroundworkCSS擁有一個靈活，可嵌套的流式網(wǎng)格系統(tǒng)，方便你創(chuàng)建任何布局。這個框架有很多讓人印象深刻的功能，比如在平板以及移動端上的網(wǎng)格系統(tǒng)，當(dāng)屏幕的寬度小于768或者480像素時，頁面中原本并列排版的表格列（grid column）會自動變?yōu)楠毩⒌男校皇钦郫B在一起。另一個很酷的功能是jQuery的響應(yīng)式文本（ResponsiveText）插件，這個插件可以動態(tài)調(diào)整頁面文字的大小以適應(yīng)瀏覽設(shè)備的屏幕大小。這個插件對于可伸縮的標(biāo)題以及創(chuàng)建響應(yīng)式表格的時候特別有用。 GroundworkCSS包含了大量的UI組件，如tabs、響應(yīng)式數(shù)據(jù)表格導(dǎo)航、按鈕、表單、響應(yīng)式導(dǎo)航控件、tiles（一套替代radio按鈕以及其他默認(rèn)表單元素的優(yōu)雅組件）、工具提示、對話框、Cycle2（一款強大的，響應(yīng)式的內(nèi)容滑塊）以及其他很多的有用組件。它還提供了很多矢量社交網(wǎng)絡(luò)圖標(biāo)以及圖標(biāo)字體。 你可以通過切換頁面上方的導(dǎo)航按鈕選擇不同的瀏覽設(shè)備要來查看這款框架的效果。通過這種方式，你可以測試在不同的瀏覽設(shè)備上各種組件的響應(yīng)式布局情況。 GroundworkCSS的文檔寫的非常好，并且包含著很多的示例，為了讓你更快的上手，他還提供了多種響應(yīng)式的模板。對于這款框架，唯一我可以想到的缺點就是不能自定義要下載的框架內(nèi)容。7. Gumby Gumby 是一款基于Sass和Compass的簡單靈活并且穩(wěn)定的前端開發(fā)框架。 它的流式-固定布局（fluid-fixed layout）可以根據(jù)桌面端以及移動設(shè)備的分辨率自動優(yōu)化要呈現(xiàn)的網(wǎng)頁內(nèi)容。它支持多種網(wǎng)格布局，包括多列混雜的嵌套模式。Gumby提供兩套PSD的模板，方便你在12列和16列的網(wǎng)格系統(tǒng)上進(jìn)行設(shè)計。 Gumby提供了一個功能豐富的UI工具包，包括按鈕，表單，移動端導(dǎo)航，tabs，跳轉(zhuǎn)鏈接（skip links），撥動開關(guān)（toggles and switches，可以方便快捷地切換元素的class，而不需要進(jìn)行額外的js操作），抽屜功能（drawers），響應(yīng)式圖片以及retina圖片等等。為了緊跟最近的設(shè)計潮流，Gumby的UI元素中還包括了Metro風(fēng)格的扁平化設(shè)計，你也可以用Pretty風(fēng)格的漸變設(shè)計，或者按照你的想法糅合兩種設(shè)計風(fēng)格。該框架還提供了一套出眾的響應(yīng)式，擁有獨立分辨率的Entypo圖標(biāo)，你可以在自己的web項目中盡情使用。 Gumby有一個很好自定義下載選擇器，你可以自行配置各個組件的顏色，并且按自己的需求方便地下載。8. HTML KickStart HTML Kickstart 是一款可以用來方便創(chuàng)建任何布局的集合HTML5，CSS和jQuery的工具包。它提供了干凈，符合標(biāo)準(zhǔn)以及跨瀏覽器兼容的代碼。 這款框架提供了多種樣式表，包括網(wǎng)格，排版，表單，按鈕，表格，列表以及一些跨瀏覽器兼容的web組件比如JavaScript的幻燈片功能，tabs，面包屑導(dǎo)航，包含子菜單的菜單以及工具提示等等。 你可以使用99Lime UIKIT提供的UI組件來搭建你的產(chǎn)品線框圖。9. IVORY IVORY 是一款輕量，簡單但是強大的前端框架，可以用于320到1200像素寬度的響應(yīng)式布局。它基于12列的響應(yīng)式網(wǎng)格布局，包含表格，按鈕，表格，分頁，撥動開關(guān)，工具提示，手風(fēng)琴，選項卡等網(wǎng)站中常用的組件和樣式。 當(dāng)你需要一款輕量靈活，不需要額外的其他功能，并且適應(yīng)不同瀏覽設(shè)備的框架時，IVORY是你最好的選擇。10.Kube 最后，如果你的新項目需要一款實在的，不需要復(fù)雜的額外功能組件的，足夠簡單的框架，那么 Kube 將會是你正確的選擇。Kube是一款最小化的，支持響應(yīng)式的前端框架，它沒有強加的樣式設(shè)計，因此給了你充分的自由來開發(fā)自己的樣式表。它提供了一些web元素的基本樣式，比如網(wǎng)格，表單，排版，表格，按鈕，導(dǎo)航，鏈接以及圖片等等。 Kube框架包括一個簡潔的CSS文件用于方便地創(chuàng)建響應(yīng)式布局，還包括了兩個JS文件來完成tab以及頁面的按鈕操作。如果你希望得到Kube最大化的靈活性以及個性化定制，那么你可以下載開發(fā)者版本（developer version），這個版本包括了LESS文件（包括各種變量，mixins以及模塊）。如何選擇一款優(yōu)秀的前端開發(fā)框架？ 可以根據(jù)以下評估標(biāo)準(zhǔn)： 將根據(jù)以下標(biāo)準(zhǔn)對這些框架進(jìn)行評估： 學(xué)習(xí)曲線針對簡單任務(wù)的開發(fā)效率針對復(fù)雜、特殊任務(wù)的開發(fā)效率依賴管理代碼性能/安全優(yōu)化調(diào)整的能力平臺升級/冗余能力在企業(yè)市場中的認(rèn)同度開發(fā)、使用SOAP和REST服務(wù)的復(fù)雜性 總結(jié)：靈活運用框架，將會得到意想不到的效果。這個看怎么靈活運用，有好的方案大家分享一下共同學(xué)習(xí)，進(jìn)步。學(xué)習(xí)前端，重在分享！

Step1、GUI時代：掌握GUI手機(jī)界面設(shè)計，零基礎(chǔ)入學(xué)，此階段學(xué)完月薪3K，GUI設(shè)計方法和原理，學(xué)會手繪圖標(biāo)草圖，PS、AI、ID矢量剪影、扁平化圖標(biāo)、卡通圖標(biāo)設(shè)計、3Dsmax制作3D圖標(biāo)，能掌握UI設(shè)計界面分辨率，IOS系統(tǒng)界面設(shè)計，Android系統(tǒng)界面設(shè)計、各類不同風(fēng)格的界面設(shè)計（擬物、扁平）Step2、WUI時代，掌握WUI網(wǎng)頁界面設(shè)計，成功進(jìn)入UI領(lǐng)域，月薪達(dá)5K，網(wǎng)頁各類元素表現(xiàn)技巧：banner、按鈕、字體等Flash引導(dǎo)線動畫，蒙版動畫、firework切圖與輸出技巧，Dreamweaver網(wǎng)站建立與部署，HTML5新特性學(xué)習(xí)，DIV+CSS高級運用技巧，WUI設(shè)計規(guī)范Step3、UED高端用戶體驗，掌握UI設(shè)計用戶體驗，交互設(shè)計原則，此階段月薪過萬，學(xué)習(xí)使用mindmanager規(guī)劃產(chǎn)品功能，掌握axuer繪制產(chǎn)品原型圖、交互設(shè)計原則，學(xué)習(xí)主流的用戶研究方法，如何通過用戶研究產(chǎn)品創(chuàng)新策略，進(jìn)行實際項目演練Step4、workshop，華為用戶體驗專家研究組教學(xué)模式，通過華為專家研究組的國際教學(xué)方法，讓設(shè)計者參與到真實的用戶體驗中，參與到實際項目中，從項目洽談，到項目完成，掌握技能后，系統(tǒng)進(jìn)行真實項目實訓(xùn)！

　　安裝windowbuilder插件即可首先,需要知道自己的Eclipse是什么版本的.可以到Eclipse的安裝目錄下用記事本打開.eclipseproduct文件,version后面對應(yīng)的就是版本號.打開該插件下載地址,里面有Update Sites,下面有Eclipse Version,Release Version,Integration Version欄目.選擇對應(yīng)版本的link.復(fù)制URL地址.打開Eclipse,選擇Help→Install New Software,在work with里面把得到的URL復(fù)制進(jìn)去.勾選所有,點擊Next安裝就好了.是已經(jīng)安裝過的,所以按鈕是灰色的。然后新建項目,New→Project→WindowBuilder→SWT Designer→SWT/JFace Java Project然后建立一個包，在建類的時候選擇New→Other，選擇WindowBuilder→Swing Designer→Application Window.類建好之后點擊Design就可以進(jìn)行可視化編輯了。

一、Adobe Edge目前還處于預(yù)覽階段的Adobe Edge是用HTML5、CSS、JavaScript開發(fā)動態(tài)互動內(nèi)容的設(shè)計工具。內(nèi)容可以同時兼容移動設(shè)備和桌面電腦。Edge的一個重要功能是Web工具包界面，方便確保頁面在不同瀏覽器中的架構(gòu)一致性，此外Edge還將整合TypeKit這樣的字體服務(wù)。動畫和圖形可以添加到HTML元素中，程序也能通過Edge自身的代碼片段庫或者JavaScript代碼進(jìn)行擴(kuò)展。動畫可以在獨立的時間線上進(jìn)行嵌套，還能實現(xiàn)互動功能。符合可以服用并通過API和代碼片段控制。通過Edge設(shè)計的內(nèi)容可以兼容iOS和Android設(shè)備，也可以運行在火狐、Chrome、Safari和IE9等主流瀏覽器。二、Adobe Dreamweaver CS6Adobe Dreamweaver CS6作為一個Web設(shè)計軟件，提供了對HTML網(wǎng)站和移動程序的可視化編輯界面。其Fluid Grid排版系統(tǒng)整合CSS樣式表功能，提供自適應(yīng)版面的跨平臺兼容性。開發(fā)者可以完全實現(xiàn)Web設(shè)計的可視化操作，無需為代碼所困。用戶不但還能在Live View中預(yù)覽，還提供多屏幕預(yù)覽功能。開發(fā)者可以通過MultiScreen預(yù)覽面板查看HTML5內(nèi)容的渲染效果。Live View通過WebKit渲染引擎支持HTML5。三、Adobe ColdFusion 10ColdFusion是用來開發(fā)企業(yè)Web程序的服務(wù)器端技術(shù)，通過Websockets、互動表單、視頻和地理標(biāo)簽等HTML5技術(shù)創(chuàng)建富媒體用戶體驗。四、Sencha Architect 2在開發(fā)移動和桌面應(yīng)用的工具中，Sencha的定位是HTML5可視化應(yīng)用開發(fā)。開發(fā)團(tuán)隊可以在一個單一集成的環(huán)境中完成應(yīng)用的設(shè)計、開發(fā)和部署。開發(fā)者還可以開發(fā)Sencha Touch2和Ext JS4 JavaScript應(yīng)用，并實時預(yù)覽。五、Sencha Touch 2Sencha Touch2是移動應(yīng)用框架，也被看作是Sencha的HTML5平臺。開發(fā)者可以用它開發(fā)面向iOS、Android和Blackberry、Kindle Fire等多種平臺的移動應(yīng)用。六、Dojo Foundation Maqetta來自于IBM的一個項目，Dojo Foundation Maqetta是為桌面和移動設(shè)備開發(fā)HTML5應(yīng)用的開源工具，支持在瀏覽器中查看HTML5界面。用戶體驗設(shè)計師可以通過拖放組裝UI樣板七、微軟Visual Studio 2010 ServicePack 1雖然一開始并不支持HTML5，但微軟在2011年三月發(fā)布的Visual Studio 2010 SP1中提供了IntelliSense，追加了針對HTML5的一些元素。八、JetBrains WebStorm 4.0作為擁有HTML編輯器的JavaScript集成開發(fā)環(huán)境，WebStorm4.0提供了開發(fā)web應(yīng)用的HTML5樣板。開發(fā)者可以在創(chuàng)建HTML文檔時可獲得對HTML5文件的支持。例如砍伐者鍵入。開發(fā)者還可以在chrome瀏覽器中實時預(yù)覽HTML文檔。

首先1：需要對計算機(jī)硬件有一些了解,至少要懂得機(jī)器的硬件一般由哪些構(gòu)成。2：要對網(wǎng)頁設(shè)計常用軟件很精通,一般常用的網(wǎng)頁設(shè)計軟件包括Photoshop,firework,flash,dreamweaver,當(dāng)然了,還要精通HTML標(biāo)記代碼,他可是所有設(shè)計的根本。還有一些網(wǎng)頁特效的使用,所以,您還需要學(xué)習(xí)有關(guān)CSS,JSP的有關(guān)知識. 3：有了以上這些,可以做出一個相當(dāng)不錯的網(wǎng)頁了,但是要是做一個網(wǎng)站,或是可以進(jìn)行交互式的網(wǎng)頁,還需要了解有關(guān)ASP,還有ACCESS或者是SQL數(shù)據(jù)庫方面的知識才可以 4：如果要發(fā)布到互聯(lián)網(wǎng)上,還需要了解一些關(guān)于FTP方面的知識,以便于可以迅速的上傳你的網(wǎng)頁. 5：在本機(jī)調(diào)試網(wǎng)站時,我們一般會使用一些工具在本機(jī)進(jìn)行調(diào)式,還需要學(xué)習(xí)有關(guān)WEB服務(wù)器架設(shè)方面的常識,常用的有MICROSOFT WINDOWS自帶的IIS或是阿帕奇等. 6：為了推廣網(wǎng)站,在各大搜索引擎進(jìn)行登記也是必需的,所以,還需要有一些關(guān)于互聯(lián)網(wǎng)使用方面的常識.

主要有下面幾家公司：　一、 Microsoft公司的FrontPage　　應(yīng)用開發(fā)工具可大大提高編制網(wǎng)絡(luò)課件的效率. 目前,國際上比較流行的Web頁制作軟件大致可以分為兩類:代碼型和所見即所得型.代碼型的制作軟件要編程,對于初學(xué)者來說想要立即上手比較困難. Microsoft公司的FrontPage就不同了,它作為一種所見即所得型的代表軟件,可以使使用者的工作效率得以很大提高. FrontPage 2000 是Office 2000 家族的一員,沿襲著Office 的風(fēng)格.所以會用 Word 的人很容易學(xué)會FrontPage.　　二、Macromedia 公司的Dreamweaver　　Dreamweaver是美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁.　　三、網(wǎng)頁制作工具的綜合運用　　Microsoft公司的FrontPage 和Macromedia公司的Dreamweaver是使用最多的HTML網(wǎng)頁制作工具。它們都支持多種媒體類型，可以通過ActiveX定義接口，與腳本編程語言JavaScript和VBScript配合，創(chuàng)建動態(tài)交互的Web教學(xué)系統(tǒng)。特別值得指出的是，Macromedia的Dreamweaver以及Flash和Fireworks一起被人們稱作網(wǎng)頁制作三劍客，三者的有機(jī)結(jié)合，可以說是目前使用方便、功能強大的網(wǎng)站管理及HTML頁面制作工具。

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