第11课编辑网站主页 课件（14ppt）

(共14张PPT)
编辑网站主页
主讲：XXX
百度
环球网

不同之处？
相同之处？
网页布局不同
页面有丰富的
多媒体信息
静、动态文字
图片
？？
音频、视频、动画等
导入
如何使我们设计好的网页布局，利用素材让网站更具有表现力？
教学目标
1、了解设计页面布局
2、掌握设计制作网站栏目
3、熟练掌握插入图片及滚动字幕的设置
一、丰富主页内容
1、在主页中添加图片
图片类型：标题（横幅）图片、导航栏图片、单元格背景
方法1：插入——图片——来自文件
方法2：单元格背景设置、网页背景设置
导航图片
背景图片
任务一：
1、给主页添加标题、导航栏图片
2、设置单元格背景、网页背景
二、设计制作网站栏目
2、添加文字内容
文字类型1：静态文字
文字类型2：滚动文字
滚动文字设置：
选择“插入”选项卡——“web组件”——“动态效果”——“字幕”
任务二：
1、给标题、单元格添加静态文字
2、给主页添加滚动文字
3、可适当给文字设置格式
效果展示
课堂小结
网站布局设计（明确主题，板块分类）
网站内容设计及动态字幕设置（背景色彩搭配）
作业：预习下节课内容，思考自己想要设计的网站类型、主题及色彩方案。