Dreamreaver网页制作入门

第一章Dreamreaver8网页制作入门
一、握课题：入门知识
二、掌握重点和难点：输入文字及简单编排
三、掌握目的和要求：简单的网页编排
四、新授：
1、Dreamreaver概述：
Web站点
Web页
Web应用程序进行设计，编码和开发
2、界面认识
①启动
②标题栏
插入栏
工具栏属性面板
3、文件管理
基本页
动态页
4、编辑文本P25
第二节认识文本描述语言
一、授课课题：HTML语言
二、授课重点和难点：认识常用的HTML语言
三、授课目的和要求：认识常用的HTML语言
四、新授：
1、什么是HTML语言？
是一种以标识符来标识，排列对象，〈〉为标识，〈〉内的容容为元素。

2、HTML的一般格式：
①〈元素〉对象〈/元素〉
〈H2〉这里是H2字体〈/H2〉
②〈标记属性1=参数1，属性2=参数2></标记〉
〈p><a href=” file:///D:/2.htm”>2</a></p〉
网页文件名链接名
③〈元素〉
〈h1〉jjj
3、常用的HTML文件：P24
①主题：〈Title〉〈/Title〉明确主题
②H1、H2、标题字
〈p><font color=”#FFOOFF”>eee</font〉
③〈P〉〈/P〉段落换行〈Br〉
④列表
⑤字体
3、标签的属性：
属性是用来描述对象特征的
所有属性放置在开始标签的尖括号，属性与标签之间用空格分隔，属性值放在相应属性之后用等分号分隔，不同属性这间用空格分隔。

1、bgcolor 网页背景颜色
2、background 使用背景图片
3、bgpropaties 背景水印图像
4、text：设置正文颜色
link：设置已被访问的超链接的颜色
vlink：设置已被访问过的超链接的颜色
alink：设置活动超链接的颜色
5、表格中 bgcolor属性
〈 table〉表格的背景颜色
〈td〉行颜色
〈th〉〈！……！T……〉注释
6、HTML源代码的基本操作：
（1）自动换行代码自动换行
行数
编辑网页中的文本
一、创建文本
二、划分段落与分行
Shift+
文本插入标签
三、插入空格符插入插特殊字符插入日期（常用）
HTML标签水平线
三、属性设置
字体编辑字体列表编辑字体列表可用字体确定
字体大小，颜色，粗体，斜体加号添加减去添加
四、文本段落属性的设置：
①属性：格式、段落、标题1……文本
②设置段落的对齐方式：左、居中、右、两端
③……缩进方式：右缩进文本凸出
编辑网页
一、授课课题：编辑网页
二、授课目的和要求：利用表格丰富文字与图片图像编辑
三、授课重点和难点：表格的利用
四、新授
1、表格的作用：可以由行列组成，将文字和图形排列多样化
2、创建表格：查看可视化助理表格宽度（操作中包含显示表格的刻寸）
常用表格：行列
宽度、高度、填充
粗细：1、0
页眉：该区域用于设置表头的位置：无、右……
3、表格的属性设置：表格属性；单元格属性；
1、选择表格：修改表格选择表格
〈table〉也可选中
2、属性：1D标识，引用该表格
3、套用表格样式：命令格式化表格选择样式确定
4、输入输出表格
（1）输入表格：Excel 文件文件保存另存为：文本文件（制表符分隔）OK
（2）布局表格数据导入表格数据数据文件：OK
5、使用布局表格：布局布局
绘制布局单元格：在页面的空白区域或布局表格内绘制表格的单元格
网页中图像的应用
一、课课题：网页中图像的应用
二、授课目的和要求：掌握图像的类型、占位符、属性、图像地图、网站相册……
三、授课重点和难点：属性设置；方式；
四、新授：
1、网页中图像的类型：
作用：图像是网页中不可缺少的部分，能够传递独特的信息，直观地说明问题。

类型：①Gif 可以是静态图片，也可以是动画，支持透明背景（图形交换格式）只支持256色
②jpeg联合图像专家组标准，支持24位真彩色
③PNG图像（可移植网络图形）一种替代GIF格式的无专利限制格式Pineworik的
默认格式
2、使用图像占位符、编辑网页、最终图形添加到网页、之前使用的单色图形、框架建
好后，用图像替掉
常用图像图像占位符
参数：替换文本：输入图像信息：浏览时图像无法显示，该区域出现文字信息。

源文件：图像文件
3、图像插入：属性：替代文本、边框、裁剪。

4、建立鼠标经过图像：
（自动替换图像）
5、设置图像地图：一幅图像中创建多个链接区域至目的地，这种区域称为热点。

6、创建网络相册
（命令站点创建网站相册OK
Css样式（层叠样式表）
一、授课标题：Css样式
二、授课目的和要求：建立、使用样式、掌握不同的过滤器
三、授课重点和难点：样式的使用
四、新授：一系列格式的规则，可以很灵活的控制网页的外观。

1、新建Css样式：
窗口Css样式附加样式表
新建Css样式
删除Css样式
选择类型：
类型：应用文本范围或文本块的自定义样式。

以开头
标签：重新定义特定标签的外观
高级：为具体某个标签组合或所有包含特定
（1）属性的标签定义格式
a：active：超链接等待时
a：hover：移动鼠标指针到超链接上时
a：link：超链接连接时
a：visited：已访问过超链接时
图像处理：
Alpha(opacity=60，Finish Opacity=30,Style=2，StartX=50，StartY=30,FinishX=750，FinishY=570)
剧情介绍：
Alpha(opacity=50，Finish Opacity=50,Style=1，StartX=0，StartY=0,FinishX=20，FinishY=20)
主要演员：
Dropshadow（color=#FF000 OffX=3 OffY=3,Positoive=60）
精彩片断：
Blur(Add=1 Direction=135 Strength=6)
主题音乐：
Wave(Add=0 Freq=2 Light strength=10 Phase=3 Strength=3)
蓝色论坛：
Glow(color=FF000# Strength=100)
行为的使用（理论、练习、2节）
一、新授课题：行为的使用
二、新授的目的和要求：行为的认为及使用
三、新授重点和难点：行为的使用
四、新授
（一）行为的作用：使用行为，可以实现访问者与Web之间的交互，并能以多种方式与该网页互动或引起某引起任务的执行
（二）什么是行为？（概念）
1、构成：由事件和动作完成
概念：动作：预先编写的JavaScript代码组成，可以执行特定的任务，如打开浏览器窗口，显示或隐藏层……
行为：被规定附于页面上某个特定的元素，可以是一个文本链接，图像等，不同
的事件触发动作各不相同。

2、在Web页上添加行为分为以下4个步骤
①选择标识：所有行为被连接到特定的网页元素上
②选择目标浏览器，不同浏览器和不同的浏览器版本支持不同的事件
③选择一个动作：只元件特定页面的动作处于激活状态
④输入参数，灵活的反应动作
三、认识常用事件和行为？
事件：用于指明执行某项动作的条件，如：鼠标移动对象上方，离开对象，单击……
动作（行为）：执行特定已写好的JavaScript……
NS 代表：Netscape浏览器
IE代表：Internet Explorer浏览器
常用事件
On Click：单击元素触发该事件，如超链接，图片、影……
On Error：在页面或图片发生装载错误时，触发该事件
On Load：图片或页面完成装载后触发该事件
On Mouse Down
On Morse More
On Mouse Out
On Mouse Ouer：鼠标指针首次移动指向特定对象时
On Mouse Up
On Scroll：滚动条
On Submit：表单触发事件
四、常用的动作
1、曳层
2、到URL
3、跳转菜单括入表单跳转菜单
4、播放声音
5、弹出消息
6、预先载入图像
7、设置层文本
8、设置状态栏文本
9、显示/隐藏层
10、交换图像
11、转到时间帧播放、停止时间轴
五、认识行为面板
查看已设置完毕的事件
显示查看所有事件
作业：弹出消息窗口打开窗口
交换图片下拉菜单
设置状态文字拼图
交互式表单的应用
一、授课课题：交互式表单的应用
二、授课的目的和要求：应用的表单
三、授课重点和难点：应用表单
四、新授：
（1）表单域：网页中的表单由表单域和表单对象构成。

包含各个表单对象的区域表单对象：网页中用来进行表单交互的各个工具
属性：名称：
动作：该表单的动态或脚本的路径
方法：将表单数据传输到服务器的方法
Post：将HTTP请求嵌入表单元数据
Get：将值附加到请求该页的URL中
默认方法：将表单数据发送到服务器
（2）创建表单对象：文本区域、文件域、列表/菜单、跳转菜单、单选、复选、按钮属性：文本域：设置文本域的名称
字符宽度：最多显示字符数24个
关：①单行②多行③密码
初始值：打开网页时显示的默认文本
（3）创建单选按钮
（4）创建列表和菜单
（5）创建跳转菜单
框架的使用
一、授课课题：框架的使用
二、授课目的和要求：框架的跳转
三、授课重点和难点：框架参数保存
四、新授
（一）框架的作用
（二）框架的建立
布局框架
（三）框架的参数
—Bleak 打开一个新的窗口，并且链接在新窗口中
—Parent 框架的上一层窗口中显示
—Self 同一个框架内显示网页
—Top 清除框架，原窗口显示链接网页
（四）框架的保存
网页、网页框架
（五）作业：制作含框架内的跳转
站点2节
一、授课课题：站点
二、授课目的和要求：站点
三、授课的重点和要点：站点的建立、管理
四、授课：
（一）建立动态站点的基础知识
①网络：是通过一定形式连接起来，可以互相通信的一组计算机
②因特网：由无数局域网和广域网共同组成的，全球公用使用TCP/IP通信协议的一个计
算机系统
③万维网：World、Wide、Web是因特网上的超文本系统，此文件通过一个称为“网页浏
览器”的程序的服务器获取网页，并在电脑屏幕上显示出来
URL 统一资源定位器：在万维网上每个 web页都有一个特定的地址
④关于服务器：它是可以提供某种功能的软件（或程序）安装了这个行定服务器程序的
计算机就成为具有包个服务功能的服务器
⑤什么是网页，什么是网站？
网页：含有文字、图像文件、超链接等元素，要通过网页浏览器来阅读
网站：指因特网上，根据一定的规则，使用HTML等工具制作用于民展示特定内容的
相关网页的集合
⑥静态网页的特点
网址形式：*·htm *·html *·shtml *·xml
特点：每个静态网页都有一个固定的 VIRL，内容固定，容易被引擎收索，无数据库，
交互性差，功能受限
⑦动态网页的特点
网址形式：*·asp *·jsp *·php *·peil*·egi含？
特点：以数据库以技术为基础，可实现交互性，用户请求时才能生成一个完整的网页（二）Dreamneaver中站点的含义：
可以利用Dreamneaver将站点上传到Web服务器自动跟踪和维护链接，管理文件及共享
文件
本地机器的服务器文件夹
（三）建立站点：
启动Dreamneaver Dreamneaver站点站点名称：服务器技术
设置文件的编辑方法和站点的存储位置保存位置：
C:\imetpub\wwwroot\tfm下一步进入测试文件对话框：
http://Local host/ 是使用VRL形式表示服务器文件夹位置
指向的是当前：c:\ inetpub]wwwroot\共享位置ＯＫ
服务器自身的路径表示方式
（四）上机练习建立动态页，建立数据库与网页链接
模板
一、授课标题：模板
二、授课重点和难点：建立、使用、修改模板
三、授课目的和要求：建立、使用、修改模板
四、新授：
１、模板含义：
２、建立站点、建立模板
３、样式使用、框架
４、使用模板
５、修改模板
６、作业：建立使用模板
时间轴的使用（选修）
一、授课课题：时间轴的使用
二、授课重点和难点：时间轴
三、授课目的和要求：时间轴动画控制
四、新授：
１、什么是时间轴？
２、时间轴的使用？
３、层的行为控制
４、设置动画。