网页制作课件

《文登旅游景点宣传网》素材介绍
Logo标志（图） 昆嵛山（文字） 圣经山（文字） 天福山（文字） 天沐温泉（文字） 汤泊温泉（文字） 旅游景点简介（文字） 旅游品牌（图） 标题栏（图）
南海公园（文字）
版权信息（文字）
网页作品评价
Biblioteka Baidu各小组推举一位成员代表本组展示网页，其他小组根据《网 站作品评价表》打分，我们将根据分数分为三个等级A等（810分）；B等（5-7分）；C等（1-4分），我们将分别给予5个 笑脸、4个笑脸、3个笑脸的奖励。 《文登旅游景点宣传网》网站作品评价表
设计视图
拆分视图 视图模式 代码视图
预览视图
仔细对比以上两个网站，有什么区别？ 你更喜欢哪一个？
第二关 用表格实现网页布 局 【闯关任务】
大挑战之1 如何隐藏表格边框？ 根据第一关中所画的网页布局图，结 合老师提供的素材，在Frontpage中 插入表格实现 “网页布局图”。 1、闯关小助手； 2、大屏幕提示； 3、小组合作或询问老 师。
网页制作竞赛 规则
1、踊跃并正确回答问题，为本小组赢得1 个 2、积极并正确演示疑难问题，为本组赢得2个 3、最终作品展示分为ABC三等，分别获得5、4、3个 4、最终累计获得笑脸最多的小组为本节课的冠军小组，
我们将为冠军小组颁发奖杯。
常见网页的结构组成
LOGO 标志 标题栏
导航栏六大旅 游景点
第三关 添加网页素材 大挑战之2 如何应用主题来美化 网页？
【闯关任务】
1、打开桌面《文登旅游景点宣传网》
文件夹，观察其中的素材。依据网页 布局图的设计添加素材。 2、添加文字素材； 1、闯关小助手； 2、大屏幕提示； 3、小组合作或询问老 师。 3、添加图片素材； 4、预览保存网页。
1、网页文件及图片素材分类存储 (1分)
2、网页中的文字字体、大小、颜色美观。（1分） 3、网页中的图片大小位置合适；（1分） 4、能用表格去布局网页，并能使页面信息分类清晰；（2分）
5、网页文件能从本地计算机正常打开并完整显示；(2分) 6、网页布局合理，整体效果较为美观；（3分）
通过这节课的学习，我在知 识和技能方面收获了……
网页内容-旅 游品牌图
网页内容-旅 游景点简介
版权信息
网页布局图
Logo标志 导航栏 导航栏 导航栏 导航栏 导航栏 导航栏 网页内容 网页内容 标题栏
版权信息
第一关 设计网页布局图
【闯关任务】
请同学们以小组为单位，查看《学生素
材》“网页展览”文件夹中的网页图， 1、闯关小助手； 2、大屏幕提示； 3、小组合作或询问 老师。
总结：构建网页的一般步骤
第一步：设计网页布局图； 第二步：利用表格实现网页布局图；
第三步：添加图片、文字等网页元素；
第四步：设置主题美化网页整体效果； 第五步：保存网页
选一张最喜欢的网页图，讨论交流后设
计出你们小组所制作网页的布局图，并 画在学案上，完成后选小组代表展示。
网页布局图
Logo标志 导航栏 导航栏 导航栏 导航栏 导航栏 导航栏 网页内容 网页内容 标题栏
版权信息
网页制作工具—Frontpage2003
工作界面—标题栏、菜单栏、常用工具栏、格式栏