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