網站的設計設計思路與方法

1、網頁設計設計思路怎麼寫

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。

網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。

二、搜集材料

明確了網站的主題以後，你就要圍繞主題開始搜集材料了。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。

三、規劃網站

一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。

網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。

四、網站建設 網站做的好不好，就要看前端製作人員和程序員的能力了，有許多的公司用的都是剛剛畢業的學生，做的一般都會有些許的問題，這里就要好好的選擇一個公司了。
五、上傳測試 網站製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。
六、推廣宣傳 網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

七、維護更新

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

2、網頁設計的設計思路怎麼寫

一、確定網站主題

網站主題就是你建立的網站所要包含的主要內容，一個網站必須要有一個明確的主題。必須要找准一個自己最感興趣內容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。

網站的主題無定則，只要是你感興趣的，任何內容都可以，但主題要鮮明，在你的主題范圍內內容做到大而全、精而深。

二、搜集材料

明確了網站的主題以後，你就要圍繞主題開始搜集材料了。要想讓自己的網站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以後製作網站就越容易。

三、規劃網站

一個網站設計得成功與否，很大程度上決定於設計者的規劃水平，規劃網站就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。

網站規劃包含的內容很多，如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在製作網頁之前把這些方面都考慮到了，才能在製作時駕輕就熟，胸有成竹。也只有如此製作出來的網頁才能有個性、有特色，具有吸引力。

四、網站建設 網站做的好不好，就要看前端製作人員和程序員的能力了，有許多的公司用的都是剛剛畢業的學生，做的一般都會有些許的問題，這里就要好好的選擇一個公司了。
五、上傳測試 網站製作完畢，最後要發布到Web伺服器上，才能夠讓全世界的朋友觀看，你可以很方便地把網站發布到自己申請的主頁存放伺服器上。
六、推廣宣傳 網頁做好之後，還要不斷地進行宣傳，這樣才能讓更多的朋友認識它，提高網站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。

七、維護更新

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

3、網頁設計一般的設計思路是什麼樣的？

1.簡潔實用：這是非常重要的，網路特殊環境下，盡量以最高效率的方式版將用戶所要想得到權的信息傳送給他就是最好的，所以要去掉所有的冗餘的東西。
2.使用方便：同第一個是相一致的，滿足使用者的要求，網頁做得越適合使用，就越顯示出其功能美
3.整體性好：一個網站強調的就是一個整體，只有圍繞一個統一的目標所做的設計才是成功的。
4.網站形象突出：一個符合美的標準的網頁是能夠使網站的形象得到最大限度的提升的。

4、網頁設計製作詳細流程

分析如下：

1、首先下載安裝Dreamweaver，打開後，新建一個網頁，一般選擇「HTML」建立網頁。選擇「經典」界面，有助於我們更便捷使用這個軟體。

2、下面選擇這三個界面，代碼、拆分、設計，一般默認設計界面，對於新手這個功能具有可視化，能更好的製作網頁。

3、下面我們來製作網站站點，在電腦上建一個文件作為根目錄。我們所建網站的所有文件和網頁都保存在這個文件中。站點的作用就是使你的網站網頁之間框架清晰。同時給站點起個名字。

4、然後再在站點根目錄下建立一個專門儲存網站圖片的文件，並設置默認。這樣你添加到這個網站的所有圖片都自動保存到這個文件，不會丟失。注意文件命名要用英文。下面我用我建立的（籃球資訊網）來介紹，點擊右下方籃球資訊網——下拉點擊管理站點——點擊高級設置——設置默認圖像文件夾為剛建立的images。保存。

5、下面我們來製作這個網站首頁，先學習添加圖片。插入——圖像——選擇素材添加。點擊圖片，下面屬性可以編輯修改圖片大小，添加超鏈接等等。下面我修改圖片大小做示範。

6、下面學習添加文本。編輯「籃球資訊網」，下面屬性可以設置文本字體、添加超鏈接等等，點擊頁面屬性，可以詳細編輯文本屬性。

7、網頁基本就是文字和圖片的組合，添加視頻還需要學習者好好搜索Dreamweaver 的使用視頻加以學習。最後製作完一個網頁要記得保存。左上角文件——保存。

8、最後我們學習添加超鏈接。我用建立的第二個網頁來做示範。選中籃球資訊網文本，點擊頁面下方屬性——鏈接——點文件小按鈕——選中第一個網頁，這樣籃球資訊網文本變成藍色。這是網站內部鏈接，相反就有外部鏈接。添加如圖，一定要寫http://......就可以了。

9、最後我們瀏覽網頁。左上角文件——在瀏覽器中瀏覽網頁，點擊網頁中兩個鏈接都能到達指定網頁。

(4)網站的設計設計思路與方法擴展資料：

網頁設計

設計網站要注意兩個要點：整體風格和色彩搭配。

風格

網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題，任何兩人都不可能設計出完全一樣的網站。

風格（Style）是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個「整體形象」包括站點的CI（標志、色彩、字體、標語）、版面布局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義、站點榮譽等等諸多因素。

色彩搭配

無論是平面設計，還是網頁設計，色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候，我們看到的不是優美的版式或者是美麗的圖片，而是網頁的色彩。

網頁配色小技巧：

1．用一種色彩：這里是指先選定一種色彩，然後調整透明度或者飽和度，這樣的頁面看起來色彩統一，有層次感；

2．用兩種色彩：先選定一種色彩，然後選擇它的對比色；

3．用一個色系：簡單的說就是用一個感覺的色彩，例如淡藍，淡黃，淡綠；或者土黃，土灰，土藍。

在網頁配色中，還要切記一些誤區：

1．不要將所有顏色都用到，盡量控制在三至五種色彩以內；

2．背景和前文的對比盡量要大（絕對不要用花紋繁復的圖案作背景），以便突出主要文字內容。

5、如何對網站欄目進行設計和策劃 構思方法篇

當確定了一個方向後就可以開始圍繞這個方向去找相關文章。1.參考你認為跟你的網站類似的網站欄目，有些網站還是知名網站，他們不是傻子，分類欄目也經過了思考2.把你自己所想到的網站欄目作為關鍵字來搜索。你的欄目越特別，你越能找到不一樣的網站，發現不一樣的欄目3.看這些網站的關鍵字，這些關鍵字對於這些網站來說沒有重要到能成為欄目分類的程度，但是未必不適合你其實整個過程就是自己思考欄目分類+參考其他網站分類欄目的過程。目的是獲得足夠多的分類，來篩選，同時獲得足夠寬的思路，可能發現一些在沒看到他之前你不會想到，看到之後發現這才是真正適合你自己網站的欄目分類也不一定。舉例：這是我在查找過程中看到的一個相關網站的關鍵字：「產品經理，移動互聯網，核心競爭力，豆瓣，微博，it，項目管理，需求變更，客戶需求，pm，工作計劃，交互設計師，用戶體驗，產品規劃，產品設計，80後產品經理，求職，hr，產品標准，kpi，工作量，產品經理考核」你是不是發現了很多你沒想到的詞語？這些說不定正好適合我的網站，至少能開拓我的思路。這是我在其他網站獲得的跟我所想的相似的欄目分類名稱：「網站設計 網站定位 網站策劃 網站推廣 網站運營 網站規劃」這些分類各有相似之處，又各有不同，如何篩選？這就需要用到搜索引擎，我將會寫一篇文章講解如何利用SEO優化。

6、總結歸納web設計思路,如何統一站點的風格?

網站建設網站設計的6個統一
第一個，色彩的統一
在進行網站設計時，要保持網站主體色彩的統一性，在確定了主體色之後，可以著重對局部的色彩進行改變。色彩的統一性可以幫助網站樹立企業的形象，在用戶腦中形成記憶。這樣有利於企業網站的宣傳。
第二個，結構的統一
網站結構的統一包括：網站布局、文字排版、導航、圖片位置等，這些內容的統一是實現網站風格的統一的有效方法。註：網站的標志性元素一定要統一，如網站名稱、網站標志、相關聯系方式等。
第三個，導航的統一
網站導航是網站頁面內容的重要組成部分之一，一個特點明顯、使用方便且具有企業特徵的導航，必定會給用戶留下極其深刻的印象。在進行網站導航設計時首頁導航與欄目頁、內容導航一定要一致。
第四個，背景的統一
學景的統一一直是網站設計中強調的問題，目前企業網站的背景設計有兩種情況，一種是圖片背景，一種是顏色背景。雖然很多企業網站會選擇用圖片做為背景，但是背景設計中圖片並不是最好的選擇。
具體原因如下：
1、高清大圖背景會影響網站頁面的載入速度，2、為網站添加了背景圖片之後，會出現文字與圖片重疊的現象，這樣會影響頁面內容的顯示效果，影響用戶閱讀。
第五個，特色元素的統一
很多企業網站設計時會因為想要突出獨特效果而設計一些特色元素，這些元素會在網站的各個頁面中出現，所以必須保持他們的統一性。因為重復出現的的東西可以在無形中給訪客留下很深的印象。
第六個，圖片的統一
網站設計中圖片的使用率非常高，對於圖片我們一定要保持圖片與內容的統一，形成完整的頁面。註：不要添加與網站內容無關的圖片或動畫元素。

7、推薦一下設計網站的思路和方法？

思路就是那個 確定主題了 ，看你要發布些什麼內容，根據內容定義模式，比如做個游戲站，背景就是游戲的截圖之類，談些根這個游戲相關的內容就可以了，主要就是把網站弄得有氣氛，別人愛來。方法也沒什麼，加些表格，注重細節，比如 「Hot」「NEW」之類或者一些投票。具體的呢，就是畫表格，添加圖片，定義超鏈接，做好主頁與內頁就可以了，當然你也可以參照比較好的網站的樣式進行設計

8、網頁的設計有幾種方法

第一、靠前、無邊框設計。無邊框設計在近幾年比較流行，在設計頁面的時候，將頁面中的風格線、邊框刪掉，用間距來代替的一種設計方法。無邊框設計一般是以大圖為主，圖片本來就是一種分割元素。而內容基本是有規律的，留白間距之間的內容一定要相對一致、重復、緊密，這樣用戶在瀏覽的時候才會認為這些內容是一體的。一般來說，小眾垂直的產品更適合使用無邊框設計。

第二、卡片設計。卡片的設計打破了傳統上固定的排版布局方式，提升了版面的使用率，可以給網站建設增加更多的驚喜。那麼卡片設計有哪些優勢呢？1、可以提高頁面的使用率。卡片就好像是一個容器，將類型不一樣的內容設置在不一樣的卡片中，這樣就可以很好地區分內容，還能夠統一頁面的風格。比如傳統列表，內容一般是縱向滾動的方式，能夠展示的內容比較有限，卡片式的設計採用的滑動方式，就可以有效地解決空間問題。2、區分卡片上的內容。卡片就好像是一個容器，將不同的內容放置在不同的卡片，更好地區分內容的類型。卡片的維度是不一樣的，而且相對獨立、有互相有聯系，所以通過卡片歸納網站的內容，整個網站就顯得更有秩序。3、卡片式設計可以提升可控性、提升體驗度。卡片式設計的使用范圍比較廣泛，可以覆蓋、滑動、堆疊，有良好的擴展性和可操作性。

第三、分割線的設計。這也是常見的一種頁面布局設計方式，可以更好地幫助用戶快速熟悉頁面的布局，有良好的內容組織性。分割線可以貫穿整個頁面，將不同的內容進行分割，成為獨立的信息。

網站建設中的頁面布局，有不同的設計方式，而且設計的趨勢不斷在變化，在設計頁面布局之前，就要考慮好合適的樣式，不能一味地追求潮流，根據產品的實際需求，選擇合適的設計方式。而分割線的設計，想要做得出色，就要處理好線的間距、粗細、顏色等等

9、那些經典的網頁設計流程與方法，真的足夠好嗎

一般流程：在自己的電腦里設計出成型的網頁並不斷調試，然後再上傳到你所租用的伺服器里，這樣別人輸入你的網址就可以看到你的頁面了。可見主要分為兩個部分。製作軟體的工具有很多，常用的是Dreamweaver，除此之外你會提出這樣的一個問題說明你網路技術的部分沒掌握好，建議找本書看看。Dreamweaver只是夠工具，你要學的當然不止這些，還要學JavaScript，css，html等前台部分內容，asp，jsp，PHP等後台部分內容。等都學完了你就能完成上面所做的第一個部分了，第二了部分那就很簡單了，一般來說你要花錢買一個網頁空間，花錢注冊一個域名，然後由空間服務提供商綁定域名和網頁空間，他會給你一個ftp賬號和密碼，你可以通過它來上傳你的網頁。