本篇文章給大家談?wù)勳o態(tài)網(wǎng)站模板30頁(yè)，以及靜態(tài)網(wǎng)站模板30頁(yè)怎么做對(duì)應(yīng)的知識(shí)點(diǎn)，希望對(duì)各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、怎樣制作簡(jiǎn)單的靜態(tài)的網(wǎng)頁(yè)設(shè)計(jì)
• 2、誰(shuí)有做好的網(wǎng)頁(yè)給我個(gè)吧，至少要有30個(gè)靜態(tài)網(wǎng)頁(yè)，5個(gè)動(dòng)態(tài)網(wǎng)頁(yè)~謝謝各位大蝦了~
• 3、靜態(tài)網(wǎng)頁(yè)制作
• 4、靜態(tài)網(wǎng)頁(yè)制作步驟

怎樣制作簡(jiǎn)單的靜態(tài)的網(wǎng)頁(yè)設(shè)計(jì)

你好。首先下載Dreamweaver.exe并打開(kāi)，選擇你使用的編輯語(yǔ)言，本案例用html

打開(kāi)頁(yè)面后，選著設(shè)計(jì)窗口，如圖所示。設(shè)計(jì)窗口可以快速布局網(wǎng)頁(yè)，不需要自己編輯代碼。

打開(kāi)你要設(shè)計(jì)的網(wǎng)頁(yè)的設(shè)計(jì)圖，本經(jīng)驗(yàn)是百度經(jīng)驗(yàn)首頁(yè)為例，首先我們制作頂上的搜索條，點(diǎn)擊插入—表格（如圖所示）。打開(kāi)表格屬性編輯表格屬性。插入1行和5列，表格寬度為1130,（即為網(wǎng)頁(yè)的寬度），邊距，間距分別為0，此表格只是為了定位，因此不設(shè)邊框。

設(shè)置好表格后，可在表格里面插入你的內(nèi)容，首先我們插入logo,點(diǎn)擊插入—圖像—選擇你要插入的圖片。點(diǎn)確定即可完成logo插入。表格的小大高度都可根據(jù)設(shè)計(jì)圖需要調(diào)整，鼠標(biāo)移到表格邊框虛線即可拖拉調(diào)整高度或?qū)挾?。如圖所示

接下來(lái)我們來(lái)做搜索框，點(diǎn)擊插入—表單—插入文本域—確定。插入文本框后可點(diǎn)擊文本框調(diào)整文本框的屬性。根據(jù)設(shè)計(jì)圖，文本框上班還要添加內(nèi)容，因此，可選擇單元格右擊選擇表格—拆分單元格，此處是需要添加一行的內(nèi)容，因此拆分為兩行，如圖所示。

用同樣的辦法拆分上面的行，因?yàn)橐砑?0個(gè)選擇項(xiàng)，因此拆分為10列（右擊選中的行—拆分單元格—10列—確定）。拆分好后在小格里面添加文字內(nèi)容即可。表格大小可根據(jù)步驟四調(diào)整。

接下來(lái)我們做搜索按鈕，同樣根據(jù)設(shè)計(jì)圖要把表格拆分為兩行。點(diǎn)擊插入插入按鈕的圖片。

接下來(lái)給按鈕添加鏈接，本次經(jīng)驗(yàn)分享的是靜態(tài)網(wǎng)頁(yè)，因此在此先跟大家分享怎么直接添加按鈕鏈接。同樣是點(diǎn)擊插入—添加超級(jí)鏈接,填寫(xiě)你事先做好的頁(yè)面鏈接，或者其他網(wǎng)站鏈接。

剩下的內(nèi)容都可根據(jù)方法步奏逐漸添加，調(diào)節(jié)細(xì)節(jié)即可完成你想要設(shè)計(jì)的網(wǎng)頁(yè)。如圖所示是上面步奏所做的靜態(tài)頁(yè)面，把所有做好的網(wǎng)頁(yè)用超級(jí)鏈接鏈接起來(lái)即可做成一個(gè)簡(jiǎn)單的網(wǎng)站

另外我們還可以采用front page。也可以很容易的實(shí)現(xiàn)。

望采納。

誰(shuí)有做好的網(wǎng)頁(yè)給我個(gè)吧，至少要有30個(gè)靜態(tài)網(wǎng)頁(yè)，5個(gè)動(dòng)態(tài)網(wǎng)頁(yè)~謝謝各位大蝦了~

一申請(qǐng)域名二是申請(qǐng)空間三是制作網(wǎng)頁(yè)四是上傳網(wǎng)頁(yè)

我給你推薦一個(gè)買全功能空間 送網(wǎng)站 送域名：驚喜不能錯(cuò)過(guò):; 域名選擇好記的就可以了，也讓別人很容易記住你的網(wǎng)站域名就行了。

下面制作網(wǎng)站教程：

從最基礎(chǔ)的HTML語(yǔ)言開(kāi)始，學(xué)會(huì)了這就可以自己弄靜態(tài)的網(wǎng)頁(yè)了，學(xué)會(huì)了后就可以學(xué)動(dòng)態(tài)的

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

由于目前所見(jiàn)即所得類型的工具越來(lái)越多，使用也越來(lái)越方便，所以制作網(wǎng)頁(yè)已經(jīng)變成了一件輕松的工作，不像以前要手工編寫(xiě)一行行的源代碼那樣。一般初學(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)站就越容易。材料既可以從圖書(shū)、報(bào)紙、光盤、多媒體上得來(lái)，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁(yè)的素材。

三、規(guī)劃網(wǎng)站

一個(gè)網(wǎng)站設(shè)計(jì)得成功與否，很大程度上決定于設(shè)計(jì)者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計(jì)師設(shè)計(jì)大樓一樣，圖紙?jiān)O(shè)計(jì)好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運(yùn)用等，你只有在制作網(wǎng)頁(yè)之前把這些方面都考慮到了，才能在制作時(shí)駕輕就熟，胸有成竹。也只有如此制作出來(lái)的網(wǎng)頁(yè)才能有個(gè)性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項(xiàng)具體內(nèi)容，我們?cè)谙旅鏁?huì)有詳細(xì)介紹。 四、選擇合適的制作工具

盡管選擇什么樣的工具并不會(huì)影響你設(shè)計(jì)網(wǎng)頁(yè)的好壞，但是一款功能強(qiáng)大、使用簡(jiǎn)單的軟件往往可以起到事半功倍的效果。網(wǎng)頁(yè)制作涉及的工具比較多，首先就是網(wǎng)頁(yè)制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見(jiàn)即所得的編輯工具，這其中的優(yōu)秀者當(dāng)然是Dreamweaver和Frontpage了，如果是初學(xué)者，F(xiàn)rontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動(dòng)畫(huà)制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁(yè)特效工具，如有聲有色等，網(wǎng)上有許多這方面的軟件，你可以根據(jù)需要靈活運(yùn)用。

五、制作網(wǎng)頁(yè)

材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實(shí)了，這是一個(gè)復(fù)雜而細(xì)致的過(guò)程，一定要按照先大后小、先簡(jiǎn)單后復(fù)雜來(lái)進(jìn)行制作。所謂先大后小，就是說(shuō)在制作網(wǎng)頁(yè)時(shí)，先把大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。所謂先簡(jiǎn)單后復(fù)雜，就是先設(shè)計(jì)出簡(jiǎn)單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容，以便出現(xiàn)問(wèn)題時(shí)好修改。在制作網(wǎng)頁(yè)時(shí)要多靈活運(yùn)用模板，這樣可以大大提高制作效率。

六、上傳測(cè)試

網(wǎng)頁(yè)制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁(yè)制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請(qǐng)的主頁(yè)存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開(kāi)自己的網(wǎng)站，逐頁(yè)逐個(gè)鏈接的進(jìn)行測(cè)試，發(fā)現(xiàn)問(wèn)題，及時(shí)修改，然后再上傳測(cè)試。全部測(cè)試完畢就可以把你的網(wǎng)址告訴給朋友，讓他們來(lái)瀏覽。

七、推廣宣傳

網(wǎng)頁(yè)做好之后，還要不斷地進(jìn)行宣傳，這樣才能讓更多的朋友認(rèn)識(shí)它，提高網(wǎng)站的訪問(wèn)率和知名度。推廣的方法有很多，例如到搜索引擎上注冊(cè)、與別的網(wǎng)站交換鏈接、加入廣告鏈等。

八、維護(hù)更新

網(wǎng)站要注意經(jīng)常維護(hù)更新內(nèi)容，保持內(nèi)容的新鮮，不要一做好就放在那兒不變了，只有不斷地給它補(bǔ)充新的內(nèi)容，才能夠吸引住瀏覽者

★★♂KOF♀為您做答 希望對(duì)你有幫助 如果滿意請(qǐng)選擇我的答案 您的支持是我最大的動(dòng)力★★

★要想學(xué)做網(wǎng)頁(yè)，首先得了解制作網(wǎng)頁(yè)的工具。

制作網(wǎng)頁(yè)主要有以下一些工具

Frontpage：office自帶的一個(gè)工具，操作簡(jiǎn)單，實(shí)用，學(xué)起來(lái)比較輕松，功能不咋地，我不太喜歡。

Dreamweaver：這是網(wǎng)頁(yè)三劍客之一，專門制作網(wǎng)頁(yè)的工具，可以自動(dòng)將網(wǎng)頁(yè)生成代碼，是普通網(wǎng)頁(yè)制作者的首選工具，界面簡(jiǎn)單，實(shí)用功能比較強(qiáng)大。建議初學(xué)者選用。

另外一個(gè)工具就是代碼編輯工具，例如寫(xiě)字本、EditPlus等，這些工具主要編輯asp等動(dòng)態(tài)網(wǎng)頁(yè)。

此外還有一些網(wǎng)絡(luò)編程工具，javascript、java編輯器等。

網(wǎng)頁(yè)制作也是一個(gè)比較吃香的行業(yè)，要真正做一個(gè)好的網(wǎng)站，還必須有良好的設(shè)計(jì)功底。所以還得學(xué)很多邊緣性的軟件，例如photoshop、flash等。

大型的網(wǎng)站往往還需要數(shù)據(jù)庫(kù)的支持，所以還得懂?dāng)?shù)據(jù)庫(kù)。sql、甲骨文等。

總之，掌握好網(wǎng)頁(yè)制作，能獨(dú)立完成一個(gè)網(wǎng)站的制作工作，那就不要考慮吃飯問(wèn)題。隨便混就好了！

祝你成功。

★你可以結(jié)合 Dreamwaver 和 Photoshop 來(lái)制作網(wǎng)頁(yè)。

Dreamwaver 可以到這里下 30天試用版，不過(guò)要先登記一個(gè)免費(fèi)帳號(hào)，

★在網(wǎng)上有這方面的教程

教程

（中國(guó)建站專家）

主頁(yè)和個(gè)人空間

（中華網(wǎng)）

建議使用網(wǎng)頁(yè)制作三劍客Dreamweawer+Firework+Flash 或使用Frontpage

你看一下 就 行了

Dreamweaver v8.0 簡(jiǎn)體注冊(cè)版

下載地址：

用網(wǎng)頁(yè)三劍客吧,教程可參照以下網(wǎng)站:

買全功能空間 送網(wǎng)站 送域名：驚喜不能錯(cuò)過(guò):;

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

方法/步驟

1、新建一個(gè)txt文本文檔，先不要急著修改文件后綴名，有基礎(chǔ)的朋友手動(dòng)輸入HTML代碼，不會(huì)也沒(méi)有關(guān)系，百度搜索“網(wǎng)頁(yè)HTML代碼”。

代碼：

!Doctype html

html

head

title靜態(tài)網(wǎng)頁(yè)制作教程/title

meta charset="gbk" /

link href="css.css" rel="stylesheet" type="text/css" media="all" /

/head

body

/body

/html

2、基礎(chǔ)的靜態(tài)網(wǎng)頁(yè)代碼寫(xiě)出來(lái)了，下面在body/body中間添加網(wǎng)頁(yè)需要的數(shù)據(jù)內(nèi)容（文字、圖片、表格、視頻等），然后將txt文本文檔的后綴名.txt修改為.html?，F(xiàn)在點(diǎn)擊打開(kāi)看看效果！小編在body中間加入的文字：靜態(tài)網(wǎng)頁(yè)制作教程。

3、這樣的文字太單調(diào)了，需要用CSS樣式定義，小編在桌面上新建一個(gè)文件夾“web”，把index.html文件放進(jìn)去，然后在web文件件里面新建一個(gè)txt文本文檔，修改為“css.css”。

4、使用鼠標(biāo)右鍵“打開(kāi)方式”，選擇txt文本文檔編輯css.css文件。用CSS定義網(wǎng)頁(yè)字體大小12像素，網(wǎng)頁(yè)背景色為紅色，字體顏色為白色。

代碼：

body{font-size:12px;background:red;color:white}

保存，然后打開(kāi)web文件夾中的index.html文件，查看效果。

5、下面在web文件下面新建一個(gè)images文件夾，然后打開(kāi)軟件Fireworks，設(shè)計(jì)自己需要的圖片（沒(méi)有就去百度搜索自己需要的圖片，使用QQ截圖功能，截取自己需要的圖片），把設(shè)計(jì)好的圖片存入web文件夾下面的images文件夾里面。現(xiàn)在我們?cè)赽ody中放入圖片，讓圖片在網(wǎng)頁(yè)里面居中。

代碼：

div align="center"

img src="images/pic.png" alt="logo" title="靜態(tài)網(wǎng)頁(yè)制作教程" /

/div

把上面的代碼放入index.html的body中，保存后打開(kāi)看看效果！

小編在這里省略了表格和視頻的制作，小伙伴不知道的話，可以百度搜索一下。

整個(gè)簡(jiǎn)單的靜態(tài)網(wǎng)頁(yè)制作完畢。

靜態(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)寫(xiě)出來(lái)，然后再按照效果圖寫(xiě)各個(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)畫(huà)、客戶端腳本和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)站。

靜態(tài)網(wǎng)站模板30頁(yè)的介紹就聊到這里吧，感謝你花時(shí)間閱讀本站內(nèi)容，更多關(guān)于靜態(tài)網(wǎng)站模板30頁(yè)怎么做、靜態(tài)網(wǎng)站模板30頁(yè)的信息別忘了在本站進(jìn)行查找喔。