本篇文章給大家談?wù)劸W(wǎng)頁制作學(xué)校官網(wǎng)模板html，以及制作學(xué)校網(wǎng)頁設(shè)計(jì)對應(yīng)的知識(shí)點(diǎn)，希望對各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、怎么用dreamweaver制作html網(wǎng)頁
• 2、html 初學(xué)者 網(wǎng)站模板
• 3、html模板
• 4、使用Dreamweaver制作一個(gè)學(xué)校網(wǎng)站，至少15個(gè)頁面，至少1個(gè)flash制作的banner，很簡單就可以 謝謝大神
• 5、如何制作網(wǎng)頁或網(wǎng)站
• 6、我的網(wǎng)頁制造機(jī)里自帶了幾款網(wǎng)頁模板,但不太好看,如何自己制作HTML網(wǎng)頁模板?

怎么用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)題、背景顏色或背景圖像，超級鏈接的顏色（一般默認(rèn)即可），其他都保持默認(rèn)即可。

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

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

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

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

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

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

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

在開始制作之前，我們先對這個(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)站（根目錄）。

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

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

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

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

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

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

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

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

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

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

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

（2）使用插入欄：單擊插入欄對象按鈕選 按鈕，彈出“選擇圖像源文件”對話框，其余操作同上。

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

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

html 初學(xué)者 網(wǎng)站模板

!DOCTYPE?html

html

head

meta?charset="UTF-8"

title/title

style

body{

height:500px;

background:?linear-gradient(#A6CADE,#F8C6F8)?no-repeat;

}

ul,li,div?{

padding:0;margin:0;

}

.container{

width:?500px;

margin:0?auto;

}

#tab-con?div{

display:?none;

width:500px;

height:282px;

}

#tab-con?div?img{

width:?100%;

height:100%;

}

#tab-con?div.active{

display:?block;

}

#tab-list?ul?li{

float:left;

list-style:?none;

}

#tab-list?ul?li?a{

display:?block;

width:70px;

text-align:?center;

text-decoration:?none;

color:#000;

background:?#D6D6D1;

}

#tab-list?ul?li.active?a{

color:#fff;

background:#f96302;

}

/style

/head

body

div?class="container"

div?id="tab-con"

div?class="active"img?src="img/test1.jpg"/div

divimg?src="img/test2.jpg"/div

divimg?src="img/test3.jpg"/div

div圖片4/div

div圖片5/div

div圖片6/div

div圖片7/div

/div

div?id="tab-list"

ul

lia?href="javascript:;"首頁/a/li

lia?href="javascript:;"美食/a/li

lia?href="javascript:;"交通/a/li

lia?href="javascript:;"圖片4/a/li

lia?href="javascript:;"圖片5/a/li

lia?href="javascript:;"圖片6/a/li

lia?href="javascript:;"圖片7/a/li

/ul

/div

/div

script

var?tablist?=?document.getElementById('tab-list').getElementsByTagName('li');

var?tabcon?=?document.getElementById('tab-con').getElementsByTagName('div');

for(var?i?=?0;?itablist.length;?i++){

tablist[i].onclick?=?function(){

starttab(this);

};

};

function?starttab(obj){

for(var?i?=?0;?itablist.length;?i++){

if(tablist[i]?==?obj){

tablist[i].className?=?"active";

tabcon[i].className?=?"active";

}else{

tablist[i].className?=?"";

tabcon[i].className?=?"";

};

};

};

/script

/body

/html

html模板

1、ASP文件中的代碼

pencat=rs.Fields.Item("m_content").Value

pencat=replace(pencat,"t_title",n_title)

pencat=replace(pencat,"t_author",n_author)

pencat=replace(pencat,"t_content",n_content)

Set fso = Server.CreateObject("Scripting.FileSystemObject")

Set fout = fso.CreateTextFile(server.mappath(fpath "\" fname))

fout.WriteLine pencat

fout.close

2、如下給出要生成的網(wǎng)頁模板：

html

head

meta http-equiv=""Content-Language"" content=""zh-cn""

meta http-equiv=""Content-Type"" content=""text/html; charset=gb2312""

meta name=""GENERATOR"" content=""Microsoft FrontPage 4.0""

meta name=""ProgId"" content=""FrontPage.Editor.Document""

title/title

/head

body topmargin=""0"" leftmargin=""0""

table border=""0"" width=""760"" height=""100%"" background=""background.jpg""

tr

td width=""752"" height=""10"" colspan=""3""

p align=""center""t_title

/td

/tr

tr

td width=""752"" height=""18"" colspan=""3""

div align=""center""

/div

div align=""center""

font size=""2""

作者：/fontfont color=""#990000""t_author/font

font size=""2""

加入時(shí)間：/fontfont color=""#990000""t_date/font

/div

/td

/tr

tr

td width=""15%"" height=""100%"" valign=""top""

/td

td width=""70%"" height=""100%"" valign=""top""

t_content

/td

td width=""15%"" height=""100%"" valign=""top""

/td

/tr

/table

/body

/html

3、解釋

（1）pencat=rs.Fields.Item("m_content").Value

pencat為一個(gè)字符串變量。

rs.Fields.Item("m_content").Value就是如上2、網(wǎng)頁模板的全部HTML字符

（2）pencat=replace(pencat,"t_title",n_title)

pencat=replace(pencat,"t_author",n_author)

pencat=replace(pencat,"t_content",n_content)

以上三句就是將字符串中的字串替換成為你所需要的內(nèi)容，即ASP中動(dòng)態(tài)獲得的內(nèi)容。

（3）Set fso = Server.CreateObject("Scripting.FileSystemObject")

Set fout = fso.CreateTextFile(server.mappath(fpath "\" fname))

fout.WriteLine pencat

fout.close

以上為將剛剛組合所得的網(wǎng)頁代碼寫入文件的過程。第一句定義fso文件，第二句創(chuàng)建輸出流文件，其中fpath為你想要存儲(chǔ)的文件的路徑，fname為文件名；后兩句是將字符串寫入文件和關(guān)閉輸出流文件。

使用Dreamweaver制作一個(gè)學(xué)校網(wǎng)站，至少15個(gè)頁面，至少1個(gè)flash制作的banner，很簡單就可以 謝謝大神

你應(yīng)該懸賞多少錢，學(xué)校門戶網(wǎng)，還要15個(gè)頁面，和一個(gè)flash，單獨(dú)做要上千塊了，人家有現(xiàn)成的也不會(huì)免費(fèi)提供給你，提供給你了，你也不一定會(huì)改代碼吧？ 而且上線的網(wǎng)頁都是有版權(quán)的。

如何制作網(wǎng)頁或網(wǎng)站

簡單制作網(wǎng)頁的方法：

工具、原料：

電腦

Dreamweaver CS5

方法步驟：

下載Dreamweaver軟件。Dreamweaver是一款強(qiáng)大的網(wǎng)頁制作工具。

下載好之后安裝，安裝后之后打開，會(huì)看到如下界面。

會(huì)看到新建里有肯多選擇。html，css。這里選擇html，點(diǎn)擊之后會(huì)看到如下界面。和別的軟件布局沒有太大區(qū)別。

如果想輸入文本。就直接可以在里面輸入。如果想插入圖片?？梢赃x擇插入-常用-圖像。找到圖片目錄。就可以插入進(jìn)去、如果想給文字添加鏈接?？梢赃x中文字。在頁面右下角鏈接框里輸入網(wǎng)址。就可以了.

按F12.預(yù)覽就會(huì)得到以下效果.

我的網(wǎng)頁制造機(jī)里自帶了幾款網(wǎng)頁模板,但不太好看,如何自己制作HTML網(wǎng)頁模板?

裝上微軟的FrontPage，然后你看上哪個(gè)網(wǎng)頁都可以選擇另存為保留下來，然后用FrontPage修改，留下你想要的部分。

關(guān)于網(wǎng)頁制作學(xué)校官網(wǎng)模板html和制作學(xué)校網(wǎng)頁設(shè)計(jì)的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。