网页制作 第十一章资源、模板和库

步骤 02
在“文档类型〞列表中选择 “网站模板〞，在“站点〞列 表中选择“ydjt〞，在“站点 ‘ydjt’的模板〞列表中选择 “xinwen〞。
第9章 模板和库的应用
24
案例实施
一、网页、网站和主页
步骤 03 单击“创立〞按钮，基于模板创立文档，如以下图所示。
第9章 模板和库的应用
25
案例实施
中文版Dreamweaver CC 网页制作案例教程
目录页
CONTENTS PAGE
第9章 模板和库的应用
案例一 案例二
创建并应用库项目制作新闻显示页面——库的基本操作
案例说明
使用模板可以高效率地制作同一网站 中结构相同的网页。本案例通过创立 模板，并应用模板制作网站新闻显示 页面，来学习模板的根本操作。
第9章 模板和库的应用
20
案例实施
在学习了模板的创立、编辑、应用和管 理后，下面通过在企业网站中创立一个 模板，并使用该模板制作一个网页，以 进一步学习模板的创立和应用，网页效 果如右图所示。
一、网页、网站和主页
第9章 模板和库的应用
21
案例实施
一一、、网创页立、模网板站和主页
步骤 01 在“文件〞面板中翻开“ydjt〞站点，并双击翻开其中的网页文档“xinwen.html〞。 步骤 02 翻开“另存模板〞对话框。在“另存为〞文本框中输入“xinwen〞作为模板名，然后单
CONTENTS PAGE
第9章 模板和库的应用
案例一 案例二
案例说明
使用库工程可以将网页中的常用页面元素保存起 来，然后在多个网页中重复使用。本案例主要学 习创立和应用库工程的根本操作。
第9章 模板和库的应用

步骤3：选择“FTP”选项后，对话框中的内容发生变化，显示关于FTP方式 的参数信息，在“远程信息”分类中设置连接FTP服务器所需的相关信息 。
步骤4：单击“测试”按钮，测试连接是否成功，如果弹出提示框，说明连 接成功了 。
步骤5：在“分类”列表框中选择“测试服务器”选项，在“访问”下拉列 表中选择“FTP”方式，已添加的设置便出现在对话框中 。
机连接时，最好采用此种方式。 • FTP主机：提供FTP传输服务的远程主机的IP地址或者域名，如
“218.25.26.27”或者“”。 • 使用防火墙：指从防火墙后面与外部服务器连接时所使用的代理服务器
的地址。如果不在防火墙后，则此项不勾选。 • 用安全FTP（SETP）：对于只开放SSH的FTP主机来说，只能通过勾选
下一页 返回
知识点评
（1）如何申请域名? 域名是Internet 上的名字，是具有商标标志性的无形资产的象征域名，对于 商业企业来讲显得格外重要。域名分国内域名和国际域名两种。 国际域名和国内域名的办理办法不一样，可以买卖域名。国际域名的主要申 请网址是：。国际域名数量很大，分布在全球 各地，所以给每位域名拥有者发证书是不可能的，一般是通过电子信箱即域名管 理联系人的信箱来控制申请域名。 因为申请国际域名的网站是英文网站，交费时需要在线用信用卡交美元，所 以大量国际域名都由国内的代理商代办，只需交相应的人民币即可。 （2）如何选择域名? 按照习惯，一般使用单位名称或商标作为域名。域名的字母组成要便于记忆， 能够给人留下较深刻的印象。如果有多个很有价值的商标，最好都进行注册保护。 也可以选择产品或行业类型作为域名。
知识点评
（1）在“站点定义为”的“高级”选项卡的“访问”下拉列表中5个选项 的含义。 • FTP：通过远程网络传递文件的方式。

5.模板中可编辑区域、重复区域、重复表格的使用方法
重点
难点
创建和应用库的方法
创建和应用模板的方法
在模板中插入模板对象的方法
要求掌握的知识点和分析方法
要求掌握库的概念、【资源】面板、创建库项目、删除库项目、模板的概念、创建模板文件、删除模板文件、插入库项目、修改库项目、分离库项目、可编辑区域、重复表格、重复区域、从模板新建网页、在已存在页面应用模板、分离模板等知识点。
《非常容易Dreamweaver 8网页制作》，导向科技编著，人民邮电出版社
备注
1、教师演示教学案例。
2、通过PPT课件讲授基本知识。
3、让学生自己动手重新制作教学案例。
4、通过实训让学生进一步熟悉所学知识。
作业布置
作业：一～二
主要
参考资料
《网页设计与制作——Dreamweaver 8》，王君学、田明编著，人民邮电出版社
《中文Dreamweaver 8网页制作教程与上机实训》，魏聪等编著，机械工业出版社
中等职业学校教案
教研室：
课程名称：网页设计与制作—Dreamweaver 8
任课教师：
XXXX学校教务处制
中等职业学校教案
第11次课6学时
章节
项目十一使用库和模板制作学校主页
讲授主
要内容
1.库和模板的功能与作用
2.【资源】面板的使用
3.制作、编辑和使用库的方法
4.制作、编辑模板以及通过模板新建网页的方法
项目主要通过模板和库来制作学校主页，因此，首要任务是制作模板和库，然后再根据模板和库来制作学校主页。根据目前绝大多数学校主页仍然具有明显的页பைடு நூலகம்和页脚这个事实，在这里将学校主页的页眉和页脚分别做成两个库文件，其他关于网页的结构和风格的内容直接在模板文件中制作，最后根据模板制作出学校主页。

11.3.2 定义模板可编辑区域
2．删除可编辑区域 步骤1执行【文件】|【打开】菜单命令，弹出 【打开】对话框，在该对话框中选择站点根目录 “Templates”文件夹中的“mb.dwt”模板文件， 单击“打开”按钮将其打开 。 步骤2将光标放在可编辑区域EditRegion1中， 执行【修改】|【模板】|【删除模板标记】菜单命 令，即可删除选中的可编辑区域 。
步骤6 在文档中右下方的表格中定位光标， 用于步骤4、5同样的方法创建可编辑区域： rightEditRegion 。
11.2 网页制作
11.2.2 利用模板创建网页 步骤1 执行【文件】|【新建】菜单命令， 打开【新建文档】对话框 。 步骤2 在【新建文档】对话框中选择 【模板中的页】选项，从中选择存储的模板对 象“moban” 。 步骤3 单击“创建”按钮，即可用模板 创建网页文档。
11.3.1 创建模板
在DreamweaverCS4中可通过两种方法创建模板。 1．将现有文档保存为模板 将现有文档保存为模板的具体操作步骤如下： 步骤1 执行【文件】|【打开】菜单命令，弹出 【打开】对话框，在该对话框中选择站点根目录 “ch12”文件夹中的“TravelPageXiangGang.html” 文件，单击“打开”按钮将其打开。
“旅游度假”页面效果
11.2 网页制作
11.2.1 创建模板 步骤1 启动Dreamweaver CS4，在“乐途网” 站点中，执行【窗口】|【资源】命令，打开【资 源】面板。 步骤2 在【资源】面板中单击“模板”按 钮，再单击右下方的“新建模板”按钮，输入新 模板名称：moban。 步骤3 在【资源】面板的模板列表中，选 中“moban”模板文档，双击打开该模板，在 【设计】视图中设计网页 。