搜索
Dreamweaver快速入门本章主要内容Dreamweaver简介学会Dreamweaver的安装熟悉Dreamweaver的新功能掌握网页设计常用名词和术语了解Dreamweaver的用户界面掌握Dreamweaver基本操作Dreamweaver简介Dreamweaver是由美国著名的软件开发公司Macromedia公司推出的一个“所见即所得”的可视化网站开发工具。用于对Web站点、Web页和Web应用程序进行设计、编码和开发。Dreamweaver简介它的主要特点如下：可视化的设计界面：学习简单，操作快捷跨浏览器支持：支持多种浏览器，并可以选择主要的浏览器支持动态网页技术：CSS、层、行为、JavaScript强大的网站管理功能：库、模板、标签等Dreamweaver简介它的主要特点如下(续)：丰富的媒体支持：Java、Flash、Shockwave、ActiveX、Real等超强的扩展能力：支持第三方插件完善的协同工作能力：Flash、Fireworks、Coldfusion学会Dreamweaver2.安装Dreamweaver8的硬件环境(1).800MHZIntelPentiumⅢ处理器（或同等处理器）以及更高频率的处理器(2).256MBRAM(建议采用1GB以同时运行多个Studio8产品)(3).1024*768,16位显示器（建议采用32位）(4).至少650MB可用磁盘空间3.安装过程（略）熟悉Dreamweaver的新功能Dreamweaver8在功能上具有以下新特性：1.“缩放”工具和辅助线“缩放”工具：可以随时放大或者缩小查看页面的内容辅助线：为网页制作提供更加精准的控制2.新的“CSS样式”面板CSS：CascadingStyleSheets层叠样式表CSS面板成为一个独有的“CSS样式”面版，用户可能通过可视化方式学习CSS样式，还可以了解和使用应用于页面的CSS样式熟悉Dreamweaver新功能3.可视化XML数据绑定XML:ExtensibleMarkupLanguage可扩展标记语言使用功能强大的可视化工具，可快速利用XML将源集成到工作中。4.代码折叠功能代码工具栏：包含了常用编码操作工具通过单击“+”、“－”号来展开或隐藏代码块，重点显示用户想要查看的代码5.改进的WebDAVWebDAV:Web-basedDistributedAuthoringandVersioning一种基于HTTP1.1协议的通信协议。支持为安全传递文件使用摘要验证和SSL（SecureSocketsLayer）,并改进与更多服务器的连接性熟悉Dreamweaver的新功能6.入门页面新增“入门页面”和“页面设计”两个新功能，使用入门页面可使新手快创建出一个精美的站点7.新增的放大编辑功能新增的放大编辑功能可使用户用局部细节放大进行放大，便于细致地调整和编辑8.支持插入Flashpaper、FlashVideo和其他媒体Flashpaper:电子文档类工具，通过使用本程序，可以将需要的文档通过简单的设置转换为SWF格式的Flash动画，原文档的排版样式和字体不会受到影响Dreamweaver8提供了行为和间线两种控件来产生交互式响应和进行动画处理熟悉Dreamweaver的新功能9.新增图形编辑功能可以很方便的切换到相应软件中（Fireworks、Flash）进行图形编辑10.第三方插件的支持11.新软件新技术Dreamweaver中集成了许多新技术：支持PHP5和ColdFusionMX7、文件的比较、背景文件的传输、Web发布系统等常用名词和术语1.万维网万维网（）是WorldWideWeb的中文简称，也称为3W网，它的本质是一种基于超级文本技术的交互式信息浏览检索工具，是Internet提供的应用最普及、功能最丰富、使用方法最简便的信息服务，用户可通过它在Internet上浏览、编辑、传递超文本格式的文件（即.html格式文件）。2.超级文本超级文本与普通文本不同，它是一种用户与计算机之间进行交流的文本显示技术，通常对关键词或图片的索引链接，可以打开相关的文件或者文本中的段落。3.HTTP（HyperTextTransferProtocol,超文本传输协议）超文本传输协议支持标准，是定义Web服务器如何响应文件请求的Internet协议。常用名词和术语4.HTML（超文本标记语言）HTML（HyperTextMarkupLanguage）是一种用户与电脑之间进行交流的文本技术，各种网页均是用HTML语言来描述的，用HTML语言编写的网页文件的扩展名一般为“*.htm”或“*.html”。5.浏览器浏览器是用于阅读网页中信息的一种软件工具，就像使用电脑必须有操作系统一样。常用浏览器有：IE（InternetExplorer）、Firefox、搜狗高速浏览器、360安全浏览器、QQ浏览器、百度浏览器等6.FTP（文件传输协议）FTP（FileTransferProtocol）是一种广泛使用的文件传输协议，是快速、高效和可靠的信息传输方法。FTP是基于客户/服务器模型的TCP/IP的应用，所以只要在客户端和服务器之间建立了TCP/IP连接，无论两台电脑的位置远近、连接方式的异同以及使用的操作系统的异同，都能通过FTP协议进行文件的传输。常用名词和术语7.URL（统一资源定位器）URL（UniformResourceLocator）主要是用来指定协议（如HTTP或FTP）以及对象、文档、万维网网页或其他目标在Internet的位置和存取方式。主要包括如下内容：(1).通信协议：HTTP、FTP、Telnet、Mailto等(2).主机名：指服务器在网络中的IP地址或域名(3).所要访问的文件的路径和文件名：主机名与文件夹（目录）及文件之间用“/”符号隔开常用名词和术语8.IP（Internetprotocol）地址IP地址用来标识连接到Internet上电脑的指定编号，每一个IP地址对应一台电脑，这与用电话号码标识电话网络中的电话相同。电脑识别的IP地址由32位二进制数值组成，电脑上以十进制数值来显示，一组数值分为4部分，每一部分均不能大于255，中间用“.”分隔，如：61.139.2.699.域名（DNS）域名就是常说的网址，它也具有惟一性，如百度的网址、网易的网址等就是一个域名，域名由汉语拼音或英文字符加上数字表示，在访问网络时，域名将通过域名服务器转换成IP地址，这种转换是在后台完成的。常用名词和术语10.网页网页是由HTML（超级文本标识语言）或者其他语言编写的，通过IE浏览器编译后供用户获取信息的页面，它又称为Web页，其中可包含文字、图像、表格、动画和超级链接等各种网页元素。11.静态网页静态网页：指浏览器与服务器端不发生交互的网页，网页中的GIF动画、Flash以及Flash按钮等都会发生变化。常用名词和术语12.动态网页动态网页除了静态网页的元素外，还包括一些应用程序，这些程序需要浏览器与服务器之间发生交互行为，而且应用程序的执行需要服务器中应用程序服务器才能完成。常用名词和术语13.网上安家网站必须有网址和服务器，浏览者可以通过URL访问到其中的网页。建站的第一步是完成所有的网页，然后把这些网页放到服务器上，以便于用户浏览。建站的三个途径：(1).实体主机：自已购置服务器主机、申请网络专线、静态IP地址和域名(2).主机托管：自行购置服务器主机，将其托管在网络服务商那里，网络和IP以及日常维护由网络服务商提供，一般适用于企业用户。(3).虚拟主机：租用网络服务商主机的硬盘空间，虽然只租用了一定的硬盘空间，但服务商通过技术手段，使得用户的感觉仍然在使用一个专用的主机。用户界面1.启动Dreamweaver开始/程序/Macromedia/MacromediaDreamweaver在Windows桌面上双击Dreamweaver快捷方式2.起始页起始页将Dreamweaver的常用任务都集中放在一个页面上，包括：打开最近项目、创建新项目、从范例创建、扩展、快速访问隐藏起始页：勾选起始页左下角的“不再显示此对话框项”，然后单击“确定”即可显示起始页：“编辑/首选参数”－“常规”－“文档选项”－勾选“显示起始页”－“确定”用户界面2.Dreamweaver8标准工作界面标准工作界面包括：标题栏、菜单栏、插入栏、文档工具栏、文档窗口、状态栏、属性面板、浮动面板组用户界面3.插入栏插入栏以按钮的形式对应“插入”菜单中的各项命令。显示或关闭插入栏：窗口/插入（Ctrl+F2）用户界面（1）常用：用于创建和插入最常用的对象，如图像和表格（2）布局：用于插入表格、div标签、层和框架（3）表单：用于创建表单和插入表单元素（4）文本：用于插入各种文本格式设置标签和列表格式设置标签，如b、u（5）HTML：用于插入水平线、文件头内容、表格、框架和脚本的HTML标签（6）服务器代码：仅适用于特定服务器语言的页面，服务器语言包括：ASP、ASP.NET、CFMLBasic、CFMLFlow、JSP、PHP（7）应用程序：插入动态元素，如记录集、重复区域、记录插入、更新表单（8）Flash元素：插入Flash元素（9）收藏夹：将一些最常用的一些插入命令按钮组织到一个插入组中。用户界面4.文档工具栏显示文档工具栏：查看/工具栏/文档（1）文档标题：为文档输入一个标题，它将显示在浏览器的标题栏中（2）没有浏览器/检查错误：帮助用户检查不同济览器的兼容性（3）验证标记：验证当前文档或选中的标签（4）文件管理：用于文件的获、取出、上传、存回等管理操作（5）在浏览器中预览/调试：在浏览器中预览或调试文档（6）刷新设计视图（7）视图选项；三个辅助编辑工具；标尺、网络、辅助线（8）可视化助理：使用不同的可视化助理来设计页面用户界面5.文档窗口文档窗口是用户制作网页的场所(1).文档窗口的显示方式包括以下三种：设计视图：一种“所见即所得”的可视化编辑环境，文档的显示与浏览器中所所看到的页面基本相同代码视图：各种类型代码的手工编辑环境拆分：将文档窗口分为上下两栏，使用户可以同时查看当前文档的代码视图和设计视图(2).设置文档窗口显示比例放大：查看/放大（ctrl+=）缩小：查看/缩小（ctrl+-）设置文档窗口显示比例：查看/缩放比率/…..用户界面6.标签选择与状态栏(1).标签选择标签选择用来显示光标所在位置或所选对象的层次结构，单击该层次结构的任何标签所含的全部内容(2).状态栏状态栏提供了三个常用工具栏：文档显示比例、页面信息、文档大小和下载速度（选取工具）：用于选取文档窗口中的对象（缩放工具）：缺省为放大显示，在窗口中每单击一次放大（或Alt缩小）一倍，拖出一个选择区域，选区中的图像将放大整个文档窗口:用于控制文档窗口的编辑尺寸:用于显示和估计文档大小及下载这个页面所需时间用户界面7.面板和面板组常用面板：文件面板、属性面板、CSS面板、应用程序面板、标签检查器面板(1).面板的基本操作打开面板：”窗口/…..”关闭面板：在面板标题栏上右击，在弹出的快捷菜单中选择“关闭面板组”重组面板：在面板标题栏上右击，在弹出的快捷菜单中选择“将面板组合到/”某个面板即可折叠或展开面板：单击面板标题栏上的移动面板：单击按住面板标题栏左侧的控制点虚孔拖动即可隐藏全部面板：“窗口/隐藏面板”（快捷键F4）▲基本操作1.文档的创建和存储(1).创建新文件在起始页的“创建新项目”中选择“HTML”项“文件/新建”（ctrl+N）单击标准工具栏上的新建按钮(2).打开一个已有的HTML文档在开始页的“打开最近项目”中选择“打开”项“文件/打开”（ctrl+O）单击“标准”工具栏上的打开按钮(3).保存文档“文件/保存”（Ctrl+S）“文件/另存为”（Ctrl+Shift+