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

本文目錄一覽：

• 1、怎么制作 HTML靜態(tài)網(wǎng)頁？
• 2、如何制作HTML頁面
• 3、html靜態(tài)網(wǎng)頁模板
• 4、asp如何生成html靜態(tài)網(wǎng)頁
• 5、html靜態(tài)網(wǎng)頁怎么制作啊
• 6、怎么用dreamweaver制作html網(wǎng)頁

怎么制作 HTML靜態(tài)網(wǎng)頁？

網(wǎng)頁制作需要下載軟件：

DREAMWEAVER、PHOTOSHOP、FLASH MX

均中文版，安全無毒，支持WIN7、XP、WIN2K 32位及64位

地址：

安裝完成即可永久使用

如何制作HTML頁面

1、首先我們需要在桌面上，新建一張記事本

2、然后我們需要打開記事本，編寫代碼

3、然后我們需要把記事本修改后綴名為.html

4、然后我們需要在桌面上就會(huì)有一張網(wǎng)頁，這一點(diǎn)很重要。

5、最后我們需要需要在瀏覽器上運(yùn)行該網(wǎng)頁

html靜態(tài)網(wǎng)頁模板

html靜態(tài)網(wǎng)頁模板挺多的，包括商城或者博客之類的，目前很多靜態(tài)網(wǎng)頁模板的下載都提供了移動(dòng)端和pc端頁面，5個(gè)頁面以上很正常。

需要注意的是如果是沒有交互的展現(xiàn)型模板，那么不需要太多修改。如果是有交互的話和內(nèi)容管理的話，可以將頁面修改為cms系統(tǒng)形式，或者干脆直接使用cms網(wǎng)站模板。

asp如何生成html靜態(tài)網(wǎng)頁

生成HTML方法主要步驟只有兩個(gè)：

一、獲取要生成的html文件的內(nèi)容

二、將獲取的html文件內(nèi)容保存為html文件

目前常用獲取html文件的內(nèi)容的方法有以下幾種：

1、

str="html標(biāo)記內(nèi)容/html標(biāo)記"

str=str"html標(biāo)記內(nèi)容/html標(biāo)記html標(biāo)記數(shù)據(jù)庫讀取內(nèi)容..../html標(biāo)記....."

這種方法與是在腳本內(nèi)寫要生成的html內(nèi)容，不太方便預(yù)覽生成頁面的內(nèi)容，無法可視化布局頁面，更改html模板時(shí)會(huì)更加復(fù)雜。

用這種方法的人很多，但我感覺這種方法是最不方便的。

2、 制作單獨(dú)的HTML模板頁，動(dòng)態(tài)的內(nèi)容用特定的字符作為標(biāo)記(如：有人用$title$標(biāo)記為網(wǎng)頁標(biāo)題)，用ADODB.Stream或者Scripting.FileSystemObject將其模板內(nèi)容載入，然后再用替換方法把原先定好的標(biāo)記替換為動(dòng)態(tài)內(nèi)容

如：

Replace(載入的模板內(nèi)容,"$title$",rs("title" ) )

3、 用XMLHTTP或serverXMLHTTP獲取動(dòng)態(tài)頁所顯示的HTML內(nèi)容，

html靜態(tài)網(wǎng)頁怎么制作啊

htmlheadtitle我的網(wǎng)頁/title/headbody我的網(wǎng)頁/body/html

最最基本的HTML，把他復(fù)制下來粘貼到記事本，然后把記事本的后綴改成html.

怎么用dreamweaver制作html網(wǎng)頁

創(chuàng)建網(wǎng)頁頁面

1、在Dreamveaver“文件－新建－常規(guī)－基本頁－HTML”，這樣就建好了一個(gè)頁面，英文版的默認(rèn)的文件名為untitled.htm。中文版的的默認(rèn)的文件名為“無標(biāo)題文檔”。htm就表示這個(gè)網(wǎng)頁文件是一個(gè)靜態(tài)的HTML文件。給它改名為index.htm。?

注：網(wǎng)站第一頁的名字通常是index.htm或index.html。其它頁面的名字可以自己取。這也就是主頁，上傳后打開網(wǎng)頁默認(rèn)連接到此頁。

2、在標(biāo)題空格里輸入網(wǎng)頁名稱，點(diǎn)擊修改－頁面屬性，打開“頁面屬性”窗口。在這里可以設(shè)置網(wǎng)站的標(biāo)題、背景顏色或背景圖像，超級(jí)鏈接的顏色（一般默認(rèn)即可），其他都保持默認(rèn)即可。

3．此時(shí)光標(biāo)位于左上角，可輸入一句話，如“歡迎來到我的主頁”。選取文字，用菜單“窗口/屬性”打開屬性面板，選取文字大小為6，再使文字居中，然后在文字前用幾個(gè)回車使其位于頁面中間等。

4．如要選取字體，則選擇字體中的最后一項(xiàng)：編輯字體列表。然后在對(duì)話框中選+號(hào)，接著在“可用字體”欄中選擇需要加入到字體列表中的一種字體，點(diǎn)擊中間的按鈕就可以加入了。?

注：在網(wǎng)頁上最常用的是宋體字。不要將特殊的字體加到列表中使用，因?yàn)閯e人電腦上未裝就看不到。如果需要用的話，要做成圖片后再使用。

注：在網(wǎng)頁上打入空格的辦法是：把輸入法調(diào)為全角。

注：在網(wǎng)頁上換行的辦法是：shift+Enter。只按Enter則為換段。

下面拿一個(gè)現(xiàn)成的例子來給大家講解一下：

現(xiàn)在，以下邊的簡(jiǎn)單網(wǎng)頁為例，敘述一下制作過程。簡(jiǎn)單網(wǎng)頁如下圖：

在開始制作之前，我們先對(duì)這個(gè)頁面進(jìn)行一下分析。看看這個(gè)頁面用到了哪些東西。

□網(wǎng)頁頂端的標(biāo)題“我的主頁”是一段文字。?

□網(wǎng)頁中間是一幅圖片。?

□最下端的歡迎詞是一段文字。?

□網(wǎng)頁背景是一深紫紅顏色。

構(gòu)思好這個(gè)網(wǎng)頁的結(jié)構(gòu)，我們就可以開始制作了。

首先啟動(dòng)Dreamweaver，確保你已經(jīng)用站點(diǎn)管理器建立好了一個(gè)網(wǎng)站（根目錄）。

為了制作方便，請(qǐng)您事先打開資源管理器，把要使用的圖片收集到網(wǎng)站目錄images文件夾內(nèi)。

進(jìn)入頁面編輯設(shè)計(jì)視圖狀態(tài)。在一般情況下，編輯器默認(rèn)左對(duì)齊，光標(biāo)在左上角閃爍，光標(biāo)位置就是插入點(diǎn)的位置。如果要想讓文字居中插入，點(diǎn)屬性面板居中按鈕即可。啟動(dòng)中文輸入法輸入“我的主頁”四個(gè)字。字小不要緊，我們可以對(duì)它進(jìn)行設(shè)置。

【設(shè)置文字的格式】 選中文字，在上圖屬性面板中將字體格式設(shè)置成默認(rèn)字體，大小可任意更改字號(hào)。并選中“B”將字體變粗。

【設(shè)置文字的顏色】首先選中文字，在屬性面板中，單擊顏色選擇圖標(biāo)，在彈出的顏色選擇器中用滴管選取顏色即可。

【設(shè)置網(wǎng)頁的標(biāo)題和背景顏色】

點(diǎn)擊“修改”菜單選“頁面屬性”。系統(tǒng)彈出頁面屬性對(duì)話框（如下圖）

請(qǐng)?jiān)跇?biāo)題輸入框填入標(biāo)題“我的主頁”。

設(shè)置背景顏色：　網(wǎng)頁背景可以是圖片，也可以是顏色。此例是顏色。如上圖打開背景顏色選擇器進(jìn)行選取。如果背景要設(shè)為圖片，點(diǎn)擊背景圖象“瀏覽”按鈕，系統(tǒng)彈出圖片選擇對(duì)話框，選中背景圖片文件，點(diǎn)擊確定按鈕。

設(shè)計(jì)視圖狀態(tài)，在標(biāo)題“我的主頁”右邊空白處單擊鼠標(biāo)，回車換一行，按照以下的步驟插入一幅畫圖片，并使這張圖片居中。您也可以通過屬性面板中的左對(duì)齊按鈕讓其居左安放。

【插入圖像】選擇以下任意一種方法：

（1）使用插入菜單：在“插入”菜單選“圖像”，彈出“選擇圖像源文件”對(duì)話框，選中該圖像文件，單擊確定

（2）使用插入欄：?jiǎn)螕舨迦霗趯?duì)象按鈕選 按鈕，彈出“選擇圖像源文件”對(duì)話框，其余操作同上。

（3）使用面板組“資源”面板（如下圖）：點(diǎn)按鈕，展開根目錄的圖片文件夾，選定該文件，用鼠標(biāo)拖動(dòng)至工作區(qū)合適位置

注：為了管理方便，我們把圖片放在“images”文件夾內(nèi)。如果圖片少，您也可以放在站點(diǎn)根目錄下。注意文件名要用英文或用拼音文字命名 而且使用小寫，不能用中文，否則要出現(xiàn)一些麻煩。 一個(gè)圖片就插入完畢了。（插入*.swf動(dòng)畫文件，選擇“插入”菜單＞媒體＞Flash）。 【輸入歡迎文字】 在圖片右邊空白處單擊，回車換行。仍然按照上述方法，輸入文字“歡迎您……”然后，利用屬性面板對(duì)文字進(jìn)行設(shè)置。 保存頁面。 一個(gè)簡(jiǎn)單的頁面就這樣編輯完畢了。 【預(yù)覽網(wǎng)頁】在頁面編輯器中按F12預(yù)覽網(wǎng)頁效果。 網(wǎng)站中的第一頁，也就是首頁，我們通常在存盤時(shí)取名為index.htm。 【小結(jié)】我們制作了一個(gè)簡(jiǎn)單的網(wǎng)頁。 內(nèi)容有四： ①圖片插入和對(duì)齊設(shè)置； ?②文字的格式、顏色和加粗等設(shè)置； ?③背景顏色的設(shè)置； ?④預(yù)覽網(wǎng)頁，查看實(shí)際效果。 不僅要掌握還要舉一反三反復(fù)練習(xí)。

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