包含购物网页框架模板代码的词条

今天给各位分享购物网页框架模板代码的知识，其中也会对进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、什么是模板代码
• 2、制作一个如下图所示的框架网页，写出HTML代码。
• 3、网页框架代码
• 4、网页框架模板怎么使用
• 5、编写一个框架网页
• 6、如何制作框架网页

什么是模板代码

所谓的模板代码，是指别人做的网页的框架的源代码，而你所要做的就是，就是通过修改这个模板的代码或重新插入内容，来形成一个自己的网站。

制作一个如下图所示的框架网页，写出HTML代码。

style type='text/css'

#hifm{

width:1000px;

height:600px;

border:1px solid yellow;

float:left;

}

.head{

width:1000px;

height:80px;

border:1px solid yellow;

float:left;

}

.index{

width:160px;

height:455px;

border:1px solid yellow;

float:left;

}

.main{

width:836px;

height:455px;

border:1px solid yellow;

float:left;

}

.foot{

width:1000px;

height:60px;

border:1px solid yellow;

float:left;

}

/style

div id='hifm'

div class="head"Head/div

div class='index'Index/divdiv class='main'Main/div

div class='foot'Foot/div

/div

网页框架代码

你切换到代码也看看，如顶部框架，

frameset rows="80,*" frameborder="no" border="0" framespacing="0"

frame src="1.htm" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" /

frame src="2.htm" name="mainFrame" id="mainFrame" /

/frameset

target的值就是目标框架的name的值。

即在上框架页面的链接target="mainFrame".

具体得看目标框架的name值是什么，target就等于什么。

网页框架模板怎么使用

可以使网页的背景图片固定不动：

在源代码中的HEAD… /HEAD 加入如下代码：

style type="text/css"!--

body{background-image:url(../img/girl.jpg);

background-repeat:no-repeat;

background-attachment:fixed;

background-position:50% 10%}

--/style

编写一个框架网页

你描述的功能感觉用HTML就可以实现，不需要VBSCRIPT。主界面通过frameset分为三个框架，分别命名为title，index和content，title指向网站标题网页（如title.html），index指向目录网页（如index.html）, content指向初始的html文件（如default.html），主界面编码如下：

html

frameset rows='20%,80%'

frame name='title' src='title.html‘/frame

frameset cols='20%,80%'

frame name='index' src='index.html'/frame

frame name='content' src='default.html'/frame

frameset

/frameset

/html

左侧的index.html通过a实现目录和链接功能，编码如下：

html

head

titleIndex/title

/head

body

a href='1.html' target='content'1/abr

a href='2.html' target='content'2/abr

/body

/html

如编码所示，链接的target指向了主界面中的名称为‘content’的frame。链接内容1.html及2.html将被显示在content frame中。

希望可以帮到你。

如何制作框架网页

小编以前也不会框架网页的，但是前段时间小编需要考试。遇到了有关框架网页的问题，也就去学习了。接下来小编就用接下来的实例来教大家如何制作框架网页。希望能够帮助到你们。

我们今天就以下面的例题来学习一下。

请建立一个目录框架网页，并按照要求将此文件保存名为page2.html。

要求:在目录框架网页建立一个4行1列的表格（高300像素、宽100像素），表格居中，边框为黄色、背景为绿色；表格中的文字为华文楷体、14磅、加粗、黑色；单元格内容水平方向居右对齐，垂直方向相对底边对齐；在主框架网页中新建网页并插入素材包内的图片8139.jpg；设置"美食介绍"与素材包内sc7.htm 文件的链接，设置"相关新闻"与网站链接，设置"相关图片"与素材包内bg7.jpg文件的链接，设置"网络高手"与邮箱someone@microsoft.com链接

第一步：新建网页

首先我们打开软件，选择菜单栏下“修改”——“框架集”——“拆分为左右框架”。进行三个网页的保存。

1.整个框架网页。

选中框架最中间的竖线，当我们看到代码栏中有“frameset cols="597,598"”代表我们选取成功。

2.框架网页的左侧

选中左侧空白区域即可

3.是框架网页的右侧。

选中右侧空白区域即可

如图：

第二步：制作左边的框架网页

首先插入表格并设置基本属性

1.选择主菜单下的“插入”——“表格”如图。

2.接着设置表格的属性

（4行1列的表格“高300像素、宽100像素”，表格边框为黄色、背景为绿色。）其中的高，边框颜色都是使用代码输入的。如图：

3.至于背景和居中我们可以到属性面板的页面布局进行设计就可以了。如图：

第三步：设置css样式

1.首先打开css面板，选择该面板的下面的“+”号，出现下图所示的效果。

2.设置样式。选择“id”类型，取名为“stlye1”,保存了“仅存为该文档”。如图：

3.设置样式属性。“华文楷体、14磅、加粗、黑色”。如图：

第四步：使用css样式

1.在表格中书写相应的文字。如图：

2.使用样式。选中所有的文字，然后来到属性面板。选择“类”——“stlye1”,我们就设置好css样式了。如图：

第五步：设置文字的位置。

选中文字，来到属性面板，设置“水平”，“垂直”的属性。如图：

第六步：设置文字链接。

选中“美食介绍”，来到属性面板，选择“链接”，将我们要链接的地址输入进去就可以了。接下来依次选中其他文字就可以了。效果如下：

（注意：我们先前选中的网页文件，图片文件是可以直接填写的。而网址我们要在前面加上“http://”,邮箱地址要加上"mail to:"）

第七步：设置右侧网页

选中右侧网页，选择“插入”——“图片”，选择我们想要插入的图片我们就完成了。如图：

此时我们就可以打开htm文件，在浏览器中浏览效果了，如图：

购物网页框架模板代码的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于、购物网页框架模板代码的信息别忘了在本站进行查找喔。