《网页制作》项目式教案.docVIP

长汀职业中专学校 教 案 科目：《电商网页制作》 计算机组：张开秀 班级：15电商3、4班 项目一 初始dreamweaver8和建立站点 章 节 项目一\1 初识Dreamweaver 8 课时；2 课时 讲授主 要内容 Dreamweaver 8的基本概况 Dreamweaver 8的功能和作用 Dreamweaver 8的学习方法 Dreamweaver 8的工作界面 Dreamweaver 8工具栏和面板的使用方法 重 点 难 点 Dreamweaver 8的工作界面 Dreamweaver 8常用工具栏和面板的使用方法 要求掌握 的知识点和分析方法 要求掌握Dreamweaver 8的功能和作用、定义站点的基本过程、创建文件和保存文件的方法、Dreamweaver 8 窗口界面、浮动面板组、【标准】工具栏、【文件】面板、【文档】工具栏、【属性】面板、【插入】面板、工作区布局等知识点。 项目主要是让学生对网页制作软件Dreamweaver 8有一个总体认识，并掌握学习Dreamweaver 8的基本方法。在项目中，首先介绍Dreamweaver 8的发展历程、功能和作用，同时欣赏一些优秀网站，然后介绍学习Dreamweaver 8的基本方法，最后介绍Dreamweaver 8的工作界面及其相关知识。 授课思路，采用的教学方法和辅助手段，板书设计，重点如何突出，难点如何解决，师生互动等 1、从网页案例欣赏入手，让学生增强对网页设计与制作这门课程的兴趣，同时增强创业的信心。 2、以情景模拟的方式介绍Dreamweaver 8的功能和作用以及学习方法。 3、以制作一个简单的网页为例（悠悠我心的个人网站），让学生认识Dreamweaver 8的工作界面和工作过程。 4、通过PPT课件讲授基本知识。 5、让学生自己动手制作教学案例，来进一步巩固Dreamweaver 8的使用。 作业布置 打开教师发布的悠悠我心个人网站，巩固Dreamweaver 8的使用 教学反思 通过学习，大部分学生对网页制作这门课产生了浓厚的兴趣。 章 节 项目一\2规划和创建站点 课时；2 课时 讲授主 要内容 创建站点的基本方法 管理站点的基本方法 设置首选参数的方法 创建文件夹和文件的基本方法 重 点 难 点 导入和导出站点的基本方法 设置首选参数的方法 要求掌握 的知识点和分析方法 要求掌握网站制作流程、网页布局的基本方式、定义站点、创建文件夹和文件、设置首选参数等知识点。 项目主要是让学生对使用Dreamweaver 8定义、创建和发布站点有一个总体认识，并学会其基本操作方法。在项目中，首先介绍做好一个网站必须经历的基本过程及网页布局和色彩搭配的基础知识，然后介绍服务器环境的配置以及在Dreamweaver 8中定义和创建站点的基本方法，最后使用Dreamweaver 8发布站点的方法。 授课思路，采用的教学方法和辅助手段，板书设计，重点如何突出，难点如何解决，师生互动等 1、教师讲解网站制作流程、网页布局的基本方式、网页色彩搭配的原理和技巧等基础知识，并演示创建站点的基本过程。 2、通过PPT课件讲授基本知识。 3、让学生自己动手重新制作教学案例。 4、通过实训让学生进一步熟悉所学知识。 作业布置 新建悠悠我心的站点，导出，发送给老师 教学反思 大部分学生都能很好的完成站点建设，对网页制作的基本知识有了进一步的了解 项目二 制作网站首页 任务描述：上一个项目中，创建了“幽幽我心的个人网站”。本项目将在这个站点中进行首页内容的制作，学习如何在网页中添加文本和图像，使用CSS设置文本、图像和页面的样式。任务完成后效果如图所示： 本项具体的教学过程共分为以下五个方面的任务： 任务一 添加首页文本（4课时） 任务二 编辑文本样式 （4课时） 任务三 添加图像 （4课时） 任务四 创建与应用CSS美化网页 （4课时） 任务五 使用代码制作图文网页 （4课时） 任务一 添加首页文本 一、提出任务 1．任务目标 。 。 。。 。 教学难点 。课时. 教学环境 a．“自我介绍”、“青春寄语”和“立志飞翔 ”部分进行段落划分 b．“立志飞翔 ”部分进行强制换行 总结，三种换行方式的特点及其实现方法。 ⑶ 输入连续空格 演示输入连续空格的几种方式。 完成“青春寄语”部分首行缩进的操作。 最后，保存网页。强调及时保存页面是一个好习惯，可以避免断电或系统故障导