Dreamweaver网页设计教案11 - 网页设计.docxVIP

距、边框3.表格的标记table标记、

距、边框3.表格的标记table标记、tr标记、td标记三者的对应位置关系4.表格的基本

S控制区块解css的类型。通过举例详细讲解css规则的各项设置内。先演示css创建的具体步骤，然后让

辑库项目1.3种创建库项目的方法创建的库项目自动保存到站点的library文件夹中，若站点中没有，d

接5.4.2框架网页中设置超级链接的目标打开方式1.相对链接目标：blank、top、parent、

教学

第1章网页设计基础

熟记站标、导航条、广告条、按钮等网页构成要素，以

教学目标与要求

教学重点

教学难点

教学方法

教学课时

第1章

及网页、网站、IP地址、域名、网址等概念；了解网页的本质和网页的布局类型和HTML文档的基本结构，熟练掌握网站建设的基本流程。

重点：站标、导航条、广告条、网页、网站、IP地址、域名、网址等概念，以及网站建设的流程

难点：IP地址、域名、网址，HTML文档的基本结构及

其常见标签

提问、启发、图示、情景教学、案例、课堂讨论

2课时

网页设计基础

导入课程：大家会输入文字、制作和处理图像、设计动画，如何把这些作品放到internet中，让更多的人去查阅和欣赏呢DW就可以制作网页。

1.网页的构成要素和组成元素

网页的构成要素：站标、导航条、广告条、标题栏和按钮；

网页的组成元素：文字、图片、动画（gif、flash）、表单（交互功能）、音频、视频、超链接、表格、框架、导航等。

2.网页相关知识简介基本概念：

网页的本质

网页、网站、主页、互联网

动态网页、静态网页

IP地址、域名、网址（url）、浏览器等概念

提示

以提问的方式引入课程

采用课堂讨论教学法，打开几个典型的网页让同学们讨论总结构成要素和组成元素。

打开一个搜狐主页，保存成不同的类型，让大家看保存的效果，加深对网页本质的理解；

先打开一个网页的源文件，结合网络常识，详细讲解网页的定义，然后略讲网站和主页的概念。并提醒同学理解并记忆这些概念。

以注册和登录邮箱为例，对比讲解动态网页和静态网页的特点和区别。

以平顶山学院和搜狐网站的IP地址与域名为例，简要讲述这两个概念。通过查看分析知名网站的网址引入url的定义和组成，其它概念略讲。提醒学生理解并记忆上述概念。

打开一网页（详细讲解网页布局效果的教程）让学生讨论、分析总结布局类型。

根据学生特点简要讲解ps、flash、fw等软件在网页设计中的功能。打开搜狐主页的源代码，让学生认

，让学生讨论总结超级链接的分类。（8分钟）举例讲解各种方法下超级链接的创建方法和创建步骤，并总结各种确定网站结构如果想要使建站的过程更顺利，就必须事先规划好网站的栏目和结构，这样在后面的制作中才能做到

，让学生讨论总结超级链接的分类。（8分钟）举例讲解各种方法下超级链接的创建方法和创建步骤，并总结各种

确定网站结构如果想要使建站的过程更顺利，就必须事先规划好网站的栏目和结构，这样在后面的制作中才能做到

1.1初步认识行为DW行为的引出行为的概念与行为相关的三个重要部分：对象、事件和动作。认识行为面板8

、引导教学，学生自学为主，教师讲授为辅，简单演示教学课时1课时第12章DW8站点的创建、设置与管理安

网页布局

网页布局的相关概念

常见的布局类型

网站管理与网页制作相关软件

制作和管理网页工具；

制作和优化网页图像工具；制作网页动画工具；

其中Dreamweaver、fireworks、flash这三个软件合称为网页“三剑客”。

其他小工具软件。

HTM言

HTM概念

HTM档的基本结构

几个常见的html标签：html、head、title、style、script、link、meta、body、img、p、font等。

XHTM言简介

脚本语言简介

3.网页的设计理念和配色方案网页的设计理念

色彩的三要素

网页中的色彩心理与网页表现色彩搭配应遵循的原则

4.网站的开发流程

①网站需求分析

②设计制作网站页面

③空间和域名申请④测试和发布网站⑤网站推广

识一下html语言及其结构，然后分别用记事本和dw创建2个最简单的网页，让学生细看其源代码，并详细讲解8个基本标签及其结构关系，最后根据时间酌情讲解其它几个常见标签。

简要讲解这两个概念，然后创建一个网页，复制无缝循环的代码并粘贴到网页的body标签，让学生了解脚本语言的功能。

让学生欣赏插入后的效果，吸引学生dw的相关代码。

结合上网的经验，让学生总结网页的设计理念