(第1章教案.docVIP

章节 第1章 创建个人网站 授课时间 2012年9月10日 课时 3 教学目标 1、了解网站的规划步骤。 2、了解网站的定义。 3、了解目录结构的建立注意事项。 教学重点、难点 网站的定义 能力目标 懂得网站开发的流程 教法 教师指导 学法 理解、思记 教具使用 大屏幕投影演示设备 教学内容与过程 教学内容 教师活动 学生活动 备注 讲授新课 第1章 创建个人网站 导入新课： 随着计算机技术的快速发展和计算机网络的普及，制作网页已经不再是遥不可及的梦想。谁不想在广阔的网络世界里拥有自己的一片天地呢？相信许多人都有自己动手制作网站的想法。本次课我们将介绍网站的开发流程。 讲授新课： 网站开发流程 什么是网站： 网络、规则、软件、特定内容 网站的开发流程： 规划设计（主题、结构、栏目、风格、素材） 制作与发布（站点制作、上传） 更新与维护（更新、维护） 二、个人网站的规划： 需求分析、定位主题和名称、规划网站的栏与目录结构、选择网页制作软件 1、网站题材的选择 如何确定自己网站的主题，一般应该注意以下两点。 主题要简单明确 尽量选择自己擅长或者喜欢的内容作为网站的题材。 2、规划网站的栏目与目录结构 网站目录结构设计好与坏对浏览者来说并没有太大的影响，但是对于网站管理员而言有着重要的意义，好的目录结构便于网站的维护与管理，尤其便于未来内容的扩充和移植。下面是一些建议： 不要将所有文件都放在根目录下 按栏目内容建立子目录 在每个栏目目录下都建立独立的images来保存图像资源 目录的层次不要太深，建议不要超过3层 目录使用英文名称，不要使用中文 不要使用过长的目录名称 学生练习： 在网站的开发流程阶段中，属于制作与发布阶段的是 建立站点 B、素材收集 C、网站更新 D、栏目划分 选A 此题考查的是网站的开发流程 关于网站的创建，以下说法正确的是 网页文件名尽量使用中文、便于记忆 任何服务器对网页文件名均不区分大小写 按网站栏目建立子目录，便于文件的管理 为了便于对图像文件的管理，整个网站最好只建一个images文件夹 网站设计流程的第一步应当是 A、首页设计B、确定网站风格C、确定网站的主题D、确定网站的栏目 选C 在规划网站的目录结构时，应该注意的问题是 A、要将所有文件存放到网站根目录下，便于查找 B、整个网站只能建一个image文件夹，用来存放图片 C、文件夹的层次不要太深，便于维护和管理 D、尽量定义中文文件名，便于记忆 选C 考题回顾： 2007年 网站设计流程的第一步应当是 A、首页设计B、确定网站风格C、确定网站的主题D、确定网站的栏目 （C） 2008年 下列关于设计网页说法正确的是 创建网页时要使用多种色彩，以使网页鲜艳靓丽，吸引浏览者。B、为了保持图像清晰，网页上要尽量使用大型图片。C、因为WAVE格式的音乐播放时不需要插件，所以网页上要尽量使用该格式的文件。D、设计网页时要首先考虑浏览器的兼容性，避免网页在有的浏览器中不能浏览。（D） 2009年 在网站的开发流程中，搜集素材属于哪个阶段 A、规划设计B、制作与发布C、更新与维护D、上传站点 （A） 典型例题解析： 关于网站的创建，以下说法正确的是 A、网页文件名尽量使用中文，便于记忆B、网页文件名不区分大小写C、创建网站的第一步应当是确定网站的主题D、为了便于图像文件的管理，整个网站最好只建一个image文件夹 分析： 大多服务器是基于英文的网页命名，尽量避免使用中文名称，否则可能造成文件找不到或显示错误，部分WEB服务器对大小写有规定，尽量使用小写英文字母。 小结 本节课复习了网站的创建，这是网页制作的基础 思记 教师利用多媒体课件总结 作业 1．看书 2．建立目录的建议 3．网站的定义 4．网站主题选择注意事项 章节 第1章 创建个人网站 授课时间 2012年9月11日 课时 2 教学目标 1、掌握站点的创建过程。 2、掌握站点的编辑、导入、导出操作。 3、了解HTML文档的基本结构。 教学重点、难点 网站的创建过程 能力目标 学会创建一个本地静态站点 教法 教师指导 学法 理解、思记 教具使用 大屏幕投影演示设备 教学内容与过程 教学内容 教师活动 学生活动 备注 讲授新课 第1章 创建个人网站 导入新课： 完成了网站的规划工作，选择了功能强大的制作软件，接下来就要开始个人网站站点的创建了。在此之前，首先回顾一下上节课的内容，找学生回答几个问题。 什么是网站 网站、网页、主页的区别 建立目录注意的事项 网站的开发流程 下面讲授新课 讲授新课： 知识准