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

本文目錄一覽：

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

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

你好。首先下載Dreamweaver.exe并打開，選擇你使用的編輯語言，本案例用html

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

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

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

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

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

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

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

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

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

望采納。

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

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

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

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

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

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

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

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

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

二、搜集材料

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

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

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

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

五、制作網(wǎng)頁

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

六、上傳測試

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

七、推廣宣傳

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

八、維護(hù)更新

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

★★♂KOF♀為您做答 希望對你有幫助 如果滿意請選擇我的答案 您的支持是我最大的動力★★

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

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

Frontpage：office自帶的一個工具，操作簡單，實用，學(xué)起來比較輕松，功能不咋地，我不太喜歡。

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

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

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

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

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

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

祝你成功。

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

Dreamwaver 可以到這里下 30天試用版，不過要先登記一個免費帳號，

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

教程

（中國建站專家）

主頁和個人空間

（中華網(wǎng)）

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

你看一下 就 行了

Dreamweaver v8.0 簡體注冊版

下載地址：

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

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

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

方法/步驟

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

代碼：

!Doctype html

html

head

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

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

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

代碼：

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

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

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

代碼：

div align="center"

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

/div

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

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

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

靜態(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)頁面其實只是做網(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)站。

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