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

本文目錄一覽：

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

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

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

參考：

給你另外提供一個

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

四、造型的組合

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

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

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

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

五、設(shè)計的原則

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

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

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

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

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

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

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

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

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

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

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

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

說了這么多，只是希望能對做“網(wǎng)頁設(shè)計”的人有所幫助，希望他們在做網(wǎng)頁的時候能夠從整體著眼，無愧于“設(shè)計”這兩個字。

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

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

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

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

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

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

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

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

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

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

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

不過也可以這樣使用FP建站：

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

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

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

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

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

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

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

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

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

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

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

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

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

多看多學(xué)

不要嫌棄麻煩

那樣做不成事的

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（圖5）

（圖6）

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

（圖7）

（圖8）

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

（圖9）

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

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

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

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

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

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

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

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

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

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

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

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

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

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

四. 主頁制作的技巧

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

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

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

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

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

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

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

下載地址：

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

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

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

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

下載地址：

5.用您自己的或者申請的免費(fèi)域名（一般申請免費(fèi)空間都贈送一個二級域名）訪問您的主頁。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

第7類：旅行

第8類：參考/資訊

第9類：家庭/教育

第10類：生活/時尚

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

1、主題要小而精

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

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

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

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

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

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

1、名稱要正

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

2、名稱要易記

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

3、名稱要有特色

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

建立一個網(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)友們來瀏覽網(wǎng)站呢？欄目的實(shí)質(zhì)是一個網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)

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

1、要緊扣主題

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

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

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

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

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

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

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

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

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

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

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

2、按欄目內(nèi)容建立子目錄

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

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

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

4、目錄的層次不要太深

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

5、不要使用中文目錄

6、不要使用過長的目錄

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

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

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

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

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

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

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

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

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

留下的不同感受。

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

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

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

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

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

可以從這幾方面來理清思路：

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

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

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

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

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

參考答案：一份早報，一輛法拉利跑車，人群擁擠的廣場，雜貨店

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

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

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

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

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

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

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

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

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

參考答案：師生，同事，朋友，長幼。

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

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

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

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

(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)語。把它做在你的banner里，或者放在醒目的位置，告訴大家你的網(wǎng)站的特色是...。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

擴(kuò)展資料：

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

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

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

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