【2017年整理】网页制作工具.ppt

网页制作工具Dreamweaver ;“所见即所得”网页编辑器: 优点就是直观、使用方便、容易上手，但也存在难以精确达到与浏览器完全一致的显示效果的缺点 “非所见即所得”网页编辑器（即源代码编辑器）:所有的HTML代码都是在用户的监控下产生的，但是，工作效率太低。; Microsoft公司专门开发的网页制作专业工具。目前最高版本是FrontPage 2003。 网页编辑功能非常强大。 强大的网页管理功能;Dreamweaver Macromedia公司推出的主页编辑工具。 所见即所得网页编辑器，支持最新的XHTML和CSS标准。 最新版本是Dreamweaver 8，用于对Web站点、Web页和Web应用程序进行设计、编码和开发。 借助Dreamweaver还可以使用服务器语言（例如ASP、ASP.NET、ColdFusion标记语言、JSP和PHP）生成支持动态数据库的Web应用程序。 ;Adobe Pagemill 适合初学者制作较为美观，但不是非常复杂的主页。;8.1 Dreamweaver简介 8.2 站点管理 8.3 制作第一个网页 8.4 超链接 8.5 使用图像 8.6 使用多媒体对象 8.7 使用表格 ; 8.1.1 Dreamweaver 8的启动和主工作区 一系列初始化过程后，首先显示“工作区设置”对话框。接下来显示起始页对话框，可以选择“打开最近项目”、“创建新项目”或“从范例创建”。; 2．Dreamweaver 8的主工作区 主工作区由插入工具栏、文档工具栏、文档窗口、属性面板等部分组成; （1）插入工具栏 默认显示的是“常用”类的主要功能按钮。 单击“常用”按钮会弹出一个下拉菜单，其中包含了插入工具栏中的其他功能菜单。 选择不同的分类，插入工具栏中包含的功能按钮也随之改变。;插入面板;插入面板; （2）文档工具栏 使用户可以在文档的不同视图间快速切换：代码视图、设计视图、和拆分视图。 还包含与查看文档、在本地和远程站点间传输文档有关的常用命令和选项。;选择“编辑”→“首选参数”命令,打开“首选参数”对话框。选择“分类”列表中的“常规”选项。 通常设置的属性有文档选项和一些编辑选项。; 2．新建文档参数设置 建立默认的新文档类型和首选参数。 选择“分类”列表中的“新建文档”选项，对话框右侧显示出相关的属性。; 3．站点参数设置 选择“分类”列表中的“站点”选项,用于为“文件”面板设置站点首选参数。;站点:一系列文档的组合，这些文档之间通过各种链接关联起来，可能拥有相似的属性，也可能只是毫无意义的链接。 8.2.1 本地站点和远端站点 站点也是一种文档的磁盘组织形式，它同样是由文档和文档所在的文件夹组成的。 利用不同的文件夹，将不同的网页内容分门别类地保存，这是设计网站的必要前提。 结构良好的网站，不仅便于管理，也便于更新。 ; 8.2.2 建立本地站点 规划好站点结构后，先在Dreamweaver中定义站点，然后才能进行开发。 ; 8.2.3 管理本地站点 1．编辑站点 ① 在“文件”面板中的“站点名称”下拉列表中选择“管理站点”项，打开“管理站点”对话框。 ② 在“管理站点”的对话框左侧列表中选择需要编辑的站点，然后单击右侧按钮，则可以进行相应的操作。; 8.2.3 管理本地站点 2．文件的基本操作 使用“文件”菜单对单独的文件进行管理，例如，执行“新建”、“打开”、“保存”、“另存为”等命令。 也可以在“文件”面板中，在文件或文件夹上单击鼠标右键，在弹出快捷菜单的“编辑”命令子菜单中，执行“新建”、“打开”、“删除”、“移动”、“复制”、“重命名”等命令。 3．指定站点首页 首页就是网站的门面，通常首页文件中总包含有若干指向其他主要网页的超链接，用户可以先为网站创建一个空白首页，然后进行编辑，并可以利用站点地图查看网站中超链接的情况。; 8.3.1 制作网页一般过程 【例8-2】制作一个浅黄色背景的网页，在页面上添加文字和水平线，展示一个娱乐网页的宣传内容，并且在页面的右下方显示感谢信息和当前日期，效果如图8-22所示。 ; 8.3.2 设置页面属性 页面属性是指网页的一般属性信息，例如，网页标题、网页的背景颜色、背景图像、超链接颜色、跟踪图像等。 1．设置网页标题 网页标题是用来说明网页内容的文字，显示在浏览器窗口的标题栏中。通常，每个网页都应该有一个标题，而网页标题文字最好能够恰如其分地描述网页的内容。 2．设置网页其他属性 如果需要设置网页的其他属性，可以打开“页面属性”对话框进行设置。