3-综合案例：月福首页-多媒体-图片热点-框架

最新推荐文章于 2024-11-08 10:30:00 发布

佼人僚兮

最新推荐文章于 2024-11-08 10:30:00 发布

阅读量1.5k

点赞数

分类专栏： HTML 文章标签：框架 html

本文链接：https://blog.csdn.net/ZacharyUE/article/details/51096072

版权

HTML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

1、开发网站的一个流程

业务员与客户进行沟通，包括：风格的、功能（论坛、留言板、支付、用户登录等）
业务员与美工沟通。制作网页效果图（首页、列表页、内容页）
制作人员开始切图排版，排成网页形式的
后台程序员开始写程序
前台和后台合并在一起，整站就完成了

2、网站布局结构（以前是表格，目前最流行是用div+css）

logo标志：1行2列表格
导航栏：1行10列表格
flash模块：2行1列
月福新闻模块：2行3列表格
服务项目模块：2行3列表格
滚动产品模块：2行2列表格

3、排版的准备工作

网站的素材：都要放到当前网页的images中，与当前网页在一起
创建HTML进行排版
网页背景色
确定主页的宽度

4、HTML的注释

<！-- 注释内容-->

网页多媒体

网页上的视频一般都是Flash格式的，因为Flash的兼容性比较好，再一个Flash文件的压缩以后文件较小。

提示：法拉盛动画的文件扩展名：.swf

以Flash动画为例，播放Flash动画的代码如下，这个代码不用记，看懂就行。

</object>

以上标记的说明：

图片热点（图像地图）

1、图片热点：给一张图片加多个链接，默认情况下，一张图只能加一个链接。

2、标记结构：

...

</map>

3、<area>标记的常用属性

shape：热区的形状，取值：rect（矩形）、circle（圆形）、polygon（多边形）
coords：热区的坐标（位置）
- 如果shape=rect时，那么coords=“x1,y1,x2,y2”，（x1,y1）为左上角坐标，（x2,y2）为右下角坐标
- 如果shape=circle，那么coords=“x,y,r”，其中（x,y）为圆心，r为半径

框架

1、框架的概念

框架技术：将一个浏览器窗口划分为若干个小窗口，每个小窗口显示一个独立的网页。

2、框架集和框架页

框架集<frameset>：主要用来划分窗口的
框架页<frame>：主要用来指定窗口默认显示的网页地址
框架与窗户很像。一个窗户有窗格（框架集）和玻璃（框架页）构成。先结构再内容，先框架集再框架页。

3、<frameset>框架集的属性

cols：划分左右型框架。如：cols=“200,*”，则表示左框架宽度为200px，剩下的都是右框架。也可以用百分比表示。
rows：划分上下型框架。每个框架只能同时使用一个。
frameborder：是否显示框架的边框线，取值：1或0，yes或no
border：边框线的粗线。
bordercolor：边框颜色。

4、<frame>框架页的属性

src：该小窗口中，默认显示的网页地址。
noresize：不能调整小窗口的大小。如：noresize=“noresize”
scrolling：是否显示滚动条，取值：1或0，yes或no，auto
name：给当前小窗口起个名字。这个name就是给<a>标记的target属性来用，此时target=“name”，返回原始状态使用_top

5、<noframes>含义

描述：当你的浏览器不支持框架时，显示的提示信息。一般情况下，IE6不支持框架，高版本都支持。

语法：<noframes>提示内容</noframes>

6、框架嵌套：上下左右

7、注意事项

<frameset>框架，可以称为“普通框架”。
在普通框架中，框架的制作分两个部分：（1）框架结构的规划（2）制作具体的页面
在普通框架的结构划分中，不能出现<body>标记

内嵌框架（行内框架）

描述：内嵌框架，相当于在现有的网页中，挖了一个“窟窿”，投过这个“窟窿”可以看到里面的内容、
与普通框架的区别：<iframe>是<body>的子标记，因此，应该放在<body>中
语法格式：<iframe 属性=“值”>对不起，你的浏览器版本太低了！</iframe>
常用属性：
- src：引入文件的地址
- width：框架的宽度
- height：框架的高度
- frameborder：是否显示框架的边框线，取值：yes或no
- name：指定当前小窗口的名称
- align：框架在网页中的对齐方式，类似<img>
注意：src引入的文件最好是HTML文件或PHP文件，不能是其他文件。