第三章Dreamweaver8基础知识-第3章Dreamweaver8基础知识

《网页设计与制作》1第3章Dreamweaver8基础知识《网页设计与制作》25.1Dreamweaver8概述5.1.1Dreamweaver8的新增功能Dreamweaver8新增了许多功能，大大改善了软件的易用性，使用户无论处于设计环境还是编码环境都可以方便地制作页面。新增的主要功能有：1.用户界面的改进2．多种样式呈现面板3．新的标准CSS面板4．与最新技术和标准集成5．缩放功能6．改进的WebDAV《网页设计与制作》35.1.2Dreamweaver8的工作界面图5-2Dreamweaver8的工作界面《网页设计与制作》45.2站点的创建和管理5.2.1创建站点5.2.2管理站点1．站点的重新配置2．创建站点的文件夹3．创建网页文件4．为网页文件命名《网页设计与制作》55.3创建网页5.3.1页面属性的设定1．设置“外观”页面属性2．设置“链接”页面属性3．设置“标题”页面属性4．设置“标题/编码”页面属性5．设置“跟踪图像”页面属性《网页设计与制作》65.3.2网页文字的处理在网页中输入文本是最基本的操作。在“文档窗口”中可以直接输入文字，一般Dreamweaver8中的文本段落是自动换行的，即在输入文字时，若一行文字超过了窗口显示范围时，会自动换到下一行。如果在文本输入的过程中需要划分段落，可以用Enter键进行换行，用Enter键换行后上下段落的行间距为一行。如果用Shift+Enter键进行强制换行，换行所产生的行间距为用Enter键换行所产生的行间距的一半。另外“文档窗口”也支持Word的复制、粘贴等功能。《网页设计与制作》75.3.3网页图像的处理1．图像的添加和编辑2．插入其它图像元素1）插入“图像占位符”2）插入“鼠标经过图像”5.3.4制作多媒体页面为了增强网页的表现力，丰富文档的显示效果，可以向其Flash动画、Java小程序、音频播放插件等多媒体内容。1．插入Flash动画2．插入Flash按钮3．插入声音《网页设计与制作》85.4创建链接5.4.1创建文字链接5.4.2创建图像链接5.4.3创建电子邮件链接5.4.4创建锚记链接锚记是指在文档中设置一个位置标记，并给该位置一个名称，以便引用。通过创建的锚记，可以使链接指向当前页面的指定位置，使访问者能够快速浏览到选定的内容，加快信息检索速度。《网页设计与制作》95.5表格的使用表格是网页制作不可缺少的元素，它以简洁明了和高效快捷的方式将图片、文本、数据和表单等元素有序地显示在页面上，让大家可以设计出漂亮的页面；使用表格排版的页面在不同平台、不同分辨率的浏览器里都能保持其原有的布局，所以表格还是网页中最常用的排版方式之一。5.5.1表格的创建与编辑1．插入表格2．选择表格3．编辑和应用表格1）设置表格的属性2）设置单元格属性3）应用表格4．嵌套表格《网页设计与制作》105.5.2表格的布局功能在Dreamweaver中表格的作用不仅仅是安放网页元素和记载资料，还有一个更为重要的作用就是排版布局，固定网页中各个元素的位置。《网页设计与制作》115.6框架的使用框架的作用就是把浏览器窗口划分为若干区域，每个区域可以分别显示不同的网页。框架主要由框架集（Frameset）和框架（Frames）两部分组成。框架集是在一个文档内定义一组框架结构的HTML网页。当在页面中建立框架时，Dreamweaver可以创建一个无标题的框架集文件，再在每个框架中创建无标题文件，如果某个页面被划分成2个框架，它实际上包含的却是3个独立的文件：一个框架集文件和两个框架内容文件。框架内容文件包含了将出现在页面框架中的内容。框架通常用来定义页面的导航区域和内容区域。在一般情况下，用户需要不停地在文章内容和导航内容之间进行切换。但是，如果利用框架结构把导航内容永远固定在页面的顶部或左边，那么在任何时候用户都可以直接选择顶部或左边的导航内容，在页面下方或右边浏览想要的内容。《网页设计与制作》125.6.1框架的创建5.6.2框架和框架集属性的设置建立好的默认属性值为：无边框、无滚动条，在浏览器中无法看到创建的框架，同时不能调整框架的大小，要改变这些属性，需要在框架的“属性”面板中进行修改。1．设置框架属性2．设置框架集属性5.6.3在框架中设置链接《网页设计与制作》135.7表单的使用表单是构成动态网站必不可少的元素之一，是提供交互式操作的主要方法，用户可以通过表单和网站的管理人员进行交流。表单可以帮助Internet服务器收集信息，如收集资料、获取订单。当访问者在表单中输入信息，然后单击提交按钮时，这些信息将被提交给服务器进行处理。表单可以包含允许进行交互的各种对象，如文本域、列表框、复选框、单选按钮、图像域、按钮以及其他表单对象。使用表单必须具备两个条件：一个是建立含有表单元素的网页文档，另一个是具备服务器端的表单处理应用程序或者客户端的脚本程序（如CGI、ASP、JSP、PHP等），它能够处理用户输入到表单的信息。5.7.1表单的创建5.7.2添加表单元素5.7.3表单制作的实例《网页设计与制作》145.8层的应用层（Layer）是一种HTML页面元素，可以将它定位在页面上的任意位置。层可以包含文本、图像或其它HTML文档。层的出现使网页从二维平面拓展到三维立体，可以将页面上元素进行重叠和复杂的布局。5.8.1层的基本操作1．创建层2．“层”面板3．设置层属性5.8.2层的应用实例《网页设计与制作》155.9CSS样式表的应用5.9.1CSS的基本操作1．创建CSS2．编辑CSS3．应用CSS自定义样式4．链接外部现有的CSS样式文件5.9.2CSS的应用实例《网页设计与制作》165.10行为的应用一般说来，动态网页是通过JaveScript或基于JaveScript的DHTML代码来实现的，但编写脚本既复杂又专业，需要专门学习。而Dreamweaver提供的“行为”的机制，虽然也是基于JaveScript来实现动态网页的，但却不需书写任何代码，在可视化环境中按几个按钮，填几个选项就可以实现丰富的动态页面效果，实现人与页面的简单交互。5.10.1行为的基本知识行为是事件与动作的组合，一般的行为都是由事件来激活动作的。动作是由预先写好的能够执行某种任务的JavaScript代码组成，而事件一般与浏览器前的用户的操作相关，如单击鼠标、鼠标上滚等。例如，当鼠标移动到网页的图片上方时，图片高亮显示，此时的鼠标移动称为事件，图片的变化称为动作。在Dreamwaever中，对行为的添加和控制主要通过“行为”面板来实现。5.10.2行为的应用实例《网页设计与制作》175.11模板的使用在制作网站的过程中，为了统一风格，很多页面会用到相同的布局、图片和文字元素。为了避免大量的重复劳动，可以使用Dreamweaver8提供的模板功能，将具有相同版面结构的页面制作为模板，通过模板批量制作这些页面来提高效率。5.11.1模板的基本操作1．创建模板模板的创建有以下三种方式。1）利用“模板”面板2）将普通网页另存为模板3）通过菜单创建模板2．创建可编辑区域5.11.2模板的应用实例《网页设计与制作》185.12测试和发布网站5.12.1测试网站在发布网站前先使用Dreamweaver8站点管理器对网站文件进行检查和整理，这一步很有必要。通过本地测试可以找出断掉的链接、错误的代码和未使用的孤立文件等问题，以便进行纠正和处理。1．检查断掉的链接2．检查外部链接3．检查孤立文件5.12.2发布网站《网页设计与制作》195.13网页制作实例利用Dreamweaver8制作一个网站的首页。详见书上。