4.1规划网站.doc

4.1规划网站 教学目标： 了解网站建设的基本步骤 体验规划网站的过程 对自己的主题网站有较为详尽的规划 课前准备：多媒体教室教学平台 设置网络环境：无 教学课件：课件 板块 教师活动的问题串设计 学生活动串设计 目标达成反馈串设计 导入 新授 打开几个不同类型的优秀网站，让学生欣赏，教师指出各网站的设计风格、整体规划、素材的运用、颜色的运用等特点，引发学生兴趣，并指出其实这些网站我们都能制作，并有可能比它们做得更好，增加学生学习网站的信心。 教师提出问题：什么是网站？网站的构成元素有哪些？ 一、基本概念讲解 教师花几分钟时间给学生讲解网站、网页、主页、网站结构等基本概念。 二、需求分析 打开幼儿园网站和中学网站，思考网站建立的目的和面向对象 实践一：课本P75表4-1网站需求分析表 三、选择网站主题 例如中学生原创文学网站，表现什么样的主题 实践二：打开你喜欢的网站，作简单介绍，填表4-2 教师小结：网站题材一般遵循原则： 1、主题小而精 2、题材是你擅长和喜爱的内容 四、确定网站名称 例如：网易、搜狐 阅读课本P76页 教师小结： 确定网站名称：1、要与主题紧密相关 2、要有意义 3、要上口、悦耳、易记 五、选择网站制作工具 1、网页制作工具 第一类是源代码型编辑工具 代表产品有HotDog、HomeSite、EditPlus等。 第二类是“所见即所得”编辑工具 代表产品有FrontPage、Dreamweaver等。 2、HTML语言 A、HTML语言（超文本标记语言）：是万维网上的通用语言。 例如：，查看源代码 HTML文档本身就是文本格式的文件，所以HTML代码可以用记事本、写字板、word等文本编辑软件编辑，编辑完后保存时注意把文件的扩展名改为.htm或.html B、HTML基本结构 html head title标题/title /head body /body /html 实践三：打开记事本： 输入HTML的基本结构，保存到桌面上，类型是：“所有文件”，文件名：***.htm C、常用标签介绍 p /p 表示段落 font face=“ ” size=“” color=“ ” font设置字体 hr 水平线 br 回车换行 table 表格 tr 表行 td /td 单元格 /tr /table marquee /marquee 滚动字幕 实践四：打开作业要求，修改你的网页 1、复制以下文字到body区域，并用p /p标记进行分成三段，每段后面加个水平线hr 村妇想像皇宫的生活：皇后得用金扁担挑水吧。 问：谁是世界上最可怜的人？答：炮兵连炊事班战士！问：为什么？答：戴绿帽背黑锅看别人打炮。 初中某数学老师讲方程式变换，在讲台上袖子一挽大声喝道：同学们注意！我要变形了！…… 2、第一段文字设置字体为 黑体 字体大小为20 颜色为绿色 font /font 3、第二段文字设置为斜体 加粗 i /i b /b 4、第三段中“我要变形了!”设置为滚动字幕 marqee/marqee 5、保存文件名：学号和姓名.htm，并提交文件 观察思考 倾听 学生阅读讨论 观察思考 实践思考 实践思考 阅读思考 倾听 倾听 观察 倾听 实践操作 独立思考后同桌交流 学生代表发言 学生代表发言 学生代表发言 教师指导、点拨 教师巡视；学生典型问题分析 课后反思 1