原创力文档- 1、本文档共49页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
单击“确定”，得到如下所示页面设计视图。 8.2.3 使用模板更新文档 当需要对模板的某些方面进行修改，此时可在Dreamweaver MX中打开模板文件，按照需要进行相应的修改工作。在保存模板时会弹出如下对话框，询问是否需要更新使用该模板来创建的文件；选择“更新”，则自动对所有相关文件进行更新工作。 8.3 库项目及其应用 创建库项目 向网页添加库项目 利用库项目更新网站 8.3.1 创建库项目 在一个库项目中，可以包含文本、表格、表单、图象和多媒体等内容。创建库项目时，先选中文档中的需要作为库项目的对象，选择菜单命令“修改→库→增加对象到库”来创建项目，也可以在资源面板库类窗口中单击“新建库项目”按钮来创建。 实例 5 创建一个库项目，在项目中包含一个表格。 在Dreamweaver MX中，新建网页文件。 向网页中插入一个2行3列的表，设定表格边框为5，间距为2，边框颜色为蓝色。 选定页面上的表格，选择菜单命令“修改→库→增加对象到库”，在当前站点根目录下自动增加一个Library文件夹和文件“未命名.lbi”。在库类窗口中同时给出该库项目的样式图。 将新项目重命名为table，Library目录中的文件的名称也自动改变为table.lbi 8.3.2 向网页添加库项目 实例 6 将库项目添加到index.dwt中。 打开文档； 确定插入位置； 打开资源面板并切换到库类别，选中库项目table，单击面板底部的“插入”按钮，或者直接将库项目拖动到目标位置释放，该项目就插入到网页中。 8.3.3 利用库项目更新网站 在对库项目进行修改后，一般在保存该库项目时，就会打开如下对话框，询问是否更新添加了该库项目的文件，如果选择“更新”按钮，就会打开对话框如图所示。 使用模板和库，极大地提高了网站开发的速度和效率，也极大改善了网站的维护工作。 8.4CSS样式表概述 为什么用CSS样式 如今网页排版格式越来越来复杂，如果要对多个网页的同样格式一一进行设计，那么就会给制作人员带来很多的工作量，所以解决办法是采用CSS样式来一次性对若干个文档的格式进行控制。 8.4CSS样式表概述 什么是CSS样式 CSS（Cascading Style Sheet，层叠样式表 ）技术是一种格式化网页的标准方式，它扩展了HTML的功能，使网页设计者能够以更有效的方式设置网页格式。 8.4CSS样式表概述 什么是CSS样式 CSS样式存于样式表文件中，然后在多个网页中同时应用该样式表中的样式 ，就能确保多个网页具有一致的格式，并且能够随时更新（只要更改样式表文件就可以使所有网页自动更新），从而大大降低了网站的开发和维护工作量。 8.4CSS样式表概述 认识CSS面板 显示所有样式 显示当前样式 内部样式表 样式名称 样式及属性值 8.5 CSS的分类 外部链接样式表(External linking css):实际上是一个仅包含样式规则的外部文本文件，其后缀名为“CSS”，当编辑此文件时，所有与此样式表链接的文档将全被更新。 内嵌式样式表(Embedded CSS)：嵌在HTML代码的<style>标记之间。 内联式样式表(Inlink CSS):直接在某一HTML标记后添加样式代码。 优先程度：内联式>内嵌式>外部链接 （1）显示“CSS 样式”面板的方式： 打开“窗口”菜单——“CSS”样式 （2）样式视图 CSS样式面板 CSS样式在网页中的三种存在方式 外部文件方式：CSS以文件的形式存在，在HTML文档头通过文件引用进行控制。 CSS文件的引用是在<head></head>标签之间写下列语句: <link rel=“stylesheet” href=“文件名.CSS” type=“text/css”> 不以文件的形式存在,仅作用于本文档,直接定义在 <head></head> 之间. <Style type=“text/css”> <!— P{font-family:“宋体” font-size:9pt;color:blue} H2{font-family: “宋体” ;font-size:13pt;color:red} --> </style> 内嵌样式 直接插入式 只需要在每个HTML标签后书写CSS属性。作用范围只限于本标签。 <table style=“color:red;font-size:10pt”> 在统一站点风格上，用第一方式，在某个网页风格统一上，用第二种方式，而在网页内部某个标签的具体调整上，用第三种方式。 如果是新建CSS文件,有两种方法: 方法一:可以通过菜单”文件/新建/CSS样式” 方法二:通过进入CSS面板,点击右下角的”新建CSS样
文档评论（0）