網(wǎng)頁(yè)設(shè)計(jì)首頁(yè)（網(wǎng)站網(wǎng)頁(yè)設(shè)計(jì)）

大家好！今天讓創(chuàng)意嶺的小編來(lái)大家介紹下關(guān)于網(wǎng)頁(yè)設(shè)計(jì)首頁(yè)的問(wèn)題，以下是小編對(duì)此問(wèn)題的歸納整理，讓我們一起來(lái)看看吧。

創(chuàng)意嶺作為行業(yè)內(nèi)優(yōu)秀企業(yè)，服務(wù)客戶遍布全國(guó)，相關(guān)業(yè)務(wù)請(qǐng)撥打175-8598-2043，或微信：1454722008

本文目錄:

• 1、網(wǎng)頁(yè)設(shè)計(jì)

• 2、HTML網(wǎng)頁(yè)設(shè)計(jì)中的將本頁(yè)“設(shè)為主頁(yè)”的代碼是怎樣的啊？

• 3、如何建立一個(gè)簡(jiǎn)單網(wǎng)頁(yè)

• 4、用photoshop設(shè)計(jì)網(wǎng)頁(yè)首頁(yè)時(shí)，設(shè)置多少精度出來(lái)的網(wǎng)頁(yè)圖片精度高？

一、網(wǎng)頁(yè)設(shè)計(jì)

怎樣設(shè)計(jì)網(wǎng)頁(yè)

在網(wǎng)頁(yè)設(shè)計(jì)的認(rèn)識(shí)上，許多人似乎仍停留在網(wǎng)頁(yè)制作的高度上。認(rèn)為只要用好了網(wǎng)頁(yè)制作軟件，就能搞好網(wǎng)頁(yè)設(shè)計(jì)了……

在網(wǎng)頁(yè)設(shè)計(jì)的認(rèn)識(shí)上，許多人似乎仍停留在網(wǎng)頁(yè)制作的高度上。認(rèn)為只要用好了網(wǎng)頁(yè)制作軟件，就能搞好網(wǎng)頁(yè)設(shè)計(jì)了。

其實(shí)網(wǎng)頁(yè)設(shè)計(jì)是一個(gè)感性思考與理性分析相結(jié)合的復(fù)雜的過(guò)程，它的方向取決于設(shè)計(jì)的任務(wù)，它的實(shí)現(xiàn)依賴于網(wǎng)頁(yè)的制作。正所謂“功夫在詩(shī)外”，網(wǎng)頁(yè)設(shè)計(jì)中最重要的東西，并非在軟件的應(yīng)用上，而是在我們對(duì)網(wǎng)頁(yè)設(shè)計(jì)的理解以及設(shè)計(jì)制作的水平上，在于我們自身的美感以及對(duì)頁(yè)面的把握上。

首先，我們要弄清楚網(wǎng)頁(yè)設(shè)計(jì)的任務(wù)。

一、設(shè)計(jì)的任務(wù)

設(shè)計(jì)是一種審美活動(dòng)，成功的設(shè)計(jì)作品一般都很藝術(shù)化。但藝術(shù)只是設(shè)計(jì)的手段，而并非設(shè)計(jì)的任務(wù)。設(shè)計(jì)的任務(wù)是要實(shí)現(xiàn)設(shè)計(jì)者的意圖，而并非創(chuàng)造美。

網(wǎng)頁(yè)設(shè)計(jì)的任務(wù)，是指設(shè)計(jì)者要表現(xiàn)的主題和要實(shí)現(xiàn)的功能。站點(diǎn)的性質(zhì)不同，設(shè)計(jì)的任務(wù)也不同。從形式上，可以將站點(diǎn)分為以下三類。

第一類是資訊類站點(diǎn)，像新浪、網(wǎng)易、搜狐等門戶網(wǎng)站。這類站點(diǎn)將為訪問(wèn)者提供大量的信息，而且訪問(wèn)量較大。因此需注意頁(yè)面的分割、結(jié)構(gòu)的合理、頁(yè)面的優(yōu)化、界面的親和等問(wèn)題。

第二類是資訊和形象相結(jié)合的網(wǎng)站，像一些較大的公司、國(guó)內(nèi)的高校等。這類網(wǎng)站在設(shè)計(jì)上要求較高，既要保證資訊類網(wǎng)站的上述要求，同時(shí)又要突出企業(yè)、單位的形象。然而就現(xiàn)狀上來(lái)看，這類網(wǎng)站有粗制濫造的嫌疑。

第三類則是形象類網(wǎng)站，比如一些中小型的公司或單位。這類網(wǎng)站一般較小，有的則有幾頁(yè)，需要實(shí)現(xiàn)的功能也較為簡(jiǎn)單，網(wǎng)頁(yè)設(shè)計(jì)的主要任務(wù)是突出企業(yè)形象。這類網(wǎng)站對(duì)設(shè)計(jì)者的美工水平要求較高。

當(dāng)然，這只是從整體上來(lái)看，具體情況還要具體分析。不同的站點(diǎn)還要區(qū)別對(duì)待。別忘了最重要的一點(diǎn)，那就是客戶的要求，它也屬于設(shè)計(jì)的任務(wù)。

明確了設(shè)計(jì)的任務(wù)之后，接下來(lái)要想的就是如何完成這個(gè)任務(wù)了。

二、設(shè)計(jì)的實(shí)現(xiàn)

設(shè)計(jì)的實(shí)現(xiàn)可以分為兩個(gè)部分。第一部分為站點(diǎn)的規(guī)劃及草圖的繪制，這一部分可以在紙上完成。第二部分為網(wǎng)頁(yè)的制作，這一過(guò)程是在計(jì)算機(jī)上完成的。

設(shè)計(jì)首頁(yè)的第一步是設(shè)計(jì)版面布局。我們可以將網(wǎng)頁(yè)看作傳統(tǒng)的報(bào)刊雜志來(lái)編輯，這里面有文字、圖像乃至動(dòng)畫，我們要做的工作就是以最適合的方式將圖片和文字排放在頁(yè)面的不同位置。 除了要有一臺(tái)配置不錯(cuò)的計(jì)算機(jī)外，軟件也是必需的。不能簡(jiǎn)單地說(shuō)一個(gè)軟件的好壞，只要是設(shè)計(jì)者使用起來(lái)覺(jué)得方便而且能得心應(yīng)手的，就可以稱為好軟件。當(dāng)然，它應(yīng)該能滿足設(shè)計(jì)者的要求。筆者常用的軟件是Macromedia的Dreamweaver、Fireworks、Flash以及Adobe的Photoshop、imageready，這些都是很不錯(cuò)的軟件。 接下來(lái)我們要做的就是通過(guò)軟件的使用，將設(shè)計(jì)的藍(lán)圖變?yōu)楝F(xiàn)實(shí)，最終的集成一般是在Dreamweaver里完成的。雖然在草圖上，我們定出了頁(yè)面的大體輪廓，但是靈感一般都是在制作過(guò)程中產(chǎn)生的。設(shè)計(jì)作品一定要有創(chuàng)意，這是最基本的要求，沒(méi)有創(chuàng)意的設(shè)計(jì)是失敗的。在制作的過(guò)程中，我們會(huì)碰到許多問(wèn)題，其中最敏感的莫過(guò)于頁(yè)面的顏色了。

三、色彩的運(yùn)用

色彩是一種奇怪的東西，它是美麗而豐富的，它能喚起人類的心靈感知。一般來(lái)說(shuō)，紅色是火的顏色，熱情、奔放；也是血的顏色，可以象征生命。黃色是明度最高的顏色，顯得華麗、高貴、明快。綠色是大自然草木的顏色，意味著純自然和生長(zhǎng)，象征安寧和平與安全，如綠色食品。紫色是高貴的象征，有莊重感。白色能給人以純潔與清白的感覺(jué)，表示和平與圣潔。

我們知道，顏色是光的折射產(chǎn)生的，紅、黃、藍(lán)是三原色，其它的色彩都可以用這三種色彩調(diào)和而成。換一種思路，我們可以用顏色的變化來(lái)表現(xiàn)光影效果，這無(wú)疑將使我們的作品更貼近現(xiàn)實(shí)。

色彩代表了不同的情感，有著不同的象征含義。這些象征含義是人們思想交流當(dāng)中的一個(gè)復(fù)雜問(wèn)題，它因人的年齡、地域、時(shí)代、民族、階層、經(jīng)濟(jì)地區(qū)、工作能力、教育水平、風(fēng)俗習(xí)慣、宗教信仰、生活環(huán)境、性別差異而有所不同。

單純的顏色并沒(méi)有實(shí)際的意義，和不同的顏色搭配，它所表現(xiàn)出來(lái)的效果也不同。比如綠色和金黃、淡白搭配，可以產(chǎn)生優(yōu)雅，舒適的氣氛。藍(lán)色和白色混合，能體現(xiàn)柔順、淡雅、浪漫的氣氛。紅色和黃色、金色的搭配能渲染喜慶的氣氛。而金色和粟色的搭配則會(huì)給人帶來(lái)暖意。設(shè)計(jì)的任務(wù)不同，配色方案也隨之不同?？紤]到網(wǎng)頁(yè)的適應(yīng)性，應(yīng)盡量使用網(wǎng)頁(yè)安全色。

但顏色的使用并沒(méi)有一定的法則，如果一定要用某個(gè)法則去套，效果只會(huì)適得其反。經(jīng)驗(yàn)上我們可先確定一種能表現(xiàn)主題的主體色，然后根據(jù)具體的需要，應(yīng)用顏色的近似和對(duì)比來(lái)完成整個(gè)頁(yè)面的配色方案。整個(gè)頁(yè)面在視覺(jué)上應(yīng)是一個(gè)整體，以達(dá)到和諧、悅目的視覺(jué)效果。

四、造型的組合

在網(wǎng)頁(yè)設(shè)計(jì)中，我們主要通過(guò)視覺(jué)傳達(dá)來(lái)表現(xiàn)主題。在視覺(jué)傳達(dá)中，造型是很重要的一個(gè)元素。拋去是圖還是文字的問(wèn)題，畫面上的所有元素可以統(tǒng)一作為畫面的基本構(gòu)成要素點(diǎn)、線、面來(lái)進(jìn)行處理。在一幅成功的作品里，是需要點(diǎn)、線、面的共同組合與搭配來(lái)構(gòu)造整個(gè)頁(yè)面的。

通常我們可以使用的組合手法有秩序、比例、均衡、對(duì)稱、連續(xù)、間隔、重疊、反復(fù)、交*、節(jié)奏、韻律、歸納、變異、特寫、反射等等，它們都有各自的特點(diǎn)。在設(shè)計(jì)中應(yīng)根據(jù)具體情況，選擇最適合的表現(xiàn)手法，這樣有利于主題的表現(xiàn)。

通過(guò)點(diǎn)、線、面的組合，可以突出頁(yè)面上的重要元素，突出設(shè)計(jì)的主題，增強(qiáng)美感，讓觀者在感受美的過(guò)程中領(lǐng)會(huì)設(shè)計(jì)的主題，從而實(shí)現(xiàn)設(shè)計(jì)的任務(wù)。

造型的巧妙運(yùn)用不僅能帶來(lái)極大的美感，而且能較好地突出企業(yè)形象，而且能將網(wǎng)頁(yè)上的各種元素有機(jī)的組織起來(lái)，它甚至還可以引導(dǎo)觀者的視線。

五、設(shè)計(jì)的原則

設(shè)計(jì)是有原則的，無(wú)論使用何種手法對(duì)畫面中的元素進(jìn)行組合，都一定要遵循五個(gè)大的原則：統(tǒng)一、連貫、分割、對(duì)比及和諧。

統(tǒng)一，是指設(shè)計(jì)作品的整體性，一致性。設(shè)計(jì)作品的整體效果是至關(guān)重要的，在設(shè)計(jì)中切勿將各組成部分孤立分散，那樣會(huì)使畫面呈現(xiàn)出一種枝蔓紛雜的凌亂效果。

連貫，是指要注意頁(yè)面的相互關(guān)系。設(shè)計(jì)中應(yīng)利用各組成部分在內(nèi)容上的內(nèi)在聯(lián)系和表現(xiàn)形式上的相互呼應(yīng)，并注意整個(gè)頁(yè)面設(shè)計(jì)風(fēng)格的一致性，實(shí)現(xiàn)視覺(jué)上和心理上的連貫，使整個(gè)頁(yè)面設(shè)計(jì)的各個(gè)部分極為融洽，猶如一氣呵成。

分割，是指將頁(yè)面分成若干小塊，小塊之間有視覺(jué)上的不同，這樣可以使觀者一目了然。在信息量很多時(shí)為使觀者能夠看清楚，就要注意到將畫面進(jìn)行有效的分割。分割不僅是表現(xiàn)形式的需要。換個(gè)角度來(lái)講，分割也可以被視為對(duì)于頁(yè)面內(nèi)容的一種分類歸納。

對(duì)比就是通過(guò)矛盾和沖突，使設(shè)計(jì)更加富有生氣。對(duì)比手法很多，例如：多與少、曲與直、強(qiáng)與弱、長(zhǎng)與短、粗與細(xì)、疏與密、虛與實(shí)、主與次、黑與白、動(dòng)與靜、美與丑、聚與散等等。在使用對(duì)比的時(shí)候應(yīng)慎重，對(duì)比過(guò)強(qiáng)容易破壞美感，影響統(tǒng)一。

和諧是指整個(gè)頁(yè)面符合美的法則，渾然一體。如果一件設(shè)計(jì)作品僅僅是色彩、形狀、線條等的隨意混合，那么作品將不但沒(méi)有“生命感”，而且也根本無(wú)法實(shí)現(xiàn)視覺(jué)設(shè)計(jì)的傳達(dá)功能。和諧不僅要看結(jié)構(gòu)形式，而且要看作品所形成的視覺(jué)效果能否與人的視覺(jué)感受形成一種溝通，產(chǎn)生心靈的共鳴。這是設(shè)計(jì)能否成功的關(guān)鍵。

六、網(wǎng)頁(yè)的優(yōu)化

在網(wǎng)頁(yè)設(shè)計(jì)中，網(wǎng)頁(yè)的優(yōu)化是較為重要的一個(gè)環(huán)節(jié)。它的成功與否會(huì)影響頁(yè)面的瀏覽速度和頁(yè)面的適應(yīng)性，影響觀者對(duì)網(wǎng)站的印象。

在資訊類網(wǎng)站中，文字是頁(yè)面中最大的構(gòu)成元素，因此字體的優(yōu)化顯得尤為重要。使用css樣式表指定文字的樣式是必要的，通常我們將字體指定為宋體，大小指定為12px，顏色要視背景色而定，原則上以能看清且與整個(gè)頁(yè)面搭配和諧為準(zhǔn)。在白色的背景上，我們一般使用黑色，這樣不易產(chǎn)生視覺(jué)疲勞，能保證瀏覽者較長(zhǎng)時(shí)間地瀏覽網(wǎng)頁(yè)。

圖片是網(wǎng)頁(yè)中的重要元素。圖片的優(yōu)化可以在保證瀏覽質(zhì)量的前提下將其size降至最低，這樣可以成倍地提高網(wǎng)頁(yè)的下載速度。利用Photoshop6或Fireworks4可以將圖片切成小塊，分別進(jìn)行優(yōu)化。輸出的格式可以為gif或jpeg，要視具體情況而定。一般我們把有較為復(fù)雜顏色變化的小塊優(yōu)化為jpeg，而把那種只有單純色塊的卡通畫式的小塊優(yōu)化為gif，這是由這兩種格式的特點(diǎn)決定的。

表格(table)是頁(yè)面中的重要元素,是頁(yè)面排版的主要手段。我們可以設(shè)定表格的寬度、高度、邊框、背景色、對(duì)齊方式等參數(shù)。很多時(shí)候，我們將表格的邊框設(shè)為0，以此來(lái)定位頁(yè)面中的元素，或者籍此確定頁(yè)面中各元素的相對(duì)位置。我們知道：瀏覽器在讀取網(wǎng)頁(yè)html原代碼時(shí)，是讀完整個(gè)table才將它顯示出來(lái)的。如果一個(gè)大表格中含有多個(gè)子表格，必須等大表格讀完，才能將子表格一起顯示出來(lái)。我們?cè)谠L問(wèn)一些站點(diǎn)時(shí)，等待多時(shí)無(wú)結(jié)果，按"停止"按鈕卻一下顯示出頁(yè)面就是這個(gè)原因。因此，我們?cè)谠O(shè)計(jì)頁(yè)面表格的時(shí)候，應(yīng)該盡量避免將所有元素嵌套在一個(gè)表格里，而且表格嵌套層次盡量要少。在使用Dreamweaver制作網(wǎng)頁(yè)時(shí)，會(huì)自動(dòng)在每一個(gè)td內(nèi)添加一個(gè)空字符“ ”。如果單元格內(nèi)沒(méi)有填充其它元素，這個(gè)空字符會(huì)保留，在指定td的寬度或高度后，可以在源代碼內(nèi)將其刪去。

網(wǎng)頁(yè)的適應(yīng)性是很重要的，在不同的系統(tǒng)上，不同的分辨率下，不同的瀏覽器上，我們將會(huì)看到不同的結(jié)果，因此設(shè)計(jì)時(shí)要統(tǒng)籌考慮。一般我們?cè)?00*600下制作網(wǎng)頁(yè)，最佳瀏覽效果也是在800*600分辨率下，在其它情況下只要保證基本一致，不出現(xiàn)較大問(wèn)題即可。

說(shuō)了這么多，只是希望能對(duì)做“網(wǎng)頁(yè)設(shè)計(jì)”的人有所幫助，希望他們?cè)谧鼍W(wǎng)頁(yè)的時(shí)候能夠從整體著眼，無(wú)愧于“設(shè)計(jì)”這兩個(gè)字。

★建設(shè)自己的網(wǎng)站較好的步驟☆

必須注意的是：建立自己的網(wǎng)站是一件浩大的工程，一般比較麻煩。所以應(yīng)當(dāng)按照一定的步驟一步步來(lái)。

我覺(jué)得建站可以按照以下步驟進(jìn)行：

1、先在本地設(shè)一個(gè)文件夾，作為網(wǎng)站存儲(chǔ)的地方。名字最好取“My Sites”。

2、在網(wǎng)站文件夾里面建立一些文件夾，包括“images”等（存儲(chǔ)圖片、文件等），并且按照網(wǎng)頁(yè)內(nèi)容，再建立幾個(gè)文件夾。（也可以把存儲(chǔ)圖片、文件的文件夾在每個(gè)內(nèi)容文件夾里面各搞一些）

3、打開(kāi)你的網(wǎng)頁(yè)編輯程序（例如FP、Dreamwear等），新建網(wǎng)頁(yè)，保存為“index”（主頁(yè)），重復(fù)以上步驟，在網(wǎng)站文件夾里面建立“search”（查找）、“map”（站點(diǎn)地圖）、“index02”（網(wǎng)站簡(jiǎn)介等）。

4、按照上面步驟，再在網(wǎng)站分類文件夾里面建立許多網(wǎng)頁(yè)（接著還要把內(nèi)容輸入網(wǎng)頁(yè)）

5、已經(jīng)做到了這么多，我們?cè)摐?zhǔn)備內(nèi)容了吧。在硬盤上面再建立一個(gè)文件夾“File”，把準(zhǔn)備好的文檔、圖片、程式、文件和網(wǎng)頁(yè)特效等放進(jìn)去。（可以加入一些動(dòng)態(tài)網(wǎng)頁(yè)）

6、慢慢把這些文件一個(gè)不漏的放進(jìn)網(wǎng)頁(yè)里面（要掌握技巧）

7、把網(wǎng)站充實(shí)了，就差不多了。這時(shí)應(yīng)該申請(qǐng)一個(gè)域名（免費(fèi)空間、附費(fèi)都可以）。并且把自己的網(wǎng)站放入搜索引擎，而且在各種留言版上面宣傳。

8、把網(wǎng)站上傳至空間里面，刪了準(zhǔn)備文件，就OK了！

不過(guò)也可以這樣使用FP建站：

1、在FP里面選擇新建站點(diǎn)。

2、然后在【導(dǎo)航】里面設(shè)置網(wǎng)頁(yè)名稱以及標(biāo)題。

3、準(zhǔn)備好文檔、圖片、程式、文件和網(wǎng)頁(yè)特效等，把它們都充實(shí)進(jìn)網(wǎng)站里面。

4、申請(qǐng)一個(gè)域名（免費(fèi)空間、附費(fèi)都可以）。并且把自己的網(wǎng)站放入搜索引擎，而且在各種留言版上面宣傳。

5、把網(wǎng)站上傳至空間里面，刪了準(zhǔn)備文件。完畢。

如果使用Dreamwear來(lái)建站，那就更加高級(jí)啦！Dreamwear的功能很強(qiáng)大，安裝了它的朋友們可以研究研究。

在網(wǎng)站設(shè)計(jì)中，純粹HTML格式的網(wǎng)頁(yè)通常被稱為“靜態(tài)網(wǎng)頁(yè)”，早期的網(wǎng)站一般都是由靜態(tài)網(wǎng)頁(yè)制作的。靜態(tài)網(wǎng)頁(yè)的網(wǎng)址形式通常為：www.example.com/eg/eg.htm，也就是以.htm、.html、.shtml、.xml等為后后綴的。在HTML格式的網(wǎng)頁(yè)上，也可以出現(xiàn)各種動(dòng)態(tài)的效果，如.GIF格式的動(dòng)畫、FLASH、滾動(dòng)字母等，這些“動(dòng)態(tài)效果”只是視覺(jué)上的，與下面將要介紹的動(dòng)態(tài)網(wǎng)頁(yè)是不同的概念。

在《網(wǎng)絡(luò)營(yíng)銷基礎(chǔ)與實(shí)踐》第二版第3章“網(wǎng)絡(luò)營(yíng)銷導(dǎo)向的企業(yè)網(wǎng)站建設(shè)”中，提出了采用靜態(tài)網(wǎng)頁(yè)對(duì)搜索引擎的影響，書中對(duì)于靜態(tài)網(wǎng)頁(yè)本身的介紹比較少，尤其對(duì)于靜態(tài)網(wǎng)頁(yè)的特點(diǎn)沒(méi)有做專門的介紹。 網(wǎng)絡(luò)營(yíng)銷教學(xué)網(wǎng)站(www.wm23.com)將靜態(tài)網(wǎng)頁(yè)的特點(diǎn)簡(jiǎn)要?dú)w納如下：

（1）靜態(tài)網(wǎng)頁(yè)每個(gè)網(wǎng)頁(yè)都有一個(gè)固定的URL，且網(wǎng)頁(yè)URL以.htm、.html、.shtml等常見(jiàn)形式為后綴，而不含有“？”；

（2）網(wǎng)頁(yè)內(nèi)容一經(jīng)發(fā)布到網(wǎng)站服務(wù)器上，無(wú)論是否有用戶訪問(wèn)，每個(gè)靜態(tài)網(wǎng)頁(yè)的內(nèi)容都是保存在網(wǎng)站服務(wù)器上的，也就是說(shuō)，靜態(tài)網(wǎng)頁(yè)是實(shí)實(shí)在在保存在服務(wù)器上的文件，每個(gè)網(wǎng)頁(yè)都是一個(gè)獨(dú)立的文件；

（3）靜態(tài)網(wǎng)頁(yè)的內(nèi)容相對(duì)穩(wěn)定，因此容易被搜索引擎檢索；

（4）靜態(tài)網(wǎng)頁(yè)沒(méi)有數(shù)據(jù)庫(kù)的支持，在網(wǎng)站制作和維護(hù)方面工作量較大，因此當(dāng)網(wǎng)站信息量很大時(shí)完全依靠靜態(tài)網(wǎng)頁(yè)制作方式比較困難；

（5）靜態(tài)網(wǎng)頁(yè)的交互性交叉，在功能方面有較大的限制。

網(wǎng)頁(yè)制作軟件的選擇

u 選擇一個(gè)適合自己的網(wǎng)頁(yè)編輯工具

了解了網(wǎng)頁(yè)的類型及相關(guān)技術(shù)之后，下一步，就是要選擇一個(gè)適合自己的網(wǎng)頁(yè)編輯工具。

Frontpage

Frontpage 是 Microsoft 出品的，可能是最簡(jiǎn)單、最容易，卻又功能強(qiáng)大的網(wǎng)頁(yè)編輯工具。采用典型的 Word 界面設(shè)計(jì)，只要你懂得使用 Word，就差不多等于已經(jīng)會(huì)使用 Frontpage。就算你不懂 Word 也沒(méi)關(guān)系，"所見(jiàn)即所得"的操作方式會(huì)讓你很快上手，而且你無(wú)須學(xué)習(xí) HTML 語(yǔ)法。

但 Frontpage 的也有其不足之處：首先是瀏覽器兼容性不好，做出來(lái)的網(wǎng)頁(yè)，用 Netscape 往往不能正常顯示；其次，生成的垃圾代碼多，也會(huì)自動(dòng)修改代碼，導(dǎo)致在某些情況下極為不便；再次，對(duì)DHTML的支持不好。但不管怎么說(shuō)，F(xiàn)rontpage 的確是最好的入門級(jí)網(wǎng)頁(yè)編輯工具。

常見(jiàn)的版本為 Frontpage98 和 Frontpage2000。

Dreamweaver

Dreamweaver 是 Macromedia 公司的產(chǎn)品的另一款"所見(jiàn)即所得"的網(wǎng)頁(yè)編輯工具,或稱網(wǎng)頁(yè)排版軟件。與 Frontpage 不同，Deamweaver 采用的是 Mac 機(jī)浮動(dòng)面版的設(shè)計(jì)風(fēng)格，對(duì)于初學(xué)者來(lái)說(shuō)可能會(huì)感到不適應(yīng)。但當(dāng)你習(xí)慣了其操作方式后，就會(huì)發(fā)現(xiàn) Dreamweaver 的直觀性與高效性是 Frontpage 所無(wú)法比擬的。

Dreamweaver 對(duì)于 DHTML 的支持特別好，可以輕而易舉地做出很多眩目的頁(yè)面特效。插件式的程序設(shè)計(jì)使得其功能可以無(wú)限的擴(kuò)展。Dreamweaver 與 Flash、Firework 并稱為 Macromedia 的網(wǎng)頁(yè)制作三劍客，由于是同一公司的產(chǎn)品，因而在功能上有著一個(gè)非常緊密的結(jié)合。而最新推出的 Dreamweaver UltraDev 更支持 Asp，Jsp。因此，說(shuō)Dreamweaver 是高級(jí)網(wǎng)頁(yè)制作的首選并不為過(guò)。

常見(jiàn)的版本為 Dreamweaver4.0 和 Dreamweaver UltraDev 1.0

flash

flash也是 Macromedia 公司的產(chǎn)品，F(xiàn)lash 是交互式矢量圖和 Web 動(dòng)畫的標(biāo)準(zhǔn)。網(wǎng)頁(yè)設(shè)計(jì)者使用 Flash 創(chuàng)作出既漂亮又可改變尺寸的導(dǎo)航界面以及其他奇特的效果。相信凡是見(jiàn)過(guò) Flash 技術(shù)的人，沒(méi)有一個(gè)不想掌握它的。它不但易學(xué)、易用，而且可以做出有很多動(dòng)畫的網(wǎng)站，并且聲色結(jié)合，是一種很有前途的網(wǎng)頁(yè)制作技術(shù)。

firework

firework也是 Macromedia 公司的產(chǎn)品，是真正的網(wǎng)頁(yè)作圖軟件。Fireworks 與 Dreamweaver 結(jié)合很緊密，只要將 Dreamweaver 的默認(rèn)圖像編輯器設(shè)為 Fireworks ，那么在 Fireworks 里修改的文件將立即在 Dreamweaver 里更新。另一個(gè)功能是可以在同一文本框里改變單個(gè)字的顏色。當(dāng)然，F(xiàn)ireworks 可以引用所有的 Photoshop的濾鏡，并且可以直接將 PSD 格式圖片導(dǎo)入。它是用來(lái)畫圖用的，它相當(dāng)于結(jié)合了Photoshop ( 點(diǎn)陣圖處理 ) 以及CorelDRAW (繪制向量圖)的功能。網(wǎng)頁(yè)上很流行的陰影、立體按鈕...等等的效果，也只需用鼠標(biāo)點(diǎn)一下，不必再靠什么KPT 之類的助手濾鏡。而且 Fireworks很完整的支持網(wǎng)頁(yè)16進(jìn)制的色彩模式，提供安全色盤的使用和轉(zhuǎn)換，要切割圖形、做影像對(duì)應(yīng)(Image Map)、背景透明，要圖又小又漂亮，在Fireworks 中做起來(lái)都非常方便，修改圖形也是很容易的 。不需要再同時(shí)打開(kāi)Photoshop和CorelDRAW...等等各類軟件，切換來(lái)切換去的了。

Dreamweaver、Flash、Firework稱為網(wǎng)頁(yè)制作三劍客，將三個(gè)軟件配合起來(lái)使用，會(huì)制作出非常精美的網(wǎng)頁(yè)

gifanimator

Ulead GIF Animator 4.0 是目前最快和最易使用的 GIF 動(dòng)畫工具，它在一個(gè)軟件包中提供了頂級(jí)的功能，用于動(dòng)畫 編排、編輯、特效和優(yōu)化。 GIF Animator 差不多支持每個(gè)主要的文件格式，包括視頻文件，并允許輸出為 Windows AVI、QuickTime 電影、Autodesk 動(dòng)畫或圖像序列。用戶可以生成適當(dāng)?shù)?HTML 代碼，以便將動(dòng)畫嵌入到網(wǎng)頁(yè)中，并且可以將動(dòng)畫打包成獨(dú)立的 EXE 文件，以便通過(guò)電子郵件發(fā)布和在任何地方來(lái)查看。

u 制作主頁(yè)

制作主頁(yè)無(wú)非是添加文字、添加圖片、添加鏈接，跟用word沒(méi)什么區(qū)別，經(jīng)過(guò)簡(jiǎn)單的學(xué)習(xí)后，你就會(huì)制作主頁(yè)了！但是，要作出高水平的主頁(yè)那要學(xué)的東西就太多了，不過(guò)總結(jié)起來(lái)就是html，圖形制作，動(dòng)畫制作，頁(yè)面特效制作和后臺(tái)程序制作幾個(gè)部分。

u 申請(qǐng)的主頁(yè)空間，把你制作的主頁(yè)傳上去

我們制作的頁(yè)面放在我們自己的計(jì)算機(jī)上，別人是不能看見(jiàn)的。為了讓別人看見(jiàn)我們制作的頁(yè)面，我們必須將他們放到一臺(tái)和internet一直連接的計(jì)算機(jī)（服務(wù)器）上。你可以到提供空間服務(wù)的站點(diǎn)申請(qǐng)主頁(yè)空間。有空間以后就可以利用響應(yīng)的FTP（文件傳輸協(xié)議）工具軟件將我們制作的頁(yè)面?zhèn)魃先ァ＿@樣，就可以讓大家來(lái)分享我的精彩頁(yè)面了。

常見(jiàn)的FTP工具軟件有cuteFTP、leapFTP等，其功能和使用方法都比較類似，具體使用方法可參見(jiàn)本站想應(yīng)的文章。

可能你開(kāi)始的主頁(yè)只是非常簡(jiǎn)單， 但是這是你的第一步，也是良好的開(kāi)端，然后再一步步學(xué)習(xí)：如何把網(wǎng)頁(yè)制作漂亮一些？如何制作動(dòng)畫？對(duì)于新手，千萬(wàn)不要一下子就想：我看到某某某網(wǎng)頁(yè)這么漂亮，它是怎樣做出來(lái)的？我很想馬上做出來(lái)，于是馬上就去研究復(fù)雜的網(wǎng)頁(yè)，這樣你會(huì)發(fā)現(xiàn)網(wǎng)頁(yè)制作很難，學(xué)兩下就放棄了，這樣永遠(yuǎn)學(xué)不會(huì)制作主頁(yè)。想當(dāng)初，我對(duì)于我的網(wǎng)頁(yè)能產(chǎn)生鏈接也高興了半天，于是產(chǎn)生了更大的興趣。記住：一步一步來(lái)，不要一下子想成為高手，否則很難成為高手。

二、HTML網(wǎng)頁(yè)設(shè)計(jì)中的將本頁(yè)“設(shè)為主頁(yè)”的代碼是怎樣的??？

<a href=# onClick="this.style.behavior=’url(#default#homepage)’;this.setHomePage

(’http://www.aaa.com');">將本站設(shè)為首頁(yè)</a>

<script language="JavaScript">

function bookmarkit(){window.external.addFavorite(’http://www.aaa.com',’’)}

if (document.all)document.write(’<a href="#" onClick="bookmarkit()">將本站加入收藏夾</a>’)

</script>

使用方法：

怎樣使用特效代碼？

只要把這些代碼復(fù)制、粘貼到你的網(wǎng)頁(yè)源代碼中，保存，再在瀏覽器中打開(kāi)，你就會(huì)看到效果了！

怎樣在我的網(wǎng)頁(yè)中插入代碼？

使用DreamWeaver：

在編輯狀態(tài)下按F10即彈出源代碼窗口，將特效代碼粘貼進(jìn)去即可。

使用FrontPage：

點(diǎn)擊編輯窗口左下角的“HTML”選項(xiàng)卡即出現(xiàn)源代碼窗口，將特效代碼粘貼進(jìn)去即可。

使用“記事本”等編輯器：

直接用這些編輯器打開(kāi)網(wǎng)頁(yè)文件，出現(xiàn)的就是源代碼，將特效代碼粘貼進(jìn)去即可。

在什么地方插入代碼？

一般來(lái)說(shuō)，在網(wǎng)頁(yè)源代碼的<body>與</body>之間的任何地方插入代碼都可以（除非特別指明，例如要求插入到<head>與</head>之間）。提示：在<td>與</td>之間插入代碼，一般不會(huì)出錯(cuò)。

該怎樣修改代碼？

插入代碼之后，把代碼中的文字替換成你自己的內(nèi)容即可。

注意：為避免出錯(cuò)，請(qǐng)不要改動(dòng)除中文文字之外的代碼，否則程序可能會(huì)不能運(yùn)行！

三、如何建立一個(gè)簡(jiǎn)單網(wǎng)頁(yè)

問(wèn)題一：怎么創(chuàng)建一個(gè)網(wǎng)頁(yè)？ 新建一個(gè)文本（后綴為txt的）文件

打開(kāi)，輸入

my fir閥t html page

hello! First page

保存后關(guān)閉，將這個(gè)文本文件的后綴修改為html

然后用IE打開(kāi)，試試，就這么簡(jiǎn)單

問(wèn)題二：怎么建立一個(gè)簡(jiǎn)單的網(wǎng)站 首先，可以告訴想學(xué)網(wǎng)頁(yè)制作的朋友。學(xué)習(xí)制作網(wǎng)頁(yè)和學(xué)習(xí)其它知識(shí)一樣，是要有基礎(chǔ)的。在基礎(chǔ)之上學(xué)習(xí)起來(lái)會(huì)比較輕松和快捷的。其次，要清楚學(xué)習(xí)它是用來(lái)做什么。建議你要具備的條件：對(duì)電腦熟練操作，使用電腦最好在一年以上，對(duì)網(wǎng)頁(yè)設(shè)計(jì)感興趣，有較充足的學(xué)習(xí)時(shí)間，熟悉office辦公軟件。當(dāng)然，這些不是一定必須的。

第一階段：開(kāi)始時(shí)最好是學(xué)些網(wǎng)頁(yè)編輯軟件，如：FrontPage、Dreamweaver.這樣可以使您更了解網(wǎng)頁(yè)制作與運(yùn)營(yíng)的原理。最好使拿本教程來(lái)學(xué)亥，結(jié)合教程邊學(xué)習(xí)邊制作。

第二階段：會(huì)用網(wǎng)頁(yè)制作軟件后，已會(huì)制作一個(gè)較完整的網(wǎng)站了。但為了能使自己設(shè)計(jì)制作的網(wǎng)頁(yè)盡善盡美，還是學(xué)習(xí)網(wǎng)頁(yè)的核心技術(shù)吧！網(wǎng)頁(yè)編輯語(yǔ)言（包括:html、css、javascript、asp、xml等）。你可以選擇地學(xué)習(xí)。

第三階段:結(jié)合你自己已掌握地知識(shí)來(lái)開(kāi)發(fā)網(wǎng)站，可以開(kāi)發(fā)出別人給你定義的目標(biāo)網(wǎng)站。到了這個(gè)時(shí)候，你就成為真正的網(wǎng)站開(kāi)發(fā)者了。怎樣制作網(wǎng)頁(yè)，不是說(shuō)一兩篇文章能夠說(shuō)清楚的。以上介紹的是制作網(wǎng)頁(yè)的主要綱要，希望能夠給想要學(xué)習(xí)制作網(wǎng)頁(yè)的朋友一個(gè)參考。

祝你好運(yùn)！！

問(wèn)題三：一個(gè)人如何去制作一個(gè)簡(jiǎn)單的網(wǎng)站 首先，可以告訴想學(xué)網(wǎng)頁(yè)制作的朋友。學(xué)習(xí)制作網(wǎng)頁(yè)和學(xué)習(xí)其它知識(shí)一樣，是要有基礎(chǔ)的。在基礎(chǔ)之上學(xué)習(xí)起來(lái)會(huì)比較輕松和快捷的。其次，要清楚學(xué)習(xí)它是用來(lái)做什么。

建議你要具備的條件：對(duì)電腦熟練操作，使用電腦最好在一年以上，對(duì)網(wǎng)頁(yè)設(shè)計(jì)感興趣，有較充足的學(xué)習(xí)時(shí)間，熟悉office辦公軟件。當(dāng)然，這些不是一定必須的.

第一階段：開(kāi)始時(shí)最好是學(xué)些網(wǎng)頁(yè)編輯軟件，如：FrontPage、Dreamweaver.這樣可以使您更了解網(wǎng)頁(yè)制作與運(yùn)營(yíng)的原理。最好使拿本教程來(lái)學(xué)學(xué)，結(jié)合教程邊學(xué)習(xí)邊制作。

第二階段：會(huì)用網(wǎng)頁(yè)制作軟件后，已會(huì)制作一個(gè)較完整的網(wǎng)站了。但為了能使自己設(shè)計(jì)制作的網(wǎng)頁(yè)盡善盡美，還是學(xué)習(xí)網(wǎng)頁(yè)的核心技術(shù)吧！網(wǎng)頁(yè)編輯語(yǔ)言（包括:html、css、javascript、asp、xml等）。你可以選擇地學(xué)習(xí)。

第三階段:結(jié)合你自己已掌握地知識(shí)來(lái)開(kāi)發(fā)網(wǎng)站，可以開(kāi)發(fā)出別人給你定義的目標(biāo)網(wǎng)站。到了這個(gè)時(shí)候，你就成為真正的網(wǎng)站開(kāi)發(fā)者了。

怎樣制作網(wǎng)頁(yè)，不是說(shuō)一兩篇文章能夠說(shuō)清楚的。以上介紹的是制作網(wǎng)頁(yè)的主要綱要，希望能夠給想要學(xué)習(xí)制作網(wǎng)頁(yè)的朋友一個(gè)參考。

二

一、工具

1、空間

網(wǎng)頁(yè)做好了肯定是要發(fā)表上網(wǎng)的，所以必須先申請(qǐng)一個(gè)空間；免費(fèi)的空間不是很穩(wěn)定，容量又小，也不好申請(qǐng)，建議到大的網(wǎng)站如新浪、網(wǎng)易去先買一個(gè)個(gè)人空間，大概有個(gè)20M以上的就可以了。

2、軟件

推薦使用Dreamweaver8.0中文版，這個(gè)軟件最大的特點(diǎn)就是“所見(jiàn)即所得”，也即是制作過(guò)程中看到的，便是到時(shí)發(fā)布到網(wǎng)絡(luò)上的。

二、教程

花點(diǎn)時(shí)間，找個(gè)比較通俗易懂的教程看一看是很有必要的。每個(gè)網(wǎng)頁(yè)的組成，不外是文字、表格、圖、動(dòng)畫還有就是背景音樂(lè)等幾個(gè)大的元素，搞清楚如何將這些元素?cái)[放進(jìn)去，你也就算懂得如何制作網(wǎng)頁(yè)了。

三、制作

開(kāi)始時(shí)建議去下載一個(gè)比較簡(jiǎn)單的網(wǎng)頁(yè)，在制作軟件中將它打開(kāi)，然后仔細(xì)觀察人家的網(wǎng)頁(yè)的構(gòu)成，模仿它去填充各種元素，實(shí)踐中再配合著教城，進(jìn)度會(huì)快很多，記得也牢一些。

其實(shí)做網(wǎng)頁(yè)并不難，但要做出有特色的網(wǎng)頁(yè)來(lái)，那就非一朝一夕之功了。

一點(diǎn)個(gè)人的粗淺體會(huì)，不妥之處敬請(qǐng)指正。

三

網(wǎng)站設(shè)計(jì)八步驟

由于目前所見(jiàn)即所得類型的工具越來(lái)越多，使用也越來(lái)越方便，所以制作網(wǎng)頁(yè)已經(jīng)變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學(xué)者經(jīng)過(guò)短暫的學(xué)習(xí)就可以學(xué)會(huì)制作網(wǎng)頁(yè)，于是他們認(rèn)為網(wǎng)頁(yè)制作非常簡(jiǎn)單，就匆匆忙忙制作自己的網(wǎng)站，可是做出來(lái)之后與別人一比，才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙，這是為什么呢？常言道：“性急吃不了熱豆腐”。建立一個(gè)網(wǎng)站就像蓋一幢大樓一樣，它是一個(gè)系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個(gè)步驟，按部就班地一步步來(lái)，才能設(shè)計(jì)出一個(gè)滿意的網(wǎng)站。

一、確定網(wǎng)站主題

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

二、搜集材料

明確了網(wǎng)站的主題以后，你就要圍繞主題開(kāi)始搜集材料了。常言道：“巧婦難為無(wú)米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報(bào)紙、光盤、多媒體上得來(lái)，也可以從互聯(lián)網(wǎng)上搜集，......>>

問(wèn)題四：如何用HTML創(chuàng)建一個(gè)簡(jiǎn)單網(wǎng)頁(yè) 構(gòu)成html頁(yè)面的基礎(chǔ)代碼

body是正文部分，可以放網(wǎng)頁(yè)中你想放的東西，例如新聞，導(dǎo)航即為網(wǎng)頁(yè)的內(nèi)容，

在head標(biāo)簽內(nèi)加上 設(shè)置編碼，防止網(wǎng)頁(yè)亂碼，這塊的知識(shí)你要不是很熟，可以參考下php中文網(wǎng)，建議不要使用dw，這個(gè)是很方便，但是用編譯器會(huì)比較好點(diǎn)，例如sublime text3 ,希望對(duì)你有幫助，謝謝！

問(wèn)題五：如何在網(wǎng)上建立一個(gè)屬于自己的網(wǎng)頁(yè)呢? 怎樣制作個(gè)人網(wǎng)頁(yè) 如果你已經(jīng)上網(wǎng)，為何不嘗試一下在網(wǎng)上做一個(gè)完全屬于自己的主頁(yè)？有了自己的主頁(yè)，全世界的人都可以 隨時(shí)找到你，你也可以向全世界宣傳下自己，是非常有意義和有意思的?，F(xiàn)在簡(jiǎn)單介紹一下制作主頁(yè)的過(guò)程和方 法： 一、準(zhǔn)備材料 你首先做一個(gè)小計(jì)劃,準(zhǔn)備在主頁(yè)上告訴人家什么？比如介紹三個(gè)方面：自我介紹,我的愛(ài)好,我的工作,那你 就先起一個(gè)總目錄（文件夾,比如d:\html）,來(lái)放你的所有文件，然后再在這個(gè)目錄建立三個(gè)子目錄： myself,interest，job。文件名你可以任意，但最好全部小寫，因?yàn)橛械闹鳈C(jī)要認(rèn)大小寫。然后將你的材料copy 進(jìn)相應(yīng)的子目錄。比如你要在你的主頁(yè)里展示你的靚照，那就將你的照片掃描成JPG格式的文件，放在myself的 目錄下. 要注意,網(wǎng)上只能使用JPG和GIF兩種圖象格式，其他諸如BMP和TIF等很通用的格式都不能用在網(wǎng)上,因?yàn)樗鼈?太大了,但你可以用圖象軟件進(jìn)行轉(zhuǎn)換，比如Office 97的照片編輯器。把你準(zhǔn)備在你主頁(yè)上出現(xiàn)的圖象放進(jìn)相應(yīng) 的目錄里后,你就可以開(kāi)始制作了。 二、開(kāi)始制作 你無(wú)須去記復(fù)雜的HTML語(yǔ)言，你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打開(kāi)Netscape,在file 菜單里選Edit Page,便可以制作了.文字的處理基本跟Word沒(méi)什么兩樣,關(guān)鍵是插入圖片和產(chǎn)生鏈接.我們先做關(guān) 于你自我介紹的一頁(yè)，你先寫上“大家好，我是superboy，下面是我的照片：”這時(shí)要放圖片了，只須點(diǎn)擊 Insert菜單，選取Image,在Choosefile里選取你的圖象文件即可，然后把這個(gè)文件保存為myself文件，放 在myself的目錄下。好，現(xiàn)在必須做封面了，你在封面寫：“歡迎來(lái)到superboy的主頁(yè)”以下是“自我介紹，我 的愛(ài)好，我的工作”。你的自我介紹要鏈接到下一頁(yè)去，你只須用鼠標(biāo)選“自我介紹”后按鼠標(biāo)右鍵 ，再選 create link，然后再選你myself目錄下的myself，就將“自我介紹”鏈接到下一頁(yè)了，以后在瀏覽器中一 按，就可以跳到鑲有你靚照的頁(yè)面啦。 在你的封面做好了所有鏈接和圖片后，記住你必須將這一頁(yè)保存為index(有的主機(jī)要求必須為 index),因?yàn)榫W(wǎng)頁(yè)默認(rèn)的主頁(yè)名稱是index.制作主頁(yè)其實(shí)很簡(jiǎn)單，只要多實(shí)際制作，工多藝熟。還可以拿來(lái) 主義，在網(wǎng)上看到什么好的主頁(yè)，用另存為功能保存為格式的文件，細(xì)細(xì)研究人家是如何做的。還可以借 用網(wǎng)頁(yè)模版來(lái)搞，我的就是~~~~~~ 三、將你制作好的安放在網(wǎng)上 要在網(wǎng)上安你自己的家，你必須先申請(qǐng)一個(gè)主頁(yè)空間，即向某一個(gè)主機(jī)申請(qǐng)一快硬盤空間?，F(xiàn)在有較多的主 機(jī)提供免費(fèi)主頁(yè)空間，具體見(jiàn)實(shí)用鏈接欄目。這些主機(jī)不僅提供免費(fèi)個(gè)人主頁(yè)空間，并且還提供留言簿、計(jì)數(shù)器 等很有用的功能。只要到有關(guān)站點(diǎn)申請(qǐng)即可，具體方法，參考相關(guān)題目。申請(qǐng)完成以后用FTP將你所有的主頁(yè)文 件上傳至主機(jī)指定的目錄就可以了！ 需要注意的是，一定要保持網(wǎng)頁(yè)的相對(duì)位置，否則會(huì)看不到網(wǎng)頁(yè)的，有很多朋友都問(wèn)我:為什么我的網(wǎng)頁(yè)傳 上去了可是看不到,老是出現(xiàn)網(wǎng)頁(yè)錯(cuò)誤呢？其實(shí)他們都是因?yàn)槲恢玫膯?wèn)題，只要把位置改動(dòng)一下就可以的了

問(wèn)題六："如何用最簡(jiǎn)單方法建設(shè)一個(gè)個(gè)人網(wǎng)站 ①、找域名提供商（國(guó)內(nèi)最大域名注冊(cè)商萬(wàn)網(wǎng)，世界最大GD）購(gòu)買域名

②、購(gòu)買空間（這里不提供購(gòu)買空間商，以免有廣告之嫌）

③、空間綁定域名。

④、通過(guò)FTP空間后臺(tái)上傳網(wǎng)站源碼程序即可。

⑤、最后就是網(wǎng)站前臺(tái)、后臺(tái)的管理了。

1.現(xiàn)在做個(gè)人網(wǎng)站已經(jīng)不需要像以前那樣自己敲代碼了。很多朋友都走入了這個(gè)誤區(qū)，以為做網(wǎng)站要會(huì)什么網(wǎng)站三劍客。完全不需要。

2.個(gè)人網(wǎng)站必備的3件東西。

a.網(wǎng)站空間

b.網(wǎng)站域名

c.網(wǎng)站程序

這三樣?xùn)|西是必不可少的。

網(wǎng)站空間現(xiàn)在一般分為 虛擬主機(jī)，VPS，獨(dú)立服務(wù)器。新手的話不需要了解VPS和獨(dú)立服務(wù)器，因?yàn)槟銈儠簳r(shí)用不上。

網(wǎng)站空間一般按照線路來(lái)區(qū)分 分為 國(guó)內(nèi)空間，香港空間，海外空間。而海外空間大多以美國(guó)空間為主。

使用國(guó)內(nèi)的空間需要備案，備案時(shí)間大多為一個(gè)月。至于為什么網(wǎng)站要備案，這里不進(jìn)行闡述，可以百度之。

大部分的個(gè)人網(wǎng)站都不會(huì)進(jìn)行備案， 原因大多如下。

1.備案太麻煩。要拍照，要郵寄，還要一個(gè)月左右的時(shí)間。

2.因相關(guān)政策法規(guī)，該條未予顯示。

所以，絕大部分個(gè)人網(wǎng)站都是使用香港空間和海外空間。香港空間和海外空間區(qū)別不大。主要區(qū)別在于。

1.香港空間帶寬貴。

2.對(duì)于大陸訪客，香港空間的速度要比海外空間的速度略快。

3.海外空間一定要遵守該國(guó)的政策法規(guī)。對(duì)版權(quán)保護(hù)極為嚴(yán)格。

網(wǎng)站空間選擇有很多，選擇的原則是

1.千萬(wàn)別選名頭最響的主機(jī)商。

2.千萬(wàn)別選成立不到一年主機(jī)商。

3.價(jià)格位于黃金分割點(diǎn)的公司往往是最令人滿意的主機(jī)商。

個(gè)人比較推薦HostRing弦主機(jī)。網(wǎng)址是Hostring

接下來(lái)是網(wǎng)站域名。

雖然我也是域名商，但是，注冊(cè)域名有且僅有一個(gè)最佳選擇。

那就是 全球最大的域名注冊(cè)商Godaddy

在域名注冊(cè)這一塊，請(qǐng)不要考慮其他注冊(cè)商。

最后是網(wǎng)站程序。

個(gè)人網(wǎng)站毫無(wú)疑問(wèn)Wordpress會(huì)是最佳選擇。說(shuō)簡(jiǎn)單，它是世界上最傻瓜的程序。說(shuō)復(fù)雜，它可以讓你在用一兩年后都不敢說(shuō)自己精通。

Wordpress的安裝和使用，百度一下一大把。

百度經(jīng)驗(yàn)里面有一篇文章：怎么搭建一個(gè)Wordpress獨(dú)立博客

搜索一下就能找到了。按照教程操作大概半個(gè)小時(shí)能做好自己的個(gè)人網(wǎng)站吧。

我不是科班出身，走上互聯(lián)網(wǎng)這條路全是興趣和自學(xué)，本世紀(jì)最偉大的事情莫過(guò)于有了互聯(lián)網(wǎng)，人生中最優(yōu)秀的老師莫過(guò)于 百度和谷歌。。幾乎任何你在學(xué)習(xí)過(guò)程中遇到的問(wèn)題都可以搜索到。期待樓主第一個(gè)網(wǎng)站的誕生。。到時(shí)候務(wù)必給大家分享一下。

問(wèn)題七：怎樣做一個(gè)簡(jiǎn)易的網(wǎng)頁(yè)？ 做一個(gè)簡(jiǎn)易的普通網(wǎng)頁(yè)比較容易。當(dāng)然，制作的方法有好幾種，有的是直接寫代碼、有的是用繪圖軟件繪制頁(yè)面再導(dǎo)出網(wǎng)頁(yè)、常用的是使用網(wǎng)頁(yè)制作軟件做網(wǎng)頁(yè)。下面以普通靜態(tài)網(wǎng)頁(yè)常規(guī)制作方法為例說(shuō)明制作步驟：

1、如果會(huì)寫代碼，直接用記事本就可以做出網(wǎng)頁(yè)。如果不會(huì)寫代碼，請(qǐng)?jiān)陔娔X里安裝網(wǎng)頁(yè)制作軟件，推薦安裝：Macromedia Dreamweaver，簡(jiǎn)稱DW,這是目前比較流行的網(wǎng)頁(yè)制作軟件，功能強(qiáng)大。也可以安裝Microsoft Office FrontPage，這個(gè)是Office辦公軟件中的一個(gè)組件，初學(xué)者很容易上手，就像使用word一樣方便。不過(guò)這款軟件比較古老，最新版本是Microsoft Office FrontPage2003，目前已被淘汰，不再升級(jí)。

2、在電腦中選擇一個(gè)盤（建議不要選擇c盤），新建一個(gè)存放網(wǎng)頁(yè)的文件夾，文件夾名字隨意取，然后在存放網(wǎng)頁(yè)的文件夾里面再建幾個(gè)子文件夾：包括圖片文件夾、聲音文件夾、視頻文件夾、LASH文件夾等（根據(jù)自己需要建立文件夾）。

3、打開(kāi)網(wǎng)頁(yè)制作軟件DW，新建一個(gè)站點(diǎn)，新建站點(diǎn)步驟按系統(tǒng)提示操作。

4、新建主頁(yè)、布局主頁(yè)、制作導(dǎo)航欄、添加欄目，輸入想要的內(nèi)容。

5、制作子頁(yè)，并與主頁(yè)導(dǎo)航欄欄目鏈接。制作完成后打開(kāi)主頁(yè)預(yù)覽，逐步修改完善。

6、如果要想網(wǎng)頁(yè)漂亮且有個(gè)性，就需要圖像、動(dòng)畫等元素來(lái)裝飾。

以上是制作普通靜態(tài)網(wǎng)頁(yè)的基本步驟。

問(wèn)題八：如何建立一個(gè)免費(fèi)的網(wǎng)站？ 你好！

不知道你需要建 一個(gè)什么樣的網(wǎng)站，我給你介紹一下普通網(wǎng)站的方法吧

首先你得有域名和主機(jī)（也可以是虛擬主機(jī)），如果你想用免費(fèi)的話，就去申請(qǐng)個(gè)免費(fèi)的虛擬主機(jī)，同時(shí)送你個(gè)三級(jí)域名，聽(tīng)說(shuō)5944的和主機(jī)屋的比較不錯(cuò)，但是建議不要使用免費(fèi)空間，因?yàn)楫吘故敲赓M(fèi)的東西，不穩(wěn)定是肯定的。你也可以去冰點(diǎn)數(shù)據(jù)購(gòu)買這些，他們家的比較不錯(cuò)，性價(jià)比很高。

其次網(wǎng)站程序，如果你自己會(huì)編寫網(wǎng)站程序的話那是最好的，如果不會(huì)，你可以使用一些個(gè)人可以免費(fèi)使用的網(wǎng)站程序，主流的CMS（內(nèi)容管理系統(tǒng)）網(wǎng)站程序有動(dòng)易的，喬客的、phpcms、帝國(guó)cms、織夢(mèng)等，主流的論壇系統(tǒng)有動(dòng)網(wǎng)論壇、DISCUZ等，主流的網(wǎng)上商店系統(tǒng)有shopex、ecshop等，這些個(gè)人免費(fèi)版本，你可以去他們的官方網(wǎng)站下載相應(yīng)的程序。把程序上傳到你的空間，上傳可以使用guteftp或者flashxp等軟件上傳，上傳非常簡(jiǎn)單的。之后進(jìn)行一下簡(jiǎn)單安裝設(shè)置，這樣一個(gè)網(wǎng)站的程序基本就搞定了。

接下來(lái)，把你的網(wǎng)站的內(nèi)容添加進(jìn)來(lái)，內(nèi)容添加進(jìn)來(lái)之后一個(gè)網(wǎng)站就已經(jīng)完成了。

接下來(lái)的工作是對(duì)你的網(wǎng)站內(nèi)容進(jìn)行更新，對(duì)網(wǎng)站進(jìn)行維護(hù)管理，對(duì)網(wǎng)站進(jìn)行宣傳推廣。這些做的好，會(huì)留住訪問(wèn)者的

更多詳情可看百度經(jīng)驗(yàn)jingyan.baidu/...a

希望能夠幫到你！

問(wèn)題九：怎么才能建立一個(gè)網(wǎng)站？ 建立自己的個(gè)人主頁(yè)首先要具備一個(gè)終端服務(wù)器，簡(jiǎn)單地說(shuō)就是要有一個(gè)存放網(wǎng)頁(yè)文件的地方，而其他網(wǎng)民也正是通過(guò)你的終端服務(wù)器來(lái)對(duì)你的網(wǎng)站內(nèi)容進(jìn)行瀏覽的，也就是我們常說(shuō)的主頁(yè)空間?，F(xiàn)在很多網(wǎng)站都提供了免費(fèi)主頁(yè)空間，容量從幾兆到無(wú)限空間都有，能夠滿足絕大部分使用者的需求，所以網(wǎng)友們不必對(duì)主頁(yè)空間的容量做過(guò)多的要求，更重要的是要選擇一個(gè)快速穩(wěn)定的主頁(yè)空間，因?yàn)橐粋€(gè)快速穩(wěn)定的主頁(yè)空間會(huì)為你省去很多不必要的麻煩。象網(wǎng)易、首都在線等一些提供個(gè)人主頁(yè)服務(wù)的網(wǎng)站，在網(wǎng)友中有很好的口碑。他們提供的主頁(yè)空間，速度快，穩(wěn)定性高，并且隨主頁(yè)空間配套帶有站點(diǎn)計(jì)數(shù)器、聊天室、留言板、論壇等附屬部分?？梢詾槟愕闹黜?yè)增色不少，網(wǎng)友們可以放心使用。

主頁(yè)空間有了，下面就要開(kāi)始制作網(wǎng)頁(yè)了，這是建立個(gè)人主頁(yè)中最重要的一步，也是最困難的一步。任何制作都具有相同的特點(diǎn)，在開(kāi)始的閥候都是非常艱難的，只要你邁出了第一步，即便是非常簡(jiǎn)單的一步，也已經(jīng)遠(yuǎn)遠(yuǎn)不同于原來(lái)的你。主頁(yè)制作工具有很多種，其中FrontPage、Dreamweaver 是最常用的，也是最好用的兩種主頁(yè)制作軟件。其中Dreamweaver的功能最為強(qiáng)大，能夠做出專業(yè)級(jí)的網(wǎng)頁(yè)，但在操作上比較復(fù)雜，不容易掌握，一般是專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師的首選。而FrontPage則不同，全中文的操作界面使制作者極易上手，強(qiáng)大的輔助功能可以使你的網(wǎng)頁(yè)同樣具有專業(yè)效果，你甚至可以不懂HTML等語(yǔ)言便可以制作出漂亮的網(wǎng)頁(yè)，這種傻瓜式的制作工具已經(jīng)成為大多數(shù)主頁(yè)制作者的最佳選擇！在微軟最新發(fā)布的OFFICE2000中首次捆綁了FrontPage2000，作為FrontPage98的升級(jí)版FrontPage2000的功能更為強(qiáng)大，易用性更加突出。其本身帶有多種不同風(fēng)格的模版，可以使初學(xué)者很快地做出網(wǎng)頁(yè)來(lái)。同時(shí)，F(xiàn)rontPage2000也為網(wǎng)頁(yè)制作高手們準(zhǔn)備了DHTML 效果、數(shù)據(jù)庫(kù)集成、ActiveX 控件、JAVA 應(yīng)用程序等一些高級(jí)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，無(wú)論您是初學(xué)者或是制作高手，F(xiàn)rontPage2000都可以滿足您不同的需求。

在開(kāi)始制作前，確定站點(diǎn)所要介紹的具體內(nèi)容是十分必要的。由于個(gè)人主頁(yè)的局限性所致，它不可能象門戶類網(wǎng)站那樣內(nèi)容廣泛豐富，所以選好站點(diǎn)的內(nèi)容是個(gè)人主頁(yè)成功與否的關(guān)鍵，您的主頁(yè)可以介紹娛樂(lè)、電腦、體育、網(wǎng)絡(luò)、音樂(lè)等方面的信息和資訊，這主要取決于您的愛(ài)好和興趣。有了好的內(nèi)容下面就要開(kāi)始制作站點(diǎn)的首頁(yè)了。一個(gè)站點(diǎn)的首頁(yè)是這個(gè)網(wǎng)站的門面，訪問(wèn)者第一次來(lái)到網(wǎng)站首先看到的就是首頁(yè)，所以首頁(yè)的好壞對(duì)整個(gè)網(wǎng)站的影響非常大！一個(gè)思路清晰，美工出色的首頁(yè)，不但可以吸引訪問(wèn)者繼續(xù)瀏覽站點(diǎn)內(nèi)的其它內(nèi)容，還能使訪問(wèn)過(guò)的網(wǎng)友再次光臨網(wǎng)站。但是，一些初學(xué)者在設(shè)計(jì)首頁(yè)的時(shí)候，總是試圖利用許多精美的圖片把自己的網(wǎng)頁(yè)設(shè)計(jì)得豐富多采，然而這樣做往往達(dá)不到預(yù)想的效果，要注意過(guò)多的圖形可能會(huì)大大破壞訪問(wèn)者對(duì)該站點(diǎn)的印象，訪問(wèn)者對(duì)站點(diǎn)主題的理解可能會(huì)受到很大的干擾，甚至不知道作者要表達(dá)一個(gè)什么樣的意思。所以，在制作的時(shí)候要注意以內(nèi)容為核心，以形式為輔助，使二者統(tǒng)一起來(lái)。再有使用過(guò)多的圖片，或者在設(shè)計(jì)網(wǎng)頁(yè)形式的時(shí)候作了許多不必要的變化，引發(fā)的另一個(gè)問(wèn)題就是網(wǎng)頁(yè)下載速度的問(wèn)題。一個(gè)巨大的圖片可能會(huì)使網(wǎng)頁(yè)的下載花費(fèi)許多時(shí)間，甚至讓人覺(jué)得不可忍受，對(duì)于那些上網(wǎng)速度比較慢的用戶來(lái)說(shuō)情況尤其嚴(yán)重。所以，在設(shè)計(jì)的時(shí)候，要把一些對(duì)站點(diǎn)主題沒(méi)有作用的圖片刪除。在一些各大主頁(yè)排行榜上名列前茅的優(yōu)秀個(gè)人主頁(yè)，它們大都有精美漂亮的首頁(yè)，美工上的運(yùn)用讓人拍案叫絕，可以毫不夸張地說(shuō)這些首頁(yè)......>>

問(wèn)題十：怎么建立一個(gè)自己的網(wǎng)站 現(xiàn)在建網(wǎng)站很簡(jiǎn)單吧，凡科自助建站的平臺(tái)，簡(jiǎn)單注冊(cè)賬號(hào)就有屬于自己的網(wǎng)站，拖拽編輯式建站，就相當(dāng)于是先拿到作品，想要什么風(fēng)格都可以自己設(shè)計(jì)修改的，反正也是有免費(fèi)版的，樓主可以注冊(cè)個(gè)玩玩唄。之后有什么問(wèn)題還是可以直接就問(wèn)他們的客服的。

四、用photoshop設(shè)計(jì)網(wǎng)頁(yè)首頁(yè)時(shí)，設(shè)置多少精度出來(lái)的網(wǎng)頁(yè)圖片精度高？

通常我們說(shuō)“圖片精度”是指圖像的分辨率（常用單位是dpi 即像素/英吋），這個(gè)值越大，說(shuō)明圖片精度越高，打印或者顯示的圖像越清晰。

但瀏覽器顯示網(wǎng)頁(yè)上的圖片，是以象素為單位來(lái)顯示的，圖像分辨率的大小，不影響其顯示效果，也就是設(shè)置精度，對(duì)于網(wǎng)頁(yè)圖片來(lái)說(shuō)，沒(méi)有什么意義。

舉例來(lái)說(shuō)，一張300*300像素大小的圖片，其分辨率設(shè)置成72dpi或者300dpi，在顯示器顯示網(wǎng)頁(yè)時(shí)，都占300像素的寬度，看不出任何不同。但如果你把這個(gè)圖打印出來(lái)，那么前者會(huì)有4英吋寬，而后者只有1英吋寬， 這樣前者由于每個(gè)像素點(diǎn)會(huì)比較大，所以看起來(lái)就會(huì)模糊一些。

所以，我估計(jì)你的問(wèn)題，是指的ps網(wǎng)頁(yè)設(shè)計(jì)的時(shí)候，輸出圖片采用哪一種壓縮方式及壓縮比圖片在網(wǎng)頁(yè)上精細(xì)（清晰）。也就是說(shuō)，你問(wèn)題題中的精度，意思應(yīng)該是清晰度，對(duì)吧？

網(wǎng)頁(yè)設(shè)計(jì)中，對(duì)于圖片來(lái)說(shuō)，追求的并非高清晰度，原因很簡(jiǎn)單，因?yàn)榫W(wǎng)頁(yè)最終是在網(wǎng)上使用的，由于受到網(wǎng)速的限制，清晰度越高的圖片，其文件體積也會(huì)越大，網(wǎng)上傳輸就會(huì)慢，從而影響瀏覽體驗(yàn)，而壓縮得厲害的圖片，雖然加載速度快，但圖片會(huì)不那么清晰。

所以，根據(jù)網(wǎng)頁(yè)圖片使用情況，在文件大小與清晰度之間選擇一個(gè)平衡點(diǎn)，對(duì)須要清晰表現(xiàn)的圖片，采用低的壓縮比，而對(duì)不需要很清晰的圖，則采用很高的壓縮比?？傊?，這個(gè)沒(méi)有一定的標(biāo)準(zhǔn)，是一個(gè)經(jīng)驗(yàn)與技巧的問(wèn)題。

另外，如果你的“精度”是指設(shè)計(jì)網(wǎng)頁(yè)時(shí)，所選的圖像大?。ㄒ话阒笀D片寬度），那么，應(yīng)該與網(wǎng)頁(yè)實(shí)際大小相同，避免在出圖時(shí)進(jìn)行縮放，這樣才能保證設(shè)計(jì)效果。目前，為適應(yīng)大多數(shù)屏幕瀏覽網(wǎng)頁(yè)，一般把網(wǎng)頁(yè)的寬度設(shè)置在1000像素左右。

---以上回答，經(jīng)驗(yàn)之談，純系手打，絕無(wú)復(fù)制，如對(duì)你有幫助，敬請(qǐng)支持和采納---

以上就是關(guān)于網(wǎng)頁(yè)設(shè)計(jì)首頁(yè)相關(guān)問(wèn)題的回答。希望能幫到你，如有更多相關(guān)問(wèn)題，您也可以聯(lián)系我們的客服進(jìn)行咨詢，客服也會(huì)為您講解更多精彩的知識(shí)和內(nèi)容。

推薦閱讀：

搜索導(dǎo)航網(wǎng)頁(yè)（搜索導(dǎo)航網(wǎng)頁(yè)怎么關(guān)閉）

vrchat手游最新網(wǎng)頁(yè)（vrchat手機(jī)版官網(wǎng)）

微信網(wǎng)頁(yè)版登錄不了如何解決

云南抖音號(hào)代運(yùn)營(yíng)品類（云南抖音號(hào)代運(yùn)營(yíng)品類有哪些）

錦州膜結(jié)構(gòu)景觀設(shè)計(jì)（景觀膜膜結(jié)構(gòu)廠家）