网站建设与管理 作者 马涛 第4章 Dreamweaver8.pptVIP

计算机网络技术实用教程(第3版) 第4章 Dreamweaver 网页设计基础 【知识与技能要点】 掌握站点构建的方法 掌握使用Dreamweaver创建基本网页的方法 掌握使用Dreamweaver创建表格的方法 掌握使用Dreamweaver创建超链接的方法 掌握使用Dreamweaver创建框架的方法 掌握使用Dreamweaver创建表单的方法 掌握使用Dreamweaver创建动感网页的方法 4.1 构建站点 网站中包含大量的各类文件： 以.html和.htm为扩展名的静态网页页面文件； 以.asp为扩展名的动态网页页面文件，这些文件是整个网站的主体； 其他资源文件； 各级目录等。 4.1 构建站点 为了有效地组织和管理，网站开发者可以构建一个站点，将这些内容全部放置在站点中。站点与WEB服务器上的站点相对应。 Dreamweaver 8.0中提供了非常方便的构建站点和管理站点的方法。 4.1.1 构建本地站点 “站点定义”向导编辑文件第1部分 “站点定义”向导编辑文件第2部分 “站点定义”向导编辑文件第3部分 “站点定义”向导测试文件 “站点定义”向导共享文件第1部分 “站点定义”向导共享文件第2部分 “站点定义”向导共享文件第3部分 4.1.2 管理站点 站点建立完成后，用户可以通过 “站点”菜单对站点进行管理。点击“站点?管理站点…”，将打开 “管理站点”对话框。 4.2 使用Dreamweaver创建基本网页 网站的是由一系列相关的文件组成的，其中最基本的就是基本网页。 4.2.1 创建基本网页 （1）使用菜单创建 点击“文件?新建”菜单项，将打开“新建文档”对话框， 4.2.1 创建基本网页 （2）在“文件”对话框中创建 4.2.2 编辑窗口简介 （1）菜单栏 （2）插入栏 （3）文档编辑区 三种视图方式 （4）属性检查器和面板组 （4）属性检查器和面板组 4.2.3 编辑基本网页 （1）在网页中插入文字 4.2.3 编辑基本网页 设置一些特殊格式，比如：背景颜色、背景图像或编码等，开发者可以点击“页面属性”按钮，在打开的“页面属性”对话框中进行设置。 4.2.3 编辑基本网页 （2）在网页中插入图像 “插入”菜单中的“图像”选项，点击“插入栏”中的 图标。 4.3 使用Dreamweaver创建表格 表格是网页设计制作时不可缺少的重要元素，它以简洁明了和高效快捷的方式将图像、文本和表单等元素有序的显示在页面上，让开发者可以很容易地设计出漂亮的页面。 除此之外，当在网页中要显示日历、课程表等内容时，也要使用表格。 4.3.1设计表格 在使用表格对页面进行排版之前，要先设计好表格的样式以及元素放置的位置，以及是否使用嵌套表格。 在设计版面较复杂的页面时，会引入嵌套表格，由外层表格负责整体排版，而由嵌套的内层表格负责各个子栏目的排版，并插入到外层表格的相应位置中，使他们各司其职，互不冲突。 4.3.2 创建表格 （1）创建编辑外层表格 在Dreamweaver 8.0中，除了使用“插入”菜单中的“表格”项创建表格外，也可以点击插入栏中的 按钮，然后在弹出的“表格”对话框中进行表格属性设置。 4.3.2 创建表格 4.3.2 创建表格 设置完成后，点击“确定”按钮创建表格，然后根据设计要求将内容元素放置在表格中，在编辑每一个单元格的时候，可以在“单元格属性检查器”对话框中设置相应的选项。 4.3.2 创建表格 如果表格创建完成后，还需要对其进行修改，可以在设计视图中选中表格，或是在状态栏的标签选择器中选择相应的表格标签，然后在表格属性检查器中修改选项。 4.3.2 创建表格 （2）创建编辑内层表格 4.4 使用Dreamweaver创建超链接 一个网站是由很多页面和其他相关文件组成的，如果他们之间彼此相互独立，那么页面就好比是一个个孤岛，网站将无法正常运行。为了使网站中每个网页之间可以建立起相互的联系，必须使用一种可以将站内网页、外部网页、图片和邮件等链接在一起的技术，这称为“超级链接”或“超链接”。 4.4.1 创建页间链接 页间连接是指从一个页面链接到另一个页面上，被链接的目的页面可以和源页面在同一个站点上，也可以是其他站点中的某一个页面。 （1）文字链接 文字链接是网页链接中最常用也是最基本的形式。当在浏览器中显示页面时，可以超链接的文字通常都显示为蓝色的、带有下划线（如果使用了层叠样式表修饰过的可能会显示的不一样），当用户用鼠标指向它时，鼠标指针会变为