4.4网页制作（二）
学习目标：
1、回顾查看网页源代码，并能利用源代码获取其他网页的布局；
2、会使用frontpage在网页中插入图片、设置网页背景等相关操作；
3、理解图片的属性设置及图片在网页代码中的标签。
教学重点、难点：插入图片、设置网页背景颜、背景图、背景音乐
教学过程：
一、获取版面布局
2、打开虎门销烟首页布局。
3、打开FrontPage
4、获取虎门销烟首页版面布局
（方法1：查看源代码，并将网页的源代码复制、粘贴至frontpage 中；方法2：将网页另存为html文件，然后通过frontpage打开）
二、设置网页背景图片
方法：格式－背景－选中背景图片复选框－浏览－到图片－确定。
相关属性说明：
水印复选框：勾选后网页背景不随网页内容的上下滚动而变化。（可演示效果）
活动：模仿制作虎门销烟网站首页的背景。
三、插入图片
方法：插入－图片－来自文件
调整图片大小方法：选中图片，拖动四周的编辑点可改变图片的大小。
图片属性相关说明：
环绕样式与对齐方式：调整图片与周围文本的排列方式。
水平与垂直间距：定义图片四周的空白
文本属性：图片的文字说明
图片在html中的标签：<img>
活动：模仿制作虎门销烟网站首页的标题栏。
四、表格设
方法：光标定位在表格任意单元格中－右击－表格属性－颜－其他颜－选择－选择任意点的颜－确定
怎么制作网页图片五、文字编辑
方法：同word设置文字样式方式一样
活动：模仿虎门销烟首页导航栏字体；（设置白、宋体、加粗、字号：3号）
六、插入swf动画
方法：插入－web组件－高级组件－flash影片
六、小结
这节课我们主要学习了如何设置网页的背景、如何在网页中插入图片等相关内容，剩下的时间同学们继续完成网页的模仿制作。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。