首页 > 编程和生活

静态网页模板下载 html静态网页素材

HTML静态网页中的模板

简明步骤:打开一个已经存在的网页→另存为模板→新建可编纂区域→保留。

详细:

(1).打开示例站点中已经建好的index.htm文件,打开“文件”,点击“另存为模板”。

(2).选择模板存放的站点,在“另存为模板”对话框中为模板输入一个独一的名称,单击保留按钮。

(3).在“*栏”选择“模板”,然后单击“可编辑区域”。

(4).频频这个过程。可以再做一些“可编辑区域”。

(5).打开“文件”菜单,单击“保留”。一个模板就做好了。

如何把现有网页转变为模板

如果看到自己喜欢的网页,可以将其转换为自己网站的模板。

一、主页另存为main.htm,文章列表页面另存为listcolumn.htm,文章页另存为displayinfo.htm,注意文件名必须丝毫不能偏差,更不能用中文。扩展名必须是.htm,html或其他均不行。

二、将主页中信息列表的信息删除,换成Webplus的标签“[频道i]”,标题名换成标签“[标题i]”,注意频道外面一定要套表格。

三、将listcolumn页面的相应位置输出的信息替换成Webplus的标签,如新闻列表替换成“[文章列表]”,具体标签可以通过下载通用模板来学习或查找后面附的标签对照表。

四、将displayinfo.htm页面的相应位置输出的信息替换成Webplus的标签,如新闻标题替换成“[文章标题]”,具体标签可以通过下载通用模板来学习或查找后面附的标签对照表。

五、打开文件夹,选中所有文件,添加到zip压缩文件,如下图:

通过以上几个步骤,您就可以获得一套Webplus模板了,即使您不是专业美工,您也可以通过以上的过程学习Webplus制作技巧,讲您喜欢的页面转化为webplus的模板。

求html静态网页源码

<!DOCTYPE html PUBLIC”-//W3C//DTD XHTML 1.0 Transitional//EN””**w3*/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”**w3*/1999/xhtml”>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″/>

<title>溅</title>

<style>

<!–

body{

background:url(img/bg9.gif);

margin:0px;

padding:0px;

}

.pic{

border:1px solid#00406c;

}

p{

padding-top:30px;

color:#001671;

}

p.con{

padding-left:4px;

padding-right:4px;

}

p.title{

paddin-top;0px;

}

.chara1{

font-size:12px;

background-color:#90bcff;

}

.chara1 td{

text-align:center;

}

.chara2{

background-color:#d2e7ff;

text-align:center;

font-size:12px;

vertical-align:top;

}

.chara3{

background:#e9fbff url(img/self.jpg) no-repeat bottom right;

vertical-align:top;

padding-top:15px;

padding-left:30px;

font-size:12px;padding-right:15px;

}

–>

</style>

</head>

<body>

<table align=”center” cellpadding=”1″ cellspacing=”0″>

<tr><td><img src=”img/banner3.jpg” border=”0″/></td></tr>

</table>

<table width=”600px” cellpadding=”2″ cellspacing=”2″ class=”chara1″ align=”center”>

<tr><td>首面</td><td>心情日记</td><td>Free</td><td>一起走到</td><td>从明天起</td><td>纸飞机</td><td>下一站</td></tr>

</table>

<table width=”600px” align=”center” cellpadding=”0″ cellspacing=”1″>

<tr>

<td width=”150px” class=”chara2″><p><img src=”img/selfpic.jpg” class=”pic”/><br/>我的日记本</p>

<p class=”con”>他们彼此深信,是瞬间并发的热情让他们相遇。这样的确定是美丽的,但变幻无常更为美丽。</p>

<p><img src=”img/selfpic2.jpg” class=”pic”/><br/>心情轨迹</p>

<p class=”con”>*的一切都让人既羡慕又忌妒,但更让人受不了的是,有一天,上苍忽然赐给他一个神奇的礼物</p></td>

<td class=”chara3″>

<h4>介绍</h4>

<p>我努力的抓紧世界,最后却仍被世界淘汰,如果一开始就松手,我会不那么伤心吗?你说,亲爱的孩子,世事难料,随它去吧!</p>

<h4>照相本子</h4>

<p>关于童年,你记住了什么?<br>

两岁时,我拥有一只巨大的粉红猪,它总在我嚎啕大哭时逗我笑。<br>

三岁时,我骑着小木马一路摇到外婆家,它不喝水也不吃草。<br>

四岁时,我离家出走,在公车上睡着了,最后是太空超人送我回家。<br>

我真的没骗你,我通通都记得,还有照片为证。

</p>

<h4>地下铁</h4>

<p>天使在地下铁的入口,<br>

和我说再见的那一年,<br>

我渐渐看不见了。<br>

十五岁生日的那年秋天早晨,<br>

窗外下着毛毛雨,<br>

我喂好我的猫。<br>

六点零五分,<br>

我走进地下铁。</p>

<h4>向左走向右走</h4>

<p>They're both convinced<br>

that a sudden passion joined them.<br>

Such certainth is beautiful,<br>

but uncertainty is more beautiful still.</p>

<br>

</td>

</tr>

</table>

</body>

</html>

制作一个静态版的网页,不需要自己编程

你好。首先下载Dreamwe*er.exe并打开,选择你使用的编辑语言,本案例用html

打开页面后,选着设计窗口,如图所示。设计窗口可以快速布局网页,不需要自己编辑代码。

打开你要设计的网页的设计图,本经验是百度经验首页为例,首先我们制作顶上的搜索条,点击*—表格(如图所示)。打开表格属性编辑表格属性。*1行和5列,表格宽度为1130,(即为网页的宽度),边距,间距分别为0,此表格只是为了定位,因此不设边框。

设置好表格后,可在表格里面*你的内容,首先我们*logo,点击*—图像—选择你要*的图片。点确定即可完成logo*。表格的小大高度都可根据设计图需要调整,鼠标移到表格边框虚线即可拖拉调整高度或宽度。如图所示

接下来我们来做搜索框,点击*—表单—*文本域—确定。*文本框后可点击文本框调整文本框的属性。根据设计图,文本框上班还要添加内容,因此,可选择单元格右击选择表格—拆分单元格,此处是需要添加一行的内容,因此拆分为两行,如图所示。

用同样的办法拆分上面的行,因为要添加10个选择项,因此拆分为10列(右击选中的行—拆分单元格—10列—确定)。拆分好后在小格里面添加文字内容即可。表格大小可根据步骤四调整。

接下来我们做搜索按钮,同样根据设计图要把表格拆分为两行。点击**按钮的图片。

接下来给按钮添加链接,本次经验分享的是静态网页,因此在此先跟大家分享怎么直接添加按钮链接。同样是点击*—添加超级链接,填写你事先做好的页面链接,或者其他网站链接。

剩下的内容都可根据方法步奏逐渐添加,调节细节即可完成你想要设计的网页。如图所示是上面步奏所做的静态页面,把所有做好的网页用超级链接链接起来即可做成一个简单的网站

另外我们还可以采用front page。也可以很容易的实现。

望采纳。

本文链接:http://www.ynbright-edu.com/html/87963914.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件举报,一经查实,本站将立刻删除。