網(wǎng)頁排版設(shè)計
提問問題
列表
-
曉利之印，四個字的篆刻寫法，要兩種以上寫法，謝謝
查看答案>>
-
DOCTYPE是什么？
查看答案>>
-
怎樣設(shè)計網(wǎng)頁保持整體風格統(tǒng)一
查看答案>>
-
前端開發(fā)工程師和網(wǎng)頁設(shè)計的區(qū)別是？
查看答案>>
-
網(wǎng)頁設(shè)計需要學習哪些軟件？
查看答案>>
-
什么是網(wǎng)頁設(shè)計
查看答案>>
-
網(wǎng)頁設(shè)計用什么軟件最好？
查看答案>>
-
進行網(wǎng)頁布局的一般步驟是什么？
查看答案>>
-
最好的平面設(shè)計軟件有哪些？
查看答案>>
-
網(wǎng)頁設(shè)計軟件都有哪些？
查看答案>>
DOCTYPE是什么？
DOCTYPE是document type(文檔類型)的簡寫，在web設(shè)計中用來說明你用的XHTML或者HTML是什么版本。要建立符合標準的網(wǎng)頁，DOCTYPE聲明是必不可少的關(guān)鍵組成部分；除非你的XHTML確定了一個正確的DOCTYPE，否則你的標識和CSS都不會生效。 DOCTYPE聲明 開始制作符合標準的站點，第一件事情就是聲明符合自己需要的DOCTYPE。查看很多使用XHTML標準開發(fā)的網(wǎng)站，第一行就是：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">打開一些符合標準的站點，例如著名web設(shè)計軟件開發(fā)商Macromedia，網(wǎng)頁陶吧，會發(fā)現(xiàn)同樣的代碼。而另一些符合標準的站點的代碼則如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">那么這些代碼有什么含義？一定要放置嗎？什么是DOCTYPE上面這些代碼我們稱做DOCTYPE聲明。DOCTYPE是document type(文檔類型)的簡寫，用來說明你用的XHTML或者HTML是什么版本。其中的DTD(例如上例中的xhtml1-transitional.dtd)叫文檔類型定義，里面包含了文檔的規(guī)則，瀏覽器就根據(jù)你定義的DTD來解釋你頁面的標識，并展現(xiàn)出來。要建立符合標準的網(wǎng)頁，DOCTYPE聲明是必不可少的關(guān)鍵組成部分；除非你的XHTML確定了一個正確的DOCTYPE，否則你的標識和CSS都不會生效。XHTML 1.0 提供了三種DTD聲明可供選擇：* 過渡的(Transitional)：要求非常寬松的DTD，它允許你繼續(xù)使用HTML4.01的標識(但是要符合xhtml的寫法)，完整代碼如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">* 嚴格的(Strict)：要求嚴格的DTD，你不能使用任何表現(xiàn)層的標識和屬性，例如<br>，完整代碼如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">* 框架的(Frameset)：專門針對框架頁面設(shè)計使用的DTD，如果你的頁面中包含有框架，需要采用這種DTD，完整代碼如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">我們選擇什么樣的DOCTYPE理想情況當然是嚴格的DTD，但對于我們大多數(shù)剛接觸web標準的設(shè)計師來說，過渡的DTD(XHTML 1.0 Transitional)是目前理想選擇。因為這種DTD還允許我們使用表現(xiàn)層的標識、元素和屬性，也比較容易通過W3C的代碼校驗。注：上面說的"表現(xiàn)層的標識、屬性"是指那些純粹用來控制表現(xiàn)的tag，例如用于排版的表格、背景顏色標識等。在XHTML中標識是用來表示結(jié)構(gòu)的，而不是用來實現(xiàn)表現(xiàn)形式，我們過渡的目的是最終實現(xiàn)數(shù)據(jù)和表現(xiàn)相分離。打個比方：人體模特換衣服。模特就好比數(shù)據(jù)，衣服則是表現(xiàn)形式，模特和衣服是分離的，這樣你就可以隨意換衣服。而原來HTML4中，數(shù)據(jù)和表現(xiàn)是混雜在一起的，要一次性換個表現(xiàn)形式非常困難。呵呵，有點抽象了，這個概念需要我們在應(yīng)用過程中逐步領(lǐng)會。補充DOCTYPE聲明必須放在每一個XHTML文檔最頂部，在所有代碼和標識之上。
怎樣設(shè)計網(wǎng)頁保持整體風格統(tǒng)一
網(wǎng)站總體色彩一致的優(yōu)點是一個獨特色彩的網(wǎng)站會給人留下很深刻的印象，因為人的視覺對色彩要比布局更敏感，更容易在大腦中形成記憶符號。
在色彩的一致性中，我們強調(diào)的是如果企業(yè)有自身的CI形象，最好在互聯(lián)網(wǎng)中沿襲這個形象，給觀眾網(wǎng)上網(wǎng)下一致的感覺，更有利于企業(yè)形象的樹立。一個建議是選取一兩種主要色彩，幾種輔助色彩。
二、網(wǎng)站結(jié)構(gòu)的一致
網(wǎng)站結(jié)構(gòu)是網(wǎng)站的的骨架，結(jié)構(gòu)關(guān)系網(wǎng)站的瀏覽習慣和設(shè)計風格，所以，網(wǎng)站的欄目內(nèi)頁和內(nèi)容內(nèi)頁必須和首頁的風格要一致，就肯定要從網(wǎng)站的結(jié)構(gòu)上下功夫。最重要的就是網(wǎng)站布局了，網(wǎng)站的相關(guān)內(nèi)容文字排版等等也應(yīng)該有所體現(xiàn)。
三、網(wǎng)站導航條要統(tǒng)一協(xié)調(diào)
導航是連接各個頁面的最主要部分，一個導航統(tǒng)一的網(wǎng)站，是風格一致的基礎(chǔ)部分，好的導航條可以帶給人很深的印象。
四、網(wǎng)站的圖像要統(tǒng)一
網(wǎng)站的圖片并非越多越好，對于那些沒有用處的圖片不要在網(wǎng)頁上占用空間，既無用又浪費設(shè)計時間，此外也降低了網(wǎng)頁加載速度，對于相部位的相同圖片，盡量用同一個URL路徑，而不是使用不同的路徑。而是作為網(wǎng)站結(jié)構(gòu)一部分的局部圖像，根據(jù)網(wǎng)頁內(nèi)容的不同，配以相應(yīng)的圖像或動畫，從而給瀏覽者形成頁面的連續(xù)性。
五、網(wǎng)站標志性元素的一致性
即網(wǎng)站或公司名稱、網(wǎng)站或企業(yè)標志、導航及輔助導航的形式及位置、公司聯(lián)系信息等，這種方式是目前網(wǎng)站普遍采用的結(jié)構(gòu)，一方面減少設(shè)計、開發(fā)的工作量，同時更有利于以后的網(wǎng)站維護與更新，這也是SEO的要求。
六、網(wǎng)站的特別元素要一致
在網(wǎng)站設(shè)計中，個別具有特色的元素，如標志、象征圖形、局部設(shè)計等重復(fù)出現(xiàn)，也會給訪問者留下深刻印象。比如網(wǎng)站結(jié)構(gòu)在某一點上的變化，由直線變?yōu)閳A弧、暗色點綴的亮色、色彩中的補色等等。
七、網(wǎng)站的背景圖片及背景顏色等統(tǒng)一問題
做網(wǎng)站時，網(wǎng)站的內(nèi)頁有必要和首頁的風格一致，這樣才顯出網(wǎng)站是一個整體。這些都是內(nèi)頁風格保持一致要注意的。
前端開發(fā)工程師和網(wǎng)頁設(shè)計的區(qū)別是？
前端開發(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ù)、理念、文化），進行網(wǎng)站功能策劃，然后進行的頁面設(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è)計的工作目標，是通過使用更合理的顏色、字體、圖片、樣式進行頁面設(shè)計美化，在功能限定的情況下，盡可能給予用戶完美的視覺體驗。高級的網(wǎng)頁設(shè)計甚至會考慮到通過聲光、交互等來實現(xiàn)更好的視聽感受。網(wǎng)頁設(shè)計主要以Adobe產(chǎn)品為主，常見的工具包括FW、PS、FL、DW、CDR、AI等，其中DW是代碼工具，其他是圖形圖像和FL動畫工具。還有最近幾年Adobe新出的EdgeReflow、EdgeCode、Muse。
網(wǎng)頁設(shè)計需要學習哪些軟件？
html 和 javascript、css 語言PHOTOSHOP和網(wǎng)頁制作軟件Dreamweaver、還有Flash 、Firewokks、FrontPage等。動態(tài)網(wǎng)頁要涉及的多媒體知識，涉及到的多媒體軟件會。
什么是網(wǎng)頁設(shè)計
網(wǎng)頁設(shè)計是一個綜合性的，工作，他不但但要求你用美術(shù)，美術(shù)只是其它一門最重要的，還有社會文化的了解，對各方面藝術(shù)的精通，精懂，你才會，有更出色的作品，更好的創(chuàng)意，有時候靈感，就是原自每個人的生活，和我們十分相近，只要用心觀察，用心學習，就會有進步的首先，基礎(chǔ)的工具軟件，PS FLASH DW AI 3DMAX這些都要求會使用，并用其做出效果然后，你要用HTML CSS JAVASCIRPT 有所了解并學習，基礎(chǔ)客戶端語言編程，在則，你最好，了解后，能進一些好的北京地方的，科班進行學習深造，了解構(gòu)圖方法和一些設(shè)計理念以備在自己的工作中加以應(yīng)用，最后，就是，學完后，不一定說明你就是最好的優(yōu)秀的，各各方面，要看你自己的能力，是否，會來到這個行業(yè)中，去學習去進步跟你的團隊一起完成一個提案，等，都 是問題，最好學好以后去一些公司實習，或一邊實習一邊學習，建意你從平面設(shè)計開始學起，從平面設(shè)計轉(zhuǎn)入交互設(shè)計，會有一守的過濾，這樣對你日后 ，發(fā)展有一定的幫助，你來我團隊吧，我是做設(shè)計的，這東西，免費沒有指點你的，你要慢慢學，你好，你好，網(wǎng)頁設(shè)計一門綜合 性比交廣的學課，當然，我也是這個行業(yè)中的一員，就像我來說目前在轉(zhuǎn)型，熱門行業(yè)做的人太多了，比電腦公司技術(shù)員還多，所以說，如果你真想入這行業(yè)可以進我團交流，大家一起學習，當然，做設(shè)計，首先得會用PS吧，最基本你要得會處理圖片吧，平面設(shè)計你得懂吧，沒有平面的基礎(chǔ)想做出好的網(wǎng)頁基本很難得，出非你是做普通的，在則，網(wǎng)頁這個交互性的東西，還要要求用戶懂動畫，在高點得會JS JQ程序什么的，去實現(xiàn)他的動作。所以說，最重要的就是你要會設(shè)計，會設(shè)計前提是你得會用PS 然后就是FLASH 或AI 這三個軟件，其它的還可以商量 ，如果這三個不會，那就得學軟件先，學好軟件才能說入這個門的條件后面還有HTML CSS DIV PHP JS JQ 很多東西得學，最重要的就是會跟客戶溝通，溝通是設(shè)計的一把鑰匙，有了它，你會事辦公倍的，祝你好運，希望你可以加入我們團隊，共同學習謝謝，說的太多了，不知道對你有用沒用，希望做為參考，僅能參考 ，不做評論，不會可以學，但要多動手 多做，基礎(chǔ)差可以補，語言后其可以在學，前其先把圖做好，CSS做好，這都不是太難的課目難得是JS跟后其的動畫 效果上。要對自己有信心，加油，
網(wǎng)頁設(shè)計用什么軟件最好？
設(shè)計網(wǎng)頁現(xiàn)在通常用到的學習軟件，現(xiàn)在幫你羅列如下：(1)Photoshop：學習圖像處理、編輯、通道、圖層、路徑綜合運用;圖像色彩的校正；各種特效濾鏡的使用;特效字的制作;圖像輸出與優(yōu)化等,靈活運用圖層風格，流體變形及褪底和蒙板，制作出千變?nèi)f化的圖像特效。(2)CorelDraw：通過CorelDRAW9的全方面的設(shè)計及網(wǎng)頁功能融合到現(xiàn)有的設(shè)計方案中，制作矢量的插圖、設(shè)計及圖像，出色地設(shè)計公司標志、簡報、彩頁、手冊、產(chǎn)品包裝、標識、網(wǎng)頁及其它。(3)PageMaker：學習排版設(shè)計的基本法則、使用方法與技巧，工具箱、快捷鍵的使用，菜單功能及操作技巧，出版物、書籍、宣傳彩頁、出片輸出注意事項，報紙雜志等的高級專業(yè)排版制作的方法。(4)Illustrator：學習圖形繪制、包裝、宣傳頁的制作，讓你更加方便地進行LOGO及CI設(shè)計，不到一個月，您就會成為一名真正的美術(shù)大師，在Photoshop的基礎(chǔ)上再學它如虎添翼，效率成倍提高。(5)①DreamWeaver, 自制動態(tài)HTML動畫的網(wǎng)頁.DreamWeaver是一個很酷的網(wǎng)頁設(shè)計軟件，它包括可視化編輯、HTML代碼編輯的軟件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過拖拽從頭到尾制作動態(tài)的HTML動畫，支持動態(tài)HTML(Dynamic HTML)的設(shè)計，使得頁面沒有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁面的動畫。同時它還提供了自動更新頁面信息的功能。 DreamWeaver還采用了Roundtrip HTML技術(shù)。這項技術(shù)使得網(wǎng)頁在DreamWeaver和HTML代碼編輯器之間進行自由轉(zhuǎn)換，HTML句法及結(jié)構(gòu)不變。這樣，專業(yè)設(shè)計者可以在不改變原有編輯習慣的同時，充分享受到可視化編輯帶來的益處。DreamWeaver最具挑戰(zhàn)性和生命力的是它的開放式設(shè)計，這項設(shè)計使任何人都可以輕易擴展它的功能。
進行網(wǎng)頁布局的一般步驟是什么？
網(wǎng)頁布局一般有七個步驟 如下：1.頁面尺寸：頁面尺寸和顯示器大小及分辨率有關(guān)系，網(wǎng)頁的局限性就在于無法突破顯示器的范圍，而且因為瀏覽器也將占去不少空間，留下的頁面范圍就變得越來越小。一般，分辨率在1024×768的情況下，頁面的顯示尺寸為1007×600；分辨率在800×600的情況下，頁面的顯示尺寸為780×428個象素；分辨率在640×480的情況下，頁面的顯示尺寸則為620×311個象素。從以上數(shù)據(jù)可以看出，分辨率越高頁面尺寸越大。瀏覽器的工具欄也是影響頁面尺寸的原因，目前的瀏覽器的工具欄都可以取消或者增加，那么當顯示全部的工具欄和關(guān)閉全部工具欄時，頁面的尺寸是不一樣的。在網(wǎng)頁設(shè)計過程中，向下拖動頁面是惟一給網(wǎng)頁增加內(nèi)容(尺寸)的方法。要提醒家。除非能肯定站點的內(nèi)容能吸引大家拖動，否則不要讓訪問者拖動頁面超過三屏。如果需要在同一頁面顯示超過三屏的內(nèi)容，那么最好能在上面做上頁面內(nèi)部連接，以方便訪者瀏覽。2.整體造型：什么是造型，造型就是創(chuàng)造出來的物體形象。頁面的整體形象，應(yīng)該是一個整體，圖形與文本的接合應(yīng)該層疊有序，有機統(tǒng)一。雖然，顯示器和瀏覽器都是矩形，但對于頁面的造型，可以充分運用自然界中的其它形狀以及它們的組合：矩形，圓形，三角形，菱形等。對于不同的形狀，它們所代表的意義是不同的。比如矩形代表著正式，規(guī)則，注意到很多ICP和政府網(wǎng)頁都是以矩形為整體造型；圓形代表著柔和，團結(jié)，溫暖，安全等，許多時尚站點喜歡以圓形為頁面整體造型；三角形代表著力量，權(quán)威，牢固，侵略等，許多大型的商業(yè)站點為顯示它的權(quán)威性常以三角形為頁面整體造型；菱形則代表著平衡，協(xié)調(diào)，公平，一些交友站點常運用菱形作為頁面整體造型。雖然不同形狀帶表著不同意義，但目前的網(wǎng)頁制作多數(shù)是結(jié)合多個形狀加以設(shè)計，其中又以某種形狀為主。3.頁頭：頁頭又可稱之為頁眉，頁眉的作用是定義頁面的主題。比如一個站點的名字多數(shù)都顯示在頁眉里。這樣，訪問者能很快知道這個站點是什么內(nèi)容。頁頭是整個頁面設(shè)計的關(guān)鍵，它將涉及到下面的設(shè)計和整個頁面的協(xié)調(diào)性。頁頭常放置站點名字的圖片或公司標志以及旗幟廣告等。4.文本：文本在頁面中多數(shù)以“行”或者“塊”(段落)出現(xiàn)，它們的擺放位置決定者整個頁面布局的可視性。在過去因為頁面制作技術(shù)的局限，文本放置位置的靈活性非常小，而隨著DHTML的興起，文本已經(jīng)可以按照自己的要求放置到頁面的任何位置。5.頁腳：頁腳和頁頭相呼應(yīng)。頁頭是放置站點主題的地方，而頁腳則是放置制作者或者公司信息的地方。能看到，許多此類信息都是放置在頁腳的。6.圖片：圖片和文本是網(wǎng)頁的兩大構(gòu)成元素，卻一不可。如何處理好圖片和文本的位置成了整個頁面布局的關(guān)鍵。而布局思維也將體現(xiàn)在這里。7.多媒體：除了文本和圖片，還有聲音，動畫，視頻等等其它媒體。雖然不是經(jīng)常能被利用到，但隨著動態(tài)網(wǎng)頁的興起，它們在網(wǎng)頁布局上也變得更重要起來。
最好的平面設(shè)計軟件有哪些？
主流平面設(shè)計軟件—— 圖像處理：Adobe Photoshop 矢量繪圖：CorelDRAW，Adobe Illustrator 排版軟件：Adobe InDesign，Adobe PageMaker 網(wǎng)頁設(shè)計：Adobe Dreamweaver 多媒體演示：Adobe Director，Macromedia Authorware 平面動畫：Adobe Flash 就列舉這些吧，已經(jīng)比較全面了?！ ∽ｍ樌?！
網(wǎng)頁設(shè)計軟件都有哪些？
網(wǎng)頁設(shè)計軟件包括： Photoshop：學習圖像處理、編輯、通道、圖層、路徑綜合運用;圖像色彩的校正；各種特效濾鏡的使用;特效字的制作;圖像輸出與優(yōu)化等,靈活運用圖層風格，流體變形及褪底和蒙板，制作出千變?nèi)f化的圖像特效 ；Freehand：不論是個人作品設(shè)計、公司徽標、海報制作，都可以輕松完成，應(yīng)用于廣告、印刷等行業(yè)；CorelDraw：通過CorelDRAW9的全方面的設(shè)計及網(wǎng)頁功能融合到現(xiàn)有的設(shè)計方案中，制作矢量的插圖、設(shè)計及圖像，出色地設(shè)計公司標志、簡報、彩頁、手冊、產(chǎn)品包裝、標識、網(wǎng)頁及其它；PageMaker：學習排版設(shè)計的基本法則、使用方法與技巧，工具箱、快捷鍵的使用，菜單功能及操作技巧，出版物、書籍、宣傳彩頁、出片輸出注意事項，報紙雜志等的高級專業(yè)排版制作的方法；Illustrator：學習圖形繪制、包裝、宣傳頁的制作，讓你更加方便地進行LOGO及CI設(shè)計，不到一個月就會成為一名真正的美術(shù)大師，在 Photoshop的基礎(chǔ)上再學它如虎添翼，效率成倍提高；DreamWeaver：自制動態(tài)HTML動畫的網(wǎng)頁。
熱門問答
