网页制作清华大学出版社第7章_利用模板和库创建网页
网页制作案例教程 清华大学出版社第7章 利用模板和库创建网页
案例要点
模板可编辑区域、可选区域和重复区域的创建。
案例实施 （1）选择“开始”｜“所有程序”｜“Adobe Dreamweaver CS5”，启动 Adobe Dreamweaver CS5，新建一站点，将素材文件夹复制到本站点文件 夹中。 （2）选择“文件”｜“打开”菜单项，打开如图7-6-1所示的模板网页。 （3）选中如图7-6-1所示的第4个区域，单击菜单栏中“插入”|“模板对 象”|“可编辑区域”命令。
7.4.2利用模板更新网页
（1）更新模板 当模板被重新编辑或修改，保存模板后，会 自动打开“更新模板文件”对话框单击“更 新”按钮，更新文档。
7.5库项目
7.5.1库项目简介
库是一种特殊的 Dreamweaver 文件，其中 包含可放置到网页中的一组单个资源或资源 副本。库中的这些资源称为库项目。可在库 中存储的项目包括图像、表格、声音和使用 Adobe Flash 创建的文件。每当编辑某个库 项目时，可以自动更新所有使用该项目的页 面。
7.5.2创建库项目
（1）创建空白库项目 创建空白库项目的操作为：
1）单击菜单栏中的“窗口”|“资源”命令，打 开“资源”面板，单击左下角的库按钮 ，切换 到“库”类 “库”类别
2）单击面板底部的“新建”按钮 ，面 板中出现一个未命名的库，如图7-5-2所 示。
图7-3-6 “新建重复区域”对话框图
（4）在“名称”文本框输入重复区域名称。 （5）单击“确定”，退出“重复区域对话框”，建立的“重复 区域”为绿色框线区域，如图7-3-7所示。 （6）另存为模板即可使用。
7.4应用模板
《网页的制作》教案【优秀3篇】
一、教学目标1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点；2、认识FRONT的界面；3、掌握在主页中插入文字、图片、水平线；4、掌握页面文件与图片的保存。
二、教学重点1、能在指定位置建立只有一个网页的站点（难点）2、能在页面中插入文字、图片、水平线3、掌握页面文件与图片的保存（难点）三、学情分析四、教学方法在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。
五、教学过程设计教师活动：1、引入课题：（激发兴趣，活跃气氛）同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站）浏览新浪网站，浏览的第一个页面称为什么？（主页）我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接。
问题1：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来）问题2：网页是不是就是主页？（第一个页面称为主页，网站设计者可以确定哪一个是主页，主页的文件名一般为：index.htm,主页也是网页）设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在internet上，让所有的人访问浏览。
今天我们学习用Frontpage建立站点，制作一个主页。
先来研究一下没有发布的网站，打开教师做的网站问：同学们看到了什么？（文件夹）总结：可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里面存放的是所有与网站相关的文件。
打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。
请学生浏览教师课件，了解学习任务2、新建站点FP的启动问：与word比较，有什么不同？总结：预览窗口：浏览器中出现的效果，与PowerPoint中的“放映幻灯片”类似。
Html窗口：编写HTML（超文本标记语言，它是描述网页内容和外观的标准。
《第7课驾轻就熟一应用模板创建网页》学历案-初中信息技术清华大学版12八年级下册自编模拟
《驾轻就熟一应用模板创建网页》学历案（第一课时）初中信息技术课程《驾轻就熟——应用模板创建网页》学历案（第一课时）一、学习主题本课程的学习主题为“应用模板创建网页”，主要涉及初中信息技术课程中网页制作的相关知识和技能。
在第一课时中，学生将学习如何使用网页模板快速构建基础网页，为后续学习更为复杂的网页制作技术打下基础。
二、学习目标1. 知识与理解：学生能够理解什么是网页模板，并了解其作用和基本使用方法。
2. 技能与操作：学生能够熟练掌握使用模板创建基本网页的步骤，包括选择模板、编辑内容和调整布局等。
3. 情感态度与价值观：培养学生对于信息技术课程的兴趣，以及独立学习和解决问题的能力。
三、评价任务本课时的评价任务包括：1. 课堂表现：观察学生在课堂上的学习态度、参与度和操作能力。
2. 作品评价：学生完成使用模板创建的网页作品，评价其内容、布局和美观度。
3. 自我评价与互评：学生完成学习后的自我反思，以及小组内成员之间的互相评价。
四、学习过程1. 导入新课：通过展示几个精美的网页作品，引起学生对网页制作的兴趣，并引导学生思考这些网页是如何制作出来的。
2. 新课讲解：教师讲解什么是网页模板，以及其作用和基本使用方法。
通过实例演示，展示如何选择模板、编辑内容和调整布局等操作。
3. 操作实践：学生根据教师提供的操作步骤，自主选择模板进行实践操作，教师巡回指导，及时解答学生操作中遇到的问题。
4. 交流分享：学生完成操作后，进行小组内交流分享，互相评价作品，并由小组代表展示本组作品。
5. 总结反馈：教师根据学生的操作情况和作品质量进行总结反馈，强调使用模板的注意事项和技巧。
五、检测与作业1. 检测：通过课堂小测验的形式，检测学生对使用模板创建网页的掌握情况，包括选择题和简答题。
2. 作业：学生回家后，自主选择一个主题，使用学到的模板创建技术制作一个简单的网页作品，并拍照或截图保存作品，下节课进行展示。
六、学后反思学生在完成本课时的学习后，应进行学后反思。
网页设计与制作各章习题及答案
网页设计与制作各章习题及答案第1章习题1. 填空题(1) WWW服务于_1990_年由设立在欧洲瑞士的粒子物理研究中心开发研制出来。
(2) WWW是_Word Wide Web_的缩写，其含义是_“全球网”_，很多人又形象地称其为_“万维网”_。
(3) 现在网页基本可以分为_静态_和_动态_两大类网页。
(4) 对于网站，我们通常又称作_站点_(5) HTML是Hypertext Markup Language 的缩写，意思为_超文本标记语言_。
(6) marquee代码的作用_实现标记中的内容在页面移动的效果_(7) HTML源代码包括_<Head></Head>头_和_<Body></Body>正文__两大部分(8) CuteFTP是一种基于__Ftp__的数据交换软件。
(9) CuteFTP有很多功能，如_断点续传_、_自动登陆_等，是上传、维护、更新网站必不可少的工具软件。
(10) Flash是网络上最为流行的_矢量__动画制作软件。
(11) 网页的主要组成元素有_文本__、__图片_、_多媒体_、_超链接_和_脚本_五种。
(12) 与网站设计相关的软件主要有_Dreamweaver_、_Photoshop_、_Flash_和_CuteFTP_。
(13) _<html>_和_</html>_是Web页的第一个和最后一个标记符，Web页的其他所有内容都位于这两个标记符之间。
2. 选择题(1) 下面哪些文件属于静态网页（ C ）A. abc.aspB. abc.docC. abc.htmD. abc.jsp(2) 下面哪些不是网页编辑软件（ B ）A. DreamweaverB. CuteFTPC. WordD. Flash(3) 下面哪些文件不是网站的主页（ C ）A. index.htmlB. Default.jspC. index1.htmD. Default.php(4) DreamweaverMX是哪家公司的产品（ D ）A. AdobeB. CorelC. MicrosoftD. Macromedia(5) 网页元素不包括：（ C）A. 文字B. 图片C. 界面D. 视频(6) 下列哪种软件是用于网页排版的。
第七章网页制作电子教案
第七章网页制作电子教案（计划8学时）第一次课（2学时）课题：§7.1了解网页设计与Dreamweaver 8课型：理论课、实践课、任务驱动多媒体教学教学目的与要求了解：1、了解Dreamweaver8的功能及特点。
2、了解网页、网站和网页的组成元素。
2、了解工作窗口的组成部分；掌握：1、熟练掌握Dreamweaver8软件的启动和退出,。
2、熟练掌握Dreamweaver8菜单的使用方法，重点与难点重点：1、网页、网站和网页的组成元素，Dreamweaver8窗口及菜单的使用方法。
难点：1、Dreamweaver8窗口及菜单的使用方法。
网页的设计理念。
教学进程组织教学复习提问引入新课讲授新课：7.1了解网页设计与Dreamweaver 87.1.1网页、网站和网页的组成元素网页是网站的基本信息单位，通常是由若干网页组成。
网站中主页是访问一个网站首先看到的网页也是所有页面的链接中心。
网页中包含的元素很多，主要包含以下元素：1、文本文本是最重要的信息载体与交流工具，是网页发布信息所用的主要形式，利用文本可以准确表达出网页想要传达的信息。
2、图形它可以是普通的绘制图形，可以是各种图像，还可以是动画。
图形不仅能提供更多的信息，还可以美化和装饰页面。
在网页上最常用的图像格式有GIF、JPEG等格式。
3、超级链接是从一个网页指向另一个目的端的链接，这个目的端通常是另一个网页，也可以是一幅图片、一个电子邮件地址、一个文件、一个程序或者相同网页的不同位置。
建立超级链接的对象可以是文本、图像、按钮或热点标记。
浏览时鼠标指向超级链接时就会变成伸出食指的右手形状，单击超级链接后即可打开目标对象。
超链接是网页中一种非常重要的功能，是网页中最重要、最根本的元素之一。
4、表格表格不仅用来显示相关数据，而且用来控制网页中信息的布局方式。
控制图形、文字出现的位置，使之规范整齐、均衡协调。
5、表单6、声音声音是多媒体网页的一个重要组成部分。
《第7课 驾轻就熟一应用模板创建网页》作业设计方案-初中信息技术清华大学版12八年级下册自编模拟
《驾轻就熟一应用模板创建网页》作业设计方案（第一课时）一、作业目标通过本次作业，学生将掌握应用模板创建网页的基本技能，熟悉网页制作的基本流程，提高网页制作的能力。
二、作业内容1. 任务一：选择并使用模板创建网页学生需要选择一个适合自己主题的网页模板，根据模板的要求和提示，完成网页的基本布局和内容填充。
要求学生在规定时间内完成并提交作业。
2. 任务二：修改模板并创新设计学生可以在已经创建的网页模板基础上，根据自己对该主题的理解和创意，对网页进行修改和创新设计。
要求学生对模板进行合理的修改和调整，使其符合自己的设计理念。
3. 任务三：添加图片、文字和链接学生需要在网页中添加合适的图片、文字和链接，以丰富网页内容，提高网页的吸引力和互动性。
要求学生在添加内容时遵循一定的规范和标准。
三、作业要求1. 作业应按时提交，作业提交截止时间为下节课开始前；2. 作业应按照要求选择合适的模板并完成基本布局和内容填充；3. 作业应体现学生的创新能力和对主题的理解，对模板的修改和调整应合理；4. 作业中添加的图片、文字和链接应符合规范和标准，有利于丰富网页内容和提高互动性。
四、作业评价1. 评价标准：根据学生提交的作业，评价学生对模板创建网页的基本技能掌握情况，以及学生的创新能力和对主题的理解程度；2. 评价方法：采用教师评价和学生互评相结合的方式，对作业进行评价；3. 评价结果：根据评价结果，给予学生相应的成绩和反馈意见，帮助学生更好地了解自己的学习情况，为后续学习奠定基础。
五、作业反馈1. 学生应认真听取教师的评价意见，及时调整自己的学习方法和思路，积极参与课堂讨论和交流；2. 学生之间可以相互交流学习，分享经验和方法，共同提高学习效果；3. 教师应对学生的反馈进行整理和分析，及时调整教学策略和方法，提高教学质量。
通过本次作业，学生可以更好地掌握应用模板创建网页的基本技能和方法，提高自己的网页制作能力。
同时，通过教师评价和学生互评的方式，可以帮助学生更好地了解自己的学习情况，为后续学习奠定基础。
《第7课 驾轻就熟一应用模板创建网页》作业设计方案-初中信息技术清华大学版12八年级下册自编模拟
《驾轻就熟一应用模板创建网页》作业设计方案（第一课时）一、作业目标：通过本课程的学习，学生能够掌握应用模板创建网页的基本技能，熟悉网页设计的基本流程，提高网页制作的能力。
二、作业内容：1. 任务一：选择并使用模板学生需要选择一个适合自己网页主题的模板，并按照模板的要求进行页面布局和内容填充。
要求学生在规定时间内完成，并提交作业。
2. 任务二：自定义设计学生在使用模板的基础上，根据个人喜好和需求进行页面布局和内容调整，以达到个性化的设计效果。
3. 任务三：添加网页元素学生需要添加适当的图片、文字、链接等网页元素，以丰富网页内容，提高用户体验。
三、作业要求：1. 作业内容应包含至少两个任务，并按照要求进行页面布局和内容填充；2. 作业提交时应包括学生姓名、学号、班级等信息，以便教师进行作业评价；3. 作业应按照规定时间提交，不得拖延；4. 作业应符合网页设计的规范和要求，不得出现明显的错误和问题。
四、作业评价：1. 评价标准：根据学生提交的作业情况，从页面布局、内容填充、个性化设计、网页元素添加等方面进行评价；2. 评价方式：教师对学生提交的作业进行批改，给出相应的分数和评价意见；3. 评价结果：根据作业评价情况，对学生的掌握程度和存在的问题进行总结和分析，以便于下一阶段的教学。
五、作业反馈：1. 学生应根据教师的评价意见，认真分析自己的作业问题，并在下一次作业中加以改进；2. 学生可以向教师提出自己在制作网页过程中遇到的问题和困惑，寻求帮助和建议；3. 教师应及时收集学生的反馈意见，并根据实际情况调整教学策略和方法，以提高教学质量和效果。
总之，通过本课程的作业设计，学生能够更加深入地掌握应用模板创建网页的基本技能和方法，同时也能够更好地发挥自己的创意和个性，提高网页制作的能力和水平。
作业设计方案（第二课时）一、作业目标通过本次作业，学生应能够：1. 熟练掌握应用模板创建网页的基本操作；2. 了解并掌握常见网页模板的使用方法；3. 学会根据需求选择合适的模板进行网页制作；4. 提高团队协作和沟通能力。
网页制作：项目11使用模板以及库制作学校主页
网页设计与制作
Dreamweaver 8
操作一 创建主页模板文件
创建主页模板文件操作动画
项目十一：
使用模板和库制作学 校主页
任务一 任务二 实训 小结
通过本操作的学习，应该掌握的内容有：
网页设计与制作
Dreamweaver 8
项目十一：
使用模板和库制作学 校主页
任务一 任务二 实训 小结
操作三 插入模板对象
3、重复表格及其插入方法 可以使用重复表格创建包含重复行的表格格式的可编辑区域， 可以定义表格属性并设置哪些表格单元格可编辑。 如果在对话框中不设置单元格边距、单元格间距和边框的值， 则大多数浏览器按单元格边距为“1”、单元格间距为“2”、边 框为“1”显示表格。对话框的上半部分与普通的表格参数没有 什么不同，重要的是下半部分的参数。【重复表格行】指定表格 中的哪些行包括在重复区域中，【起始行】将输入的行号设置为 包括在重复区域中的第1行，【结束行】将输入的行号设置为包 括在重复区域中的最后1行，【区域名称】为重复区域设置惟一 的名称。 重复表格可以被包含在重复区域内，但不能被包含在可编辑 区域内。另外，不能将选定的区域变成重复表格，只能插入重复 表格。
网页设计与制作
Dreamweaver 8
项目十一：
使用模板和库制作学 校主页
任务一 任务ቤተ መጻሕፍቲ ባይዱ 实训 小结
操作三 插入模板对象
4、选择模板对象的方法： 选择模板对象的方法，一种是单击要选择的模板对象 的名称，另一种是把光标定位在模板对象处，然后在工作 区下面选择相应的标签。 在选择模板对象时会显示其【属性】面板，在【属性】 面板中可修改模板对象的名称。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
案例实施 （10）在“名称”文本框输入可选区域名称单击“确定”， （11）选中如图7-6-1所示的第2个区域，单击菜单栏中“插入”|“模板对 象”|“重复区域”命令。 （12）打开新建重复区域对话框，如图7-6-3所示。 （13）在“名称”文本框输入重复区域名称。单击“确定”。 （14）选中如图7-6-1所示的第5个区域，单击菜单栏中“插入”|“模板对 象”|“重复区域”命令。 （15）打开新建重复区域对话框，如图7-6-3所示。 （16）在“名称”文本框输入重复区域名称。单击“确定”。
7.5.2创建库项目
（1）创建空白库项目 创建空白库项目的操作为：
1）单击菜单栏中的“窗口”|“资源”命令，打 开“资源”面板，单击左下角的库按钮 ，切换 到“库”类别，如图7-5-1所示。
图7-5-1 “库”类别
2）单击面板底部的“新建”按钮 ，面 板中出现一个未命名的库，如图7-5-2所 示。
图7-2-2 “新建模板”面板图
（4）输入新的模板名字，则新建一个空 白模板。
7.2.2基于现有网页创建模板
（1）打开己编辑好的要保存为模板的网页 文件。 （2）单击菜单栏中的“文件”|“另存模板 ”命令。 （3）打开“另存模板”对话框，如图7-2-3 所示。
图7-2-3 “另存模板”对话框图
7.4.2利用模板更新网页
ቤተ መጻሕፍቲ ባይዱ
（1）更新模板 当模板被重新编辑或修改，保存模板后，会 自动打开“更新模板文件”对话框单击“更 新”按钮，更新文档。
7.5库项目
7.5.1库项目简介
库是一种特殊的 Dreamweaver 文件，其中 包含可放置到网页中的一组单个资源或资源 副本。库中的这些资源称为库项目。可在库 中存储的项目包括图像、表格、声音和使用 Adobe Flash 创建的文件。每当编辑某个库 项目时，可以自动更新所有使用该项目的页 面。
案例实施 （4）打开新建可编辑区域对话框，如图7-6-2所示。
案例实施 （4）在“名称”文本框输入可编辑区域名称。单击“确定”。 （5）选中如图7-6-1所示的第3个区域，单击菜单栏中“插入”|“模板对 象”|“重复区域”命令。 （6）打开新建重复区域对话框，如图7-6-3所示。
案例实施 （7）在“名称”文本框输入重复区域名称。单击“确定”。 （8）选中如图7-6-1所示的第1个区域，单击菜单栏中“插入”|“模板对 象”|“可选区域”命令。 （9）打开新建可选区域对话框，如图7-6-4所示。
案例要点
模板可编辑区域、可选区域和重复区域的创建。
案例实施
（1）选择“开始”｜“所有程序”｜“Adobe Dreamweaver CS5”，启动 Adobe Dreamweaver CS5，新建一站点，将素材文件夹复制到本站点文件 夹中。 （2）选择“文件”｜“打开”菜单项，打开如图7-6-1所示的模板网页。 （3）选中如图7-6-1所示的第4个区域，单击菜单栏中“插入”|“模板对 象”|“可编辑区域”命令。
图7-5-2 创建“库”
（2）为库添加内容
为库添加内容的操作为：
1）在“资源”面板“库”类别中，双击要编辑 的库，将库打开。 2）除了不能设置页面属性外，编辑库与编辑普 通网页一样的操作是一样的。
（3）基于选定内容创建库项目
在Dreamweaver中，除了可以新空白库，还 可以把己编辑好的内容添加为库。基于选定 内容创建库项目的操作为：
1）选中作为库项目的内容。 2）执行以下操作之一： 单击菜单栏中“修改”|“库”|“增加对象到库” 命令。 拖动选中的内容到“资源”面板指向“库”类别按 钮。 3）“资源”面板“库”类别中，出现一个未命名的库 ，如图7-5-4所示。 4）为库项目重新命名，如命名为“banquan”。
网站发布、测试和维护 提高篇 Web服务器创建 网页中常见Flash制作 JavaScript网页应用 JavaScript篇 Javascript概述 使用CSS布局规划网页 CSS篇 CSS样式表 利用模板和库创建网页 交互式网页表单的设计与使用 网页布局规划设计 HTML篇 网页基本元素设计 HTML基础
图7-3-2 “新建可编辑区域”对话框图
（4）在“名称”文本框输入可编辑区域名称。 （5）单击“确定”，退出“可编辑区域对话框”，建立的“可 编辑区域”为绿色框线区域，如图7-3-3所示。
7.3.2创建可选区域 可选区域是模板中的区域，用户可将其设置为在基 于模板的文档中显示或隐藏。当想要为在文档中显 示内容设置条件时，请使用可选区域。 以将图7-2-4所示的网页中“顶部图片”部分设置为 可编辑区域，设置可选区域的操作为： （1）选中“顶部图片”部分。 （2）单击菜单栏中“插入”|“模板对象”|“ 可选区域”命令。 （3）打开新建可选区域对话框，如图7-3-4所示 。
图7-3-4“ 新建可选区域”对话框图
（4）在“名称”文本框输入可选区域名称。 （5）单击“确定”，退出“可选区域对话框”，建立的“可选 区域”为绿色框线区域，如图7-3-5所示。
7.3.3创建重复区域 重复区域可以使模板用户必要时在基于模板的文档中添加或 删除重复区域的副本。例如，可以设置重复一个表格行。重 复部分是可编辑的，这样，模板用户可以编辑重复元素中的 内容，而设计本身则由模板创作者控制。可以在模板中插入 的重复区域有两种：重复区域和重复表格。 以将图7-2-4所示的网页中“左侧图片”部分设置为可编辑区 域，设置可选区域的操作为： （1）选中“左侧图片”部分。 （2）单击菜单栏中“插入”|“模板对象”|“重复区域” 命令。 （3）打开新建重复区域对话框，如图7-3-6所示。
网页设计与开发流程（ AscentSys医药商务系统）
基础篇
网页制作基础
7.1模板入门
Dreamweaver CS5中的模板是一种特殊类型的文档，用于设计锁 定的页面布局。模板主要用于版式结构相似的页面中，可以提高 网站制作与更新的效率。 制作模板后，在每个文档上都要区分插入更换内容的部分。每个 文档中，将插入其他内容的部分指定为可编辑区域。这样指定以 后，以模板为基础制作新文档的时候，除了可编辑区域以外其他 部分都会自动生成。当然，除了可编辑区域的部分，不可以再进 行修改。 在Dreamweaver CS5中制作模板时，会将模板保存在templates文 件夹，在该文件夹里以.dwt的扩展名保存模板相关文件。如果保 存模板时尚未建立templates文件夹，作为默认值软件会在本地站 点文件夹内自动创建templates文件夹。
图7-5-5 示例网页
图7-5-6 示例网页插入库项目
2）从库项目分离
插入网页的中库项目受库的控制，在网页中 是不能编辑的，只有与库分离，才能不受库 的控制，分离操作为： ①选择网页中的库项目，打开“库项目”属 性如图7-5-7所示。 ②单击“从源文件中分离”按钮，打开提示 对话框如图7-5-8所示。 ③单击“确定”按钮，网页中的库项目与库 脱离，可以进行修改和编辑。
案例实施 （17）选择“文件”|“另存为”菜单项，另存为模板，如图7-6-5所示。
1）单击菜单栏中“文件”|“新建”命令。 2）打开新建文档对话框，单击模板中的页选项 卡，如图7-3-8所示。
图7-3-8 模板中的页选项卡图
3）选择要使用的模板，单击“创建”则由模板创建了一个新 网页。 4）由模板创建的网页，只可对模板中“可编辑区域”进行编 辑。 （2）将己有网页应用模板 除了可以由模板创建网页，也可以将网页应用己有的模板， 应用模板的操作为： 1）打开要应用模板的网页文件。 2）执行以下操作之一： 单击菜单栏中“修改”|“模板”|“套用模板到页”命令。 在“资源”面板中，选择要应用的模板，单左下角的“应 用”按钮。 3）网页应用了所选模板。
网页制作案例教程
毋建军 郑宝昆 郭锐 编著
清华大学出版社
第7章 利用模板和库创建网页
本章学习目标（知识要点）
掌握模板和库项目的创建操作 能够应用模板和库设计网页 掌握利用模板和库更新页面的方法
本章学习导航
在进行网站设计时尤其是大型网站，为了统一 网站的设计风格，同一类网页通常会采用相同 的版式设计，它们具有相同布局、版式、导航 条等。如果都一一设计，会产生大量重复的工 作。Dreamweaver提供了模板和库工具，就可 以轻松完成这些工作，同时又能避免重复工作 。 本章内容在全书知识结构中所处位置如图所示
7.2创建模板
7.2.1空白模板创建
（1）单击菜单栏中“窗口”|“资源”命令 ，打开“资源”面板。 （2）单击“资源”面板左边的“模板”按 钮 ，显示“模板”类别，如图7-2-1所示。
图7-2-1 “模板”面板图
（3）单击面板底部的“新建” 按钮， 面板中出现一个未命名的模板，如图7-22所示。
图7-5-7 “库项目”属性图
图7-5-8 “从源文件中分离” 对话框图
（3）更新库项目
当库项目被修改保存后，系统会自动打开“ 更新库项目”对话框，单击“更新”按钮， 更新网页中的库项目。
7.6项目案例
学习目标 学习和使用模板相关操作。
案例描述
利用建好的网页创建模板，并利用模板创建新网页。
图7-5-4 “增加对象到库”效果图
7.5.3编辑和管理项目
（1）删除库项目
对于没用的库项目可以删除，删除库项目的操作 为： 1）打开“资源”面板，选择“库”类别。 2）选择要删除的库项目。 3）单击“删除”按钮 ，即可删除所选库项目。