Dreamweaver(30课时).docVIP

Dreamweaver（3０课时） 第一讲 基本界面、基本工具的使用 Dreamweaver是制作网页的工具，我们平时上网看到的各个网站的网页都是用Dreamweaver编辑的，然后再加入一些动态语句。这些网页都是由Html语言编写生成，而我们在使用Dreamweaver编辑网页的同时，这个软件就已经自动生成这种语言了。 首先，我们先来说说最简单的Html语言。 Html语言 Html语言有自己特有的格式：htmlheadtitle标题/title/headbody正文内容/body/html。这就是最基本的格式了，其中html.../html是该语言的基本格式，所有的内容都包含在它们之间，head.../head部分是头的部分，主要是放置标题，而标题就放在title.../title之间，body.../body之间是编辑正文的地方，所有的内容都放在这里。至于其中的一些语句，我们在这里就不再多提。 注意事项 Dreamweaver中是有一个相对路径的概念的，我们做网页过程中用到的所有图片和所有的网页文件，还有声音、SWF等等的文件都要放在一个总的文件夹里，而这个文件夹就是我们所说的站点，Dreamweaver中可以建立一个站点，但是现在来讲是非常的抽象的，所以我们先用前面的办法代替，后面再来讲解有关站点的概念。 另外，我们在做网页文件的时候要记得，打开软件后，就先把我们要做的网页文件保存到事先建好的站点里，这样是为了避免你插入图片时出现错误。 最后，站点里的所有文件的名称都不能为汉语名，必须为英文名或者是数字命名的。 介绍软件界面 打开Dreamweaver软件，我们会发现它的界面和我们前面学过的软件有些不同。我们先来说说它的界面。首先是标题栏；接着是菜单栏；下面是软件的显示方式，从左到右依次为只显示源文件、源文件和文档窗口同时显示、只显示文档窗口。有两个浮动的面板：一个是工具面板（Window = Object），另一个是工具属性面板（Window = Properties）。其中工具面板可以设置选中对象的属性。 设置页面属性 设置整体页面的属性可以选择菜单Modify = Page Properties或者直接在文档窗口里单击鼠标右键选择Page Properties会出现页面设置对话框。其中： Title:标题，设置浏览器标题栏中的内容； Background Image：设置背景图片的，背景图片是平铺在网页中的； Background：改变整体的背景色； Text：设置一般文字的色彩； Links：设置链接文字的色彩； Visited Links：设置点选过的链接文字的色彩； Active Links：设置点选链接文字时显示的色彩； Left、Top：设置内容距浏览器左边、顶边的距离； 其它的几项不要设置了，使用默认的即可。 图片的插入和编辑 插入图片是用工具面板左上角的工具。图片插入后，选中后，可以在属性面板里设置图片的属性。 属性面板的左上方有一个缩略图，右边有Image字样，旁边是图片文件的大小，下方的空格可以键入文件名（只在Html和动态语句中调用的文件名）；W、H可以设置图片的宽度和高度；Src显示的是图片的来源位置；Link：可以设置链接的目标页面；Align：图片旁的文字的排列方式；Alt：图片的注释，就是在浏览器中鼠标放在图片上时，图片的右下角出现的文字；Vspace、Hspace：图片在垂直方向、水平方向上与文字的间距；Target：链接时窗口的弹出方式；Border：图片边框的宽度；Edit：编辑图片；Reset Size：重置图片大小。 文字的输入及属性 在文档编辑区直接输入文字就可以了，选中要编辑的文字，在属性面板里设置文字的属性。 属性面板中Format：可以改变字体的大小（整段文字）H1最大，H6最小；Size：可以设置选中文字的大小；右侧的颜色块可以设置文字的颜色；B、I：加粗、倾斜；接着可以设置段落的对齐方式；Link：使者选中文字的链接；Target：设置链接的窗口的弹出方式；后面的按钮可以在文本前创建清单，加项目符号。 表格的插入和编辑 插入表格是用工具面板左上角的工具，弹出窗口，可以设置Rows（行数）、Columns（列数）、Width（表格宽度，单位有像素、百分比）、Border（表格边框）、CellPadding（单元格空白区域即内容与格边线距离，默认为1个像素）、Cell Spacing（单元格间距，默认为2像素）。 表格插入后，选中表格，可以在属性面板里设置图片的属性。左上方有一个缩略图，