今天給各位分享html網(wǎng)頁模板制作的知識，其中也會對html模板怎么做進(jìn)行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關(guān)注本站，現(xiàn)在開始吧！

本文目錄一覽：

• 1、求 一個簡單的個人網(wǎng)頁模板(html)
• 2、如何做html框架？
• 3、怎么把html網(wǎng)頁保存為模板
• 4、只用html和css做的網(wǎng)頁模板，不能有js和其他語言，最好是門戶網(wǎng)站新聞網(wǎng)

求 一個簡單的個人網(wǎng)頁模板(html)

樓主說的太含糊了！

建議可以去TempleteMonsterChina（怪獸模板）中國區(qū)官方網(wǎng)站看一看，里面各種行業(yè)的網(wǎng)站模板，包括普通的靜態(tài)展示網(wǎng)站模板，動態(tài)FLASH網(wǎng)站模板，joomla，mambo，WordPress，drupal等CMS系統(tǒng)及博客系統(tǒng)的網(wǎng)站模板，以及ZenCart，oscommerce等購物系統(tǒng)的網(wǎng)站模板!

您可以在搜索引擎中按照要求搜索即可，希望可以幫到你！

如何做html框架？

首先注意一點，在frameset/frameset所在的文件中不需要寫body體，否則會不顯示網(wǎng)頁的分頁。

做一個有頂，有左側(cè)網(wǎng)頁，有右側(cè)網(wǎng)頁的框架集網(wǎng)頁應(yīng)該怎么做？

先把各個小的分散頁面做好

all2.html

top.html

left.html

right1.html

right2.html

來看每個文件的具體代碼：

all2.html

!--這里開始是整體框架結(jié)構(gòu)，為上下結(jié)構(gòu)--

frameset rows="20%,*"

frameborder=0

frame src="top.html" noresize scrolling=no

/

!--這里開始是另外一個框架集結(jié)構(gòu)為左右結(jié)構(gòu)--

frameset cols="20%,*"

frame src="left.html" noresize

/

!--frame元素中有一個name屬性，相當(dāng)于給frame取名，以方便識別位置--

frame src="right1.html" name="right"

/

/frameset

/frameset

top.html

這里是頂部內(nèi)容

left.html

a href="right1.html"

target="right"青花瓷1/abr

/

a

href="right2.html"

target="right"青花瓷2/abr

/

right1.html

這里是right1.html的內(nèi)容

right2.html

這里是right2.html的內(nèi)容

怎么把html網(wǎng)頁保存為模板

親，在瀏覽器的菜單里有個保存為，選擇成文件就可以了。保存成功以后會有一個頁面，一個文件夾。這樣就說明保存成功。就可以當(dāng)成模板使用了。

只用html和css做的網(wǎng)頁模板，不能有js和其他語言，最好是門戶網(wǎng)站新聞網(wǎng)

!doctype?html

html

head

meta?charset="utf-8"

title臥龍控股/title

style?type="text/css"

????@charset?"utf-8";

/*?CSS?Document?*/

*{margin:0;padding:0;font-family:"微軟雅黑";}

ul,ol,li{list-style:none;}

a,u{text-decoration:none;}

#top,#nav,#banner,#news,#wlsc,#yqlink,#bottom{margin:0?auto;}

/*-top-*/

#top{width:1000px;height:100px;}

#logo{width:732px;height:59px;float:left;padding:41px?0?0?21px;}

img{border:0;}

#sear{width:247px;height:61px;float:left;padding-top:39px;}

#search{height:26px;?line-height:26px;border:1px?solid?#e5e5e5;border-right:none;outline:none;background:?#f1f1f1;float:left;color:#818181;}

#fin{width:26px;height:26px;line-height:26px;border:none;background:?#f1f1f1?url(../images/sear.jpg)?no-repeat?center;float:left;}

.ffin{height:26px;width:?26px;border:1px?solid?#e5e5e5;float:left;border-left:none;}

/*-nav-*/

#nav{width:1000px;height:59px;background:#000;}

#nav?ul?li{width:119px;?height:59px;line-height:59px;text-align:center;border-right:1px?solid?#484848;float:left;}

#tttt{border:0;}

#nav?a{color:#fff;}

/*-banner-*/

#banner{width:1000px;height:463px;}

#news{width:1000px;height:240px;}

#news1{width:456px;height:183px;float:left;padding:36px?25px?22px?19px;float:left;}

#news1?h2{font-size:18px;font-weight:100;color:#191919;width:78px;margin-bottom:22px;}

#news1?ul{font-size:12px;width:452px;line-height:24px;}

#news1?ul?a{color:#5c5c5c;width:300px;overflow:hidden;white-space:nowrap;float:left;text-overflow:ellipsis;}

#news1?ul?span{float:right;padding-right:28px;}

#news1?ul?li?a{background:url(../images/dian.jpg)?no-repeat?left?center;padding-left:14px;color:#929292;}

#news2{width:240px;height:240px;background:#f1f1f1;float:left;}

#news2?h2{font-size:18px;font-weight:100;color:#515151;margin:36px?0?39px?25px;}

#news2?h3{font-size:12px;color:#515151;margin:0?0?13px?25px;line-height:12px;}

#news2?h4{font-size:11px;color:#515151;margin:0?0?27px?25px;line-height:12px;}

#news2?p{width:190px;font-size:11px;font-weight:100;color:#8c8c8c;margin:0?0?0?25px;line-height:20px;}

#news3{width:260px;height:240px;background:url(../images/hua.jpg)?no-repeat?#fbfbfb?164px?121px;float:left;}

#news3?h2{font-size:18px;font-weight:100;color:#222;padding:36px?0?21px?25px;}

#news3?p{width:180px;font-size:12px;font-weight:100;line-height:24px;padding:0?25px?0?25px;color:#595959;}

#news3?div{padding:56px?0?0?25px;}

/*-wlsc-*/

#wlsc{width:1000px;height:276px;}

#wlsc?dl{width:230px;padding-left:20px;float:left;}

.miao{width:204px;font-size:12px;line-height:2em;color:#575757;}

#wlsc?h2{font-size:18px;color:#212121;margin:30px?0?17px?23px;line-height:18px;font-weight:100;}

/*-yqlink-*/

#yqlink{width:1000px;height:249px;background:#e5e5e5;}

#yqlink1{width:480px;height:249px;padding:0?0?0?20px;float:left;}

#yqlink1?h2{font-size:16px;font-weight:100;color:#5e5e5e;width:432px;border-bottom:1px?solid?#c1c1c1;padding:31px?0?11px?12px;}

#yqlink1?ul?li{font-size:12px;line-height:24px;background:url(../images/dayu.jpg)?no-repeat?0?center?;padding-left:10px;}

#yqlink1?ul{float:left;width:150px;height:200px;padding-top:10px;}

#yqlink1?a{color:#8c8c8c;}

#yqlink2{width:180px;height:249px;padding:0?0?0?20px;float:left;}

#yqlink2?h2{font-size:16px;font-weight:100;color:#5e5e5e;width:160px;border-bottom:1px?solid?#c1c1c1;padding:31px?0?11px?12px;}

#yqlink2?ul?li{font-size:12px;line-height:24px;background:url(../images/dayu.jpg)?no-repeat?0?center?;padding-left:10px;}

#yqlink2?a{color:#8c8c8c;}

#yqlink2?ul{padding-left:10px;padding-top:10px;}

#yqlink3{width:280px;height:249px;padding:0?0?0?20px;float:left;}

#yqlink3?h2{font-size:16px;font-weight:100;color:#5e5e5e;width:240px;border-bottom:1px?solid?#c1c1c1;padding:31px?0?11px?12px;}

#yqlink3?img{margin:15px?0?0?20px;}

#bzottom{width:1000px;height:83px;}

#bot1{width:361px;height:58px;margin:24px?0?1px?21px;float:left;}

.shu{font-size:12px;padding-right:7px;border-right:1px?solid?#7e7e7e;color:#888;}

.shu1{font-size:12px;padding-right:7px;color:#888;}

#bot2{width:610px;height:83px;float:left;clear:right;}

#bot2?p{font-size:12px;color:#888;margin-top:27px;}

/style

/head

body

div?id="top"

??div?id="logo"?

????a?href="#"?alt=""?title=""img?src="images/logo.jpg"?//a/div

??div?id="sear"

????form?name=""?method=""?action=""

?????

??????input?type="text"?value="SEARCH..."?id="search"/

??????div?class="ffin"input?type="submit"?value=""?id="fin"http://div

????/form

??/div

/div

div?id="nav"

??ul

????lia?href="#"集團(tuán)介紹/a/li

????lia?href="#"集團(tuán)介紹/a/li

????lia?href="#"集團(tuán)介紹/a/li

????lia?href="#"集團(tuán)介紹/a/li

????lia?href="#"集團(tuán)介紹/a/li

????lia?href="#"集團(tuán)介紹/a/li

????lia?href="#"集團(tuán)介紹/a/li

????li?id="tttt"a?href="#"集團(tuán)介紹/a/li

??/ul

/div

div?id="banner"a?href="#"img?src="images/banner.jpg"?alt=""?title=""?//a/div

div?id="news"

?????div?id="news1"

????????h2新聞資訊/h2

????????ul

????????????lia?href="#"新聞條新聞條新聞條新條新聞條新聞條新聞條新聞條新聞條新聞條新聞條/aspan2016-12-02/span/li

????????????lia?href="#"新聞條新聞條新聞條新聞條新聞條新聞條新條新聞條新聞條新聞條新聞條/aspan2016-12-02/span/li

????????????lia?href="#"新聞條新聞條新聞條新新聞條條新聞條新聞條新新聞條新聞條新聞條聞條/aspan2016-12-02/span/li

????????????lia?href="#"新聞條新聞條新聞條新新聞條新條新聞條新聞條新聞條新聞條新聞條聞條/aspan2016-12-02/span/li

????????????lia?href="#"新聞條新聞條新聞條新聞條新聞條新條新聞條新聞條新聞條新聞條新聞條/aspan2016-12-02/span/li

????????????lia?href="#"新聞條新聞條新聞條新聞條新聞條新聞條新條新聞條新聞條新條/aspan2016-12-02/span/li

????????/ul

????/div

????div?id="news2"

????????h2臥龍介紹/h2

????????h3公司成立于1984年，/h3

????????h4經(jīng)過近30年的發(fā)展/h4

????????p公司怎么樣怎么樣怎么樣怎么樣怎么樣怎么樣怎么樣/p

????/div

????div?id="news3"

????????h2人才招聘/h2

????????p我們要招人我們要招人我們要招人我們要招人/p

????????diva?href="#"img?src="images/more.jpg"?alt=""?title=""/a/div

????/div

/div

div?id="wlsc"

????h2臥龍市場/h2

????dl

????????dtimg?src="images/wlsc1.jpg"?alt=""?title=""/dt

??????????dd?class="miao"我是描述我是描述我是描述我是描述我是描述我是描述/dd

????????????

????/dl

????dl

????????dtimg?src="images/wlsc2.jpg"?alt=""?title=""/dt

??????????dd?class="miao"我是描述我是描述我是描述我是描述我是描述我是描述/dd

????????????

????/dl

????dl

????????dtimg?src="images/wlsc3.jpg"?alt=""?title=""/dt

??????????dd?class="miao"我是描述我是描述我是描述我是描述我是描述我是描述/dd

????????????

????/dl

????dl

????????dtimg?src="images/wlsc4.jpg"?alt=""?title=""/dt

??????????dd?class="miao"我是描述我是描述我是描述我是描述我是描述我是描述/dd

????????????

????/dl

/div

div?id="yqlink"

div?id="yqlink1"

????????h2產(chǎn)品中心/h2

????????ul

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????/ul

????????ul

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????/ul

????????ul

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????/ul

/div

div?id="yqlink2"

????h2技術(shù)研發(fā)/h2

????????ul

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????????lia?href="#"我是鏈接/a/li

????????/ul

/div

div?id="yqlink3"

????h2營銷網(wǎng)絡(luò)/h2

????a?href="#"img?src="images/ditu.jpg"?alt=""?title=""?/

????/a

/div

/div

div?id="bottom"

????div?id="bot1"

????????a?href="#"?class="shu"網(wǎng)站地圖/a

????????a?href="#"?class="shu"聯(lián)系我們/a

????????a?href="#"?class="shu"關(guān)注臥龍/a

????????a?href="#"?class="shu1"采購系統(tǒng)入口/a

????????

????/div

????div?id="bot2"

????????pCOPYRIGHTCOPY;2013臥龍控股集團(tuán)nbsp;版權(quán)所有nbsp;浙ICP備06005901號nbsp;技術(shù)支持：博采互動/p

????/div

/div

/body

/html

你把文字和圖片改一下就可以了

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