当前位置：文档之家 › 《网页设计与制作Dreamweaver-CS6》电子教案

《网页设计与制作Dreamweaver-CS6》电子教案

  • 格式：doc
  • 大小：151.50 KB
  • 文档页数：17

XXX中等职业学校教案

<

适用年级： XXX

课程名称： 网页设计与制作 Dreamweaver CS6

：

任课教师： XXX

XXXX学校计算机专业组 制

第1-4课时 讲授2学时 实践2学时

》

章 节 项目一 认识Dreamweaver cs6

讲授主

要内容 1. Dreamweaver cs6的功能和作用

2. Dreamweaver cs6的工作界面

3. Dreamweaver cs6常用工具栏的使用方法

4. Dreamweaver cs6常用面板的使用方法

】

重 点

难 点 Dreamweaver cs6的工作界面

Dreamweaver cs6常用工具栏和面板的使用方法

要求掌握

的知识点 Dreamweaver cs6的功能和作用、定义站点的基本过程、创建文件和保存文件的方法、

Dreamweaver cs6 窗口界面、浮动面板组、【标准】工具栏、【文件】面板、【文档】工具栏、【属性】面板、【插入】面板、工作区布局

.

教学过程

1、从百度、京东、天猫等贴近学生生活实际的网页入手简介页面，介绍Dreamweaver cs6的功能和作用。

2、简介Dreamweaver cs6的安装、删除方法；

3、学生亲自安装Dreamweaver cs6软件。

4、让学生自己动手制作教学案例，来进一步巩固Dreamweaver cs6的使用。

作业布置 作业：一～四

'

主 要

参考资料 《网页设计与制作——Dreamweaver cs6》，王君学、田明编著，人民邮电出版社

备注

…

第5-10课时 讲授2学时 实践4学时

章 节 项目二 创建和管理站点

讲授主

要内容 1. 设置首选参数的方法

2. 创建站点的基本方法

3. '

4. 管理站点的基本方法

5. 创建文件夹和文件的基本方法

重 点

难 点 设置首选参数的方法；

创建和管理站点的基本方法；

要求掌握

的知识点 @

设置首选参数、创建站点、编辑站点、删除站点、导入和导出站点、创建文件夹和文件的方法、在站点地图中链接文件

教学过程

1、 教师讲解站点的含义；

2、 演示创建一个站点的基础操作步骤；

2、通过PPT课件讲授基本知识。

3、让学生自己动手重新制作教学案例。

4、通过实训让学生进一步熟悉所学知识。

—

作业布置 作业：一～四

主 要

参考资料 《网页设计与制作——Dreamweaver cs6》，王君学、田明编著，人民邮电出版社

备注

~

第11-16课时 讲授2学时 实践4学时

章 节 项目三 文本──编排奥斯卡网页

讲授主

】

要内容 1. 设置页面属性的方法

2. 设置文本字体、大小和颜色的方法

3. 设置段落、换行和列表的方法

4. 设置文本样式和对齐方式的方法

5. 设置文本缩进和凸出的方法

6. 插入水平线和日期的方法

重 点

…

难 点 设置文本字体、大小和颜色的方法

设置段落、换行和列表的方法

要求掌握

的知识点 创建网页文件的基本方法、添加文本的基本方式、分段和换行、定义和应用文档标题格式、文本的对齐方式、通过【页面属性】对话框设置文本属性、通过【属性】面板设置文本属性、文本样式、列表的应用、文本的缩进和凸出、网页背景和页边距、插入水平线、插入日期、设置浏览器标题

教学过程

%

1、教师演示教学案例。

2、通过PPT课件讲授基本知识。

3、让学生自己动手重新制作教学案例。

4、通过实训让学生进一步熟悉所学知识。

作业布置 作业：一～四

主 要

参考资料 ！

《网页设计与制作——Dreamweaver cs6》，王君学、田明编著，人民邮电出版社

备注

<

第16-21课时 讲授2学时 实践4学时

章 节 项目四 图像和媒体——编排新闻网页

讲授主

要内容 1. ·

2. 网页中常用图像的基本格式

3. 设置网页背景图像的方法

4. 在网页中插入图像占位符的方法

5. 在网页中插入图像和设置图像属性的方法

6. 在网页中插入Flash动画的方法

7. 在网页中插入图像查看器的方法

8. 在网页中插入ActiveX视频的方法

重 点

】

难 点 在网页中插入图像和设置图像属性的方法

在网页中插入Flash动画的方法

在网页中插入ActiveX视频的方法

要求掌握

的知识点 网页中图像的作用和常用格式、设置背景图像、插入图像占位符、插入图像、设置图像属性、图文混排、插入Flash动画、设置Flash动画属性、插入图像查看器、在网页中播放WMV视频文件、在网页中播放RM视频文件

教学过程

*

1、教师演示教学案例。

2、通过PPT课件讲授基本知识。

3、让学生自己动手重新制作教学案例。

4、通过实训让学生进一步熟悉所学知识。

作业布置 作业：一～四

主 要

^

参考资料

《网页设计与制作——Dreamweaver cs6》，王君学、田明编著，人民邮电出版社

备注

[

第22--27课时 讲授2学时 实践4学时

章 节 项目五 超级链接──设置188导航网页

讲授主

要内容 9. &

10. 超级链接的种类

1. 设置文本和图像超级链接的方法

2. 设置图像热点超级链接的方法

3. 设置电子邮件超级链接的方法

4. 设置锚记超级链接和空链接的方法

5. 设置鼠标经过图像和导航条的方法

重 点

难 点 "

设置文本和图像超级链接的方法

设置图像热点超级链接的方法

设置电子邮件超级链接的方法

设置锚记超级链接和空链接的方法

要求掌握

的知识点 设置文本超级链接的方法、设置空链接的方法、设置文本超级链接的状态、超级链接的种类、图像超级链接、图像热点超级链接、鼠标经过图像、导航条、设置电子邮件超级链接的方法、设置锚记超级链接、插入Flash文本、插入Flash按钮

教学过程

…

1、教师演示教学案例。

2、通过PPT课件讲授基本知识。

3、让学生自己动手重新制作教学案例。

4、通过实训让学生进一步熟悉所学知识。

作业布置 作业：一～四

主 要

.

参考资料

《网页设计与制作——Dreamweaver cs6》，王君学、田明编著，人民邮电出版社

备注

》

第28-37课时 讲授4学时 实践6学时

章 节 项目六 表格──布局网上花店主页

讲授主

要内容 1. .

2. 表格的组成和作用

3. 创建和编辑表格的方法

4. 设置表格和单元格属性的方法

5. 使用表格布局网页的方法

重 点

难 点 创建和编辑表格的方法

设置表格和单元格属性的方法

"

使用表格布局网页的方法

要求掌握

的知识点 表格的概念、插入表格、选择表格、设置表格属性、设置单元格属性、在表格中增加行或列、选择单元格、选择表格的行、列、合并单元格、拆分单元格、删除表格的行或列、使用表格模板格式化表格、表格排序、表格式数据的导入或导出

教学过程

1、教师演示教学案例。

2、通过PPT课件讲授基本知识。

<

3、让学生自己动手重新制作教学案例。

4、通过实训让学生进一步熟悉所学知识。

作业布置 作业：一～四

主 要

参考资料

《网页设计与制作——Dreamweaver cs6》，王君学、田明编著，人民邮电出版社

￥

备注

]

第38--41课时 讲授2学时 实践2学时

章 节 项目七 框架──布局都市社区网页

讲授主

要内容 1. 框架和框架集的概念

2. 【

3. 创建框架和框架集的方法

4. 编辑框架和框架集的方法

5. 设置框架和框架集属性的方法

6. 设置框架中链接目标窗口的方法

重 点

难 点 创建框架和框架集的方法

编辑框架和框架集的方法

!

设置框架和框架集属性的方法

合集下载

网页设计与制作电子教案

网页设计与制作电子教案

精选文库

-- 电子教案

课程： 第1章 网页制作基础

课时内容 网页制作基础 授课时间 学时数 2

教学目标  了解HTML的组成和语法

 了解网页制作的常用软件

 掌握网页制作软件的启动和退出方法

教学重点 网页制作的一些基本知识

教学难点 HTML的组成和语法

教学设计 1、 教学思路：首先，让同学们说说他们对网页的一个认识。然后进行系统地介绍网页是什么，由哪些部分组成，还有网页制作时所需掌握的一些基础知识和制作网页时常用到的一些软件。最后学习网页制作软件的启动和退出方法。

2、 教学方法：先登录一些常用的网站，让同学们看一些网页，然后让同学们说下他们度网页的认识，最后才开始讲解本周内容。

3、 教学手段：利用多媒体并结合网络进行教学。

4、 教学资料及要求：课前要求学生先大致浏览本书内容，对本书所要讲解的内容有个基本的了解。

教学内容

讨论问题：1、什么是网页？

2、网页的基本组成部分是哪些？

3、网页有什么作用？

第1章 网页制作基础#

1.1 网页制作基础知识

1.1.1 网页简介

1.1.2 什么是HTML

1.1.3 HTML的组成结构及语法

1.1.4 应用举例——使用记事本编写网页

1.2 网页制作的常用软件

1.2.1 图形图像处理软件

1.2.2 动画制作软件

1.2.3 网页布局软件

1.2.4 软件配合及制作流程

1.2.5 应用举例——实战网页制作流程

1.3 网页制作软件的启动与退出

1.3.1 网页制作软件的启动

1.3.2 文件的打开

1.3.3 网页制作软件的退出

1.3.4 应用举例——启动并退出

Photoshop CS3

1.4 上机及项目实训

1.4.1 Flash CS3的启动与退出

1.4.2 制作“蓝莲花”网页 精选文库

-- 1.5 练习与提高

《网页设计与制作Dreamweaver CS6》电子教案

《网页设计与制作Dreamweaver CS6》电子教案

《网页设计与制作 Drramweaver CS6 电子教案》

1 / 16

XXX中等职业学校教案

适用年级： XXX

课程名称： 网页设计与制作 Dreamweaver CS6

任课教师： XXX

XXXX学校计算机专业组 制 《网页设计与制作 Drramweaver CS6 电子教案》

2 / 16

第1-4课时 讲授2学时 实践2学时

章 节 项目一 认识Dreamweaver cs6

讲授主

要内容 1. Dreamweaver cs6的功能和作用

2. Dreamweaver cs6的工作界面

3. Dreamweaver cs6常用工具栏的使用方法

4. Dreamweaver cs6常用面板的使用方法

重 点

难 点 Dreamweaver cs6的工作界面

Dreamweaver cs6常用工具栏和面板的使用方法

要求掌握

的知识点 Dreamweaver cs6的功能和作用、定义站点的基本过程、创建文件和保存文件的方法、

Dreamweaver cs6 窗口界面、浮动面板组、【标准】工具栏、【文件】面板、【文档】工具栏、【属性】面板、【插入】面板、工作区布局

教学过程

1、从百度、京东、天猫等贴近学生生活实际的网页入手简介页面，介绍Dreamweaver cs6的功能和作用。

2、简介Dreamweaver cs6的安装、删除方法；

3、学生亲自安装Dreamweaver cs6软件。

4、让学生自己动手制作教学案例，来进一步巩固Dreamweaver cs6的使用。

作业布置 作业：一～四

主 要

参考资料 《网页设计与制作——Dreamweaver cs6》，王君学、田明编著，人民邮电出版社

备注 《网页设计与制作 Drramweaver CS6 电子教案》

Dreamweaver网页设计制作电子教案2墨攻网页制作

Dreamweaver网页设计制作电子教案2墨攻网页制作

项目名称: 墨攻网页制作

项目 墨攻网页制作 课型 新授 授课日期

项目

目标 知识目标 1、掌握Dw的窗口组成

2、掌握水平线的插入和修改

3、掌握Dw面板组的构成

能力目标 1、能熟练掌握安装Dw，设置页面属性

2、能独立完成墨攻网页的制作

德育目标 1、培养学生分析解决问题的能力

2、培养学生自主学习，创新思考的意识

3、培养学生团队协作的精神

项目

分析 项目重点 Dw的概述和基本设置

项目难点 Dw的基本设置和墨攻网页的制作

项目要求 要求同学们能够熟练掌握 Dw的概述和基本设置

任务内容 1、Dw的概述

2、Dw的基本设置

3、墨攻网页的制作

教学

方法 演示法、任务驱动法、启发式教学

课前准备 1、 按8s标准，课前清扫、清洁、整理、整顿

2、 教师清点人数、查鞋套、收手机

教学

环节 教学内容 教师

活动 学生

活动 设计

意图

情景设置

项目导入

一、导入

。

学生根据最终的效果图先讨论再进行制作

任务一 墨攻网页的制作

基本步骤：

1、 页面表格结构布局

2、 图片的添加

3、 页面基本属性的设置

4、 网页保存预览

任务二 面板组的修改

一、Dreamweaver 窗口界面

多媒体软件展示最终的效果图，并让学生注意观察这个网页的布局结构

。

通过设置问题让学生一步步进入课程

学生讨论网页风格，并进行总结

以效果图导入提高学生兴趣

通过学生自己操作查询，让学生养成自主学习的习惯

学生自己总结工作面板的组成

1、浮动面板组

在Dreamweaver窗口中的工具栏或各种面板，可以通过鼠标操作将它们从窗口中脱离出来成为浮动工具栏或面板。浮动面板的显示与隐藏命令都集中在主菜单栏中的【窗口】菜单中。

2、【标准】工具栏

选择主菜单中的【查看】／【工具栏】／【标准】命令显示【标准】工具栏。

以学生自学为主，在巡回知道中发现存在的问题，统一讲解

锻炼同学们的自主学习能力

锻炼同学们的自主学习能力

网页设计与制作(Dreamweaver CS6)教案(第2版 杨杰版)

网页设计与制作(Dreamweaver CS6)教案(第2版 杨杰版)

隆昌市城关职业中学教案

授课教师 郑昌全 授课班级 高2018级电子商务班

课题 网页设计基础 课时 2

课型 理论课 授课日期

教学目标 1、知识与技能目标：了解网站、网页的基本概念；了解WWW服务的基本概念及工作原理；

2、过程与方法目标：了解网页色彩搭配的原则；

3、情感态度与价值观： 培养严谨的科学态度

教学重点 网页的基础知识。

教学难点 网页的配色方案。

教学方法 讲授

教具与

学具准备 一体机

教学过程 一．Internet概述

Internet，中文名称为“因特网”或“国际互联网”，是利用通信线路和通信设备将世界各地的计算机网络、主机和个人计算机互相连接起来，在网络协议控制下所构成的全球互联网系统。

Internet提供的服务主要包括万维网（WWW）、电子邮件（E-Mail）、文件传输（FTP）、远程登录（Telnet）等。

从每天的新闻报告、天气资讯，到在线音乐、网络视频、QQ、微博、微信，机票预订、旅馆安排、网上购物、证券交易等活动，网络已经渗透到我们生活的各个角落。

二．WWW服务

WWW 是 World Wide Web的缩写，也称为“万维网”。WWW是一种基于HTTP的交互式多媒体信息检索工具。

WWW服务采用客户机/服务器工作模式，由WWW浏览器、Web服务器和WWW协议组成。用户通过客户端的浏览器，向Web服务器发出URL请求，Web服务器接收并处理用户请求后，将网页返回给客户端，浏览器接收到网页后对其进行解释，最终呈现给用户。

WWW浏览器是专门来定位和访问Web信息的应用程序。常用的浏览器软件包括Microsoft公司的Internet Explorer和Netscape公司的Navigator。

三．Web站点和网页

Web站点，又称为网站，是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合，其运作原理如图所示。