前端：HTML/07/综合案例：月福首页，开发网站的流程，网站布局结构，排版准备，图片热点，网页多媒体

开发网站的一个流程

1，业务员与客户进行沟通，包括：风格，功能（论坛，留言板，支付，用户登录等）
2，业务员与美工沟通，制作网页效果图（首页，列表页，内容页）
3，制作人员开始切图排版，排成网页形式的
4，后台程序员开始写程序
5，前台与后台并在一起，网站就完成了（一般网站公司免费维护一个月）

网站布局结构

网站布局结构2020年流行的是div+css布局
但月福首页网站的制作大概是2008年左右，使用的是表格布局（使用了大量的表格）

排版的准备工作

1，网站的素材：都要放到当前目录下，与当前网页放在一起，就是把素材放在一个文件夹中，此文件夹与当前要制作的网页并列，以免网页显示时素材丢失和方便写路径；
2，创建一个html文件，来进行排版
3，网页的背景色
4，确定主页的宽度，当前流行的主页的宽度一般为1000px(哔哩哔哩,百度，主页：1860px)

HTML的注释

<!–注释内容–>
多作注释有助于日后查看代码，方便维护和修改，写代码时对于结构也更清晰。

图片热点（图像地图）

图像热点：给一张图片加多个链接，默认情况下，一张图片只能加一个链接。
标记结构：
<img src=“images\p1.jpg” usemap=“Map” />
<map id=“Map”>
<area shape=“热区形状” coords=“热区坐标” href=“链接地址” />
<area shape=“热区形状” coords=“热区坐标” href=“链接地址” />
<area shape=“热区形状” coords=“热区坐标” href=“链接地址” />
</map>

<area>标记的常用属性

shape :热区的形状，取值：rect(矩形)，circle(图形)，polygon(多边形)
coords :热区的坐标（位置）
如果shape="rect"时，那么 coords ="x1,y1,x2,y2"如：coords=“50,50,200,150”

矩形图形：由对角位两点的坐标就可以确定唯一的矩形；
圆：由中心点坐标和半径确定

网页多媒体（了解）

网页上的视频一般都是Flash格式的，因为Flash的兼容性比较好，再一个Flash文件的压缩以后文件较小。
以Flash动画（*.swf文件）为例，播放Flash动画的代码如下（了解，知道就行）

…

@沉木