《Dreamweaver8初学教程》由会员分享，可在线阅读，更多相关《Dreamweaver8初学教程（116页珍藏版）》请在金锄头文库上搜索。
1、word要制作一个能够被大家浏览的，首先需要在本地磁盘上制作这个，然后把这个传到互联网的web服务器上。放置在本地磁盘上的被称为本地站点，位于互联网web服务器里的被称为远程站点。Dreamweaver 8提供了对本地站点和远程站点强大的管理功能。1、规划站点结构是多个网页的集合，其包括一个首页和假设干个分页，这种集合不是简单的集合。为了达到最优效果，在创建任何 Web 站点页面之前，要对站点的结构进展设计和规划。决定要创建多少页，每页上显示什么内容，页面布局的外观以与各页是如何互相连接起来的。我们可以通过把文件分门别类的放置在各自的文件夹里，使的结构清晰明了，便于管理和查找。2、创建站点在D
2、reamweave 8中可以有效的建立并管理多个站点。搭建站点可以有两种方法，一是利用向导完成，二是利用高级设定来完成。在搭建站点前，我们先在自己的电脑硬盘上建一个以英文或数字命名的空文件夹。1选择菜单栏站点管理站点，出现“管 理站点对话框。点击“新建按钮，选择弹出菜单中的“站点项。 在打开的窗口上方有“根本和“高级两个标签，可以在站点向导和高级设置之间切换。下面选择“根本标签。在文本框中，输入一个站点名字以在 Dreamweaver8.0中标识该站点。这个名字可以是任何你需要的名字。单击“下一步。出现向导的下一个界面，询问是否要使用服务器技术。我们现在建立的是一个静态页面，所以选择“否。点下
3、一步，在文档框设置本地站点文件夹的地址。点下一步，进入站点定义，我们将在站点建设完成后在与FTP，这里选择“无。单击“完成按钮，完毕“站点定义“对话框的设置。单击“完成按钮，文件面板显示出刚刚建立的站点。到此，我们完成了站点的创建。3、搭建站点结构站点是文件与文件夹的集合，下面我们根据前面对xmweb的设计，来新建xmweb站点要设置的文件夹和文件。新建文件夹，在文件面板的站点跟目录下单击鼠标右键，从弹出菜单中选择“新建文件夹项，然后给文件夹命名。这里我们创建新建8个文件夹，分别命名为：img、med、swf、txt、css、js、moan和fy。创建页面，在文件面板的站点跟目录下单击鼠标右键
4、，从弹出菜单中选择“新建文件项，然后给文件命名。首先要添加首页，我们把首页命名为index.html，再分别新建01.html、02.html、03.html、04.html和05.html。4、文件与文件夹的管理对建立的文件和文件夹，可以进展移动、复制、重命名和删除等根本的管理操作。单击鼠标左键选中需要管理的文件或文件夹，然后单击鼠标右键，再弹出菜单中选“编辑项，即可进展相关操作。我们已经描绘了小屋的蓝图，从现在开始，为我们的小屋添砖加瓦吧。打开01.html，制作一个图文混排的简单页面。一、页面的总体设置1、设置页面的头内容 头内容再浏览器中是不可见的，但是却携带着网页的重要信息，如关键字
5、、描述文字等，还可以实现一些非常重要的功能，如自动刷新功能。鼠标左键单击插入工具栏最左边按钮旁的下拉小三角，在弹出菜单中选择“HTML项，出现“文件头按钮，点开下拉菜单，就可以进展头内容的设置了。 设置标题，网页标题可以是中文、英文或符号，显示在浏览器的标题栏中。我们直接在设计窗口上方的标题栏内输入或更改，就可以完成网页标题的编辑了。插入关键字，关键字用来协助网络上的搜索引擎寻找网页。要想让更多的人看见你的，这项要好好填哦_单击上图所示的“关键字项，弹出“关键字对话框，填入关键字即可。插入META，META标记用于记录当前网页的相关信息，如编码，作者，等，也可以用来给服务器提供信息。单击上图所
6、示的“META项，弹出“META对话框，在“属性栏选择“名称属性，在“值文本框中输入相应的值，可以定义相应的信息。author作者信息，copyright声明，generator网页编辑器。2、设置页面属性单击“属性栏中的“页面属性按钮，打开的“页面属性对话框。设置外观，“外观是设置页面的一些根本属性。我们可以定义页面中的默认文本字体、文本字号、文本颜色、背景颜色和背景图像等。我们设置页面的所有边距为0。设置，“选项内是一些与页面的效果有关的设置。“颜色定义超文本默认状态下的字体颜色，“变换图像定义鼠标放在上时文本的颜色，“已访问定义访问过的的颜色，“活动定义活动的颜色。“下划线样式可以定义的
7、下划线样式。设置标题，“标题用来设置标题字体的一些属性。如如下图所示，在左侧“分类列表中选择“标题，这里的标题指的并不是页面的标题内容，而是可以应用在具体文章中各级不同标题上的一种标题字体样式。我们可以定义“标题字体与6种预定义的标题字体样式，包括粗体、斜体、大小和颜色。按自己的喜欢的风格设置吧。1、插入文本要向 Dreamweaver 文档添加文本，可以直接在Dreamweaver“文档窗口中键入文本，也可以剪切并粘贴，还可以从word文档导入文本。用鼠标在文档编辑窗口的空白区域点一下，窗口中出现闪动的光标，提示文字的起始位置，将01.rar中的文字素材复制/粘贴进来。2、编辑文本格式网页的
8、文本分为段落和标题两种格式。在文档编辑窗口中选中一段文本，在属性面板“格式后的下拉列表框中选择“段落把选中的文本设置成段落格式。“标题1到“标题6分别表示各级标题，应用于网页的标题局部。对应的字体由大到小，同时文字全部加粗。另外，在属性面板中可以定义文字的字号、颜色、加粗、加斜、水平对齐等内容。3、设置字体组合Dreamweaver8预设读的可供选择的字体组合只有6项英文字体组合，要想使用中文字体，必须重新编辑新的字体组合，在“字体后的下拉列表框中选择“编辑字体列表，弹出“编辑字体列表对话框：4、文字的其它设置文本换行，按Enter键换行的行距较大在代码区生成标签，按EnterShift键换行
9、的行间距较小在代码区生成标签。文本空格，我们选择编辑/首选参数，在弹出得对话框中左侧的分类列表中选择“常规项，然后在右边选“允许多个连续的空格项，我们就可以直接按“空格键给文本添加空格了。特殊字符，要向网页中插入特殊字符，需要在快捷工具栏选择“文本，切换到字符插入栏，单击文本插入栏的最后一个按钮，可以向网页中插入相应的特殊符号。插入列表，列表分为两种，有序列表和无序列表，无序列表没有顺序，每一项前边都以同样的符号显示，有序列表前边的每一项有序号引导。在文档编辑窗口中选中需要设置的文本，在属性面板中单击，如此选中的文本被设置成无序列表，单击如此被设置成有序列表。插入水平线，水平线起到分隔文本的排
10、版作用，选择快捷工具栏的“HTML项，单击HTML栏的第一个按钮，即可向网页中插入水平线。选中插入的这条水平线，可以在属性面板对它的属性进展设置。插入时间，在文档编辑窗口中，将鼠标光标移动到要插入日期的位置，单击常用插入栏的“日期按钮，在弹出的“插入日期对话框中选择相应的格式即可。目前互联网上支持的图像格式主要有GIF、JPEG和PNG。其中使用最为广泛的是GIF和JPEG。1、插入图像在制作网页时，先构想好网页布局，在图像处理软件中将需要插入的图片进展处理，然后存放在站点根目录下的文件夹里。插图图像时，将光标放置在文档窗口需要插入图像的位置，然后鼠标单击常用插入栏的“图像按钮。弹出的“选择图
11、像源文件对话框，选择img/001.jpg，单击“确定按钮就把图像001.jpg插入到了网页中。注意：如果我们在插入图片的时候，没有将图片保存在站点根目录下，会弹出如下图所示的对话框，提醒我们要把图片保存在站点内部，这时单击“是按钮，然后选择本地站点的路径将图片保存，图像也可以被插入到网页中。2、设置图像属性选中图像后，在属性面板中显示出了图像的属性，如下如所示。在属性面板的左上角，显示当前图像的缩略图，同时显示图像的大小。在缩略图右侧有一个文本框，在其中可以输入图像标记的名称。图像的大小是可以改变的，但是在DW里更改是极不好的习惯，如果我们的电脑安装了FW软件，单击属性面板的“编辑旁边的，即
12、可启动FW对图像进展缩放等处理。当图像的大小改变时，属性栏中“宽和“高的数值会以粗体显示，并在旁边出现一个弧形箭头，单击它可以恢复图像的原始大小。“水平边距和“垂直边距文本框用来设置图像左右和上下与其它页面元素的距离。“边框文本框时用来设置图像边框的宽度，默认的边框宽度为0。“替代文本框用来设置图像的替代文本，可以输入一段文字，当图像无法显示时，将显示这段文字。单击属性面板中的对齐按钮，可以分别将图像设置成浏览器居左对齐、居中对齐、居右对齐。在属性面板中，“对齐下拉列表框时设置图像与文本的相互对齐方式，共有10个选项。通过它我们可以将文字对齐到图像的上端、下端、左边和右边等，从而可以灵活的实现
13、文字与图片的混排效果。3、插入其它图像元素在我们单击常用插入栏的“图像按钮时，可以看到，除了第1项“图像外，还有“图像占位符、“鼠标经过图像、“导航条等项目。插入图像占位符，在我们布局页面时，如果要在网页中插入一X图片，可以先不制作图片，而是使用占位符来代替图片位置。单击下拉列表中的“图像占位符，打开“图像占位符对话框。按设计需要设置图片的宽度和高度，输入呆插入图像的名称，即可。鼠标经过图像，鼠标经过图像实际上由两个图像组成，主图像当首次载入页时显示的图像和次图像当鼠标指针移过主图像时显示的图像。这两X图片要大小相等，如果不相等，DW自动调整次图片的大小跟主图像大小一致。图片与文本一样，是网页
14、中最常用到的内容，其变化相对较少，要想排出精致美观的网页，下一节课的内容可是必不可少的哦，继续努力吧_表格是网页设计制作不可缺少的元素，它以简洁明了和高效快捷的方式将图片、文本、数据和表单的元素有序的显示在页面上，让我们可以设计出漂亮的页面，使用表格排版的页面在不同平台、不同分辨率的浏览器里都能保持其原有的布局，而在不同的浏览器平台有较好的兼容性，所以表格是网页中最常用的排版方式之一。一、插入并编辑表格 1、插入表格在文档窗口中，将光标放在需要创建表格的位置，单击“常用快捷栏中的表格按钮弹出的“表格对话框，指定表格的属性后，在文档窗口中插入设置的表格。“行数文本框用来设置表格的行数。“列数文本
15、框用来设置表格的列数。“表格宽度文本框用来设置表格的宽度，可以填入数值，紧随其后的下拉列表框用来设置宽度的单位，有两个选项百分比和像素。当宽度的单位选择百分比时，表格的宽度会随浏览器窗口的大小而改变。“单元格边距文本框用来设置单元格的内部空白的大小。“单元格间距文本框用来设置单元格与单元格之间的距离。“边框粗细用来设置表格的边框的宽度。“页眉定义页眉样式，可以在四种样式中选择一种。“标题 定义表格的标题。“对其标题定义表格标题的对齐方式。“摘要 可以在这里对表格进展注释。2、选择单元格对象对于表格、行、列、单元格属性的设置是以选择这些对象为前提的。选择整个表格的方法是把鼠标放在表格边框的任意处，当出现这样的标志时单击即可选中整个表格，或在表格内任意处单击，然后在状态栏选中标签即可；或在单元格任意处单击，点鼠标右键在弹出菜单菜单中选择“表格选择表格要选中某一单元格，按住Ctrl键，鼠标在需要选中的单元格单击即可；或者，选中状态栏中的标签。要选中连续的单元格，按住鼠标左键从一个单元格的左上方开始向要连续
