尊严来自实力福建师范大学2004级应用化学桂之杰梅花香自苦寒来1这是桂之杰个人的学习笔记,我是从零开始自学的,按照以下的一步一步的学习,相信你很快就会掌握Dreamweaver8基本操作。当然要熟练的话就要多多练习咯。坚持到底,宜将剩勇追穷寇,不可沽名学霸王!桂之杰致广大中国青年同志1、打开Dreamweaver8,建立一个站点。在某个(如C盘)盘里面建一个专门存放网站文件的文件夹,一般用英文命名。然后点击“站点”—“新建站点”,命名站点及输入网址(或不输),选择C盘中的那个文件夹作为站点。然后再通过窗口右边的文件浮动面板,选中需要建立子文件夹的站点,然后通过右键或者是点“文件”新建文件夹或者文件。2、Dreamweaver8编辑文档时,要首行缩进,空格键不起作用,只有将半角输入切换为全角之后空格键才起到空格的作用。也可以点击最左上角“常用”下拉列表选择“文本”,选择向下的那个箭头一次就是一个空字符。也可以用“ctrl+shift+空格键”来插入空格。也可以设置首选参数来修改,这是最快最方便的方法。3、在页面中如果是用“Enter”来换行,代码是P,两行的间距比较大。如果用“shift+Enter”来强制换行,代码是br,则行与行之间比较紧密,也可以在最左上角下拉列表的“文本”中选择“换行符”。4、站点地图使用站点→站点管理→编辑→高级→选中需要管理的站点→点击“站点地图布局”(图标标签即站点地图标签,如果用“页面标题”则该显示网页的名称,没有名称则显示为“无标题文档“)→确定→完成通过“文件”浮动面板下拉列表,点击“地图视图”显示站点地图,或是点击“展示以显示本地和远端站点”来查看站点地图。点击站点图标标签时,如果没有显示链接的灰色图标,则点右键上的“显示/隐藏链接”。链接可以直接拖动灰色图标,也可以拖动在属性面板上的灰色链接图标到链接的文件实现链接。5、Dreamweaver8里面有一些模板,通过点击“文件”—新建—点“入门页面”可以选择模板。还有别的格式的模板也可以选择。6、HTTP协议,即超文本协议7、通过“修改”或在文档窗口中点击右键—“页面属性”,可以修改页面的背景色或修改背景图片等等。文字的颜色可以通过点击属性面板中的“文本颜色”文本框,然后出现一个调色板,在所需的颜色单击即可。点击“页面属性”中的“链接”设置“链接颜色”,可以设置页面未被访问过的超链接的文字颜色;可以点击“已访问链接”设置文档页面中已经访问过的超链接的文字颜色;可以点击“下划线形式”文本框可以设置文档页面中超链接的文字是否有下划线。8、通过页面属性的分类列表框中选择“标题/编码”属性,修改标题,则浏览页面时,它会出现在浏览器的标题栏上。9、插入图像后,点击图像,则在属性面板中设置图像属性。在“对齐”下拉列表框中,可以设置在一行中图像和文字的对齐方式;在“垂直方式”和“水平方式”文本框中可以设置图像垂直方向和水平方向上的空白间距;在“边框”文本框中,可以设置图像边框的大小。很多情况下不添加边框,即设置为0。尊严来自实力福建师范大学2004级应用化学桂之杰梅花香自苦寒来210、可以创建文字和图像的超级链接,还可以创建图像热点来设置当鼠标移到图片时显示一些提示信息和对图的注释。单击目标图像,属性面板出现热点属性,可以创建矩形、圆形或多边形热点,例如选定圆形工具,并将鼠标拖至图像上,创建一个圆形热点。热点创建完毕后,选中热点区,属性面板上显示热点“属性”,对热点进行设置,可以设置热点区的链接。也就是可以选择图片上某一块地方进行链接等。11、导航条,也称导航栏,是图像超链接在HTML文档中的又一种应用。导航条实际上是一系列显示为按钮的图像,每个图像按钮链接到站点中不同的文档上,通过单击图像按钮,就可以实现在站点中的浏览。同时,也可以为这些图像实现翻转效果,或为图像添加更多的动感特性,使网页更生动,如弹起状态和按下状态等。插入—图像对象—导航条—即插入某幅图片当成导航条,可以设置鼠标移到图片上时显示什么,然后点击后又显示什么网页,等等。要编辑导航条,其具体操作如下。(1)选择【修改】|【导航条】命令。这时会打开【修改导航条】对话框。(2)用类似插入导航条的方法设置【修改导航条】对话框中的各选项。2.利用窗口左边的标签检查器【行为】面板编辑导航条在默认情况下,单击导航条中的元素时,所有导航条中的元素都会自动返回原来默认的状态。要设置被选中图像的上浮或下沉的不同效果,可使用导航条中的高级功能,具体操作如下。(1)选中需要设置高级属性的导航条,选择【标签】面板中的【行为】选项卡,在【行为】面板中用户可以看到如图3.43所示的导航条信息。(2)单击【行为】面板上的“+”按钮,这时会弹出一个动作菜单,在动作菜单中选择【设置导航栏图像】命令,就会打开【设置导航栏图像】对话框。(3)该对话框中的【高级】选项卡在【当项目“x”显示:】的下拉列表框中,选择【鼠标经过图像或点击时鼠标经过图像】选项,则当鼠标经过图像时显示其上面的图像,有上浮或下沉的效果。在【同时设置图像】列表框中选择要显示的图像。在【按下时,变成图像文件】文本框中设置当鼠标按下时要显示的图像路径。单击【确定】按钮,确定设置。12、利用超链接可以实现在文档间或文档中的跳转。超链接由两个端点(也称锚)和一个方向构成。通常将开始位置的端点称作源端点(或源锚),而将目标位置的端点称作目标端点(或目标锚),链接就是由源端点指向目标端点的一种跳转。目标端点可以是任意网络资源,例如,它可以是一个页面、一幅图像、一段声音、一段程序,甚至也可以是页面中的某个位置。13、根据链接源端点的不同,可以将链接分为两种:超文本和超链接。14、超文本就是利用文本构建的超链接。在这种链接中,链接的源端点是文本。在浏览器中,超文本一般显示为下方带有下划线的文本,默认显示为蓝色。15、超链接是利用除了文本之外其他对象构建的链接。在这种链接中,源端点是除了文本之外的其他对象,如一幅图像或一个表单等。为了充分美化网页,利用图像构建超链接成为最常见的手段之一。16、每个页面都有一个惟一的地址,称为“统一资源定位器”(URL)。17、3种类型的链接路径。绝对路径:如果在链接中使用完整的URL地址,这种链接路径就称作绝对路径。绝对路径的特点是:路径同链接的源端点无关。例如一般的友情链接就是要绝对路径,否则找不到连接位置。相对路径,如果链接中源端点和目标端点位于一个目录下,则在链接路径中只需要指明目标尊严来自实力福建师范大学2004级应用化学桂之杰梅花香自苦寒来3端点的文档名就可以了。例如,在站点中,如果希望在“science”目录的“computer.htm”文档中创建指向“science”目录即文件夹中“math.htm”文档的链接,可以使用如下的相对路径:math.htm。基于根目录的路径:基于根目录的路径可以看作是绝对路径和相对路径之间的一种折中表示方式。在这种路径表达方式中,所有的路径都是从站点的根目录开始的,它同源端点的位置无关。通常用一个斜线“/”表示根目录,所有基于根目录的路径都从该斜线开始。假设在站点中要创建指向如图3.47所示“science”目录中的“computer.htm”文档的链接,则可以使用如下的基于根目录的路径:/science/computer.htm。如果希望在文档中链接主页,则必须指定主页的名称,如:/index.html。18、通过Dreamweaver可以使用多种方式创建本地链接(在同一站点的文档间)。用户可以使用站点地图查看、创建、更改和删除链接或在文档窗口中使用【修改】菜单中的【创建链接】命令,选择链接指向的文件;也可以使用【属性】面板来链接文件,单击【浏览文件】图标选择文件,也可以使用【指向文件】图标选择文件或者直接输入文件路径。使用【属性】面板可以方便地为文本或图像添加链接。为这些元素创建链接的具体操作如下。(1)选中要作为链接的文本或图像等网页元素。(2)在【属性】面板的【链接】文本框中,输入链接的路径,即目标端点的URL。(3)在【属性】面板的【目标】下拉列表框中,可以指定链接文档打开的框架17、Dreamweaver的管理链接特性当用户在本地站点中移动或重命名文档时,Dreamweaver可以更新选定文档中或指向选定文档的链接。如果用户将整个站点(或站点的整个自包含部分)都存放在本地文件夹中时,该特性可以发挥最大的作用。但是Dreamweaver并不会对远程站点做任何修改,除非用户向远程服务器存入或取出文件。如果在一个本地站点对文档进行编辑,Dreamweaver会自动对站点中的链接进行管理。无论用户在本地站点对文档进行重命名操作,还是将文件在站点中移动,Dreamweaver都会自动维护文档中的链接,确保链接不被中断。18、设置站点缓存可以使用站点缓存使链接的更新操作更快捷、更准确。站点缓存是由Dreamweaver创建的缓存文件,其中存储本地站点中所有的链接信息。如果在定义站点的时候激活站点的缓存选项,则在本地站点中,通过Dreamweaver对站点中的文件进行添加、删除、移动、复制和重命名等操作时,缓存中会自动记录这些信息,并对链接进行更新。设置站点缓存的具体操作如下。(1)选择【站点】|【管理站点】命令,打开【管理站点】对话框。(2)从站点列表框中,选择要设置缓存的站点“NetBook”,然后单击【编辑】按钮,打开站点定义对话框来编辑站点。18、更新链接及链接范围当移动或重命名文件时,Dreamweaver会提示是否要对链接进行更新。用户可以设置Dreamweaver自动更新所有链接,这时会打开【更新文件】对话框,提示用户当前的操作需要更新的文件。单击【更新】按钮,则可更新链接。单击【不更新】按钮,则不更新链接。当移动或重命名文件时,Dreamweaver会提示是否要对链接进行更新。用户可以设置Dreamweaver自动更新所有链接,这时会打开【更新文件】对话框,提示用户当前的操作需要更新的文件。单击【更新】按钮,则可更新链接。单击【不更新】按钮,则不更新链接。(3)在【更改所有的链接】文本框中,会显示当前在站点窗口中选中的文件URL,可以对其中的地址进行修改,或单击右边的文件夹按钮,然后从文件夹中选择文件。(4)在【变成新链接】文本框中,可以输入修改后的链接地址,也可以单击右边的文件夹按尊严来自实力福建师范大学2004级应用化学桂之杰梅花香自苦寒来4钮,然后从文件夹中选择文件。(5)设置完毕,单击【确定】按钮,确定操作。这时Dreamweaver会对站点中的文档进行扫描,查找包含要替换链接的文档。如果找到了包含要替换链接的文档,会打开话框,提示用户更新其链接。(6)单击【更新】按钮,可更新链接;单击【不更新】按钮,则不更新链接;单击【确定】按钮,确定操作。18、FTP协议是网络上主机间进行文件传输的用户级协议。用具有FTP协议的传输软件帮助我们将已完成的作品上传到互联网上供浏览者访问,或下载到硬盘进行网站的后期维护。超级链接是网络的联系纽带。在网页中超级链接体现最为明显的是导航栏。19、站点是网页设计人员在制作网页时,为了便于同一个目录下的内容的相互调用而创建的一个文件夹来管理网站内容。20、测试链接所有链接都已经创建以后,用户需要对这些链接进行一系列的测试,以确保链接的正确和链接设置结果的显示正确。在文档窗口中是无法对链接进行测试的,也就是说,如果在文档中单击链接,并不会在浏览器中打开它所链接的文档。但用户可以利用Dreamweaver的预览功能测试链接,也可以在文档窗口中直接打开链接的文档进行编辑。如果希望对链接进行真正的测试,必须在浏览器中进行,用户可以选择【文件】|【在浏览器中预览】命令,然后再选择相应的浏览器;或者按F12键使用默认的浏览器打开文档。19、HTML全名是HyperTextMarkupLanguage,即超文本标记语言,是用来描述Internet服务器上超文本文件的语言。21、HTML文件是一种超文本文件,用文本编辑器(如记事本)来创建和编辑,并保存