如何進行網頁設計

1、如何進行自適應網頁設計

做網站讓頁面自適應大小方法代碼如下：

一、電腦站設置網站自適應方法

全屏寬度主要在於CSS代碼中，將width為100%，而不是一個固定的像素值，代碼如下。

手機網設置網自適應方法：

在網頁頭部加上這樣一條meta標簽：<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" /> 

解釋：

2、如何進行網頁設計

認為只要用好了網頁製作軟體，就能搞好網頁設計了。
其實網頁設計是一個感性思考與理性分析相結合的復雜的過程，它的方向取決於設計的任務，它的實現依賴於網頁的製作。正所謂功夫在詩外，網頁設計中最重要的東西，並非在軟體的應用上，而是在我們對網頁設計的理解以及設計製作的水平上，在於我們自身的美感以及對頁面的把握上。
首先，我們要弄清楚網頁設計的任務。
一、設計的任務
設計是一種審美活動，成功的設計作品一般都很藝術化。但藝術只是設計的手段，而並非設計的任務。設計的任務是要實現設計者的意圖，而並非創造美。
網頁設計的任務，是指設計者要表現的主題和要實現的功能。站點的性質不同，設計的任務也不同。從形式上，可以將站點分為以下三類。
第一類是資訊類站點，像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量的信息，而且訪問量較大。因此需注意頁面的分割、結構的合理、頁面的優化、界面的親和等問題。
第二類是資訊和形象相結合的網站，像一些較大的公司、國內的高校等。這類網站在設計上要求較高，既要保證資訊類網站的上述要求，同時又要突出企業、單位的形象。然而就現狀上來看，這類網站有粗製濫造的嫌疑。
第三類則是形象類網站，比如一些中小型的公司或單位。這類網站一般較小，有的則有幾頁，需要實現的功能也較為簡單，網頁設計的主要任務是突出企業形象。這類網站對設計者的美工水平要求較高。
二、設計的實現
設計的實現可以分為兩個部分。第一部分為站點的規劃及草圖的繪制，這一部分可以在紙上完成。第二部分為網頁的製作，這一過程是在計算機上完成的。
設計首頁的第一步是設計版面布局。我們可以將網頁看作傳統的報刊雜志來編輯，這裡面有文字、圖像乃至動畫，我們要做的工作就是以最適合的方式將圖片和文字排放在頁面的不同位置。 除了要有一台配置不錯的計算機外，軟體也是必需的。不能簡單地說一個軟體的好壞，只要是設計者使用起來覺得方便而且能得心應手的，就可以稱為好軟體。當然，它應該能滿足設計者的要求。筆者常用的軟體是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，這些都是很不錯的軟體。

3、怎麼做好網頁設計？

網頁設計是一個綜合性的，工作，他不但但要求你用美術，美術只是其它一門最重要的，
還有社會文化的了解，對各方面藝術的精通，精懂，你才會，有更出色的作品，更好的創意，
有時候靈感，就是原自每個人的生活，和我們十分相近，只要用心觀察，用心學習，就會有進步的
首先，基礎的工具軟體，PS FLASH DW AI 3DMAX這些都要求會使用，並用其做出效果
然後，你要用HTML CSS JAVASCIRPT 有所了解並學習，基礎客戶端語言編程，
在則，你最好，了解後，能進一些好的北京地方的，科班進行學習深造，了解構圖方法和一些設計理念以備在自己的工作中加以應用，
最後，就是，學完後，不一定說明你就是最好的優秀的，各各方面，要看你自己的能力，是否，會來到這個行業中，去學習去進步跟你的團隊一起完成一個提案，等，都 是問題，最好學好以後去一些公司實習，或一邊實習一邊學習，建意你從平面設計開始學起，從平面設計轉入交互設計，會有一守的過濾，這樣對你日後 ，發展有一定的幫助，

4、如何自學網頁設計

1、在桌面上右鍵點擊滑鼠，出現對話框之後，點擊新建。

2、新建一個文本問檔，用於寫網頁代碼。

3、打開記事本，現在我們就可以編寫簡單的HTML代碼了。

4、現在，我們把文本的命名改成1.html。

5、一個簡單的HTML網頁就搭建完成了，可以通過瀏覽器打開試試看。

5、網頁設計，怎麼做？

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。

二、搜集材料
明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。

三、規劃網站
一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。
四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。

五、製作網頁
材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。

六、上傳測試
網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。

七、推廣宣傳
網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新
網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者

6、怎樣做網頁設計

一、准備知識，包括學會使用各種網頁製作的工具軟體。

二、認真思考自己要做的網站內容及用途來確定製作網頁的風格。但總體網頁設計要遵循一些必要的隱性要求：

1.簡潔性：能讓瀏覽者一目瞭然，不使瀏覽者感到繁瑣並且無法找到其所需內容。2.突出主題：一個沒有主題的網頁同樣會使人失去瀏覽的興趣。3.實用性：一個網頁即使漂亮倘若對瀏覽者一無所用也無法吸人眼球。有一句話說：只有被需求才能生存。

三、搜集資料，比如網頁中可能要用到的圖片，文字及其它內容。善於使用搜索引擎如百度，谷歌，來查詢自己所需的資料。
善於使用網路上已有的信息及內容，比如一些開源的代碼等。（網路是一個大雜燴，各種信息魚目混珠，各色人物魚龍混雜，要學會辨別。）

四、關注自己所製作網頁的內容與社會時代的相符性，及時更新網頁版面。

五、將目光放長遠，不斷學習。如果你要學習網頁建站代碼的知識，你來這個群一起來學習。這個的第一組數字是431。第二組的數字是011，第三組的數字是879。就是這三組數字結合起來就可以進來學習了。每天都有網頁代碼建站的課程知識。如今互聯網的發展極其神速，各種技術日新月異。只有不斷的學習進步，才能跟得上時代的潮流，你的網站才能立於不敗之地！

【學習網頁建站需要掌握的軟體】

1.DreamWeaver

自製動態HTML動畫的網頁

DreamWeaver是一個很酷的網頁設計軟體，它包括可視化編輯、HTML代碼編輯的軟體包，並支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它還能通過拖拽從頭到尾製作動態的HTML動畫，支持動態HTML(Dynamic HTML)的設計，使得頁面沒有plug-in也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁面的動畫。同時它還提供了自動更新頁面信息的功能。
DreamWeaver還採用了Roundtrip HTML技術。這項技術使得網頁在DreamWeaver和HTML代碼編輯器之間進行自由轉換，HTML句法及結構不變。這樣，專業設計者可以在不改變原有編輯習慣的同時，充分享受到可視化編輯帶來的益處。DreamWeaver最具挑戰性和生命力的是它的開放式設計，這項設計使任何人都可以輕易擴展它的功能。

2.Fireworks

第一款徹底為Web製作者們設計的軟體

Fireworks的來頭實在不小，它的出現使Web作圖發生了革命性的變化。Fireworks是專為網路圖像設計而開發，內建豐富的支持網路出版功能，比如Fireworks能夠自動切圖、生成滑鼠動態感應的javascript。而且Fireworks具有十分強大的動畫功能和一個幾乎完美的網路圖像生成器(Export功能)。它增強了與dreamweaver的聯系，可以直接生成dreamweaver的Libaray甚至能夠導出為配合CSS式樣的網頁及圖片！

3.flash 、photoshop

flash是動畫設計軟體，photoshop是圖片處理軟體，這些圖片設計處理軟體也屬於常用的網頁製作軟體。為了豐富網頁的內容，增加網頁美觀性，網頁製作中經常還需要應用各種圖片，這些圖片需要用專門的圖像處理軟體來設計。

學習Dreamweaver、flash、fireworks、ps等軟體綜合運用，讓創意為用戶服務，培養學員獨立思考、創作的良好習慣和先進的設計理念，培養創新型網頁設計師！

7、網頁設計怎麼做？

靜態的：html、css、js差不多可以了
動態的：上面基礎加上jsp/asp/php 還有後端java/c#等

8、設計一個簡潔大方的網站，如何進行設計？

一、選擇合適的配色方案
色彩的運用對於網站設計來說是相當重要的，使用淡色和非彩色的投影對設計一個成功的簡潔網站大有裨益。淺色的背景可以幫助用戶把焦點轉移到網站內容上，標志使用黑色和較深的投影，網頁中的頁眉和導航元素使用淺色背景，這些都是不錯的做法。如果說想要使用一些大膽的顏色也是可行的，但前提是這些顏色的使用要格外小心，因為一不小心顏色就容易太過鮮艷，給用戶帶來強烈的視覺沖擊。但有時候，網站有必要使用深色背景色來吸引某些目標用戶。比起漸變色，有些網站更鍾愛純色。如果你的網站非得要使用紋理和漸變色，也不要用得太過火，總之，都要有度。

二、小心使用頁面空白
一個成功的網頁設計就是做到整潔有序，網頁設計師在網頁中添加flash動畫，視頻，3D圖形等多種元素的同時，要盡量避免過度使用這些元素。如今，大家都經常使用各種攜帶型設備瀏覽網頁，因此也應該充分考慮到這些用戶的需求。在網頁設計中，應該小心且准確地處理頁面的邊距和空白。在處理過程中要注意，空白間距過多會讓網站失去吸引力。因此維持設計過程中的流動性非常重要，切勿過度使用。

三、選擇富有沖擊力的圖片
在網站設計中要以內容為主，圖片為輔，雖然用戶在瀏覽網站時，通常只關注網站的內容，但是，恰到好處又吸引用戶的圖片也會對內容起到補充的作用，同時也增加了網站的美感。不過，在網頁中使用圖片元素時，不管它是靜態圖片還是動態圖片，都要注意顏色的搭配，顏色如果使用過多，很容易造成視覺混亂，而使用單一的顏色往往會產生很強烈的視覺沖擊。

總之，一個簡潔的網站設計要把用戶體驗都考慮到，如果你還在擔心網站設計不夠美觀、簡潔，東莞格子網路來幫您！東莞格子網路擁有專業網頁設計師，無論哪個行業，哪種風格，把想法交給我們，我們把成果交還你們，我們用心，你們放心。

9、如何進行簡單的網頁製作？

1、使用網頁三劍客之一的Dreamweaver，來製作網頁是最簡單的方式。

2、Dreamweaver 是一個「所見即所得」的可視化網站開發工具，主要用於動態網頁和靜態網頁的開發，你所提到的所有標簽都可以使用到。

3、Dreamweaver 現在比較新

的版本是Dreamweaver CS6，或者CC系列更加新一點，比如CC2018等

4、個人比較喜歡使用Dreamweaver8，雖然版本比較舊，但是使用方便，體積小，也很穩定。

5、希望對你有幫助。

10、如何設計網頁

要想學做網頁，首先得了解製作網頁的工具。

製作網頁主要有以下一些工具

Frontpage：office自帶的一個工具，操作簡單，實用，學起來比較輕松，功能不咋地，我不太喜歡。

Dreamweaver：這是網頁三劍客之一，專門製作網頁的工具，可以自動將網頁生成代碼，是普通網頁製作者的首選工具，界面簡單，實用功能比較強大。建議初學者選用。

另外一個工具就是代碼編輯工具，例如寫字本、EditPlus等，這些工具主要編輯asp等動態網頁。

此外還有一些網路編程工具，javascript、java編輯器等。

網頁製作也是一個比較吃香的行業，要真正做一個好的網站，還必須有良好的設計功底。所以還得學很多邊緣性的軟體，例如photoshop、flash等。

大型的網站往往還需要資料庫的支持，所以還得懂資料庫。sql、甲骨文等。

總之，掌握好網頁製作，能獨立完成一個網站的製作工作，那就不要考慮吃飯問題。隨便混就好了！

網站設計八步驟

由於目前所見即所得類型的工具越來越多，使用也越來越方便，所以製作網頁已經變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁，於是他們認為網頁製作非常簡單，就匆匆忙忙製作自己的網站，可是做出來之後與別人一比，才發現自己的網站非常粗糙，這是為什麼呢？常言道：「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣，它是一個系統工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設計出一個滿意的網站。

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。特別是對於個人網站，你不可能像綜合網站那樣做得內容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。

二、搜集材料

明確了網站的主題以後，你就要圍繞主題開始搜集材料了。常言道：「巧婦難為無米之炊」。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來，也可以從互聯網上搜集，然後把搜集的材料去粗取精，去偽存真，作為自己製作網頁的素材。

三、規劃網站

一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。如何規劃網站的每一項具體內容，我們在下面會有詳細介紹。 四、選擇合適的製作工具

盡管選擇什麼樣的工具並不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多，首先就是網頁製作工具了，目前大多數網民選用的都是所見即所得的編輯工具，這其中的優秀者當然是Dreamweaver和Frontpage了，如果是初學者，Frontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫製作工具，如Flash、Cool 3d、Gif Animator等；還有網頁特效工具，如有聲有色等，網上有許多這方面的軟體，你可以根據需要靈活運用。

五、製作網頁

材料有了，工具也選好了，下面就需要按照規劃一步步地把自己的想法變成現實了，這是一個復雜而細致的過程，一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小，就是說在製作網頁時，先把大的結構設計好，然後再逐步完善小的結構設計。所謂先簡單後復雜，就是先設計出簡單的內容，然後再設計復雜的內容，以便出現問題時好修改。在製作網頁時要多靈活運用模板，這樣可以大大提高製作效率。

六、上傳測試

網頁製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，現在上傳的工具有很多，有些網頁製作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後，你要在瀏覽器中打開自己的網站，逐頁逐個鏈接的進行測試，發現問題，及時修改，然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友，讓他們來瀏覽。

七、推廣宣傳

網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

八、維護更新

網站要注意經常維護更新內容，保持內容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補充新的內容，才能夠吸引住瀏覽者。

網頁製作教程:
FONTRPAGE的
http://www.cqzxzx.cn/it/hongen/pc/jc-down/homepage/fp2k.zip

dreamweaver的
http://www.cqzxzx.cn/it/hongen/pc/jc-down/homepage/dreamweaver.zip

要是在網上的話,你最好去一些論壇,你可以查一下,很多的