本文目錄一覽：

• 1、請(qǐng)問如何設(shè)計(jì)網(wǎng)頁
• 2、如何簡(jiǎn)單的設(shè)計(jì)一個(gè)網(wǎng)頁?
• 3、網(wǎng)頁的設(shè)計(jì)有幾種方法
• 4、怎么設(shè)計(jì)網(wǎng)頁模板網(wǎng)站模板設(shè)計(jì)
• 5、網(wǎng)頁版面設(shè)計(jì)的方法和原則

請(qǐng)問如何設(shè)計(jì)網(wǎng)頁

1、懂得對(duì)待新訪客和回頭客。網(wǎng)站設(shè)計(jì)的一部分是讓你考慮如何對(duì)待你的訪客，包括新訪客和回頭客。你必須確保那些以前從未見過這個(gè)網(wǎng)站的新訪客會(huì)對(duì)他們看到的印象深刻，并且會(huì)回來。

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

3、選擇合適的制作工具 盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁的好壞，但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。

4、【網(wǎng)頁設(shè)計(jì)】方法如下：將透明的LOGO用高于IE6的瀏覽器打開網(wǎng)頁，然后采用FFPearlCrescentPageSaver全屏截圖插件截屏。再采用PS或者Fireworks進(jìn)行裁切LOGO部分。并替換透明背景LOGO。這樣即使是漸變背景也能和LOGO保持一致。

5、策劃網(wǎng)站內(nèi)容 如果要確定網(wǎng)站設(shè)計(jì)的主題，首先需要規(guī)劃網(wǎng)站內(nèi)容。有些人在建網(wǎng)站的時(shí)候，就是不先規(guī)劃好網(wǎng)站內(nèi)容。這樣一來，網(wǎng)站框架建成后，就無法容納網(wǎng)站內(nèi)容，一個(gè)網(wǎng)站就變得擁擠不堪，有網(wǎng)站主題也沒用。

6、作為網(wǎng)頁設(shè)計(jì)者，既可以按照常規(guī)的方式來設(shè)置字體，也可以對(duì)字體進(jìn)行藝術(shù)化的設(shè)計(jì)。無論，一切都應(yīng)圍繞如何更出色地實(shí)現(xiàn)自己的設(shè)計(jì)目標(biāo)。

如何簡(jiǎn)單的設(shè)計(jì)一個(gè)網(wǎng)頁?

1、首先，你得安裝Dreamweaver軟件，打開啟動(dòng)后點(diǎn)擊創(chuàng)建一個(gè)html頁面。設(shè)置表格行和列數(shù)。點(diǎn)擊確定得到一個(gè)寬1000像素的表格。在這里面我們可以加圖片或者文字，來作為bnner。這里我們先打上一行字演示一下。

2、設(shè)計(jì)首頁的第一步是設(shè)計(jì)版面布局。我們可以將網(wǎng)頁看作傳統(tǒng)的報(bào)刊雜志來編輯，這里面有文字、圖像乃至動(dòng)畫，我們要做的工作就是以最適合的方式將圖片和文字排放在頁面的不同位置。除了要有一臺(tái)配置不錯(cuò)的計(jì)算機(jī)外，軟件也是必需的。

3、規(guī)劃網(wǎng)站 一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。

4、自助建站系統(tǒng)可以做到：立體規(guī)劃網(wǎng)頁設(shè)計(jì)的內(nèi)容，對(duì)整個(gè)站點(diǎn)作好統(tǒng)籌安排，規(guī)劃，對(duì)所有的內(nèi)容進(jìn)行細(xì)意斟酌，把所有的意念組織起來設(shè)計(jì)一個(gè)合理的頁面樣式。

網(wǎng)頁的設(shè)計(jì)有幾種方法

口型布局 口型布局的頁面上下各有一個(gè)廣告條，左側(cè)是主菜單，右側(cè)放置友情鏈接等內(nèi)容，中間是主要內(nèi)容，如圖（b）所示。口型布局的優(yōu)點(diǎn)是充分利用版面，信息量大。其缺點(diǎn)是頁面擁擠，不夠靈活。

【網(wǎng)頁設(shè)計(jì)】方法如下：將透明的LOGO用高于IE6的瀏覽器打開網(wǎng)頁，然后采用FFPearlCrescentPageSaver全屏截圖插件截屏。再采用PS或者Fireworks進(jìn)行裁切LOGO部分。并替換透明背景LOGO。這樣即使是漸變背景也能和LOGO保持一致。

網(wǎng)站建設(shè)中網(wǎng)頁設(shè)計(jì)布局大致可分為：“國(guó)”字型、拐角型、標(biāo)題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型這九種。

一個(gè)好的導(dǎo)航可以幫助用戶輕松瀏覽你的網(wǎng)站。你必須把它放在你的主頁上。建立你的品牌。網(wǎng)站：當(dāng)然，紅兔耳袋貍很重要，因?yàn)槿绻銢]有品牌，你的網(wǎng)站就不會(huì)從其他網(wǎng)站中脫穎而出。僅僅設(shè)計(jì)本身就已經(jīng)在塑造品牌。

布局就是以最合適瀏覽的方式將圖片和文字排放在頁面的不同位置。不同的制作者會(huì)有不同的布局設(shè)計(jì)。

網(wǎng)頁設(shè)計(jì)創(chuàng)意方法之三——思維導(dǎo)圖創(chuàng)意 特點(diǎn)：要求有較好的視覺表現(xiàn)力，有思想深度、延展度的項(xiàng)目，如海報(bào)、平面、廣告、富媒體等。

怎么設(shè)計(jì)網(wǎng)頁模板網(wǎng)站模板設(shè)計(jì)

將模板內(nèi)容插入網(wǎng)頁，并添加每個(gè)超鏈接。頁面設(shè)計(jì)完成后，將其保存為模板。操作如圖所示。然后在要編輯的部分插入“可編輯區(qū)域”，如圖。保存后，我們可以在網(wǎng)站根目錄的“模板”文件夾中看到我們新創(chuàng)建的模板。

比如構(gòu)思好網(wǎng)站結(jié)構(gòu)之后，用網(wǎng)頁制作軟件《dreamwearer》打邊框，設(shè)計(jì)框架和布局，然后插入圖片，輸入文字等媒體內(nèi)容。然后可以保存為模板。

第細(xì)化這個(gè)網(wǎng)站各個(gè)部分。如：背景色要什么顏色、為整個(gè)網(wǎng)站定調(diào) 即主要用什么顏色，如健康站就用綠色。那個(gè)部分要實(shí)現(xiàn)什么功能細(xì)化這些功能。最重要的是 找到那個(gè)地方的信息是要經(jīng)常變動(dòng)的，這個(gè)地方時(shí)模板的核心。

Dreamweaver怎么制作網(wǎng)頁模板方法/步驟第一步——首先是必須建立好一個(gè)頁的基本框架，把固定的元素先確定下來，留出一些空白的編輯區(qū)域給一些變動(dòng)元素。

應(yīng)用網(wǎng)站模板制作網(wǎng)頁的兩種方式？用官方模板直接應(yīng)用，自己開發(fā)靜態(tài)網(wǎng)頁，把動(dòng)態(tài)語言自己添加進(jìn)去，這需要一定的編程能力。

網(wǎng)頁版面設(shè)計(jì)的方法和原則

例如，文字應(yīng)該大，文字應(yīng)該小，顏色塊應(yīng)該重而輕。

視覺美觀原則。如色彩對(duì)比，色彩色調(diào)的搭配。布局清晰，能充分展示網(wǎng)站功能的原則。布局合理的原則。這個(gè)有些不好解釋，如符合大眾用戶的瀏覽習(xí)慣。

要完成頁面布局，還要注意網(wǎng)頁上圖片的位置，控制大小、顏色，如果我們能很好地控制網(wǎng)頁上可用的圖片，將對(duì)網(wǎng)頁布局的外觀和感覺起到很好的促進(jìn)作用。

頁面整體布局的統(tǒng)一和諧。頁面的布局方式在網(wǎng)站設(shè)計(jì)中的地位是非常高的，而且有著重要的地一般來說，頁面的布局都是對(duì)稱的，可以通過空間、文字、圖片的布局達(dá)到平衡的狀態(tài)，同時(shí)有一種美感。

因此，網(wǎng)頁設(shè)計(jì)中要遵循一定的原則。下面是一些網(wǎng)站設(shè)計(jì)中應(yīng)注意的原則。

如果欄目比較多，盡量采用分級(jí)欄目的方式展示出來，這樣更直觀清晰。 易讀性 設(shè)計(jì)出的網(wǎng)站應(yīng)該是容易用戶瀏覽的，導(dǎo)航應(yīng)清晰、簡(jiǎn)潔，返回主頁的標(biāo)識(shí)要容易找到，所有的鏈接要有目標(biāo)。網(wǎng)頁還要符合人們從左到右、從上到下的閱讀習(xí)慣。