主页页面布局（一）.docVIP

第六章：主页页面布局（一） 课题名称：6．2 使用切片构造整体布局 课时：2节 教学目标 1．知识与技能目标 使用切片构造整体布局。 2．操作技能目标 熟练掌握运用切片工具进行图片切割及图像、文本等在单元格中的添置。 教学分析与准备 1．教学重点 在Photoshop中运用切片工具进行图片切割后，存储为Web所用格式，自动生成的网页文件。 2．教学难点 如何运用切片工具进行图片的有效切割实现理想布局。 3．教学策略 讲授、演示、讨论相结合 4．教学环境 多媒体网络机房 学习过程 教学组织 教学内容 备注 课前准备 复习（建议教学3分钟） 范例欣赏与评述 （建议教学1分钟） 要点分析（建议教学4分钟） 操作示范与学生同步练习（建议教学50分钟，其中第1步至第7步20分钟，第14步至第17步15分钟，给学生充足的练习时间） 教师应注意要点的介绍和应用示范。 学生练习（建议教学30分钟） 学生练习中存在问题的评述与知识小结（建议教学3分钟） 作业布置（建议教学2分钟） 在Dreamweaver中建立站点temp，本章资源包中的“第六章”文件夹作为站点文件夹。 1、插入表格完成网页布局。 2、设置表格的边框和间距等调整表格，及单元格的分割和合并等。 3、在布局模式中绘制布局表格和绘制布局单元格。 4、用图像和文字填充表格。 5、“#”表示空链接。 欣赏范例：实例二\ index完成.