29
Dreamweaver 的的的 主主主主

Dreamweaver 的使用

  • Upload
    hisa

  • View
    133

  • Download
    0

Embed Size (px)

DESCRIPTION

Dreamweaver 的使用. 主讲教师 杨 薇. Dreamweaver 的主要内容简介. 窗体简介 网页创建的基本过程 表格 框架 层 表单. Dreamweaver 的功能. 它是一种所见即所得的编辑软件,简单易用 , 在制作网页时自动生成了 HTML 代码,同时也提供了编辑 HTML 代码的功能,大大方便了习惯使用 HTML 代码编辑网页的用户。. Dreamweaver 的界面. 浮动面板. 对象面板. 属性面板. 状态栏. 对象面板与属性面板. - PowerPoint PPT Presentation

Citation preview

Page 1: Dreamweaver 的使用

Dreamweaver 的使用

主讲教师

杨 薇

Page 2: Dreamweaver 的使用

Dreamweaver 的主要内容简介

窗体简介 网页创建的基本过程 表格 框架 层 表单

Page 3: Dreamweaver 的使用

Dreamweaver 的功能

它是一种所见即所得的编辑软件,简单易用 , 在制作网页时自动生成了HTML 代码,同时也提供了编辑 HTML

代码的功能,大大方便了习惯使用 HT

ML 代码编辑网页的用户。

Page 4: Dreamweaver 的使用

Dreamweaver 的界面

对象面板属性面板

浮动面板

状态栏

Page 5: Dreamweaver 的使用

对象面板与属性面板 对象面板和属性面板是制作网页时使用

最多的工具,因为需要放置在网页中的绝大多数内容可以由“对象”面板方便快捷地插入,而属性面板则是对象面板的最好搭档。

Page 6: Dreamweaver 的使用

对象面板分为六个子面板:– 表单– 框架– 字符– 文件头– 特殊– 隐藏

Page 7: Dreamweaver 的使用

制作网页的一般过程 新建网页 指定网页标题 保存网页 编辑、修改、浏览网页

Page 8: Dreamweaver 的使用

实例

Page 9: Dreamweaver 的使用

表格的使用

建立页面设置表格的行与列数设置表格其它属性输入表格数据保存

Page 10: Dreamweaver 的使用
Page 11: Dreamweaver 的使用

框架

框架用于网页划分为几个区域,各个区域是一个独立的显示窗口,这样可以在不同的显示区域显示不同的文件,框架最普通的用途是将页面划分为一个导航区域、一个标题区域和一个内容区域。

Page 12: Dreamweaver 的使用

框架的划分也要适度,如果划分过多,将会使屏幕显示的各个区域变小,浏览内容变得困难,而且页面也显得比较分散,因此创建框架结构的网页以 2—3 个最好。

Page 13: Dreamweaver 的使用

创建框架的方法

1. 新建页面2. 打开创建框架对话框3. 选择创建框架的位置4. 输入内容5. 保存框架(用保存所有框架命令)

Page 14: Dreamweaver 的使用

框架的种类

Page 15: Dreamweaver 的使用

框架实例

Page 16: Dreamweaver 的使用

层的使用

层是页面中包含网页元素的一种容器,通过层的使用,可以增强对页面的控制以及使页面动态可变。

Page 17: Dreamweaver 的使用

创建层

1. 建立页面2. 确定插入层位置3. 插入层4. 改变层的属性

Page 18: Dreamweaver 的使用

改变层的属性

1. 选中层2. 打开层属性面板3. 更改层的 ID ,以用来标识层4. 设定层的位置5. 设定层的大小6. 改变层的可视性7. 设定层的背景图像或背景色

Page 19: Dreamweaver 的使用

层的实例

Page 20: Dreamweaver 的使用

层实例 2

Page 21: Dreamweaver 的使用

交互页面设计

1. 超级链接的使用

2. 表单的使用

Page 22: Dreamweaver 的使用

超级链接的使用

超级链接是互联网的特征功能。超级链接的对象有许多种。网页、图像是最常用的链接对象,而声音、电影等也可以作为链接的对象。超级链接可以将媒体文件嵌入在网页内,也可以从一个页面跳转到另一个页面。

Page 23: Dreamweaver 的使用

插入超级链接1. 建立一个文档2. 输入链接文字3. 选定文字4. 打开制作链接对话框5. 选择链接目的6. 保存文件

Page 24: Dreamweaver 的使用

文字超链接应用

Page 25: Dreamweaver 的使用

电子邮件链接

Page 26: Dreamweaver 的使用

图片链接

Page 27: Dreamweaver 的使用

表单的设计

表单是一级有文本输入框、单选多选按钮等构成的一级输入表,用户可以在该输入表中输入信息,页后将其提交给 Web 页面上的相应程序,从而做出处理。

Page 28: Dreamweaver 的使用

创建表单1. 新建一个文档2. 添加表单3. 设置表单属性4. 保存页面

Page 29: Dreamweaver 的使用

表单实例