《K清风dreamweaver8.0入门图文教程》由会员分享，可在线阅读，更多相关《K清风dreamweaver8.0入门图文教程（114页珍藏版）》请在金锄头文库上搜索。
1、dreamweaver8.0入门图文教程dreamweaver8.0入门图文教程：Dreamweaver8操作环境第一天的内容可能让你觉得枯燥乏味，不过，“工欲善其事，必先利其器，让我们一起来了解Dreamweaver8的操作环境，完成站点的创立。一、Dreamweaver8的操作环境在首次启动Dreamweaver8时会出现一个“工作区设置对话框，在对话框左侧是Dreamweaver8的设计视图，右侧是Dreamweave8的代码视图。Dreamweaver8设计视图布局提供了一个将全部元素置于一个窗口中的集成布局。我们选择面向设计者的设计视图布局。在Dreamweave8中首先将显示一个起
2、始页，可以勾选这个窗口下面的“不在显示此对话框来隐藏它。在这个页面中包括“翻开最近工程、“创立新工程“从范例创立3个方便实用的工程，建议大家保存。新建或翻开一个文档，进入Dreamweaver8的标准工作界面。Dreamweaver8的标准工作界面包括：标题显示、菜单栏、插入面板组、文档工具栏、标准工具栏、文档窗口、状态栏、属性面板和浮动面板组。1、标题显示栏启动MacromediaDreamweave8后，标题栏将显示文字MacromediaDreamweave8.0，新建或翻开一个文档后，在后面还会显示该文档所在的位置和文件名称。2、菜单栏Dreamweave8的菜单共有10个，即文件、编
3、辑、视图、插入、修改、文本、命令、站点、窗口和帮助。其中，编辑菜单里提供了对Dreamweaver菜单中首选参数的访问。文件：用来管理文件。例如新建，翻开，保存，另存为，导入，输出打印等。编辑：用来编辑文本。例如剪切，复制，粘贴，查找，替换和参数设置等。查看：用来切换视图模式以及显示、隐藏标尺、网格线等辅助视图功能。插入：用来插入各种元素，例如图片、多媒体组件，表格、框架及超级链接等。修改：具有对页面元素修改的功能，例如在表格中插入表格，拆分、合并单元格，对其对象等。文本：用来对文本操作，例如设置文本格式等。命令：所有的附加命令项站点：用来创立和管理站点窗口：用来显示和隐藏控制面板以及切换文档
4、窗口帮助：联机帮助功能。例如按下F1键，就会翻开电子帮助文本3、插入面板组插入面板集成了所有可以在网页应用的对象包括“插入菜单中的选项。插入面板组其实就是图像化了的插入指令，通过一个个的按钮，可以很容易的参加图像、声音、多媒体动画、表格。图层、框架、表单、Flash和ActiveX等网页元素。4、文档工具栏“文档工具栏包含各种按钮，它们提供各种“文档窗口视图如“设计视图和“代码视图的选项、各种查看选项和一些常用操作如在浏览器中预览。5、标准工具栏“标准工具栏包含来自“文件和“编辑菜单中的一般操作的按钮：“新建、“翻开、“保存、“保存全部、“剪切、“复制、“粘贴、“撤消和“重做。6、文档窗口当我
5、们翻开或创立一个工程，进入文档窗口，我们可以在文档区域中进行输入文字、插入表格和编辑图片等操作。“文档窗口显示当前文档。可以选择以下任一视图：“设计视图是一个用于可视化页面布局、可视化编辑和快速应用程序开发的设计环境。在该视图中，Dreamweaver显示文档的完全可编辑的可视化表示形式，类似于在浏览器中查看页面时看到的内容。“代码视图是一个用于编写和编辑HTML、JavaScript、效劳器语言代码以及任何其他类型代码的手工编码环境。“代码和设计视图使您可以在单个窗口中同时看到同一文档的“代码视图和“设计视图。7、状态栏“文档窗口底部的状态栏提供与你正创立的文档有关的其它信息。标签选择器显示
6、环绕当前选定内容的标签的层次结构。单击该层次结构中的任何标签以选择该标签及其全部内容。单击可以选择文档的整个正文。8、属性面板属性面板并不是将所有的属性加载在面板上，而是根据我们选择的对象来动态显示对象的属性属性面板的状态完全是随当前在文档中选择的对象来确定的。例如，当前选择了一幅图像，那么属性面板上就出现该图像的相关属性；如果选择了表格，那么属性面板会相应的变化成表格的相关属性。9、浮动面板其它面板可以同称为浮动面板，这些面板都浮动于编辑窗口之外。在初次使用Dreamweave8的时候，这些面板根据功能被分成了假设干组。在窗口菜单中，选择不同的命令可以翻开根本面板组、设计面板组、代码面板组、
7、应用程序面板组、资源面板组和其它面板组。终于把Dreamweave8的根本工作界面介绍完了，你是否已经了解它？从现在开始，让我们一起来建造一座小房子。dreamweaver8.0入门图文教程：Dreamweaver8本地站点的搭建与管理要制作一个能够被大家浏览的网站，首先需要在本地磁盘上制作这个网站，然后把这个网站传到互联网的web效劳器上。放置在本地磁盘上的网站被称为本地站点，位于互联网web效劳器里的网站被称为远程站点。Dreamweaver8提供了对本地站点和远程站点强大的管理功能。1、规划站点结构网站是多个网页的集合，其包括一个首页和假设干个分页，这种集合不是简单的集合。为了到达最正确
8、效果，在创立任何Web站点页面之前，要对站点的结构进行设计和规划。决定要创立多少页，每页上显示什么内容，页面布局的外观以及各页是如何互相连接起来的。我们可以通过把文件分门别类的放置在各自的文件夹里，使网站的结构清晰明了，便于管理和查找。2、创立站点在Dreamweave8中可以有效的建立并管理多个站点。搭建站点可以有两种方法，一是利用向导完成，二是利用高级设定来完成。在搭建站点前，我们先在自己的电脑硬盘上建一个以英文或数字命名的空文件夹。1选择菜单栏站点管理站点，出现“管理站点对话框。点击“新建按钮，选择弹出菜单中的“站点项。在翻开的窗口上方有“根本和“高级两个标签，可以在站点向导和高级设置之
9、间切换。下面选择“根本标签。在文本框中，输入一个站点名字以在Dreamweaver8.0中标识该站点。这个名字可以是任何你需要的名字。单击“下一步。出现向导的下一个界面，询问是否要使用效劳器技术。我们现在建立的是一个静态页面，所以选择“否。点下一步，在文档框设置本地站点文件夹的地址。点下一步，进入站点定义，我们将在站点建设完成后在与FTP链接，这里选择“无。单击“完成按钮，结束“站点定义“对话框的设置。单击“完成按钮，文件面板显示出刚刚建立的站点。到此，我们完成了站点的创立。3、搭建站点结构站点是文件与文件夹的集合，下面我们根据前面对xmweb网站的设计，来新建xmweb站点要设置的文件夹和文
10、件。新建文件夹，在文件面板的站点跟目录下单击鼠标右键，从弹出菜单中选择“新建文件夹项，然后给文件夹命名。这里我们创立新建8个文件夹，分别命名为：img、med、swf、txt、css、js、moan和fy。创立页面，在文件面板的站点跟目录下单击鼠标右键，从弹出菜单中选择“新建文件项，然后给文件命名。首先要添加首页，我们把首页命名为index.html，再分别新建01.html、02.html、03.html、04.html和05.html。4、文件与文件夹的管理对建立的文件和文件夹，可以进行移动、复制、重命名和删除等根本的管理操作。单击鼠标左键选中需要管理的文件或文件夹，然后单击鼠标右键，再弹
11、出菜单中选“编辑项，即可进行相关操作。dreamweaver8.0入门图文教程：Dreamweaver8页面的总体设置新浪ViVi百度搜藏作者:未知|点击数:661|时间:2008-12-4【大中小】我们已经描绘了小屋的蓝图，从现在开始，为我们的小屋添砖加瓦吧。翻开01.html，制作一个图文混排的简单页面。一、页面的总体设置1、设置页面的头内容头内容在浏览器中是不可见的，但是却携带着网页的重要信息，如关键字、描述文字等，还可以实现一些非常重要的功能，如自动刷新功能。鼠标左键单击插入工具栏最左边按钮旁的下拉小三角，在弹出菜单中选择“HTML项，出现“文件头按钮，点开下拉菜单，就可以进行头内容的
12、设置了。设置标题，网页标题可以是中文、英文或符号，显示在浏览器的标题栏中。我们直接在设计窗口上方的标题栏内输入或更改，就可以完成网页标题的编辑了。插入关键字，关键字用来协助网络上的搜索引擎寻找网页。要想让更多的人看见你的网站，这项要好好填哦_单击上图所示的“关键字项，弹出“关键字对话框，填入关键字即可。插入META，META标记用于记录当前网页的相关信息，如编码，作者，版权等，也可以用来给效劳器提供信息。单击上图所示的“META项，弹出“META对话框，在“属性栏选择“名称属性，在“值文本框中输入相应的值，可以定义相应的信息。author作者信息，copyright版权声明，generator网页编辑器。2、设置页面属性单击“属性栏中的“页面属性按钮，翻开的“页面属性对话框。设置外观，“外观是设置页面的一些根本属性。我们可以定义页面中的默认文本字体、文本字号、文本颜色、背景颜色和背景图像等。我们设置页面的所有边距为0。设置链接，“链接选项内是一些与页面的链接效果有关的设置。“链接颜色定义超链接文本默认状态下的字体颜色，“变换图像链接定义鼠标放在链接上时文本的颜色，“已访问链接定义访问过的链接的颜色，“活动链接定义活动链接的颜色。“下划线样式可以定义链接的下划线样式。
