本篇文章給大家談?wù)勲娪靶麄骶W(wǎng)頁(yè)制作效果圖，以及電影宣傳圖片素材對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、自己建一個(gè)電影網(wǎng)站``需要什么樣的步驟`？
• 2、網(wǎng)頁(yè)效果圖怎么制作？
• 3、怎么制作宣傳網(wǎng)頁(yè)
• 4、關(guān)于網(wǎng)頁(yè)的制作
• 5、求Photoshop設(shè)計(jì)網(wǎng)頁(yè)效果圖的pdf/psd教程
• 6、靜態(tài)網(wǎng)頁(yè)制作步驟

自己建一個(gè)電影網(wǎng)站``需要什么樣的步驟`？

這里有特別多的建站文章，可以參考

參考：

給你另外提供一個(gè)

制作網(wǎng)頁(yè)的步驟：

網(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)址形式通常為：，也就是以.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ì)搜索引擎的影響，書(shū)中對(duì)于靜態(tài)網(wǎng)頁(yè)本身的介紹比較少，尤其對(duì)于靜態(tài)網(wǎng)頁(yè)的特點(diǎn)沒(méi)有做專門的介紹。 網(wǎng)絡(luò)營(yíng)銷教學(xué)網(wǎng)站()將靜態(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è)的交互性交叉，在功能方面有較大的限制。

多看多學(xué)

不要嫌棄麻煩

那樣做不成事的

我希望你成為網(wǎng)頁(yè)設(shè)計(jì)高手

網(wǎng)頁(yè)效果圖怎么制作？

　平面廣告和網(wǎng)站頁(yè)面設(shè)計(jì)的宗旨就是吸引眼球，符合平面視覺(jué)沖擊特點(diǎn)，如何設(shè)計(jì)一款有特色、另類能吸引眼球的作品是擺在平面設(shè)計(jì)人員和photoshop愛(ài)好者面前的難題

現(xiàn)在以一款網(wǎng)頁(yè)平面設(shè)計(jì)效果圖為實(shí)例，講解網(wǎng)頁(yè)設(shè)計(jì)方面的創(chuàng)意知識(shí)，從網(wǎng)頁(yè)效果圖布局創(chuàng)意、顏色選擇，裁減效果圖和制作網(wǎng)頁(yè)特效等方面來(lái)學(xué)習(xí)。下面我們就一起來(lái)學(xué)習(xí)吧。

首先聲明一下，這款網(wǎng)頁(yè)效果圖在得到朋友許可后拿來(lái)制作教程實(shí)例，切勿抄襲和用做其他用途。先看效果圖0。

一、?創(chuàng)意設(shè)計(jì)思路

一個(gè)網(wǎng)站在制作前需要確定網(wǎng)站風(fēng)格、網(wǎng)站主題、和主色調(diào)，在沒(méi)有確切的方案之前，最好不要貿(mào)然動(dòng)手制作，不然最后的結(jié)果很可能是以失敗而告終。

筆者決定從關(guān)鍵字"路行""獨(dú)自行走"加上是暗色系的要求上下手，敲定顏色采用沙漠黃，沙漠很容易讓人聯(lián)想到孤單；板式確定為戶外廣告的樣式沙漠黃配合生銹的廣告牌。符合"頹廢""艱辛路途卜銷"主題。

二、?網(wǎng)站效果圖及LOGO的制作。

1、LOGO的樣式采用的是圖形和字符的組合。漢字LOGO的字體不是下載的字體，是筆者用鋼筆工具畫出來(lái)的字體。如圖1和1-1。

　鋼筆工具勾勒出圖1的行走的人樣式，填充紅色，然后旦缺調(diào)整混合模式"斜面和浮雕"選擇浮雕效果、雕刻清晰、深度1、方向上、大小2，型遲游其他默認(rèn)。這LOGO 的創(chuàng)意是，一個(gè)人在崎嶇不平的路上堅(jiān)持自己的方向，配合網(wǎng)站的英文加中文名字，構(gòu)成一個(gè)形象LOGO，剛好"路"字和"行"字采用紅色，突出了路行。

文字LOGO筆者用鋼筆工具勾畫出字的各個(gè)部件，然后拼接在一起，這里只給出"路"字的方法，"行"字方法如同。[next]

2、制作布局參考圖。如圖2

　3、根據(jù)布局效果圖，新建文件大小1000X765，填充黑色。布局中的"顯示區(qū)域"為廣告牌是要掛到墻上的，使用"石頭材質(zhì)"放置在頁(yè)面最上方來(lái)制作石板墻；使用"銹跡皮革材質(zhì)"制作"顯示區(qū)域""LOGO"區(qū)域的邊框（注：一些材質(zhì)的制作方法省略，平時(shí)可自行制作也可去圖片站下載保存，用的時(shí)候方便），將LOGO區(qū)域的邊框復(fù)制一層，調(diào)整不透明度為60%放置到LOGO曾下方，這樣大體的框架就完成了。如圖3和3-1。

（圖5）

（圖6）

4、找來(lái)一張沙漠公路的圖片，把這張圖片進(jìn)行聚焦處理。點(diǎn)圖4示例的按扭進(jìn)入"以快速蒙版編輯模式"，選擇漸變，漸變模式為"徑向漸變"在圖中間向兩邊拉，屏幕會(huì)出現(xiàn)一團(tuán)紅色；然后再點(diǎn)"以標(biāo)準(zhǔn)模式編輯"畫面會(huì)出現(xiàn)一個(gè)圓圈選擇區(qū)域，按"DELETE"刪除即可。如圖4和圖4-1。

（圖7）

（圖8）

　5、在"路"圖片上方新建一層，按住CTRL+"路"圖層，單擊新建的圖層，填充顏色4E341B，調(diào)整為暗系沙漠黃。如圖5。

（圖9）

制作文字LOGO牌。找來(lái)圖5-1中的灰色材質(zhì)，在"LOGO邊框"下面新建一層，然后在其之上新建一層，放置沙漠圖片，將其混合模式修改為"顏色"然后打開(kāi)一開(kāi)始制

怎么制作宣傳網(wǎng)頁(yè)

然后就可以學(xué)習(xí)了：1.最基礎(chǔ)的要高坦先學(xué)習(xí)HTML、CSS、Javascprict，因?yàn)檫@三樣都是需要被用到的，比如說(shuō)新聞發(fā)布、論壇等等，這些都是離不開(kāi)的。HTML是即超文本標(biāo)記語(yǔ)言或超文本鏈接標(biāo)示語(yǔ)言，是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語(yǔ)言，也是構(gòu)成網(wǎng)頁(yè)文檔的主要語(yǔ)言；CSS是層疊樣式表，可以讓網(wǎng)頁(yè)更加漂亮，你看到的很多專題都是用到了CSS；Javascprict是一種腳本語(yǔ)言，它可以讓網(wǎng)頁(yè)變得生動(dòng)起來(lái)！2.然后，學(xué)習(xí)XHTML、xml等語(yǔ)言也要學(xué)習(xí)，XHTML是HTML的未來(lái)版本，XHTML是W3C的推薦標(biāo)準(zhǔn)，因?yàn)樗恼Z(yǔ)言更加嚴(yán)格；XML是一種可擴(kuò)展標(biāo)記語(yǔ)言，他和HTML很相似，不過(guò)HTML里面必須要使用他的標(biāo)簽，不過(guò)XML就不同了，因?yàn)槟憧梢噪S意命名標(biāo)簽，比如abc就是你定義的，而且xml是一種儲(chǔ)存數(shù)據(jù)的方法，很多程序都會(huì)用到這個(gè)東西。其余的語(yǔ)言AJAX、Ecmascript也可以學(xué)，不過(guò)有點(diǎn)難。3.接下來(lái)就是要學(xué)習(xí)一些動(dòng)態(tài)語(yǔ)言了，比如說(shuō)PHP、ASP、JSP、.NET等等。PHP是英文超級(jí)文本預(yù)處理語(yǔ)言Hypertext Preprocessor的縮寫。PHP 是一種 HTML 內(nèi)嵌式的語(yǔ)言，是一種在服務(wù)器端執(zhí)行的嵌入HTML文檔的腳本語(yǔ)言，語(yǔ)言的風(fēng)格有類似于C語(yǔ)言，被廣泛的運(yùn)用（所以學(xué)習(xí)HTML是首選），現(xiàn)在很多網(wǎng)站都利用了PHP，比如說(shuō)騰訊網(wǎng)、新浪網(wǎng)等等；ASP是一種服務(wù)器端腳本編寫環(huán)境，可以用來(lái)創(chuàng)建和運(yùn)行動(dòng)態(tài)網(wǎng)頁(yè)或Web應(yīng)用程序。ASP網(wǎng)頁(yè)可以包含HTML標(biāo)記、普通文本、腳本命令以及COM組件等；JSP技術(shù)有點(diǎn)類似ASP技術(shù)，它是在傳統(tǒng)的網(wǎng)頁(yè)HTML文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP標(biāo)記(tag)，JSP技術(shù)有點(diǎn)難，因?yàn)樗菂⑷肓薐AVA；.NET是ASP的升級(jí)版本，是一種使嵌入網(wǎng)頁(yè)中的腳本可由因特網(wǎng)服務(wù)器執(zhí)行的服務(wù)器端腳本技術(shù)，它使運(yùn)行一些很平常的任務(wù)如表單的提交客戶端的身份鋒念遲驗(yàn)證、分布系統(tǒng)和網(wǎng)站配置變得非常簡(jiǎn)單。另外，你還得下載一些運(yùn)行環(huán)境，比如說(shuō)IIS（ASP、PHP、asp .net）、Apache（PHP）、zend（php）、mysql（PHP）、.NET Framework（asp .net）等等。制作完之后，就可以宣傳網(wǎng)頁(yè)了，不過(guò)網(wǎng)頁(yè)也要人看得到，所以一定要有工具才能看得到，你可以找一個(gè)空間和虛擬主銀李機(jī)商，比如說(shuō)萬(wàn)網(wǎng)、西部數(shù)碼等等，不過(guò)他們都是需要收費(fèi)的，國(guó)內(nèi)收費(fèi)的又很少，所以需要有準(zhǔn)備，這就要咨詢空間和虛擬主機(jī)商了，你可以找他們說(shuō)先試幾天。經(jīng)過(guò)這樣的過(guò)程，假如你申請(qǐng)成功了，就可以去上傳你的網(wǎng)頁(yè)了，用flashfxp、cutefxp或leapfxp等工具，然后去上傳！最后就可以宣傳你的網(wǎng)頁(yè)了。

關(guān)于網(wǎng)頁(yè)的制作

一. 網(wǎng)頁(yè)設(shè)計(jì)軟件的選擇

設(shè)計(jì)主頁(yè)首先要選擇合適的工具軟件，現(xiàn)在比較流行的網(wǎng)頁(yè)制作軟件是 FrontPage 和 DreamWave。他們各有優(yōu)缺點(diǎn)，F(xiàn)rontPage 是微軟出品的網(wǎng)頁(yè)編輯軟件，也是 Office 系列軟件的組成部分。最新的 FrontPage2000中文版 在 Office2000 的軟件包中可以找到。如果對(duì) Office 有一定的基礎(chǔ)，會(huì)用 Word 的人，很開(kāi)就可以學(xué)會(huì)使用 FrontPage ，它的最大優(yōu)點(diǎn)之一就是易學(xué)易用。另外 FrontPage 制作的網(wǎng)頁(yè)在 IE 瀏覽器中的效果也特別好。但是，如果你希望網(wǎng)頁(yè)在 Netscape 或其他瀏覽器上有良好表現(xiàn)，那么使用 FrontPage 就有些麻煩。不是說(shuō)不可以，只是很容易出錯(cuò)。在這方面 DreamWave 就好很多，畢竟是第三方的軟件。DreamWave是由 MacroMedia 公司出品的網(wǎng)頁(yè)制作軟件，最新版本是3.0，功能也同樣很強(qiáng)大。不過(guò)學(xué)習(xí)起來(lái)要難一些，而且 IE 瀏覽器的一些高級(jí)功能就無(wú)法實(shí)現(xiàn)了。各有所長(zhǎng)，只有自己權(quán)衡了。另外不要將兩個(gè)編輯軟件交替使用，否則會(huì)出現(xiàn)混亂。

二. 網(wǎng)絡(luò)服務(wù)商的選擇

現(xiàn)在提供免費(fèi)主頁(yè)空間的網(wǎng)站非常多，當(dāng)然也有收費(fèi)的。選擇什么好呢？千萬(wàn)不要認(rèn)為什么“無(wú)限主頁(yè)空間”就是最好。這里的講究非常多的。首先要明確服務(wù)商提供的是什么操作系統(tǒng)的服務(wù)器，如果你使用 FrontPage 編寫主頁(yè)，最好選擇 Windows NT 服務(wù)器，這樣效果最好。另外還有 Linux 和 Unix 的服務(wù)器也很多見(jiàn)，用這些服務(wù)器的話要注意一個(gè)問(wèn)題，就是文件名的大小寫一定要清楚。一般的 Windows 用戶會(huì)覺(jué)得這不是問(wèn)題，因?yàn)槲④浀牧?xí)慣，文件名大小寫是不區(qū)分的。但是 Linux 和 Unix 不是這樣，比如你有一個(gè) top.jpg 的圖片上傳，然后在 HTML 超連接寫成了 top.JPG，擴(kuò)展名寫成大寫了。在本地看這個(gè) HTML 文件很正常，圖片顯示正確。但等你上傳到服務(wù)器上，你會(huì)發(fā)現(xiàn)根本無(wú)法顯示文件。解決這個(gè)問(wèn)題的最簡(jiǎn)單辦法是所有的文件名和擴(kuò)展名都用小寫英文字母，而且不要用長(zhǎng)文件名。當(dāng)然，如果是 Windows NT 服務(wù)器，就不用擔(dān)心這個(gè)問(wèn)題。

如果只是做簡(jiǎn)單的主頁(yè)，那只需要得到相應(yīng)的主頁(yè)空間就可以了。但如果做高級(jí)一些到主頁(yè)，就牽涉到一些網(wǎng)絡(luò)程序的執(zhí)行，這就需要 CGI 權(quán)限甚至數(shù)據(jù)庫(kù)權(quán)限。一般的網(wǎng)絡(luò)服務(wù)器上是不會(huì)免費(fèi)提供這些功能的，而且收費(fèi)往往不低。對(duì)于一般的個(gè)人主頁(yè)完全沒(méi)必要苛求這些，不然維護(hù)費(fèi)用會(huì)很大，除非確實(shí)想做出一個(gè)很好的站點(diǎn)。免費(fèi)主頁(yè)空間的另外一個(gè)問(wèn)題是服務(wù)商隨時(shí)有權(quán)關(guān)閉服務(wù)，因?yàn)椴怀袚?dān)任何承諾，這樣你的成果可能會(huì)白費(fèi)，所以要找一些比較可靠的主頁(yè)空間，最好是已經(jīng)提供較長(zhǎng)時(shí)間服務(wù)，且有一定知名度的。

另外，不同的服務(wù)喊哪慎商使用的網(wǎng)絡(luò)服務(wù)器和線路也不盡相同，訪問(wèn)的更新速度差異也非常大。要選擇線路速度快一些的主頁(yè)空間，不然會(huì)大大影響來(lái)訪者的興趣。最好使用本地的網(wǎng)絡(luò)服務(wù)器，因?yàn)榭鐓^(qū)域的網(wǎng)絡(luò)線路往往比較擁擠。

還有，網(wǎng)絡(luò)服務(wù)商提供怎樣的主頁(yè)維護(hù)方式也很重要。如果提供 FrontPage 擴(kuò)展的 HTTP 維護(hù)，那就最方便了?？梢宰龅饺詣?dòng)維護(hù)。如果是傳統(tǒng)的 FTP 方式，也不錯(cuò)。FrontPage2000 同樣可以用 FTP 自動(dòng)上傳，而且也可以用許多 FTP 管理軟件。但還有一種是基于 WEB 的主頁(yè)維護(hù)，這種主頁(yè)空間只能到服務(wù)商的網(wǎng)站上按它特定方式編輯維護(hù)主頁(yè)。這樣很不方便，最好不要使用。

三. 主頁(yè)內(nèi)容的選擇

評(píng)價(jià)一個(gè)主頁(yè)的優(yōu)劣，主要不是看外觀而是看內(nèi)容。選擇適當(dāng)?shù)膬?nèi)容很重要，最好是自己比較感興趣的內(nèi)容，否則會(huì)沒(méi)有長(zhǎng)期維護(hù)的熱情。另外不要做太多的主題，沒(méi)有重點(diǎn)的四面出擊往往一樣也不吸引人。很多著名的個(gè)人主頁(yè)都是靠一個(gè)優(yōu)秀的欄目而大受歡迎的，飛翔鳥(niǎo)硬件就是個(gè)很好的例子。維護(hù)主頁(yè)貴在堅(jiān)持，一定要不斷上傳緩猛新的內(nèi)容來(lái)充實(shí)更新網(wǎng)站。不過(guò)同樣要注意不要隨便抄襲別人的內(nèi)容，如果對(duì)方的內(nèi)容是可以轉(zhuǎn)載的自然沒(méi)問(wèn)題，但如鄭敬果是版權(quán)所有的，可能會(huì)遇到糾紛，甚至?xí)?qiáng)制關(guān)閉你的個(gè)人主頁(yè)。知識(shí)產(chǎn)權(quán)還是需要尊重的，因此在轉(zhuǎn)在其他網(wǎng)站的內(nèi)容時(shí)，最好征求對(duì)方的同意。

還有，主頁(yè)內(nèi)容千萬(wàn)不要有違法的成分，特別是不要有色情內(nèi)容。

四. 主頁(yè)制作的技巧

主頁(yè)制作是一門綜合性技術(shù)，也是一門藝術(shù)，它包括策劃、美工、設(shè)計(jì)等等。這里只是說(shuō)一些應(yīng)該注意的問(wèn)題。很多商業(yè)網(wǎng)站都有“廣告條”，點(diǎn)擊廣告可以為網(wǎng)站賺錢，甚至像 Yahoo 這樣的網(wǎng)絡(luò)公司也主要靠這些廣告的收入維持。但是一般的個(gè)人主頁(yè)，建設(shè)初期最好不要放廣告條，特別是不能放很多。在訪問(wèn)量不是很大的時(shí)候，廣告是賺不到錢的。反而會(huì)讓訪問(wèn)者覺(jué)得主頁(yè)很亂，全是無(wú)聊的廣告，給人的印象就很差了。

還有些個(gè)人主頁(yè)因?yàn)樵L問(wèn)量很低沒(méi)面子，就修改網(wǎng)頁(yè)計(jì)數(shù)器，增加訪問(wèn)量。這其實(shí)是自欺欺人，以后別人也不會(huì)相信你的主頁(yè)流量了。一個(gè)好的主頁(yè)，總會(huì)有越來(lái)越多的訪問(wèn)者，如果沒(méi)質(zhì)量的主頁(yè)，做手腳又有何用？

還有，如果是免費(fèi)主頁(yè)空間，一般速度都不太快，空間也不大。最好不要提供過(guò)多的軟件下載，這樣會(huì)嚴(yán)重影響訪問(wèn)速度。到頭來(lái)會(huì)得不償失的。一般較好的軟件下載站點(diǎn)都提供獨(dú)立的 FTP 線路下載軟件，這樣才能保證網(wǎng)站的訪問(wèn)速度不受影響。同樣的，主頁(yè)上也不要使用分辨率太大的圖片，一般一張圖片盡量控制在 20KB 一下。個(gè)人主頁(yè)中也不要過(guò)多使用 Java class 的小程序和過(guò)于復(fù)雜的 Java 腳本，這些只起到點(diǎn)綴的作用就行了，用得太多了，瀏覽網(wǎng)頁(yè)的速度也會(huì)變得非常遲鈍。

制作主頁(yè)時(shí)還要特別小心語(yǔ)言版本的問(wèn)題，特別是中文。選用的內(nèi)碼或字體錯(cuò)誤的話，訪問(wèn)時(shí)就會(huì)出現(xiàn)亂碼或字體扭曲等問(wèn)題。

五. 域名和無(wú)形資產(chǎn)

每個(gè)個(gè)人主頁(yè)都有自己的域名，就像人總有個(gè)名字。起名字也有很多講究。很多人會(huì)模仿著名網(wǎng)站的名字，在別人的拼寫上改一改字母之類的。其實(shí)這樣并不好，沒(méi)有了自己的個(gè)性，反而不容易給人留下深刻的印象。還是自己取個(gè)好名字吧。另外常看到有人寫著“永久域名 xxx.yeah.net”之類的。其實(shí)這些都是二級(jí)域名，一些網(wǎng)絡(luò)公司免費(fèi)提供的而已。這些都稱不上永久域名，因?yàn)楣倦S時(shí)可以停止服務(wù)的。最好是能擁有自己的國(guó)際頂級(jí)域名，這才是永遠(yuǎn)屬于你自己的。其實(shí)這也并不是一筆非常昂貴的費(fèi)用，但確是主頁(yè)長(zhǎng)期發(fā)展的根本保障。當(dāng)然，如果覺(jué)得沒(méi)必要，使用免費(fèi)二級(jí)域名也不錯(cuò)。

1.先下載網(wǎng)頁(yè)制作工具，Dreamweaver v8.0 簡(jiǎn)體注冊(cè)版

下載地址：

2.開(kāi)始學(xué)習(xí)，去網(wǎng)易學(xué)院學(xué)習(xí)網(wǎng)頁(yè)制作的方法。

《網(wǎng)站設(shè)計(jì)系列多媒體教程》

3.如果會(huì)做了，申請(qǐng)免費(fèi)主頁(yè)空間，如果自己有更好了，（注：主機(jī)是空間）沒(méi)有請(qǐng)去這里找一個(gè)適合自己的申請(qǐng)，免費(fèi)。

4.把做好的主頁(yè)上傳到您的空間。需要FTP上傳軟件。

下載地址：

5.用您自己的或者申請(qǐng)的免費(fèi)域名（一般申請(qǐng)免費(fèi)空間都贈(zèng)送一個(gè)二級(jí)域名）訪問(wèn)您的主頁(yè)。

再給你一個(gè)詳細(xì)的好了

時(shí)下隨著各種通訊技術(shù)的發(fā)展，互聯(lián)網(wǎng)已在中國(guó)逐步進(jìn)入普及階段，許多人在充分享受瀏覽新聞，網(wǎng)上聊天，網(wǎng)絡(luò)游戲，網(wǎng)上交易，收發(fā)電子郵件等網(wǎng)絡(luò)的各種樂(lè)趣后，開(kāi)始不滿足于被動(dòng)式的接受，希望能主動(dòng)參與網(wǎng)絡(luò)，因此大量的個(gè)人網(wǎng)站應(yīng)運(yùn)而生了。

計(jì)算機(jī)與網(wǎng)絡(luò)專業(yè)技術(shù)人員能利用一技之長(zhǎng)及在某一方面的專長(zhǎng)輕松制作網(wǎng)頁(yè)，但大量的網(wǎng)絡(luò)菜鳥(niǎo)級(jí)人物如何制作個(gè)人主頁(yè)，建立個(gè)人網(wǎng)站呢？我大概總結(jié)了以下幾點(diǎn)，希望對(duì)一些對(duì)這方面缺乏基本了解的人提供一些幫助。如果你是個(gè)經(jīng)常上網(wǎng)的網(wǎng)蟲(chóng)，并對(duì)如何建立網(wǎng)站有一定的興趣，那么請(qǐng)你繼續(xù)讀下去，否則我推薦你使用某些網(wǎng)站推出的傻瓜式的個(gè)人網(wǎng)頁(yè)或請(qǐng)專業(yè)的網(wǎng)頁(yè)制作公司代勞，完全沒(méi)必要自己動(dòng)手。

1． 要建立個(gè)人網(wǎng)站，首先必須要了解一下目前網(wǎng)頁(yè)制作的基本語(yǔ)言HTML，入門即可，大概花個(gè)一二小時(shí)就可。

2． 學(xué)會(huì)使用目前流行的網(wǎng)頁(yè)制作軟件，如Frontpage、Dreamweaver等一些功能強(qiáng)大，所見(jiàn)所得的軟件，初步了解就可，不用全部掌握，一般是邊用邊學(xué)，不斷提高使用水平。

3． 廣泛的上網(wǎng)瀏覽各種網(wǎng)頁(yè)，一開(kāi)始最好能下載一些較簡(jiǎn)單的個(gè)人網(wǎng)頁(yè)，因?yàn)樗麄兯玫降募夹g(shù)較為簡(jiǎn)單，可用網(wǎng)頁(yè)制作軟件打開(kāi)研究。然后推薦去瀏覽一些專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)網(wǎng)站，學(xué)習(xí)一些排版經(jīng)驗(yàn)，同時(shí)可下載一些網(wǎng)頁(yè)結(jié)構(gòu)模版供自己套用。

4． 確定你的網(wǎng)站主題，我個(gè)人不主張開(kāi)始就想建軟件大全、書(shū)庫(kù)等網(wǎng)上流行的為網(wǎng)站主題，因?yàn)榈谝荒悴粔驅(qū)I(yè)，網(wǎng)上已有太多的同類軟件，別人不可能上你的網(wǎng)站下載。第二這類網(wǎng)站需要巨大的主頁(yè)空間，不僅一開(kāi)始你申請(qǐng)不到這么大的空間，而且你也不可能經(jīng)常上載維護(hù)。網(wǎng)站主題最好是有你的個(gè)人特色，實(shí)在不能確定我建議自己做一個(gè)私人門戶網(wǎng)站，將平時(shí)自己經(jīng)常去的網(wǎng)站做一個(gè)較為綜合的連結(jié)。

5． 網(wǎng)頁(yè)最好不要用特別與眾不同的顏色、字體，因?yàn)槊總€(gè)人使用的計(jì)算機(jī)各不相同，特別的顏色、字體別人不一定能看得到。

6． 網(wǎng)頁(yè)要增加美觀圖片不可缺少，我建議如果你會(huì)用一些專業(yè)的作圖軟件最好自己制作，這會(huì)有自己的特色，放些私人照片也可以，但切記各種圖片一定要作優(yōu)化處理，減小它的存儲(chǔ)尺寸。提醒一下每頁(yè)不要放過(guò)多的圖片，因?yàn)榈谝粫?huì)使網(wǎng)頁(yè)顯得雜亂，第二會(huì)使你的網(wǎng)頁(yè)顯示速度過(guò)慢。制作圖片的常用軟件有Photoshop，F(xiàn)ireworks等。

7． 網(wǎng)頁(yè)上可以用一些動(dòng)畫與特效增加你主頁(yè)的美觀與功能，動(dòng)畫可上網(wǎng)找，同樣最好能自己制作，GIF格式的最常用，可用Ulead的Gig Animator軟件制作，目前流行的是Flash動(dòng)畫，更多變化，尺寸更小，缺點(diǎn)是有些計(jì)算機(jī)上的瀏覽器缺省沒(méi)有安裝Flash瀏覽軟件，有些計(jì)算機(jī)用戶不能看到Flash。網(wǎng)上還有許多免費(fèi)的Javascript等可供使用，與圖片一樣，我建議每頁(yè)不要放太多的動(dòng)畫與特效。

8． 網(wǎng)頁(yè)基本建成后，上網(wǎng)找免費(fèi)的主頁(yè)空間，以其主機(jī)的速度，提供的空間大小和有無(wú)基本的CGI功能及其提供的域名是否簡(jiǎn)單易記為考量依據(jù)，所謂CGI是指主機(jī)服務(wù)器上提供的程序，一般你可申請(qǐng)有免費(fèi)計(jì)數(shù)器、留言板等。找到速度快，主頁(yè)存放空間大，域名簡(jiǎn)單的網(wǎng)站存放你的網(wǎng)頁(yè)。

9． 接下來(lái)是將網(wǎng)頁(yè)上傳至你申請(qǐng)的服務(wù)器上，具體上傳的辦法你在申請(qǐng)主頁(yè)空間時(shí)就會(huì)了解，具體使用你制作網(wǎng)頁(yè)的軟件即可，我個(gè)人推薦使用CuteFTP Pro上傳，這個(gè)軟件功能強(qiáng)大，簡(jiǎn)單易用。

10． 好，現(xiàn)在你的網(wǎng)站已建立，你可通知你的朋友上去瀏覽，把個(gè)人網(wǎng)站印在你的名片上，還想推廣你的網(wǎng)站？那你可去各大搜索網(wǎng)站登錄你的新站，如雅虎、搜虎、新浪等知名網(wǎng)站。你還可與其它網(wǎng)站申請(qǐng)友情連結(jié)、去一些提供連結(jié)交換的網(wǎng)站申請(qǐng)廣告交換，如太極鏈，酷站等。在做這一步時(shí)你需要做二個(gè)468X60和88X31尺寸的廣告圖片，動(dòng)畫最好，存儲(chǔ)大小盡量控制在10k以下。

11． 如果你還想靠你的網(wǎng)站賺一些小錢，你可去一些商業(yè)網(wǎng)站申請(qǐng)廣告連結(jié)，替他們做廣告，一般以從你的網(wǎng)頁(yè)點(diǎn)擊到他們的網(wǎng)頁(yè)次數(shù)算錢。

12． 最后我要提醒各位未來(lái)網(wǎng)主，你的網(wǎng)站千萬(wàn)不要放一些明顯與國(guó)內(nèi)政治相抵觸的內(nèi)容，這事關(guān)重大，不可兒戲，否則網(wǎng)站被關(guān)閉事小，坐牢也說(shuō)不定哦。另外，網(wǎng)站內(nèi)容與性有關(guān)可大大增加被瀏覽的數(shù)量，但黃色的內(nèi)容不要放，雖說(shuō)性質(zhì)比不上反動(dòng)內(nèi)容，但也有問(wèn)題。建議打打擦邊球，提供一些性教育、性知識(shí)，情情愛(ài)愛(ài)的內(nèi)容無(wú)傷大雅。

隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，網(wǎng)絡(luò)應(yīng)用已經(jīng)滲透到人類社會(huì)的各個(gè)角落。作為網(wǎng)絡(luò)世界的支撐點(diǎn)的網(wǎng)站，更是人們關(guān)注的熱點(diǎn)：政府利用網(wǎng)站宣傳自己的施政綱領(lǐng)，日益成為與百姓交流的直通車；企業(yè)利用網(wǎng)站宣傳自己的形象，挖掘無(wú)限商機(jī)；個(gè)人利用網(wǎng)站展示個(gè)性風(fēng)采，創(chuàng)建彼此溝通的橋梁。越來(lái)越多的人希望擁有網(wǎng)站，開(kāi)辟網(wǎng)絡(luò)世界里的一片天地。如何設(shè)計(jì)一個(gè)出色的網(wǎng)站呢？關(guān)于這個(gè)問(wèn)題，人們討論的很多，可以討論的內(nèi)容也很多，加之網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，很難提出一個(gè)絕對(duì)權(quán)威和正確的設(shè)計(jì)思路，筆者不才，根據(jù)自己的設(shè)計(jì)體

會(huì)，總結(jié)出以下基本設(shè)計(jì)思路：

一、定位網(wǎng)站的主題和名稱

網(wǎng)站的主題也就是網(wǎng)站的題材，網(wǎng)站設(shè)計(jì)開(kāi)始首先遇到的問(wèn)題。網(wǎng)站題材千奇百怪,琳瑯滿目，只要想的到，就可以把它制作出來(lái)。下面是美國(guó)《個(gè)人電腦》雜志(PC Magazine)評(píng)出的99年度排名前100位的全美知名網(wǎng)站的十類題材：

第1類：網(wǎng)上求職

第2類：網(wǎng)上聊天／即時(shí)信息/ ICQ

第3類：網(wǎng)上社區(qū)／討論/郵件列表

第4類：計(jì)算機(jī)技術(shù)

第5類：網(wǎng)頁(yè)/網(wǎng)站開(kāi)發(fā)

第6類：娛樂(lè)網(wǎng)站

第7類：旅行

第8類：參考/資訊

第9類：家庭/教育

第10類：生活/時(shí)尚

每個(gè)大類都可以繼續(xù)細(xì)分，比如娛樂(lè)類再分為體育/電影/音樂(lè)等小類，音樂(lè)又可以按格式分為MP3，VQF，Ra等，按表現(xiàn)形式分古典，現(xiàn)代，搖滾等。同時(shí)，各個(gè)題材相聯(lián)系和交叉結(jié)合可以產(chǎn)生新得題材，例如旅游論壇(旅游+討論)，經(jīng)典入球播放(足球+影視)按這樣分下去，題材可以有成千上萬(wàn)種。這么多題材，如何選擇呢？遵循的原則如下：

1、主題要小而精

定位要小，內(nèi)容要精。如果你想制作一個(gè)包羅萬(wàn)象的站點(diǎn)，把所有你認(rèn)為精彩的東西都放在上面，那么往往會(huì)事與愿違，給人的感覺(jué)是沒(méi)有主題，沒(méi)有特色，樣樣有，卻樣樣都很膚淺，因?yàn)槟悴豢赡苡心敲炊嗟木θゾS護(hù)它。網(wǎng)站的最大特點(diǎn)就是新和快，目前最熱門的個(gè)人主頁(yè)都是天天更新甚至幾小時(shí)更新一次。最新的調(diào)查結(jié)果也顯示，網(wǎng)絡(luò)上的"主題站"比"萬(wàn)全站"更受人們喜愛(ài)，就好比專賣店和百貨商店，如果我需要買某一方面的東西，肯定會(huì)選擇專買店。

2、題材最好是你自己擅長(zhǎng)或者喜愛(ài)的內(nèi)容

比如：你擅長(zhǎng)編程，就可以建立一個(gè)編程愛(ài)好者網(wǎng)站；對(duì)足球感興趣，可以報(bào)道最新的戰(zhàn)況，球星動(dòng)態(tài)等。這樣在制作時(shí)，才不會(huì)覺(jué)得無(wú)聊或者力不從心。興趣是制作網(wǎng)站的動(dòng)力，沒(méi)有熱情，很難設(shè)計(jì)制作出優(yōu)秀的網(wǎng)站。

3、題材不要太濫或者目標(biāo)太高。

"太濫"是指到處可見(jiàn)，人人都有的題材；比如軟件下載，免費(fèi)信息。"目標(biāo)太高"是指在這一題材上已經(jīng)有非常優(yōu)秀，知名度很高的站點(diǎn)，你要超過(guò)它是很困難的。

如果題材已經(jīng)確定以后，就可以圍繞題材給網(wǎng)站起一個(gè)名字。網(wǎng)站名稱，也是網(wǎng)站設(shè)計(jì)的一部分，而且是很關(guān)鍵的一個(gè)要素。你來(lái)看，"電腦學(xué)習(xí)室"和"電腦之家"顯然是后者簡(jiǎn)練；"迷笛樂(lè)園"和"MIDI樂(lè)園"顯然是后者明晰；"兒童天地"和"中國(guó)幼兒園"顯然是后者大氣。我們都知道PIII的中文名稱"奔騰"，如果改為"奔跑"，可能就沒(méi)有今天這么"火"了。和現(xiàn)實(shí)生活中一樣，網(wǎng)站名稱是否正氣，響亮，易記，對(duì)網(wǎng)站的形象和宣傳推廣也有很大影響。我的建議是：

1、名稱要正

其實(shí)就是要合法，和理，和情。不能用反動(dòng)的，色情的，迷信的，危害社會(huì)安全的名詞語(yǔ)句。

2、名稱要易記

最好用中文名稱，不要使用英文或者中英文混合型名稱。另外，網(wǎng)站名稱的字?jǐn)?shù)應(yīng)該控制在六個(gè)字(最好四個(gè)字)以內(nèi)，四個(gè)字的也可以用成語(yǔ)。字?jǐn)?shù)少還有個(gè)好處，適合于其他站點(diǎn)的鏈接排版。

3、名稱要有特色

名稱平實(shí)就可以接受，如果能體現(xiàn)一定的內(nèi)涵，給瀏覽者更多的視覺(jué)沖擊和空間想象力，則為上品。例如：音樂(lè)前衛(wèi)，網(wǎng)頁(yè)陶吧，e書(shū)時(shí)空等。在體現(xiàn)出網(wǎng)站主題的同時(shí)，能點(diǎn)出特色之處。

二、定位網(wǎng)站的CI形象

所謂CI(corporate identity)，意思是通過(guò)視覺(jué)來(lái)統(tǒng)一企業(yè)的形象。一個(gè)杰出的網(wǎng)站，和實(shí)體公司一樣，需要整體的形象包裝和設(shè)計(jì)。準(zhǔn)確的，有創(chuàng)意的CI設(shè)計(jì)，對(duì)網(wǎng)站的宣傳推廣有事半功倍的效果。具體的做法是：

1、設(shè)計(jì)網(wǎng)站的標(biāo)志(logo)

就如同商標(biāo)一樣，標(biāo)志是你站點(diǎn)特色和內(nèi)涵的集中體現(xiàn)，看見(jiàn)標(biāo)志就讓大家聯(lián)想起你的站點(diǎn)。標(biāo)志的設(shè)計(jì)創(chuàng)意來(lái)自你網(wǎng)站的名稱和內(nèi)容：

(1)網(wǎng)站有代表性的人物、動(dòng)物、花草等，可以用它們作為設(shè)計(jì)的藍(lán)本，加以卡通化和藝術(shù)化，例如迪斯尼的米老鼠，搜狐的卡通狐貍等等。

(2)網(wǎng)站有專業(yè)性的，可以以本專業(yè)有代表的物品作為標(biāo)志。比如中國(guó)銀行的銅板標(biāo)志，奔馳汽車的方向盤標(biāo)志等等。

(3)最常用和最簡(jiǎn)單的方式是用自己網(wǎng)站的英文名稱作標(biāo)志。采用不同的字體，字母的變形，字母的組合可以很容易制作好自己的標(biāo)志。

2、設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)色彩

網(wǎng)站給人的第一印象來(lái)自視覺(jué)沖擊，確定網(wǎng)站的標(biāo)準(zhǔn)色彩是相當(dāng)重要的一步。不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問(wèn)者的情緒。舉個(gè)實(shí)際的例子就明白了：IBM的深藍(lán)色，肯得基的紅色條型，windows視窗標(biāo)志上的紅藍(lán)黃綠色塊，都使我們覺(jué)得很貼切，很和諧。"標(biāo)準(zhǔn)色彩"是指能體現(xiàn)網(wǎng)站形象和延伸內(nèi)涵的色彩。一般來(lái)說(shuō)，一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不超過(guò)3種，太多則讓人眼花繚亂。標(biāo)準(zhǔn)色彩要用于網(wǎng)站的標(biāo)志，標(biāo)題，主菜單和主色塊。給人以整體統(tǒng)一的感覺(jué)。至于其它色彩也可以使用，只是作為點(diǎn)綴和襯托，絕不能喧賓奪主。適合于網(wǎng)頁(yè)標(biāo)準(zhǔn)色的顏色有：藍(lán)色，黃/橙色，黑/灰/白色三大系列色，要注意色彩的合理搭配。

3、設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)字體

和標(biāo)準(zhǔn)色彩一樣，標(biāo)準(zhǔn)字體是指用于標(biāo)志，標(biāo)題，主菜單的特有字體。一般我們網(wǎng)頁(yè)默認(rèn)的字體是宋體。為了體現(xiàn)站點(diǎn)的"與眾不同"和特有風(fēng)格，我們可以根據(jù)需要選擇一些特別字體。例如，為了體現(xiàn)專業(yè)可以使用粗仿宋體，體現(xiàn)設(shè)計(jì)精美可以用廣告體，體現(xiàn)親切隨意可以用手寫體等等。

4、設(shè)計(jì)網(wǎng)站的宣傳標(biāo)語(yǔ)

也可以說(shuō)是網(wǎng)站的精神，網(wǎng)站的目標(biāo)。用一句話甚至一個(gè)詞來(lái)高度概括。類似實(shí)際生活中的廣告金句。例如：鵲巢的"味道好極了"；麥斯威爾的"好東西和好朋友一起分享"；Intel的"給你一顆奔騰的心"等等。

三、確定網(wǎng)站的欄目

建立一個(gè)網(wǎng)站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜，內(nèi)容東一塊西一塊。結(jié)果不但瀏覽者看得糊涂，自己擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。網(wǎng)站的題材確定后，并且收集和組織了許多相關(guān)的資料內(nèi)容，但如何組織內(nèi)容才能吸引網(wǎng)友們來(lái)瀏覽網(wǎng)站呢？欄目的實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)

站的主體明確顯示出來(lái)。一般的網(wǎng)站欄目安排要注意以下幾方面：

1、要緊扣主題

將你的主題按一定的方法分類并將它們作為網(wǎng)站的主欄目。主題欄目個(gè)數(shù)在總欄目中要占絕對(duì)優(yōu)勢(shì)，這樣的網(wǎng)站顯的專業(yè)，主題突出，容易給人留下深刻印象。

2、設(shè)立最近更新或網(wǎng)站指南欄目

設(shè)立"最近更新"的欄目，是為了照顧常來(lái)的訪客，讓你的主頁(yè)更有人性化。如果主頁(yè)內(nèi)容龐大，層次較多，而又沒(méi)有站內(nèi)的搜索引擎，設(shè)置"本站指南"欄目，可以幫助初訪者快速找到他們想要的內(nèi)容。

3、設(shè)立可以雙向交流的欄目

比如論壇，留言本，郵件列表等，可以讓瀏覽者留下他們的信息。

4、設(shè)立下載或常見(jiàn)問(wèn)題回答欄目

網(wǎng)絡(luò)的特點(diǎn)是信息共享。如在你主頁(yè)上設(shè)置一個(gè)資料下載欄目，便于訪問(wèn)者下載所需資料。另外，如果站點(diǎn)經(jīng)常收到網(wǎng)友關(guān)于某方面的問(wèn)題來(lái)信，最好設(shè)立一個(gè)常見(jiàn)問(wèn)題回答的欄目，既方便了網(wǎng)友，也可以節(jié)約自己更多時(shí)間。

四、確定網(wǎng)站的目錄結(jié)構(gòu)

網(wǎng)站的目錄是指你建立網(wǎng)站時(shí)創(chuàng)建的目錄。例如：在用frontpage98建立網(wǎng)站時(shí)都默認(rèn)建立了根目錄和images(存放圖片)子目錄。目錄結(jié)構(gòu)的好壞，對(duì)瀏覽者來(lái)說(shuō)并沒(méi)有什么太大的感覺(jué)，但是對(duì)于站點(diǎn)本身的上傳維護(hù)，內(nèi)容未來(lái)的擴(kuò)充和移植有著重要的影響。下面是建立目錄結(jié)構(gòu)的一些建議：

1、不要將所有文件都存放在根目錄下，會(huì)造成文件管理混亂

你常常搞不清哪些文件需要編輯和更新，哪些無(wú)用的文件可以刪除，哪些是相關(guān)聯(lián)的文件，影響工作效率。另外，上傳速度慢。服務(wù)器一般都會(huì)為根目錄建立一個(gè)文件索引。當(dāng)您將所有文件都放在根目錄下，那么即使你只上傳更新一個(gè)文件，服務(wù)器也需要將所有文件再檢索一遍，建立新的索引文件。很明顯，文件量越大，等待的時(shí)間也將越長(zhǎng)。所以，盡可能減少根目錄的文件存放數(shù)。

2、按欄目?jī)?nèi)容建立子目錄

子目錄的建立，首先按主菜單欄目建立。例如:企業(yè)站點(diǎn)可以按公司簡(jiǎn)介，產(chǎn)品介紹，價(jià)格，在線定單，反饋聯(lián)系等建立相應(yīng)目錄。其他的次要欄目，類似what's new，友情連接內(nèi)容較多，需要經(jīng)常更新的可以建立獨(dú)立的子目錄。而一些相關(guān)性強(qiáng)，不需要經(jīng)常更新的欄目，例如：關(guān)于本站，關(guān)于站長(zhǎng)，站點(diǎn)經(jīng)歷等可以合并放在一個(gè)統(tǒng)一目錄下。所有程序一般都存放在特定目錄。例如：CGI程序放在cgi-bin目錄。所有需要下載的內(nèi)容也最好放在一個(gè)目錄下。

3、在每個(gè)主欄目目錄下都建立獨(dú)立的images目錄

為每個(gè)主欄目建立一個(gè)獨(dú)立的images目錄是最方便管理的。而根目錄下的images目錄只是用來(lái)放首頁(yè)和一些次要欄目的圖片。

4、目錄的層次不要太深

目錄的層次建議不要超過(guò)3層，維護(hù)管理方便。

5、不要使用中文目錄

6、不要使用過(guò)長(zhǎng)的目錄

五、確定網(wǎng)站的鏈接結(jié)構(gòu)

網(wǎng)站的鏈接結(jié)構(gòu)是指頁(yè)面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上，但可以跨越目錄。建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種基本方式：

1、樹(shù)狀鏈接結(jié)構(gòu)

類似DOS的目錄結(jié)構(gòu)，首頁(yè)鏈接指向一級(jí)頁(yè)面，一級(jí)頁(yè)面鏈接指向二級(jí)頁(yè)面。這樣的鏈接結(jié)構(gòu)瀏覽時(shí)，一級(jí)級(jí)進(jìn)入，一級(jí)級(jí)退出。優(yōu)點(diǎn)是條理清晰，訪問(wèn)者明確知道自己在什么位置，不會(huì)"迷"路。缺點(diǎn)是瀏覽效率低，一個(gè)欄目下的子頁(yè)面到另一個(gè)欄目下的子頁(yè)面，必須繞經(jīng)首頁(yè)。

2、星狀鏈接結(jié)構(gòu)

類似網(wǎng)絡(luò)服務(wù)器的鏈接，每個(gè)頁(yè)面相互之間都建立有鏈接。這種鏈接結(jié)構(gòu)的優(yōu)點(diǎn)是瀏覽方便，隨時(shí)可以到達(dá)自己喜歡的頁(yè)面。缺點(diǎn)是鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內(nèi)容。

這兩種基本結(jié)構(gòu)都只是理想方式，在實(shí)際的網(wǎng)站設(shè)計(jì)中，總是將這兩種結(jié)構(gòu)混合起來(lái)使用，達(dá)到比較理想的效果。比較好的方案是：首頁(yè)和一級(jí)頁(yè)面之間用星狀鏈接結(jié)構(gòu)，一級(jí)和以下各級(jí)頁(yè)面之間用樹(shù)狀鏈接結(jié)構(gòu)。

六、設(shè)計(jì)網(wǎng)站的整體風(fēng)格

風(fēng)格(style)是抽象的，是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)"整體形象"包括站點(diǎn)的CI(標(biāo)志，色彩，字體，標(biāo)語(yǔ))，版面布局，瀏覽方式，交互性，文字，語(yǔ)氣，內(nèi)容價(jià)值，存在意義，站點(diǎn)榮譽(yù)等等諸多因素。舉個(gè)例子：我們覺(jué)得網(wǎng)易是平易近人的，迪斯尼是生動(dòng)活潑的，IBM是專業(yè)嚴(yán)肅的，這些都是網(wǎng)站給人們

留下的不同感受。

風(fēng)格是獨(dú)特的，是站點(diǎn)不同與其他網(wǎng)站的地方?；蛘呱?，或者技術(shù)，或者是交互方式，能讓瀏覽者明確分辨出這是你的網(wǎng)站獨(dú)有的。例如新世紀(jì)網(wǎng)絡(luò)的黑白色,網(wǎng)易壁紙站的特有框架,即使你只看到其中一頁(yè)，也可以分辨出是哪個(gè)網(wǎng)站的。

風(fēng)格是有人性的。通過(guò)網(wǎng)站的外表，內(nèi)容，文字，交流可以概括出一個(gè)站點(diǎn)的個(gè)性，情緒。是溫文儒雅，是執(zhí)著熱情，是活潑易變,是放任不羈。像詩(shī)詞中的"豪放派"和"婉約派"，你可以用人的性格來(lái)比喻站點(diǎn)。如何樹(shù)立網(wǎng)站風(fēng)格呢？我們可以分這樣幾個(gè)步驟：

1、確信風(fēng)格是建立在有價(jià)值內(nèi)容之上

一個(gè)網(wǎng)站有風(fēng)格而沒(méi)有內(nèi)容，就好比繡花枕頭一包草，好比一個(gè)性格傲慢但卻目不識(shí)丁的人。你首先必須保證內(nèi)容的質(zhì)量和價(jià)值性，這是最基本的。

2、你需要徹底搞清楚自己希望站點(diǎn)給人的印象是什么

可以從這幾方面來(lái)理清思路：

a.如果只用一句話來(lái)描述你的站點(diǎn)，應(yīng)該是:()

參考答案：有創(chuàng)意，專業(yè)，有(技術(shù))實(shí)力，有美感，有沖擊力

b.想到你的站點(diǎn)，可以聯(lián)想到的色彩是：()

參考答案：熱情的紅色，幻想的天藍(lán)色，聰明的金黃色

c.想到你的站點(diǎn)，可以聯(lián)想到的畫面是：()

參考答案：一份早報(bào)，一輛法拉利跑車，人群擁擠的廣場(chǎng)，雜貨店

d.如果網(wǎng)站是一個(gè)人，他擁有的個(gè)性是：()

參考答案：思想成熟的中年人，狂野奔放的牛仔，自信憨厚的創(chuàng)業(yè)者

e.作為站長(zhǎng)，你希望給人的印象是：()

參考答案：敬業(yè)，認(rèn)真投入，有深度，負(fù)責(zé)，純真，直爽，淑女

f.用一種動(dòng)物來(lái)比喻，你的網(wǎng)站最像：()

參考答案：貓(神秘高貴)，鷹(目光銳利)，兔子(聰明敏感)，獅子(自信威信)

g.瀏覽者覺(jué)得你和其他網(wǎng)站的不同是：()

參考答案：可以信賴，信息最快，交流方便，

h.瀏覽者和你交流合作的感受是：()

參考答案：師生，同事，朋友，長(zhǎng)幼。

你可以自己先填寫一份答案，然后讓其他網(wǎng)友填寫。比較后的結(jié)果會(huì)告訴你：你網(wǎng)站現(xiàn)在的差距，弱點(diǎn)及需要改進(jìn)的地方。

3、在明確自己的網(wǎng)站印象后，開(kāi)始努力建立和加強(qiáng)這種印象

經(jīng)過(guò)第二步印象的"量化"后，你需要進(jìn)一步找出其中最有特色特點(diǎn)的東西，就是最能體現(xiàn)網(wǎng)站風(fēng)格的東西。并以它作為網(wǎng)站的特色加以重點(diǎn)強(qiáng)化，宣傳。以下做法可作參考：

(1)將你的標(biāo)志logo,盡可能的出現(xiàn)在每個(gè)頁(yè)面上?；蛘唔?yè)眉，或者頁(yè)腳，或則背景。

(2)突出你的標(biāo)準(zhǔn)色彩。文字的鏈接色彩，圖片的主色彩，背景色，邊框等色彩盡量使用與標(biāo)準(zhǔn)色彩一致的色彩。

(3)突出你的標(biāo)準(zhǔn)字體。在關(guān)鍵的標(biāo)題，菜單，圖片里使用統(tǒng)一的標(biāo)準(zhǔn)字體。

(4)想一條朗朗上口宣傳標(biāo)語(yǔ)。把它做在你的banner里，或者放在醒目的位置，告訴大家你的網(wǎng)站的特色是...。

(5)使用統(tǒng)一的語(yǔ)氣和人稱。即使是多個(gè)人合作維護(hù)，也要讓讀者覺(jué)得是同一個(gè)人寫的。

(6)使用統(tǒng)一的圖片處理效果。比如，陰影效果的方向，厚度，模糊度都必須一樣。

(7)創(chuàng)造一個(gè)你的站點(diǎn)特有的符號(hào)或圖標(biāo)。

(8)用自己設(shè)計(jì)的花邊，線條，點(diǎn)。

(9)展示你網(wǎng)站的榮譽(yù)和成功作品。

(10)告訴網(wǎng)友關(guān)于你的真實(shí)的故事和想法。風(fēng)格的形成不是一次定位的，你可以在實(shí)踐中不斷強(qiáng)化，調(diào)整，修飾。

求Photoshop設(shè)計(jì)網(wǎng)頁(yè)效果圖的pdf/psd教程

PS的長(zhǎng)處是圖片處理，如果要針對(duì)網(wǎng)頁(yè)制作效果圖，首先要求帆慶對(duì)PS的基本圖片處理功態(tài)旦握能得心應(yīng)手。達(dá)遲碧到這個(gè)程度以后，便可以將你腦袋中構(gòu)思的輪廓通過(guò)軟件表達(dá)出來(lái)。專門的PS效果圖教程可能很少，但是有針對(duì)性的案例教學(xué)。。

靜態(tài)網(wǎng)頁(yè)制作步驟

靜態(tài)網(wǎng)頁(yè)制作步驟：

第一步：制作一個(gè)靜態(tài)網(wǎng)頁(yè)之前，我們需要先制作一個(gè)網(wǎng)頁(yè)1:1的效果圖，又稱靜態(tài)網(wǎng)頁(yè)效果圖。制作靜態(tài)網(wǎng)頁(yè)效果圖可以使用Photoshop CS4破解中文版制作。

第二步：將制作好的靜態(tài)網(wǎng)頁(yè)效果圖進(jìn)行PS切片。通過(guò)PS切片可將一張大的效果圖切成多張小圖片，以后可直接用在網(wǎng)頁(yè)上。

第三步：使用HTML5和CSS3進(jìn)行網(wǎng)頁(yè)布局，網(wǎng)頁(yè)布局遵從“先大后小，先外后里”的原則，先將整個(gè)靜態(tài)網(wǎng)頁(yè)大結(jié)構(gòu)寫出來(lái)，然后再按照效果圖寫各個(gè)部分的小版塊。（這個(gè)部分需要有代碼基礎(chǔ)，可先學(xué)習(xí)HTML入門教程）

第三：制作網(wǎng)頁(yè)上的特效，例如輪播圖，需要使用JS代碼制作。再將PS切片出來(lái)的小圖片通過(guò)代碼插入網(wǎng)頁(yè)中，并且使用測(cè)試數(shù)據(jù)填充各個(gè)小版塊，達(dá)到與效果圖一樣的效果。

第四：最后優(yōu)化網(wǎng)頁(yè)代碼，刪除冗余的文件，整理出一個(gè)簡(jiǎn)潔的靜態(tài)網(wǎng)頁(yè)，這樣靜態(tài)網(wǎng)頁(yè)就制作好了。

擴(kuò)展資料：

靜態(tài)網(wǎng)頁(yè)是標(biāo)準(zhǔn)的HTML文件，它的文件擴(kuò)展名是。htm、.html，可以包含文本、圖像、聲音、FLASH動(dòng)畫、客戶端腳本和ActiveX控件及JAVA小程序等。我們就叫做靜態(tài)頁(yè)面。

靜態(tài)頁(yè)面一般都是html格式，鼠標(biāo)雙擊這個(gè)靜態(tài)頁(yè)辯型面，就可以打開(kāi)這張網(wǎng)頁(yè)，效果會(huì)跟圖片設(shè)計(jì)的效果一樣。那么這個(gè)靜態(tài)頁(yè)面就是一個(gè)網(wǎng)站了嗎？這些靜態(tài)頁(yè)面掘高其實(shí)只是做網(wǎng)站或者做模板的材料而已。

在網(wǎng)站設(shè)計(jì)中，判灶尺靜態(tài)網(wǎng)頁(yè)是網(wǎng)站建設(shè)的基礎(chǔ)，早期的網(wǎng)站一般都是由靜態(tài)網(wǎng)頁(yè)制作的。靜態(tài)網(wǎng)頁(yè)是相對(duì)于動(dòng)態(tài)網(wǎng)頁(yè)而言，是指沒(méi)有后臺(tái)數(shù)據(jù)庫(kù)、不含建站程序和不可交互的網(wǎng)頁(yè)。靜態(tài)網(wǎng)頁(yè)相對(duì)更新起來(lái)比較麻煩，適用于一般更新較少的展示型網(wǎng)站。

關(guān)于電影宣傳網(wǎng)頁(yè)制作效果圖和電影宣傳圖片素材的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。