Dreamweaver软件基础知识
Dreamweaver理论知识
三理论知识（一）Dreamweaver 8 基础1.网页相关知识（1）www站点我们可以将WWW看作Internet上的一个大型图书馆，“WWW站点”、“Web站点”或网站就像图书馆里的一本本书，而Web页或网页则是书中的某一页，主页是一个站点的起始页，相当于书的封面或目录。
每个web页都拥有一个被称为“统一资源定位器”（URL）的唯一地址。
（2）统一资源定位器URL（Uniform Resource Locator）URL提供了互联网上资源的准确位置，它描述WWW浏览器请求和显示某个特定资源所需的全部信息，包括传输协议，如HTTP，提供WWW服务的主机名、HTML文档在远程主机上的路径及文件名，以及客户与远程主机连接时使用的端口号。
例如：:80/product/default.html，其中http为传输协议，为使用的远程主机名，80为使用的端口号，product/default.html为HTML文档的路经和文件名。
综合起来简单说，就是我们上网时看到的网站的地址。
我们后面作网页的超链接时所说的URL地址。
（3）超级链接我们网页与网页之间要联系起来，就要通过超级链接来实现。
不管是在内部实现的链接还是接到WWW网上，都需要超链接作桥梁。
（4）静态网页和动态网页静态网页是相对于动态网页而言的，是指没有后台数据库、不含程序和不可交互的网页。
静态网页，动态网页主要根据网页制作的语言来区分，静态网页使用HTML（超文本标记语言）语言，网页地址的后缀一般为.htm、.html、.shtml、.xml等形式；而动态网页一般使用HTML＋ASP或HTML＋PHP或HTML＋JSP 等语言，网页地址的后缀为.aspx.asp、.jsp、.php、.perl、.cgi等形式。
静态网页与动态网页之间区别的重要标志是程序是否在服务器端运行。
在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页，例如ASP、PHP、JSP、、CGI等。
最新1.Dreamweaver CS6 基础知识
面板组合使用。
9. 文件面板
它是面板组中用来管理文件和文件夹的一个面板， 这些文件可以是Dreamweaver 站点的一
部分，也可以是远程服务器上的。
1.2.2 工具、窗口和面板 本节主要详细介绍如何使用Dreamweaver CS6 中的各种特定窗口 、工具栏、面板、检查器以及Dreamweaver CS6 工作区的其他元 素。
2. 自定义快捷键
在Dreamweaver 中，快捷键的使 用可以弥补选项和命令较多，操作 费时，工作效率低的缺点。使用快 捷键可以避免在制作过程中从菜单 中寻找命令再执行，从而在制作过 程中节省一些时间，提高效率。
在为某项命令设置快捷键时，需要以下几个步骤 。
（1）执行“编辑→快捷键”命令，打开“快捷键 ”对话框。
8. “ 文本”选项卡
“文本”选项卡用于插入各种文本格式和列表格式 的标签。
9. “ 收藏夹”选项卡
“收藏夹”选项卡是Dreamweaver 中很受欢迎的 附加功能，用于将“插入”面板中最常用的按钮分 组和组织到某一公共位置，提高工作效率。
1.2.4 属性检查器 属性检查器用于检查和编辑当前选定页面元素的最常用属性，随着
I. 检查浏览器兼容性 J. 可视化助理 K. 刷新设计视图 L. 文档标题 M. 实时代码视图 N. 检查模式 O. 浏览器导航 L. 实时视图选项
4. 样式呈现工具栏
样式呈现工具栏默认情况下处于隐藏状态，它包含一些相关的按钮。
A ：呈现屏幕媒体类型，显示页面在计算机屏幕上的显示方式。 B ：呈现打印媒体类型，显示页面在打印纸张上的显示方式。 C ：呈现手持型媒体类型，显示页面在手持设备（如手机或 BlackBerry 设备）上的显示方式。 D ：呈现投影媒体类型，显示页面在投影设备上的显示方式。 E ：呈现 TTY 媒体类型，显示页面在电传打字机上的显示方式。 F ：呈现 TV 媒体类型，显示页面在电视屏幕上的显示方式。 G：切换 CSS 样式的显示，用于启用或禁用 CSS 样式。此按钮可独立于其它媒体按钮之外工作。 H ：设计时样式表，可用于指定设计时样式表。
Dreamweaver网页设计基础知识
网页设计基础知识一、认识网页1.网页分类：静态网页、动态网页◆静态网页：是标准的HTML文件，它是采用HTML（超文本标记语言）编写的，是通过HTTP（超文本传输协议）在服务端和客户端之间传输的纯文本文件，其扩展名为.html或htm◆动态网页：在多方面与静态网页是一致的，它们都是无格式的ASCII码文件，都包含HTML代码，都可以包含用脚本语言（比如JavaScript或VBScript）编写的程序代码，都存放在Web服务器上，收到客户请求后都会把响应信息发送给Web浏览器，根据采用Web应用技术不同，动态网页文件的扩展名不同，如ASP（使用Active Server Pages）技术，其中扩展名为.asp；使用JSP（Java ServerPages）技术时的扩展名为.jsp等等。
2.URL（统一资源定位器，简称网址）：其格式是【协议名://主机名/目录/....../文件名】，如；由于网址是最常用的协议是http是默认的协议，所以可当刮简写为；ftp://123.52.3.20；，3.网页（Web Page）：打开网站所看到的网页，一个网站可以有成千上万个网页。
4.主页（Home Page）：打开网站时看到的第一个网页，简称首页。
它默认的文件名通常是index.htm、index.html、default.htm、default.html、default.sap、index.asp等等二、网页设计基本原则1.明确建立网站的目标和用户需求2.总体设计方案主题鲜明3.网站的版式设计4.网页形式与内容相统一5.三维空间的构成6.多媒体功能的使用7.网站测试和改进8.合理运用新技术三、网站制作流程1.选择网站主题2.规则网站目和目录结构◆对收集的资料进行分类，并为其建立专门的栏目，各栏目的主题围绕网站主题展开，栏目名称具有概括性，各栏目的名称字数最好相同。
规划网站栏目的过程实际上是对网站内容细化，一个栏目有可能就是一个专栏网页。
《DW基础知识》PPT课件
课堂实例―创建和测试第一个html网页
在“记事本”窗口或者Dreamweaver网页中输入以 下内容：
<html> <head> <title>欢迎光临我的第一个网页</title> </head> <body> 这是第一个简单网页! </body> </html> 选择【文件】|【保存】命令，在弹出的“另存为”
描述 图片的源文件 提示文字 设置图片的宽度 设置图片的高度 设置图片的边框 垂直间距 水平间距 设置图片的对齐方式
文字标签
标签 <U> <B> <sup> <sub> <big> <small> <I> <code> <var> <s>
描述 下划线 粗体 上标 下标 大字号 小字号 斜体 等宽 声明变量 删除线
A、执行“站点/管理站点”命令，也可以使用快 捷键F8打开站点面板来建立一个站点，然后单 击“管理站点”按钮。执行命令后出现“管理 站点”对话框，单击“新建”按钮，在弹出的 菜单中选择“站点”。
B、设置站点名称：接着出现了一个建立站点的向 导，设置好站点的名字后单击“下一步”按钮。 （输入你想要的站点名称，这里输入home，其实 可以任意输入名称的，要注意的是，尽量不要用 中文命名，以免出现意想不到的麻烦！）
工作区设置对话框
首 选 参 数 对 话 框
（3）dw的窗口组成（参看教材p5-p9）
插入栏：又叫插入对象面板； 状态栏：提供了标签选择器（也 叫做标记符选择器）、窗口尺寸、 文件大小等网页信息
（4）dw菜单简介
Dreamweaver-cs-基础与实例教程
Flash等对象。然后鼠标右键单击“CSS样式”面板中 相应旳样式名称，弹出它旳快捷菜单，再单击该菜单 中旳“套用”菜单命令。 （2）利用“属性”栏 选中要应用CSS样式旳文本对象，在其“属性”栏旳“样 式”下拉列表框中选择需要旳CSS样式名称，即可将选 中旳CSS样式应用于选中旳文本对象。
（2）若要重定义特定 HTML 标签旳默认格式设置，请选择“标签” 选项，然后在“标签”文本框中输入一种 HTML 标签，或从弹出 式菜单中选择一种标签。
（3）若要为详细某个标签组合或全部涉及特定 Id 属性旳标签定 义格式设置，请选择“高级”选项，然后在“选择器”文本框中 输入一种或多种 HTML 标签，或从弹出式菜单中选择一种标签。 弹出式菜单中提供旳选择器（称作伪类选择器）涉及 a:active、 a:hover、a:link 和 a:visited。
环节3：选择定义样式旳位置： （1）若要创建外部样式表，请选择“新建样式表文件”。
（2）若要在目前文档中嵌入样式，请选择“仅对该文 档”。
环节4：单击该对话框中旳“拟定”按钮，即可退出该 对话框，弹出“CSS规则定义”对话框。
2.3.2 将外部样式表导入到目前文档
环节1：在CSS面板上，单击附加样式表按钮，打开 “链接外部样式表对话框”，单击对话框中“浏览” 按钮，浏览到外部 CSS 样式表，或者直接在“文件 /URL”框中键入该样式表旳途径。
2.1.2 插入水平线
在文档编辑区将插入点定位到所需位置，选择“插入” 菜单中旳“HTML”子菜单下旳“水平线”命令或单击 “插入”栏中旳“HTML”选项卡，在其中单击水平线 按钮即可添加水平线。初始绘制旳水平线旳格式往往 不能满足实际需要，此时可经过属性面板对其进行修 改。
dw网页设计知识点总结
dw网页设计知识点总结DW（Dreamweaver）是一款流行的网页设计软件，它提供了丰富的功能和工具，可用于创建、编辑和管理网页。
在使用DW进行网页设计过程中，我们需要掌握一些关键的知识点。
本文将对DW网页设计的一些知识点进行总结，并提供相应的解释和使用示例。
一、HTML基础知识1. HTML标签：HTML是网页的基础语言，使用标签来定义网页的结构。
常见的HTML标签有<html>、<head>、<body>等。
2. 标签属性：HTML标签可以使用属性来定义标签的行为和样式。
例如，<h1>标签可以使用属性来设置标题的大小和颜色。
3. 文本格式化：在HTML中，我们可以使用标签对文本进行格式化，如<strong>标签可以加粗文本，<em>标签可以斜体文本等。
二、CSS样式设计1. 内联样式：使用内联样式可以为特定的HTML元素直接定义样式，将样式属性写在元素的style属性中。
2. 内部样式表：内部样式表是将CSS样式写在<head>标签中的<style>标签内，可以为整个网页定义样式。
3. 外部样式表：外部样式表是将CSS样式写在一个独立的.css文件中，然后在HTML文件中引用此样式表。
4. 盒子模型：CSS中的盒子模型是指网页上的所有元素都被看作是一个矩形的盒子。
盒子模型由内容、内边距、边框和外边距组成。
三、网页布局与导航1. 布局：网页布局是指将内容和元素合理地放置在网页上，使其整体呈现出一致性和美观性。
2. 栅格系统：栅格系统是一种将网页划分为若干列的布局设计方法。
通过使用栅格系统，可以轻松实现响应式网页设计。
3. 导航菜单：网页导航菜单是用户在网页上浏览和访问不同页面的主要方式。
常见的导航菜单包括水平导航和垂直导航。
四、交互效果与多媒体1. 图片和图像优化：在网页设计中使用图片和图像可以丰富页面的内容和视觉效果。
dreamweaver基础知识
第1章Dreamweaver的基础知识本章内容•了解D r e a m w e a v e r的基本原理•Dreamweaver是如何设计的•在D r e a m w e a v e r中使用传统的H T M L命令•了解下一代特性•自动化的We b页创作过程•用D r e a m w e a v e r维护We b站点D r e a m w e a v e r是M a c r o m e d i a公司推出的一套专业的We b站点开发程序。
D r e a m w e a v e r拥有诸多优点，例如，它是第一个利用最新一代浏览器性能的We b开发程序，并且非常便于开发者利用诸如层叠样式单(Cascading Style Sheets)和动态H T M L等先进特性。
事实上，D r e a m w e a v e r是We b开发者为自已量身定做的设计工具。
从设计的依据到开发者使用的专业程度看，D r e a m w e a v e r能够加速站点建设，并使站点的维护简单有效。
通过本章的讲述，你可以了解到这套程序的基本原理，充分感受 D r e a m w e a v e r是如何把传统的H T M L和前沿技术结合起来的。
当然，你还可以学习到一些 D r e a m w e a v e r的先进特性并用于自己的We b站点管理。
1.1 Dreamweaver的真实世界D r e a m w e a v e r是一套与现实世界紧密相关的程序。
举例来说， D r e a m w e a v e r认识到不同种类的浏览器之间存在着不兼容的命令，就通过开发交叉浏览器可兼容代码来解决这个问题。
D r e a m w e a v e r甚至包括了不同浏览器的H T M L验证功能，这样你就可以看到现有的或新的代码如何工作于特定的浏览器。
Dreamweaver 3把现实世界的概念进一步扩展到工作区中。
诸如D r e a m模板之类的附件使得大型We b站点的创建和维护更加简洁有效。
Dreamweaver基础
使用Dreamweaver Dreamweaver建立和管理站点 2.3 使用Dreamweaver建立和管理站点
站点包括远端站点和本地站点两类。 站点包括远端站点和本地站点两类。 远端站点 两类 通常将存储在Web服务器上的站点称为远端 通常将存储在Web服务器上的站点称为远端 Web服务器上的站点称为 站点。 站点。 在本地计算机上建立的站点就是本地站点。 在本地计算机上建立的站点就是本地站点。 本地站点
首页
目录
上一页
下一页
返回
退出
工作区窗口
Байду номын сангаас
首页
目录
上一页
下一页
返回
退出
1.主菜单
文件：用于管理文件 编辑：用于编辑操作 查看：用于查看对象 插入：用于插入页面元素 修改：用于对页面元素的修改 文本：用于对文本的操作 命令：汇集了所有的附加命令项 站点：用于创建和管理站点 窗口：用于打开/关闭面板和窗口 帮助：包含Dreamweaver的联机帮助、技术支持 等。
首页 目录 上一页 下一页 返回 退出
2.插入工具栏
插入面板集成了所有可以在网页应用的对 象包括“插入”菜单中的选项。插入工具 栏其实就是图像化了的插入指令，通过一 个个的按钮，可以很容易的加入图像、声 音、多媒体动画、表格。图层、框架、表 单、Flash和ActiveX等网页元素。
首页
目录
上一页
首页
目录
上一页
下一页
返回
退出
3)站点文件管理 3)站点文件管理
(1)“文件” (1) 文件”选项卡 文件 主要用来对站点的文件进行管理，可以完成 主要用来对站点的文件进行管理， 对文件和文件夹的新建、打开、复制、粘贴、 对文件和文件夹的新建、打开、复制、粘贴、 重命名等操作。单击鼠标左键选中需要管理的 重命名等操作。 文件或文件夹，然后单击鼠标右键， 文件或文件夹，然后单击鼠标右键，再弹出菜 单中选“编辑” 即可进行相关操作。 单中选“编辑”项，即可进行相关操作。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
gopher：文件在gopher服务器上
wais：文件在wais服务器上
news：文件在Usenet服务器上
telnet：连接到一个支持Telnet远程登录的服务器上
超文本：
超文本(Hypertext)是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。目前最常使用的是超文本标记语言(Hyper Text Markup Language，HTML)及富文本格式(Rich Text Format，RTF)。我们日常浏览的网页上的链结都属于超文本。
3.于2002年5月推出Dreamweaver MX:
目的是支持现代网页专业人员兼负的多重角色。Dreamweaver MX将UltraDev最佳的开发功能以及HomeSite的主要程序代码编辑功能整合为一个核心的Dreamweaver环境,为建立单一开发环境的第一步，以期让使用者能在此环境中，依其偏好的方式（例如以手动编码、可视化设计或结合两者的方式）来建立不同的网站和应用程序。
HTTP（和HTTPS）由统一资源定位器或者简称URLs定位。创造这种地址定位的语法为了HTML的链接。
网页中常用的图像格式：
GIF、JPG、PNG。
GIF意为Graphics Interchange format（图形交换格式），GIF图片的扩展名是gif。现在所有的图形浏览器都支持GIF格式，而且有的图形浏览器只认识GIF格式。GIF是一种索引颜色格式，在颜色数很少的情况下，产生的文件极小，
一、Dreamweaver软件基础知识
1、Dreamweaver所属公司
Dreamweaver前属于Macromedia公司，现在属于Adobe公司。
Macromedia公司简介链接
2、网页三剑客是哪三大软件
Dreamweaver、Fireworks、Flash。
3、Dreamweaver的发展过程
URL：
统一资源定位符（器）（URL，英语Uniform Resource Locator的缩写）也被称为网页地址，是因特网上标准的资源的地址。它最初是由蒂姆·伯纳斯－李发明用来作为万维网的地址的。现在它已经被万维网联盟编制为因特网标准RFC1738了。
是用于完整地描述Internet上网页和其他资源的地址的一种标识方法。
Dreamweaver 8与Dreamweaver CS3：这两个软件的版本不同，但两个的软件的功能差不多，Dreamweaver 8功能更完善一点，错误少一些。CS3在做动态网页时没有Dreamweaver 8好，CS版本对电脑的性能要求更高一些。
4、
网页设计与制作的相关专业知识与概念：www、URL、超文本、超文本协议、网页中常用的图像格式、网页中常用的音频文件格式、html
主要优点：具有GIF与JPG两者的优点。
主要优点：支持背景透明、支持动画。
JPEG代表Joint Photograhic Experts Group（联合图像专家组），这种格式经常写成JPG，JPG图片的扩展名为jpg。
主要优点：能支持上百万种颜色、压缩比高。
PNG为流式网络图形格式(Portable Network Graphic Format，PNG)，是一种位图文件(bitmap file)存储格式，读成“ping”。PNG用来存储灰度图像时，灰度图像的深度可多到16位，存储彩色图像时，彩色图像的深度可多到48位，并且还可存储多到16位的α通道数据。PNG使用从LZ77派生的无损数据压缩算法。
超文本协议：
超文本传输协议(HTTP，HyperText Transfer Protocol)是网际网络上应用最为广泛的一种网络协议。所有的WWW文件都必须遵守这个标准。设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法。
这里有一个HTTP的安全版本称为HTTPS，HTTPS支持任何的加密算法，只要此加密算法能被页面双方所理解
1.于1997年首次推出
2.于2000年推出Dreamweaver UltraDev:
运用其核心的Roundtrip HTML技术，可确保在切换程序代码与设计检视时的程序代码质量，Dreamweaver成为专业网站外观设计的先驱。Macromedia针对多种日益受到网页开发人员采用的服务器技术，而推出了Dreamweaver UltraDev。本产品除了提供Dreamweaver的功能外，还提供以ASP、JSP和ColdFusion建立网页应用程序的工具。
4.于2003年9月推出Dreamweaver MX 2004:
新增了对以CSS为基础的设计与开发提供支持的革命性功能，பைடு நூலகம்网页设计提升到新的层次。透过将CSS结合在所有使用者的工作流程中，促进了网页专业人员对CSS的普遍采用。
5.推出Dreamweaver 8:
以之前版本为基础，扩充了主要范围的功能，例如XML和CSS，并简化了工作流程，以帮助使用者事半功倍。藉由支持最新的专业设计方式，Dreamweaver 8为使用者提供以开放标准为基础的强大开发方式，并增强了专业性的基本工具。另外，Dreamweaver也支持所有主要的服务器技术，包括ColdFusion、PHP、ASP、和JSP，让各种能力程度的开发人员，无论是新手或老手，都能实现其设计。
Internet上的每一个网页都具有一个唯一的名称标识，通常称之为URL地址，这种地址可以是本地磁盘，也可以是局域网上的某一台计算机，更多的是Internet上的站点。简单地说，URL就是Web地址，俗称“网址”。
下面列表是常见的URL中定位和标识的服务或文件：
http：文件在WEB服务器上.
file：文件在您自己的局部系统或匿名服务器上
www：
万维网（亦作“网络”、“WWW”、“W3”，英文“Web”或“World Wide Web”），是一个资料空间。在这个空间中：一样有用的事物，称为一样“资源”；并且由一个全域“统一资源标识符”（URL）标识。这些资源通过超文本传输协议(Hypertext Transfer Protocol)传送给使用者，而后者通过点击链接来获得资源。从另一个观点来看，万维网是一个透过网络存取的互连超文件(interlinked hypertext document)系统。万维网联盟（World Wide Web Consortium，简称W3C），又称W3C理事会。1994年10月在拥有“世界理工大学之最”称号的麻省理工学院(MIT)计算机科学实验室成立。建立者是万维网的发明者蒂姆·伯纳斯·李。