平面設(shè)計師使用軟件photoshop、Coreldraw、illustrator、Indesign等網(wǎng)站美工所使用軟件般都Photoshop、Flash、Fireworks部標志（Logo）需要使用Coreldraw進行設(shè)計說平面設(shè)計網(wǎng)站美工所使用軟件技巧都差都需要靈運用色彩搭配版塊布局等 兩者同首先平面設(shè)計師設(shè)計作品主要用于噴繪或者印刷所使用色彩模式般CMYKCMYK格式網(wǎng)頁能顯示；網(wǎng)站美工所使用軟件必須使用RGB色彩模式 其平面設(shè)計師般說作品寬固定且變化幾十米寬高樓面廣告火柴盒圖片都設(shè)計內(nèi)容且作品般采用96dpi辨率經(jīng)采用300dpi網(wǎng)站文件般用mm或者cm作寬度高度單位；網(wǎng)站美工般說作品寬度固定說要適應(yīng)電腦屏幕寬度且般用像素值（px）表示文件寬度高度（平面設(shè)計師始知道） 再網(wǎng)站美工要求圖片精度及平面設(shè)計師于范圍內(nèi)設(shè)計更合理效視覺效要求比平面設(shè)計師要高 說網(wǎng)站美工必須比平面設(shè)計師更進步或者說平面設(shè)計師軟件熟練操作技巧進習網(wǎng)站美工技巧事半功倍 現(xiàn)網(wǎng)站建設(shè)行業(yè)根據(jù)公司規(guī)模員工同般僅僅要求網(wǎng)站美工設(shè)計網(wǎng)站界面需要懂基本網(wǎng)站設(shè)計知識般說網(wǎng)站建設(shè)網(wǎng)站美工職位般應(yīng)擔網(wǎng)頁設(shè)計師職責說單要能設(shè)計網(wǎng)站界面需要能網(wǎng)站界面進轉(zhuǎn)化網(wǎng)站編碼我現(xiàn)經(jīng)說轉(zhuǎn)變DIV+CSS或者Table+CSS代碼并且要能適應(yīng)瀏覽器符合W3C標準 現(xiàn)始新習網(wǎng)頁設(shè)計童鞋建議直接習HTML5主流管PC網(wǎng)頁設(shè)計移互聯(lián)網(wǎng)應(yīng)用設(shè)計 所現(xiàn)已經(jīng)合格（定要色色更）平面設(shè)計師想要變網(wǎng)站美工建議自職業(yè)規(guī)劃定義網(wǎng)頁設(shè)計師首先習解網(wǎng)頁設(shè)計基本要求特點（說實教帶星期網(wǎng)頁設(shè)計與平面設(shè)計同處完全搞清楚并且駕輕熟）進耐習HTML5習DIV+css現(xiàn)所看各式各網(wǎng)頁界面能隨所欲設(shè)計 優(yōu)秀網(wǎng)頁設(shè)計師所設(shè)計代碼用管內(nèi)容現(xiàn)（程序員工作）要所現(xiàn)網(wǎng)頁元素（圖片、文字、鏈接、畫、按鈕、輸入框、邊框線等等等等）表現(xiàn)形式進行嚴格控制 2011網(wǎng)頁設(shè)計師能更涉及移互聯(lián)網(wǎng)應(yīng)用界面設(shè)計要看公司職位任職般型公司網(wǎng)站設(shè)計相說要容易進入專門進行網(wǎng)站發(fā)網(wǎng)絡(luò)公司工作量非進入創(chuàng)新型IT公司能涉及創(chuàng)新思想比較 某些公司能網(wǎng)頁設(shè)計師需要做網(wǎng)站美工需要界面設(shè)計JPG圖片OK平面設(shè)計師轉(zhuǎn)變網(wǎng)站美工容易做 提問者 言： 謝謝

搜索為課網(wǎng)?？梢悦赓M聽課。第一部份 結(jié)構(gòu)素描、光影素描、速寫、設(shè)計素描、戶外寫生色彩原理、色彩配色、設(shè)計色彩、色調(diào)小稿訓練、色彩長期作業(yè)第二部份 Photoshop CS2：Photoshop操作基礎(chǔ)、圖象優(yōu)化處理、經(jīng)典實例分析與制作Illustrator CS2：廣告招牌制作、燈箱廣告、服裝廣告設(shè)計、企業(yè)徽標設(shè)計、名片設(shè)計 IndesignCS2：專業(yè)的排版工具、印刷相關(guān)知識、書報高級排版技巧Acrobat7.0：專業(yè)的電子文檔工具、可以實現(xiàn)任何文檔之間的互轉(zhuǎn),PDF文檔的生成與轉(zhuǎn)換Coreldraw13:包裝盒的設(shè)計、宣傳單、海報及名片的制作、產(chǎn)品及商業(yè)廣告設(shè)計、名片設(shè)計 第三部份 Photoshop高級：講解海報設(shè)計、包裝盒設(shè)計、CI設(shè)計、產(chǎn)品廣告設(shè)計、后期處理等方面的應(yīng)用Illustrator高級：廣告插畫制作、矢量描圖、角色貼圖制作、廣告創(chuàng)意稿、印前制作技巧等第四部份 Dreamweaver8.0：網(wǎng)頁布局、制作；Html&Css簡介；網(wǎng)站管理與維護、上傳與下載；案例分析Flash8.0：美工設(shè)計、網(wǎng)頁配色；CI、LOGO、Banner的制作；常見網(wǎng)頁動畫制作、網(wǎng)頁布局Fireworks8.0：經(jīng)典網(wǎng)頁動畫、廣告、片頭、賀卡設(shè)計與分析；MTV制作、交互式網(wǎng)站簡介 第五部份 平面構(gòu)成、立體構(gòu)成、色彩構(gòu)成、色彩設(shè)計學、字體設(shè)計、版式設(shè)計、圖形創(chuàng)意、招貼設(shè)計 第六部份 廣告設(shè)計（CI策劃）、VI設(shè)計、印刷設(shè)計、包裝設(shè)計、書籍裝幀設(shè)計、視覺導向設(shè)計、電視廣告腳本設(shè)計,軟件綜合要搞平面設(shè)計,photoshop、Coreldraw、Illustraor這三個軟件都是應(yīng)該熟練掌握的.這3個軟件可以自學,下教程,自己做實例來熟練掌握.基礎(chǔ)的平面設(shè)計就是Photoshop、Coreldraw,要考設(shè)計師就要學Photoshop、Illustrator、Indesign Acrobat四個軟件.廣告公司常用的Photoshop、Illustrator、PageMaker、Freehand、CorelDraw等設(shè)計軟件.1. 標志設(shè)計(logo設(shè)計,商標設(shè)計)2. CIS設(shè)計、VI設(shè)計（企業(yè)形象 識別系統(tǒng)設(shè)計）3. 廣告設(shè)計、廣告創(chuàng)意設(shè)計4. 海報設(shè)計、 DM 設(shè)計（宣傳單設(shè)計）5. 樣本設(shè)計、宣傳手冊設(shè)計、畫冊設(shè)計6. 樓書設(shè)計、年報設(shè)計7. 包裝設(shè)計8. 書籍插畫繪制、賀卡設(shè)計、請柬設(shè)計9. 報紙、雜志排版設(shè)計10. 各類印刷品設(shè)計等等.常用平面設(shè)計軟件平面設(shè)計軟件一直是應(yīng)用的熱門領(lǐng)域,我們可以將其劃分為圖像繪制和圖像處理兩個部分,例如建模和繪圖軟件、渲染軟件、圖像處理軟件、印前組版軟件等.下面簡單介紹這方面一些常用軟件的情況：1、AutoCADAutoCAD是一款著名的圖形設(shè)計軟件,最早于1982年在Comdex大會上亮相,由于其卓越的性能,被譽為萬能計算機輔助設(shè)計軟件,被廣泛應(yīng)用于建筑、電子、機械、廣告、裝飾、、服裝等諸多平面及立體設(shè)計領(lǐng)域,目前已成為工程制圖領(lǐng)域事實上的繪圖標準和占有率最高的CAD軟件,在國內(nèi)市場也處處可見其身影.目前,AutoCAD可以在多個平臺上使用,例如DOS平臺的12.0版本、Windows平臺的14/2000/2002/2004/2005版本,還有供工作站運行的UNIX版本.AutoCAD具有極強的開放性和可擴展性,軟件提供了強大的二次開發(fā)手段,例如Visual lisp、C++、ARX、Microsoft Visual Basic for Application(VBA)等,這使得AutoCAD用戶可極大的擴展軟件的功能,并可極大應(yīng)用其它第三方開發(fā)出新的功能.2、3D Studio Max制作三維動畫是一個涉及范圍很廣的話題,從某種角度來說,三維動畫的創(chuàng)作有點類似于雕刻、攝影、布景設(shè)計及舞臺燈光的使用,作為專業(yè)級的作品至少要經(jīng)過三步：造型、動畫、和繪圖.在DOS操作系統(tǒng)占據(jù)天下的時代,三維動畫設(shè)計離普通用戶還很遙遠,3D Studio是為數(shù)不多能夠穩(wěn)定運行在DOS下的一款3D軟件,Windows取代DOS成為桌面PC的主流操作系統(tǒng)后,Autodesk公司不失時機推出了3D Studio Max（一般簡稱為“3DS Max”）,隨著計算機硬件的迅速發(fā)展,在個人PC上制作三維動畫已經(jīng)不再只是夢想.3D Studio Max是目前PC平臺上使用最廣泛的三維建模、動畫、渲染軟件,被廣泛應(yīng)用于廣告宣傳、游戲設(shè)計、影視后期制作等動畫領(lǐng)域,最新版本集成了很多過去只是在電影、游戲和3D設(shè)計中應(yīng)用的專業(yè)工具或插件.3、CorelDrawCorelDraw是Corel公司推出的集矢量圖形設(shè)計、印刷排版、文字編輯處理和圖形高品質(zhì)輸出于一體的平面設(shè)計軟件,深受廣大平面設(shè)計人員的喜愛,目前主要在廣告制作、圖書出版等方面得到廣泛的應(yīng)用,功能與其類似的軟件有Illustrator、Freehand.最新版本的CorelDRAW Graphics Suite可以為用戶提供功能強大的工具,通過減少工作中的某些點擊、步驟的數(shù)量來節(jié)省時間,其中還集成了3個圖形程序、多個用途廣泛的工具及公用程序,新的套件包括為插圖、頁面布局和矢量制圖而設(shè)的CorelDRAW 12,為專業(yè)數(shù)字成像成而設(shè)的Corel PHOTO-PAINT 12以及為創(chuàng)建運動圖形而設(shè)的Corel R.A.V.E.3. 4、Adobe Photoshop這款美國Adobe公司的軟件一直是圖像處理領(lǐng)域的巨無霸在出版印刷、廣告設(shè)計、美術(shù)創(chuàng)意、圖像編輯等領(lǐng)域得到了極為廣泛的應(yīng)用,最新版本突破了以往Photoshop系列產(chǎn)品更注重平面設(shè)計的局限性,對數(shù)碼暗房的支持功能有了極大的加強和突破,例如修復畫筆可以極為輕松地消除圖片中的塵埃、劃痕、斑點、褶皺,而且可以同時保留圖像中的陰影、光照、紋理等效果,創(chuàng)新功能可以讓用戶更快地進行設(shè)計、提高圖像質(zhì)量,并且以專業(yè)的高效率管理文件.不過,為了防止盜版,Photoshop CS加入了倍受爭議的類似于Windows XP的激活技術(shù),用戶必須聯(lián)網(wǎng)激活后才可以正常使用,否則的話只能使用兩天時間. 5、FreehandFreehand是一款全方便的、可適合不同應(yīng)用層次用戶需要的矢量繪圖軟件,與Macromedia公司的Flash、FireworksPagemaker并列為“網(wǎng)頁制作三劍客”,可以在一個流程化的圖形創(chuàng)作環(huán)境中,提供從設(shè)計理念完美地過渡到實現(xiàn)設(shè)計、制作、發(fā)布所需要的一切工具,而且這些操作都在同一個操作平臺中完成,其最大的優(yōu)點是可以充分發(fā)揮人的想象空間,始終以創(chuàng)意為先來指導整個繪圖,目前在印刷排版、多媒體、網(wǎng)頁制作等領(lǐng)域得到廣泛的應(yīng)用.6、Adobe Illustrator CS Adobe Illustrator v11 是一套被設(shè)計用來作輸出及網(wǎng)頁制作雙方面用途、功能強大且完善的繪圖軟件包,這個專業(yè)的繪圖程序整合了功能強大的向量繪圖工具、完整的PostScript輸出,并和Photoshop或其它Adobe家族的軟件緊密地結(jié)合.該軟件以突破性、富于創(chuàng)意的選項和功能強大的工具為您有效率地在網(wǎng)上、印刷品或在任何地方發(fā)布藝術(shù)作品,界定了向量圖形的未來. 第10版增加了諸如Arc、矩型網(wǎng)格線(Rectangular Grid)以及坐標網(wǎng)格線(Polar Grid)工具等新的繪圖及自動化優(yōu)點；增加編輯的靈活度以及標志(編輯主要的對象或圖像復制).你可以運用筆刷及其它如合并、數(shù)據(jù)驅(qū)動坐標等在工具列上的創(chuàng)造工具,幫助你建立聯(lián)結(jié)到數(shù)據(jù)庫的樣版. 新的Illustrator還提供的網(wǎng)絡(luò)生產(chǎn)功能,包括裁切圖像并支持可變動向量繪圖檔(SVG)增強. 7、 maya Maya是美國Autodesk公司出品的世界頂級的三維動畫軟件,應(yīng)用對象是專業(yè)的影視廣告,角色動畫,電影特技等.Maya功能完善,工作靈活,易學易用,制作效率極高,渲染真實感極強,是電影級別的高端制作軟件.其售價高昂,聲名顯赫,是制作者夢寐以求的制作工具,掌握了Maya,會極大的提高制作效率和品質(zhì),調(diào)節(jié)出仿真的角色動畫,渲染出電影一般的真實效果,向世界頂級動畫師邁進.Maya 集成了Alias/Wavefront 最先進的動畫及數(shù)字效果技術(shù).她不僅包括一般三維和視覺效果制作的功能,而且還與最先進的建模、數(shù)字化布料模擬、毛發(fā)渲染、運動匹配技術(shù)相結(jié)合.Maya 可在Windows NI 與 SGI IRIX 操作系統(tǒng)上運行.在目前市場上用來進行數(shù)字和三維制作的工具中,Maya 是首選解決方案. 8、非線性編輯軟件 Adobe Premiere 一款常用的視頻編輯軟件,由Adobe公司推出.現(xiàn)在常用的有6.5、Pro1.5、2.0等版本.是一款編輯畫面質(zhì)量比較好的軟件,有較好的兼容性,且可以與adobe公司推出的其他軟件相互協(xié)作.目前這款軟件廣泛應(yīng)用于廣告制作和電視節(jié)目制作中. 其最新版本為Adobe Premiere Pro CS4.. 9、pagemakerPageMaker是由創(chuàng)立桌面出版概念的公司之一Aldus于1985年推出,后來在升級至5.0版本時,被Adobe公司在1994年收購.PageMaker提供了一套完整的工具,用來產(chǎn)生專業(yè)、高品質(zhì)的出版刊物.它的穩(wěn)定性、高品質(zhì)及多變化的功能特別受到使用者的贊賞.另外,在6.5版中添加的一些新功能,讓我們能夠以多樣化、高生產(chǎn)力的方式,通過印刷或是Internet來出版作品.還有,在6.5版中為與Adobe Photoshop 5.0配合使用提供了相當多的新功能,PageMaker在界面上及使用上就如同Adobe Photoshop,Adobe Illustrator及其他Adobe的產(chǎn)品一樣,讓我們可以更容易地運用Adobe的產(chǎn)品.最重要的一點,在PageMaker的出版物中,置入圖的方式可謂是最好的了.通過鏈接的方式置入圖,可以確保印刷時的清晰度,這一點在彩色印刷時尤其重要.最后說一句 平面設(shè)計最重要的是創(chuàng)意 軟件只是實現(xiàn)你想法的工具

不同的環(huán)境下設(shè)置的尺寸都不一樣1、800*600下，網(wǎng)頁寬度保持在778以內(nèi)，就不會出現(xiàn)水平滾動條，高度則視版面和內(nèi)容決定。2、1024*768下，網(wǎng)頁寬度保持在1002以內(nèi)，就不會出現(xiàn)水平滾動條，高度則視版面和內(nèi)決定。3、在ps里面做網(wǎng)頁可以在800*600狀態(tài)下顯示全屏，頁面的下方又不會出現(xiàn)滑動條，尺寸為740*560左右 4、1024*768 下網(wǎng)頁的尺寸:width=955,height=600　　800*600 下網(wǎng)頁的尺寸:width=760,height=420一般分辨率在800*600的情況下，頁面的顯示尺寸為：780*428px；分辨率在640*480的情況下，頁面的顯示尺寸為:620*311px；分辨率在1024*768的情況下，頁面的顯示尺寸為：1007*600px

平面設(shè)計主要學習如報紙廣告、噴繪寫真、名片、路牌、企業(yè)樣冊、VI設(shè)計、LOGO標志、宣傳單頁、宣傳折頁、海報、包裝設(shè)計及婚紗設(shè)計等，這些都屬于平面設(shè)計的范疇。 UI的本意是用戶界面，是英文User和interface的縮寫。從字面上看是用戶與界面2個組成部分，但實際上還包括用戶與界面之間的交互關(guān)系。界面設(shè)計，在漫長的軟件發(fā)展中，界面設(shè)計工作一直沒有被重視起來。做界面設(shè)計的人也被貶義的稱為“美工”。其實軟件界面設(shè)計就像工業(yè)產(chǎn)品中的工業(yè)造型設(shè)計一樣，是產(chǎn)品的重要賣點。一個友好美觀的界面會給人帶來舒適的視覺享受，拉近人與電腦的距離，為商家創(chuàng)造賣點。界面設(shè)計不是單純的美術(shù)繪畫，他需要定位使用者、使用環(huán)境、使用方式并且為最終用戶而設(shè)計，是純粹的科學性的藝術(shù)設(shè)計。

要領(lǐng)一：確定網(wǎng)站主題 做網(wǎng)站，首先必須要解決的就是網(wǎng)站內(nèi)容問題，即確定網(wǎng)站的主題。美國《個人電腦》雜志(PC Magazine)評出了99年度排名前100位的全美知名網(wǎng)站的十類題材：第1類：網(wǎng)上求職；第2類：網(wǎng)上聊天/即時信息/ICQ；第3類：網(wǎng)上社區(qū)/討論/郵件列表；第4類：計算機技術(shù)；第5類：網(wǎng)頁/網(wǎng)站開發(fā)；第6類：娛樂網(wǎng)站；第7類：旅行；第8類：參考/資訊；第9類：家庭/教育；第10類：生活/時尚。我們可以參看上面的分類，繼續(xù)細分。如果自己在某些方面有興趣，或掌握的資料較多，也可以做一個自己感興趣的東西，一者，你可以有自己的見解，做出自己的特色；二者，在制作網(wǎng)站時不會覺得無聊或者力不從心。興趣是制作網(wǎng)站的動力，沒有創(chuàng)作熱情，很難設(shè)計制作出優(yōu)秀的作品。 對于內(nèi)容主題的選擇，要做到小而精，主題定位要小，內(nèi)容要精。不要去試圖制作一個包羅萬象的站點，這往往會失去網(wǎng)站的特色，也會帶來高強度的勞動，給網(wǎng)站的及時更新帶來困難。記住：在互聯(lián)網(wǎng)上只有第一，沒有第二！ 要領(lǐng)二：選擇好域名 域名是網(wǎng)站在互聯(lián)網(wǎng)上的名字。一個非產(chǎn)品推銷的純信息服務(wù)網(wǎng)站，其所有建設(shè)的價值，都凝結(jié)在其網(wǎng)站域名之上。失去這個域名，所有前期工作就將全部落空。 目前，做個人網(wǎng)站的很多都依賴免費個人空間，其域名也是依賴免費域名指向，如網(wǎng)易的虛擬域名服務(wù)，其實這對個人網(wǎng)站的推廣與發(fā)展很為不利，不光是它“適時”開啟的窗口妨礙了瀏覽者的視線和好感，讓人一看就知道是個人網(wǎng)站，而且也妨礙了網(wǎng)頁的傳輸速度。所以，就我個人觀點來說，首先花點錢去注冊一個域名，獨立的域名就是個人網(wǎng)站的第一筆財富，要把域名起得形象、簡單、易記。 要領(lǐng)三：掌握建網(wǎng)工具 網(wǎng)絡(luò)技術(shù)的發(fā)展帶動了軟件業(yè)的發(fā)展，所以用于制作Web頁面的工具軟件也越來越豐富。從最基本的HTML編輯器到現(xiàn)在非常流行的Flash互動網(wǎng)頁制作工具，各種各樣的Web頁面制作工具，下面是幾款具有代表性的網(wǎng)頁制作器： （1）HTML編輯器。雖然HTML代碼復雜，編輯和調(diào)試要花費大量的時間，但因HTML的穩(wěn)定性、廣泛支持性及可創(chuàng)建復雜的頁面效果，仍受高級網(wǎng)頁制作人員的青睞。就目前來說，有眾多的編輯器供選擇，這些編輯器廣泛支持復雜頁面創(chuàng)建及高級HTML規(guī)范，使用較為普遍的有Hotdog等專業(yè)HTML編輯器。 （2）所見即所得的網(wǎng)頁編輯器。其中以Microsoft Frontpage為代表，它具有如Word一樣的操作界面，熟知Word功能的操作者，只要稍加培訓就能輕松編制網(wǎng)頁。而且，F(xiàn)rontpage還能解析網(wǎng)頁的HTML源代碼，并提供了預覽支持。但Frontpage的一些特殊顯示功能并不能在其它非IE瀏覽器下實現(xiàn)。所以Frontpage是一款非常適合初、中級網(wǎng)頁制作人員使用的工具軟件。 （3）現(xiàn)在非常流行的 Macromedia公司出品的Flash互動網(wǎng)頁制作工具。這是是一款功能非常強大的交互式矢量多媒體網(wǎng)頁制作工具。能夠輕松輸出各種各樣的動畫網(wǎng)頁，它不需要特別繁雜的操作，也比JAVA小巧精悍！但它的動畫效果、互動效果、多媒體效果十分出色。而且還可以在Flash動畫中封裝Mp3音樂、填寫表單等；并且由于Flash編制的網(wǎng)頁文件比普通網(wǎng)頁文件要小得多，所以大大加快了瀏覽速度。這是一款十分適合動態(tài)Web制作的工具。 另外，個人網(wǎng)站制作者還需了解W3C的HTML4.0規(guī)范、CSS層疊樣式表的基本知識、javascript、VBScript的基本知識。對于常用的一些腳本程序如ASP、CGI、PHP也要有適當了解，還要熟練使用圖形處理工具和動畫制作工具以及矢量繪圖工具，并能部分了解多種圖形圖像動畫工具的基本用法，熟練使用FTP工具以及擁有相應(yīng)的軟硬件和網(wǎng)絡(luò)知識也是必備的。 當然，互聯(lián)網(wǎng)還是一個免費的資料庫。編制網(wǎng)頁需要多種多樣的按鈕、背景還有各種各樣圖形、圖片。如果這些都要靠自己完成，既浪費時間又浪費金錢，而且還需要強大的圖形、圖片制作技術(shù)。所以，為了省卻這些麻煩，網(wǎng)站制作者完全可以從網(wǎng)上下載各種精美實用的圖片、按鈕、背景等網(wǎng)頁素材。 要領(lǐng)四：確定網(wǎng)站界面 界面就是網(wǎng)站給瀏覽者的第一印象，往往決定著網(wǎng)站的可看性，在確定網(wǎng)站的界面時要注意以下三點： ①欄目與板塊編排 構(gòu)建一個網(wǎng)站就好比寫一篇論文，首先要列出題綱，才能主題明確、層次清晰。網(wǎng)站建設(shè)初學者，最容易犯的錯誤就是：確定題材后立刻開始制作，沒有進行合理規(guī)劃。從而導致網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜混亂，板塊編排混亂等。結(jié)果不但瀏覽者看得糊里糊涂，制作者自己在擴充和維護網(wǎng)站也相當困難。所以，我們在動手制作網(wǎng)頁前，一定要考慮好欄目和板塊的編排問題。 網(wǎng)站的題材確定后，就要將收集到的資料內(nèi)容作一個合理的編排。比如，將一些最吸引人的內(nèi)容放在最突出的位置或者在版面分布上占優(yōu)勢地位。欄目的實質(zhì)是一個網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來。在制定欄目的時候，要仔細考慮，合理安排。在欄目編排時需要注意的是： ●盡可能刪除那些與主題無關(guān)的欄目； ●盡可能將網(wǎng)站內(nèi)最有價值的內(nèi)容列在欄目上； ●盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢；輔助內(nèi)容，如站點簡介、版權(quán)信息、個人信息等大可不必放在主欄目里，以免沖淡主題。 另外，板塊的編排設(shè)置也要合理安排與劃分。板塊比欄目的概念要大一些，每個板塊都有自己的欄目。舉個例子：ENET硅谷動力（www.enet.com.cn）的站點分新聞、產(chǎn)品、游戲、學院等板塊，每個板塊下面又各有自己的主欄目。一般來說，個人站點內(nèi)容較少，只要分個欄目也就夠了，不需要設(shè)置板塊。如果有必要設(shè)置板塊的，應(yīng)該注意： ●各板塊要有相對獨立性； ●各板塊要有相互關(guān)聯(lián)； ●各板塊的內(nèi)容要圍繞站點主題； ②目錄結(jié)構(gòu)與鏈接結(jié)構(gòu) 網(wǎng)站的目錄是指建立網(wǎng)站時創(chuàng)建的目錄。例如：在用Frontpage建立網(wǎng)站時都默認建立了根目錄和Images子目錄。目錄的結(jié)構(gòu)是一個容易忽略的問題，大多數(shù)站長都是未經(jīng)規(guī)劃，隨意創(chuàng)建子目錄。目錄結(jié)構(gòu)的好壞，對瀏覽者來說并沒有什么太大的感覺，但是對于站點本身的維護，以后內(nèi)容的擴充和移植有著重要的影響。所以建立目錄結(jié)構(gòu)時也要仔細安排，比如： ●不要將所有文件都存放在根目錄下。有網(wǎng)站制作者為了方便，將所有文件都放在根目錄下。這樣就很容易造成：文件管理混亂，搞不清哪些文件需要編輯和更新，哪些無用的文件可以刪除，哪些是相關(guān)聯(lián)的文件，影響工作效率；上傳速度變慢，服務(wù)器一般都會為根目錄建立一個文件索引，如果將所有文件都放在根目錄下，那么即使只上傳更新一個文件，服務(wù)器也需要將所有文件再檢索一遍，建立新的索引文件，很明顯，文件量越大，等待的時間也將越長。 ●按欄目內(nèi)容建立子目錄。子目錄的建立，首先按主欄目建立。友情連接內(nèi)容較多，需要經(jīng)常更新的可以建立獨立的子目錄。而一些相關(guān)性強，不需要經(jīng)常更新的欄目，例如：網(wǎng)站簡介、站長情況等可以合并放在一個統(tǒng)一目錄下。所有程序一般都存放在特定目錄，例如：CGI程序放在cgi-bin目錄，所有提供下載的內(nèi)容也最好放在一個目錄下，便于維護管理。 ●在每個主目錄下都建立獨立的Images目錄。一般來說，一個站點根目錄下都有一個默認地Images目錄。將所有圖片都存放在這個目錄里很是不方便，比如在欄目刪除時，圖片的管理相當麻煩。所以為每個主欄目建立一個獨立的Images目錄是方便管理的。原因很簡單，就是方便維護與管理。 其它需要注意的還有：目錄的層次不要太深，不要超過3層；不要使用中文目錄，使用中文目錄可能對網(wǎng)址的正確顯示造成困難；不要使用過長的目錄，太長的目錄名不便于記憶；盡量使用意義明確的目錄，以便于記憶和管理。 網(wǎng)站的鏈接結(jié)構(gòu)是指頁面之間相互鏈接的拓撲結(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上，但可以跨越目錄。形象的說：每個頁面都是一個固定點，鏈接則是在兩個固定點之間的連線。一個點可以和一個點連接，也可以和多個點連接。更重要的是，這些點并不是分布在一個平面上，而是存在于一個立體的空間中。一般的，建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式： ●樹狀鏈接結(jié)構(gòu)（一對一），這類似DOS的目錄結(jié)構(gòu)，首頁鏈接指向一級頁面，一級頁面鏈接指向二級頁面。這樣的鏈接結(jié)構(gòu)瀏覽時，一級級進入，一級級退出，條理比較清晰，訪問者明確知道自己在什么位置，不會“不知身在何處”，但是瀏覽效率低，一個欄目下的子頁面到另一個欄目下的子頁面，必須回到首頁再進行。 ●星狀鏈接結(jié)構(gòu)（一對多），類似網(wǎng)絡(luò)服務(wù)器的鏈接，每個頁面相互之間都建立有鏈接。這樣瀏覽比較方便，隨時可以到達自己喜歡的頁面。但是由于鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內(nèi)容。 因此，在實際的網(wǎng)站設(shè)計中，總是將這兩種結(jié)構(gòu)混合起來使用。網(wǎng)站希望瀏覽者既可以方便快速地達到自己需要的頁面，又可以清晰地知道自己的位置。所以，最好的辦法是：首頁和一級頁面之間用星狀鏈接結(jié)構(gòu)，一級和二級頁面之間用樹狀鏈接結(jié)構(gòu)。關(guān)于鏈接結(jié)構(gòu)的設(shè)計，在實際的網(wǎng)頁制作中是非常重要一環(huán)，采用什么樣的鏈接結(jié)構(gòu)直接影響到版面的布局。 ③進行形象設(shè)計 網(wǎng)站的設(shè)計可以從以下幾點出發(fā)： ●設(shè)計網(wǎng)站標志(LOGO)。LOGO是指網(wǎng)站的標志，標志可以是中文、英文字母，也可以是符號、圖案等。標志的設(shè)計創(chuàng)意應(yīng)當來自網(wǎng)站的名稱和內(nèi)容。比如：網(wǎng)站內(nèi)有代表性的人物、動物、植物，可以用它們作為設(shè)計的藍本，加以卡通化或者藝術(shù)化；專業(yè)網(wǎng)站可以以本專業(yè)有代表的物品作為標志。最常用和最簡單的方式是用自己網(wǎng)站的英文名稱作標志，采用不同的字體、字母的變形、字母的組合可以很容易制作好自己的標志。 ●設(shè)計網(wǎng)站色彩。網(wǎng)站給人的第一印象來自視覺沖擊，不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問者的情緒?！皹藴噬省笔侵改荏w現(xiàn)網(wǎng)站型象和延伸內(nèi)涵的色彩，要用于網(wǎng)站的標志，標題，主菜單和主色塊。給人以整體統(tǒng)一的感覺。至于其它色彩也可以使用，但應(yīng)當只是作為點綴和襯托，絕不能喧賓奪主。一般來說，一個網(wǎng)站的標準色彩不超過3種，太多則讓人眼花繚亂。適合于網(wǎng)頁標準色的顏色有：藍色，黃/橙色，黑/灰/白色三大系列色。 ●設(shè)計網(wǎng)站字體。和標準色彩一樣，標準字體是指用于標志，標題，主菜單的特有字體。一般網(wǎng)頁默認的字體是宋體。為了體現(xiàn)站點的“與眾不同”和特有風格，可以根據(jù)需要選擇一些特別字體。制作者可以根據(jù)自己網(wǎng)站所表達的內(nèi)涵，選擇更貼切的字體。需要說明的是：使用非默認字體只能用圖片的形式，因為很可能瀏覽者的計算機里沒有安裝特別字體，那么辛苦設(shè)計制作便可能付之東流了。 ●設(shè)計網(wǎng)站宣傳語。也可以說是網(wǎng)站的精神、主題與中心，或者是網(wǎng)站的目標，用一句話或者一個詞來高度概括。用富有氣勢的話或詞語來概括網(wǎng)站，進行對外宣傳，可以收到比較好的結(jié)果。 要領(lǐng)五：確定網(wǎng)站風格 “風格”是抽象的，是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI（標志，色彩，字體，標語）、版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價值等等諸多因素，網(wǎng)站可以是平易近人的、生動活潑的也可以是專業(yè)嚴肅的。不管是色彩、技術(shù)、文字、布局，還是交互方式，只要你能由此讓瀏覽者明確分辨出這是你網(wǎng)站獨有的，這就形成了網(wǎng)站的“風格”。 風格是有人性的，通過網(wǎng)站的色彩、技術(shù)、文字、布局、交互方式可以概括出一個站點的個性：是粗獷豪放的，還是清新秀麗的；是溫文儒雅的，還是執(zhí)著熱情的；是活潑易變的，還是墨守成規(guī)的。 總之，有風格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于：在普通網(wǎng)站上你看到的只是堆砌在一起的信息，你只能用理性的感受來描述，比如信息量多少，瀏覽速度快慢等；在有風格的網(wǎng)站上你可以獲得除內(nèi)容之外的更感性的認識，比如站點的品位，對瀏覽者的態(tài)度等。 在明確自己想給人以怎樣的印象后，要找出網(wǎng)站中最有特色的東西，就是最能體現(xiàn)網(wǎng)站風格的東西。并以它作為網(wǎng)站的特色加以重點強化、宣傳。總之，風格的形成不是一次定位的，你可以在實踐中不斷強化、調(diào)整、改進。 要領(lǐng)六：有創(chuàng)意的內(nèi)容選擇 好的內(nèi)容選擇需要有好的創(chuàng)意，作為網(wǎng)頁設(shè)計制作者，最苦惱的就是沒有好的內(nèi)容創(chuàng)意。網(wǎng)絡(luò)上的最多的創(chuàng)意即是來自于虛擬同現(xiàn)實的結(jié)合。創(chuàng)意的目的是為了更好的宣傳與推廣網(wǎng)站，如果創(chuàng)意很好，卻對網(wǎng)站發(fā)展毫無意義，那么，網(wǎng)站設(shè)計制作者也應(yīng)當放棄這個創(chuàng)意。另外，主頁內(nèi)容是網(wǎng)站的根本之所在，如果內(nèi)容空洞，即使頁面制作地再怎樣精美，仍然不會有多少用戶。從根本上說，網(wǎng)站內(nèi)容仍然左右著網(wǎng)站流量，內(nèi)容為王（Content Is King）依然是個人網(wǎng)站成功的關(guān)鍵。 要領(lǐng)七：推廣自己的網(wǎng)站 網(wǎng)站的營銷推廣在個人網(wǎng)站的運行中也占著重要的地位，在推廣個人網(wǎng)站之前，請確保已經(jīng)做好了以下內(nèi)容：網(wǎng)站信息內(nèi)容豐富、準確、及時；網(wǎng)站技術(shù)具有一定專業(yè)水準，網(wǎng)站的交互性能良好。一般來說，網(wǎng)站的推廣有以下幾種方式： （1）搜索引擎注冊與搜索目錄登錄技巧 注冊著名的搜索引擎站點是在技術(shù)上推廣網(wǎng)站的第一步。注冊搜索引擎有一定的技巧，像AltaVista、搜索客這樣的搜索引擎，它自動收錄提交的網(wǎng)址。另外，注意Meta的使用，不要提交分欄Frame頁面，大部分搜索引擎不識別Frame，所以一定要提交有內(nèi)容的Main頁面。 而像Yahoo、搜狐等搜索目錄網(wǎng)站采用手工方式收錄網(wǎng)址，以保證收錄網(wǎng)站的質(zhì)量，在分類查詢時獲得的信息相關(guān)性比搜索引擎站點（靠Spider自動搜索的）更強。由于搜索目錄網(wǎng)站收錄網(wǎng)站的人為因素相對較多，因此在提交網(wǎng)站時要注意遵守規(guī)則。如Yahoo要求注冊站點描述不超過25個單詞。在此要注意：將網(wǎng)址提交到最合適的目錄下面，要認真詳細的介紹網(wǎng)站，千萬不要有虛假、夸張的成分。 （2）廣告交換技巧 很多個人站點在相互廣告交換時都提出了幾個條件：第一，訪問量相當；第二，首頁交換。顯而易見，這種做法是為了充分利用廣告交換。以很多個人網(wǎng)站的經(jīng)驗，當與一個個人站點交換鏈接時，對方把網(wǎng)站的LOGO放到了友情連接一頁，而不是首頁時，很少有訪客會來自那里。通常在首頁，廣告交換才會有很好的效果。 （3）目標電子郵件推廣 使用電子郵件宣傳網(wǎng)址時，主要有如下技巧：可以使用免費郵件列表來進行，只要你申請了免費郵件列表服務(wù)，你就可以利用郵件列表來推廣你的網(wǎng)站；可以通過收集的特定郵件地址，來發(fā)送信息到特定的網(wǎng)絡(luò)群體，在特定網(wǎng)絡(luò)群體中推廣自己的網(wǎng)站；發(fā)送HTML格式的郵件，即使其內(nèi)容與接收者關(guān)系不大，也不會被被當作垃圾信件馬上刪掉，人們至少會留意一下發(fā)送者的地址。不過，在進行郵件推廣的時候要注意網(wǎng)絡(luò)道德。 要領(lǐng)八：支撐網(wǎng)站日常運行 當個人網(wǎng)站做到某一程度，就必須把賺錢提到議事日程上來，通常來說，個人網(wǎng)站獲取資金通常有以下兩個渠道： （1）銷售網(wǎng)站的廣告位 要銷售網(wǎng)站的廣告位，一般來說，每日的流量少于1萬人次的網(wǎng)站在目前是不會吸引廣告主的。網(wǎng)站的專業(yè)性及商用性，以往的廣告經(jīng)驗，技術(shù)以及設(shè)計要求等也會影響到廣告的銷售。 一般來說，WEB廣告的收費有三種方式： ①CPM (Cost Per Million/Thousand) 放一個廣告，它按每1,000人次來訪問站點收費。這方法對網(wǎng)站經(jīng)營者最為合適，只要有人瀏覽該網(wǎng)頁，就得錢，不管訪問者對廣告有無反應(yīng)——是否會看或點擊該廣告。 ②點透（Click-through） 通過Banner廣告點到了廣告商的站點，這才算數(shù)，廣告商青睞這個，他只為對自己廣告感興趣的人“套錢“。網(wǎng)站經(jīng)營者就不合適了，據(jù)一些調(diào)查資料表明，只有3%的訪問者會去“CLICK”廣告。 ③提成 (Commission) 根據(jù)訪問者點擊位于你站點上廣告所帶來的銷售收入，從中跟做廣告的廠商分成，這種方法對于網(wǎng)站的經(jīng)營者來說，比上面兩個都更加冒險。 通常的，個人網(wǎng)站的廣告收費方法往往是第一、第二種方法的結(jié)合，站點和廣告商都可少冒點險。 （2）與大型網(wǎng)站合作 另外，通過與大型網(wǎng)站合作，獲取經(jīng)費，也可以維持個人網(wǎng)站的日常運行。不過，個人網(wǎng)站很容易會成為商業(yè)網(wǎng)站的附屬品。 有時間和充沛的體力，再加上對新技術(shù)和技巧的學習和應(yīng)用，你就能為自己在網(wǎng)上建一個家了 參考資料： http://zhidao.baidu.com/question/6583649.html?fr=qrl3

不同的環(huán)境下設(shè)置的尺寸都不一樣1、800*600下，網(wǎng)頁寬度保持在778以內(nèi)，就不會出現(xiàn)水平滾動條，高度則視版面和內(nèi)容決定。2、1024*768下，網(wǎng)頁寬度保持在1002以內(nèi)，就不會出現(xiàn)水平滾動條，高度則視版面和內(nèi)決定。3、在ps里面做網(wǎng)頁可以在800*600狀態(tài)下顯示全屏，頁面的下方又不會出現(xiàn)滑動條，尺寸為740*560左右 4、1024*768 下網(wǎng)頁的尺寸:width=955,height=600　　800*600 下網(wǎng)頁的尺寸:width=760,height=420一般分辨率在800*600的情況下，頁面的顯示尺寸為：780*428px；分辨率在640*480的情況下，頁面的顯示尺寸為:620*311px；分辨率在1024*768的情況下，頁面的顯示尺寸為：1007*600px

　　一般對于網(wǎng)頁設(shè)計師都有職責要求，如下　　1、精 通 各 種 網(wǎng) 頁 及 美 術(shù) 方 面 的 應(yīng) 用 軟 件 ， 包 括 Photoshop ， Coreldraw ， Illustrator,Dreamweaver,Flash ， Fireworks 等?！　?、熟悉 Html、css 、JavaScript等?！　?、美術(shù)、設(shè)計等相關(guān)專業(yè)?？苹蛞陨蠈W歷?！　?、一年以上相關(guān)專業(yè)工作經(jīng)驗、有優(yōu)秀的藝術(shù)素養(yǎng)?！　?、熟悉醫(yī)療行業(yè)網(wǎng)站建設(shè)、網(wǎng)絡(luò)廣告、網(wǎng)站專題建設(shè)等工作?！　?、有醫(yī)療網(wǎng)站設(shè)計經(jīng)驗者優(yōu)先。對醫(yī)療頁面設(shè)計轉(zhuǎn)化效果有獨到見解者優(yōu)先。　　7、具備優(yōu)秀的網(wǎng)站整體策劃、設(shè)計能力,有豐富的網(wǎng)頁設(shè)計經(jīng)驗?！　?、熟練處理CSS與IE6、IE7、IE8、FireFox等瀏覽器兼容問題。　　9、有較強的平面設(shè)計感覺及良好的美術(shù)基礎(chǔ)、審美能力和創(chuàng)意，色彩感強；思想敏銳活躍,具有豐富的視覺創(chuàng)作經(jīng)驗和獨到的審美修養(yǎng)。　　10、創(chuàng)新意識強， 有良好的學習能力、溝通能力和領(lǐng)悟能力，能夠承受較大的工作壓力?！　?1、有良好的團隊合作意識，耐心、誠懇，有強烈的責任心和積極主動的工作態(tài)度； 有良好的團隊合作意識，耐心、誠懇，有強烈的責任心和積極主動的工作態(tài)度。

網(wǎng)頁設(shè)計中讓圖片輪播，需要用到的JS和比較好的div+css布局意識，主要還是需要了解left，top在css中的意思，這里我提交一段我以前寫的代碼； html中的代碼：<div id="box"> <div id="woZaiHouDun" class='hide' > <a id="btnLeft" href='javascript:void(0);'> </a> <a id="btnRight" href='javascript:void(0);'> </a> <ul> <li><img width="400" height="260" src="./images/scholl/1.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/2.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/3.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/1.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/2.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/3.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/1.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/2.jpg"/></li> <li><img width="400" height="260" src="./images/scholl/3.jpg"/></li> </ul> </div>js中的代碼：ar t=null;function woZaiHouDun(){ var oUl = document.getElementById('woZaiHouDun').getElementsByTagName('ul')[0]; var aLi = oUl.getElementsByTagName('li'); oUl.innerHTML += oUl.innerHTML; oUl.style.width = aLi[0].offsetWidth*aLi.length + 'px'; var oBtnLeft = document.getElementById('btnLeft'); var oBtnRight = document.getElementById('btnRight'); var iTarget = 0; var ispeed = -3; oBtnLeft.onclick = function(){ ispeed = 3; } oBtnRight.onclick = function(){ ispeed = -3; } t=setInterval(function(){ iTarget = oUl.offsetLeft -ispeed; if( iTarget < - oUl.offsetWidth/2){ oUl.style.left =0 +'px'; iTarget = oUl.offsetLeft -ispeed; } if( iTarget > 0){ oUl.style.left =- oUl.offsetWidth/2 +'px'; iTarget = oUl.offsetLeft -ispeed; } oUl.style.left =iTarget +'px'; },30)}這樣是能實現(xiàn)輪播的。

布局就是以最合適瀏覽的方式將圖片和文字排放在頁面的不同位置。不同的制作者會有不同的布局設(shè)計。網(wǎng)頁布局有以下幾種常見結(jié)構(gòu)：1.“同”字型結(jié)構(gòu)布局 所謂同字型就夠就是指頁面頂部為“網(wǎng)站標志+廣告條+主菜單”或主菜單，下方左側(cè)為二級欄目條，右側(cè)為鏈接欄目條，屏幕中間顯示具體內(nèi)容的布局。 這種布局的優(yōu)點是充分利用版面，頁面結(jié)構(gòu)清晰，左右堆成，主次分明，信息量大；缺點是頁面擁擠，太規(guī)矩呆板，如果細節(jié)色彩上缺少變化調(diào)劑，很容易讓人感到單調(diào)缺乏。2.“國”字型布局 “國”字型布局是在“同”字型布局基礎(chǔ)上演化而來的，在保留“同”字型的同時，在頁面的下方增加一橫條狀的菜單或廣告，是一些大型網(wǎng)站所喜歡的類型。一般最上面是網(wǎng)站標題及橫幅廣告條，接下來就是網(wǎng)站的主要內(nèi)容，左右分列一些兩小條內(nèi)容，中間是主要部分，與左右一起羅列到底，最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。這種結(jié)構(gòu)是在網(wǎng)上見到的最多的一種結(jié)構(gòu)類型。 這種布局的優(yōu)點是充分利用版面，信息量大，與其他頁面的鏈接切換方便，缺點是頁面擁擠，四面封閉，令人感到憋氣。3.T型布局 這是一個形象的說法，是指頁面的頂部是“網(wǎng)站標志+廣告條”，左面是主菜單，右面是主要內(nèi)容。這種布局的優(yōu)點是頁面結(jié)構(gòu)清晰、主次分明，是初學者最容易上手的布局方法；缺點是頁面呆板，如果不注意細節(jié)上的色彩，很容易讓人“看之無味”。4.“三”字型布局 這種布局多用于國外站點，國內(nèi)用得不多。特點是在頁面上有橫向兩條色塊，將頁面整體分割為但部分，色塊中大多放廣告條、更新和版權(quán)提示。5.對比布局 顧名思義，這種布局采用左右或者上下對比的方式：一半深色，一半淺色。一般用于設(shè)計型站點。優(yōu)點是視覺沖擊力強；缺點是將兩部分有機地結(jié)合比較困難。6.POP布局 POP引自廣告術(shù)語，是指頁面布局像一張宣傳海報，一一張精美的圖片作為頁面的設(shè)計中心。這種類型基本上是出現(xiàn)在一些網(wǎng)站的首頁，大部分為一些精美的平面設(shè)計結(jié)合一些小的動畫，放上幾個簡單的鏈接或者僅是一個“進入”的鏈接，甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種布局大部分出現(xiàn)在企業(yè)網(wǎng)站和個人主頁，如果處理得好的話，會給人帶來賞心悅目的感覺。7.Flash布局 這種布局是指整個或大部分幅面的網(wǎng)頁本身就是一個Flash動畫，它本身就是動態(tài)的，畫面一般不叫絢麗、有趣，是一種比較新潮的布局方式。其實這與封面型結(jié)構(gòu)是類似的，只是這種類型才采用了目前非常流行的Flash，與封面型不同的是，由于Flash強大的功能，頁面所表達的信息更豐富，其視覺效果及聽覺效果如果處理得當，絕不差于傳統(tǒng)的多媒體。