北大青鸟PPT:Dreamweaver 使用入门

Dreamweaver 概念
静态网页：只能浏览，不能实现客户端和服务器端的交流互动
动态网页：网站页面随用户的输入而变化，能与客户端交流互动
本地站点：一个在我们自己的计算机上，存储网站所有文件的临时文件夹
远程站点：位于远程Web 服务器上，与本地站点相对应
根文件夹：用于存储网站文件的本地根目录

Dreamweaver 工作区
Dreamweaver MX 2004 提供以下两种工作区布局可供选择：
设计者
代码编写者
设计人员工作区
Dreamweaver 2004 MX 提供了一个集成所有面板和窗口的集成工作区 
“插入”栏
“插入”栏中的按钮可用于将对象（如表格、图层和图形等）轻松插入 HTML 页面中
“插入”栏的“常用”选项卡中的按钮可用于插入最常用的对象，如链接、表格、图像、水平线等
属性检查器
帮助编辑当前选择的页面元素属性
演示“属性检查器“的简单用法
面板
组合常用功能、方便用户操作
演示面板的简单用法
面板组
组合在一组标题下的多组相关面板
例如， “文件”面板包含以下两个组
文件
资源

“页面属性”对话框
“页面属性”对话框允许网页设计人员调整页面设置，如标题、颜色和页边距等
演示”页面属性对话框“的简单用法
创建网站
步骤：
选择新建站点，然后为其命名
选择服务器技术（如果适用）
选择在本地计算机上编辑本地副本的选项
选择用于存储网站文件的文件夹
选择连接到远程服务器的选项

制作网页
超级链接简介
文档的任何部分（如文本、页面、表单、动画或图像等）都可用作超级链接
超级链接可用于指向页面的特定部分或网站的不同页面
有三种类型的链接路径：
绝对路径（例如 http://www.sohu.com/index.html）
文档相对路径（例如 adver/contents.html）
站点根目录相对路径（例如 /support/app/customer.html，其中“/”表示根目录）
链接路径 2-1
相对路径
这些链接指向您的网站内部的网页
这些链接是相对于文档或根文件夹而言的，因此不需要一个像 http://www.sohu.com/index.html 一样的完整地址
绝对路径
这些链接指向您没有编辑控制权的站点。
此类链接用于为读者提供附加资源。
   如友情链接：
        Microsoft产品
        惠普产品
        Sun技术

链接路径 2-2
创建超级链接
Dreamweaver 帮助您将页面元素（如文本、图像和按钮等）链接到其他文档（如 HTML 文件、图像和视频等）
链接可以建立在同一站点的各文档中，也可以建立在站点外的文档中

链接到其他文档
链接 URL
如果 URL 路径太长并且很难记住，有一种简单的方法可将其链接到文本或对象
在 Dreamweaver 中选择将要链接的文本或图像
在浏览器中打开该站点，然后从“地址”框中复制此链接
激活 Dreamweaver，在“属性”检查器的“链接”框中粘贴到达该文件的 URL 或路径
按下 Enter 键应用该链接
链接到同一文档的各部分
当一个网页的主题较多或内容较长时，可以在网页内建立多个标记点，将超链接指向这些标记点，使浏览者能快速找到要阅读的内容
这些标记点也就是命名锚记，简称锚

创建并链接命名锚记
步骤：
打开将要创建命名锚记的文档
在窗口的“设计”视图中确定插入命名锚记的位置
插入命名锚记
为锚记命名
在“属性”检查器中链接锚记

链接到其他文档的特定位置
选择将用作链接的文本和图像
将选定的文本/图像与命名锚记链接起来
总结 2-1
Internet 是一种大型网络，是网络的网络
Dreamweaver MX 2004 是一种功能强大的网页编辑工具，可在所见即所得环境中灵活地制作网页
Dreamweaver 可在设计网页时在其中插入文本、图像、动画、音频、视频和 Java Applet 等对象
在 Dreamweaver 工作区中，所有面板、工具栏和文档窗口都集成在一个程序窗口中，类似于大多数基于 Windows 的程序
总结 2-2
定义站点是设计网站的第一步，在此将定义站点的根文件夹、服务器和站点名称
网页共有两种类型，即静态网页和动态网页
通常，链接的路径分为三种：
绝对路径
文档相对路径
站点根目录相对路径