任务五、制作博客首页（动感网页）.docVIP

任务五、制作博客首页（动感网页） 课 题 任务五、制作博客首页（动感网页） 授课班级 09计网 学时 2 授课地点 教室 授课周/星期/节次 教学目标 能力目标 知识目标 1.掌握多种技术的应用方法 2.培养学生的团队合作能力 3.培养学生的沟通协调能力 1.掌握图像的应用方法 2.掌握动画和多媒体的应用方法 3.掌握超链接和行为的方法 4.掌握CSS结构的应用 项目实施流程/教学环节 项目实施流程/教学环节设计 步骤1:展示博客网站首页 步骤2:分析博客首页的素材 步骤3:引导学生制作首页（添加素材、链接） 步骤4:学生操作 步骤5:讨论解决操作中存在的问题 步骤6：总结、交流 课堂练习 处理素材、充实博客首页 课后练习 继续充实网站首页 重点难点及 解决方法 整体布局、色彩搭配 简单代码的编写 参考资料 博客网站 饰品网站 美容网站 门户网站 教学后记 学生在完成此项操作时，非常有兴趣，而且也有一种满足感，当所做的页面有背景乐，有ＦＬＡＳＨ动画，可以根据ＣＳＳ改变整个网站的元素时，学生很高兴。提升了学习的性趣。 项目分析 心情好的时候，可能在日记本上画一幅亮丽的风景画，郁闷的时候，可能即兴来一首抒情诗，制作网页也一样，你可以根据自己的喜好在页面中随用挥洒方圆。如加首背景音乐，添加ＦＬＡＳＨ文件、视频文件，制作伴随窗口等功能。 二、相关知识 3、插入水平线和特殊字符 水平线对于组织信息和区分版块很有帮助。要插入水平线，可在定位插入点后，选择“插入记录”“HTML”“水平线”菜单。 特殊字符： 4、插入图像13.gif ５、插入flash动画 Flash动画是目前最流行的矢量动画，它具有文件尺寸小和变化丰富的优点，因而很多网页中都用到了它。 　 设置动画的透明背景：选中flash动画，单击“属性”面板中的“参数”按钮，打开“参数”对话框。在“参数”列第一行单击，输入“wmode”,在对应的“值”列输入“transparent”。单击“确定”按钮，关闭“参数”对话框。 ６、插入背景音乐 音乐不仅能陶冶人的情操，也能给人美的享受，如果在自己的网页中加一段美妙的音乐，那一定能给人不小的震撼 选中音频文件，单击“属性”面板中的“参数”按钮，打开“参数”对话框。在“参数”列第一行单击，输入“hidden”,在对应的“值”列输入“true”,单击左上方的＋添加参数，在新添加的参数列输入“loop”，对应的值输入“true”。单击“确定”按钮，关闭“参数”对话框。