《中文版Dreamweaver网页制作案例教程[2021版]》教案 项目二 网站规划与站点创建.docx

PAGE6

PAGE6

PAGE7

PAGE7

课题

项目二网站规划与站点创建

课时

8课时（360min）

教学目标

知识技能目标：

（1）熟悉网站规划的主要任务

（2）熟悉Dreamweaver2021的工作界面

（3）熟悉Dreamweaver2021的首选项设置

（4）能够根据网站的实际需求制作网站规划书

（5）能够使用Dreamweaver2021创建并管理站点与文件

素质目标：

在生活与学习中认真努力，树立为社会发展添砖加瓦的远大志向

教学重难点

教学重点：网站规划的主要任务、Dreamweaver2021的工作界面和首选项设置

教学难点：根据网站的实际需求制作网站规划书、使用Dreamweaver2021创建并管理站点与文件

教学方法

案例分析法、问答法、讨论法、讲授法

教学用具

电脑、投影仪、多媒体课件、教材

教学过程

主要教学内容及步骤

课前任务

【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件，完成课前任务

请大家预习本节课内容，了解网站规划的相关知识。

【学生】完成课前任务

考勤

【教师】使用APP进行签到

【学生】班干部报请假人员及原因

互动导入

【教师】组织学生扫码观看“常见的网站类型”视频，并讨论以下问题：

（1）常见的网站类型有哪些？

（2）“科技学院”网站是哪种类型的网站？

【学生】观看、思考、讨论、举手回答

【教师】总结学生的回答

传授新知

【教师】通过学生的回答，引入新知，讲解网站规划、网站规划书等知识

一、网站规划

网站规划是指在建立网站之前，对网站的目标、受众、内容、功能、设计、技术实现、推广等进行全面策划和安排的过程。这一过程旨在确保开发的网站能够满足客户的需求，实现网站的预期目标，并为网站的长期发展提供指导。网站规划的主要任务包括以下几个方面。

（1） 确定网站的发展战略。……（详见教材）

（2） 设计与规划网站的内容。……（详见教材）

（3）确定网站开发的流程。……（详见教材）

（4） 制订网站开发的资源分配计划。……（详见教材）

二、网站规划书

网站规划书是指根据网站规划过程中确定的内容制作的文档，用于指导网站的开发、实施和运营。网站规划书通常包括以下内容。

（1） 市场分析。……（详见教材）

（2） 网站的目的和功能。……（详见教材）

（3） 网站的内容。……（详见教材）

（4） 技术解决方案。……（详见教材）

（5） 网站的开发计划。……（详见教材）

（6） 网站的推广与维护更新。……（详见教材）

（7） 风险评估和应对策略。……（详见教材）

（8） 预算和资源分配。……（详见教材）

（9） 项目时间表。……（详见教材）

（10）其他注意事项。……（详见教材）

?【教师】提出问题：

按照本节课的内容，做一份关于本校的网站规划表。

?【学生】思考，讨论，制作表格，展示

【学生】聆听、思考、理解、记录

任务实施

【教师】讲解制作“科技学院”网站规划书的步骤，并要求学生编写网站规划书

步骤1?确定网站的目的和功能。“科技学院”网站是面向全校师生及社会各界所有关心学院发展人员的公益性服务型网站，旨在帮助师生了解学院最新动态，为教育教学提供服务，实现学院优质资源的共享。

步骤2?确定网站的内容。根据学院的实际情况，参考学院类网站的设计思想，将网站内容划分为学院风采、新闻动态、通知公告、招生就业、在线论坛、师资力量、人才引进等栏目，并确定该网站整体采用简单大气的设计风格与严谨、淡雅的配色方案。

步骤3?确定技术解决方案。根据学院实际情况选择云服务器与内容管理系统，并使用MySQL数据库管理数据。前端语言使用HTML5、CSS3与JavaScript，后端语言使用Java。

步骤4?确定网站开发计划。根据实际情况明确开发周期为3个月，开发过程中的工作包括设计页面、效果图切片、设置站点、制作结构层、制作样式层、制作行为层、测试上传网站等。

……（详见教材）

【学生】聆听、思考、按要求编写网站规划书，如遇问题可询问教师

【教师】巡堂辅导，及时解决学生遇到的问题

互动导入

【教师】组织学生扫码观看“Dreamweaver2021的特点”视频，并讨论以下问题：

（1）Dreamweaver2021有哪些特点？

（2）与其他网页开发工具相比，Dreamweaver2021的优势有哪些？

【学生】观看、思考、讨论、举手回答

【教师】总结学生的回答

传授新知

【教师】通过学生的回答，引入新知，讲解Dreamweaver2021的工作界面和首选项设置，创建并管理站点，以及在站点中创建并管理文件的相关知识

一、Dreamweaver2021的工作界面

【教师】利用多媒体展示“Dreamweav