网页制作-页面布局与模板
网页制作模板代码
网页制作模板代码首先，我们来看一下HTML模板代码。
HTML是网页的基础语言，通过HTML模板代码，我们可以定义网页的结构和内容。
一个简单的HTML模板代码如下：```html。
<!DOCTYPE html>。
<html>。
<head>。
<title>网页标题</title>。
</head>。
<body>。
<h1>这是一个标题</h1>。
<p>这是一个段落。
</p>。
</body>。
</html>。
```。
在这个模板代码中，我们使用了`<!DOCTYPE html>`来声明文档类型，`<html>`标签定义了整个HTML文档的根元素，`<head>`标签用来包含网页的元信息，比如标题、样式表和脚本等，`<body>`标签则包含了可见的页面内容，比如标题、段落等。
这个模板代码可以作为我们编写网页的基础，根据需要进行修改和扩展。
接下来，我们再来看一下CSS模板代码。
CSS用来控制网页的样式和布局，通过CSS模板代码，我们可以定义网页的外观和风格。
一个简单的CSS模板代码如下：```css。
body {。
background-color: lightblue;}。
h1 {。
color: navy;margin-left: 20px;}。
p {。
font-family: verdana;font-size: 20px;}。
```。
在这个模板代码中，我们使用了`body`选择器来定义整个页面的背景颜色，`h1`选择器定义了标题的颜色和左边距，`p`选择器定义了段落的字体和字号。
这个模板代码可以作为我们设置网页样式的基础，根据需要进行修改和扩展。
最后，让我们来看一下JavaScript模板代码。
JavaScript用来实现网页的交互和动态效果，通过JavaScript模板代码，我们可以定义网页的行为和功能。
第20章 DIV+CSS页面布局实例：制作
DIV+CSS页面布局实例： DIV+CSS页面布局实例：制作服饰商 页面布局实例 城
现今互联网已成为人们生活的一部分， 现今互联网已成为人们生活的一部分，很多人会选择网上购 物和网上交易。 物和网上交易。在当今互联网上有许多形式各异的商城 如最大的网上商城淘宝网。 ，如最大的网上商城淘宝网。而随着各种行业对网上交 易行为的重视和应用， 易行为的重视和应用，越来越多的独立商城涌现在互联 网上。本章实例将讲解如何制作一个服饰商城的模板。 网上。本章实例将讲解如何制作一个服饰商城的模板。 本章内容包括： 本章内容包括： 分析服饰商城的构架 制作服饰商城网站的首页 制作个人博客网站的分页
20.5.1 制作服饰商城第一栏的布局
服饰商城第一栏分为左中右三个部分。 服饰商城第一栏分为左中右三个部分。左边是商城所有商品 的总目，当用户选择其中一个选项， 的总目，当用户选择其中一个选项，就能跳转到相应的 商品列表。例如，在商品总目列表中选择了“风衣” 商品列表。例如，在商品总目列表中选择了“风衣”， 页面就会转到风衣的商品列表页面中。 页面就会转到风衣的商品列表页面中。左边的商品总目 命名为sortList。中间是一个宣传栏目，用于摆放商城的 命名为 。中间是一个宣传栏目， 活动宣传或者促销宣传。很多网站使用flash或者 活动宣传或者促销宣传。很多网站使用 或者 JavaScript的图片轮转来制作这个效果。由于本书不涉 的图片轮转来制作这个效果。 的图片轮转来制作这个效果 及过多的CSS技术以外的技术，所以这个栏目放置一张 技术以外的技术， 及过多的 技术以外的技术 图片作为替代。中间的宣传栏目命名为midFlash。右边 图片作为替代。中间的宣传栏目命名为 。 的栏目中包含了用户登录框、商城新闻和促销图片。 的栏目中包含了用户登录框、商城新闻和促销图片。这 个栏目包含了比较多的内容，不能使用一个名称概括， 个栏目包含了比较多的内容，不能使用一个名称概括， 所以使用rightBox来命名。 来命名。 所以使用 来命名
dw网页制作模板
dw网页制作模板在当今这个数字化时代，网络已成为人们获取信息、交流、社交娱乐的主要渠道。
而网页制作，则成为了构建这个数字世界的基础。
DW（Dreamweaver）作为一款流行的网页设计软件，其出色的网页制作模板应用让制作网页更为高效、规范化，本文将深入探讨DW网页制作模板的相关内容。
一、DW网页制作模板的概念DW网页制作模板是基于DW软件开发的一类模板文件，其目的是方便用户快速地创建、设计并生成符合规范的网页，以及确保不同网页之间风格、排版等风格风格统一。
DW网页制作模板有多个文件组成，包括主模板页（DWT）、页面模板（DWT）、样式表（CSS）、图片等。
主模板页包含了基础的HTML标记，而页面模板则是在主模板页的基础上，增加了具体的内容。
样式表则用来定义网页要显示的样式、布局等，从而实现网页视觉化。
此外，DW网页制作模板还提供了各种元素模板、导航模板等组件，用于快速地创建网页。
1. 高效性DW网页制作模板可让用户快速创建网页，省去了重复性、繁琐性的工作。
并且可以在模板中定义好页面元素、样式等，使用户更加专注于网页内容的设计，提高了制作效率。
2. 规范性DW网页制作模板的出现可以使网页制作更加规范化。
在模板中设定好了网页的基本元素、排版布局、样式等，网页的展示效果、设计风格都会更加一致，提高了网页的品质和用户体验。
3. 易维护性使用DW网页制作模板可以使网页更容易维护。
如果需要修改网页的内容、样式等，只需对模板进行修改，再合并到页面上就可以。
这减少了修改的工作量，也降低了出错的概率。
DW网页制作模板的应用范围非常广泛。
其可以应用于多种网页类型，如企业官网、个人网站、论坛、电子商务等。
使用DW网页制作模板可以为开发者、设计者提供极大的便利，让网页制作更加专业化、通用化。
DW网页制作模板还可以在团队协作开发中发挥很大的作用。
对于已经设定好的模板，不同的开发人员可以协同工作，分工明确，减少不必要的沟通和重复工作，提高效率。
divcss制作网页模板的基本步骤(divcss网页页面效果制作
divcss制作网页模板的基本步骤（divcss网页页面效果制作导读大家好,小宜来为大家讲解下。
div，css制作网页模板的基本步骤（div+css网页页面效果制作这个很多人还不知道,现在让我们一起来看看吧！Div ...大家好,小宜来为大家讲解下。
div，css制作网页模板的基本步骤（div+css网页页面效果制作这个很多人还不知道,现在让我们一起来看看吧！Div CSS制作网页模板的基本步骤在当今数字化的世界里，网站已成为公司、组织、个人宣传以及推广业务的关键。
为了制作优质的网站，设计师们需要掌握许多技术和方法，其中之一是使用Div CSS。
本文将介绍Div CSS制作网页模板的基本步骤，帮助初学者了解如何应用这一技术，确保网页的美观和难忘。
一、确定网页结构每个网页都有一个独特的结构。
在开始使用Div CSS之前，您需要知道您想要创建的网页类别。
是一个单页网站，还是包含多个页面？您使用的是静态页面还是动态页面？这些因素都将影响您的设计。
二、设计布局设计布局是网站设计中的重要一步。
您可以使用Div CSS创建各种不同的布局，比如多列、单列、网格等。
您可以使用float属性设置网页中内容的布局。
通过复制和粘贴，您可以创建一个包含多个元素的布局，然后使用float属性对它们进行排列。
三、使用CSS设置样式CSS是Cascading Style Sheets的缩写，用于定义HTML元素的外观和布局，使网站看起来更具吸引力。
您可以使用CSS设置文字、颜色、背景、边框、文本、间距等。
Div CSS的一个关键特性是可以在HTML模板中分离布局和样式。
然后，通过CSS样式表拾取器来应用这些样式。
四、使用CSS优化网站在优化网站时，可以通过CSS的各种技术提高性能和用户体验。
在页面加载时，如果使用过多的CSS或大型背景图像，会使页面加载速度变慢。
流线型CSS是一种有效的优化网页的方式。
通过移除旧版的CSS，使用高效代码重写新的CSS，并将其中的重复内容与变量合并，可在较短的时间内实现较快的加载速度。
如何制作专业水平的Word教案网页？
如何制作专业水平的Word教案网页？。
一、页面设计在制作Word教案网页时，页面设计是非常重要的。
设计的简洁、整洁能够让使用者更加清晰地了解教案的内容。
对于页面设计应从以下几个方面考虑：1.字体：选择适当的字体可以让网页更具吸引力，也能更好地表达您的教育理念。
网页上的标题应该选择大字体，正文可以选择较小的字体。
2.颜色：颜色可以使网页更加生动、吸引人，不过要避免使用过多不同的颜色，颜色搭配要合理，并且充分考虑网页上的视觉效果。
3.布局：布局决定了Word教案的页面结构，包括标题、正文、图片、表格等各个部分的位置排布和大小设置。
一般来说，页面的布局要使得内容清晰明晰，便于阅读。
4.图片：Word教案网页中的图片可以更好地塑造网页的形象，激发使用者的兴趣，还能帮助不同的群体更好地理解其中的内容。
二、内容编辑和排版除了页面设计外，为了制作出专业水平的Word教案网页还需要进行一些内容编辑和排版。
1.语言：为了让教案网页更易读且吸引眼球，应该尽量使用清晰明了、通俗易懂的语言，避免使用难懂的专业术语。
2.文字排版：Word教案网页中的正文要排版整齐。
每个段落都应遵循一个明显的结构，并避免使用较长、不易理解的句子。
3.图片和表格：在Word教案的正文中，图片和表格也是非常重要的部分。
表格应该清晰明了，图片的尺寸和质量也要明晰，以免影响教学效果。
三、常用功能设置Word教案网页常见的一些功能设置。
这些设置能够在进行编辑和排版时减少工作量。
1.页眉和页脚：使用页眉和页脚能够方便查找整个 Word 教案，也方便权利人对 Word 教案进行小范围修改和编辑；页眉和页脚中可添加字体、图片，便于项目的介绍。
2.模板设置：不同的Word教案网页使用不同的模板，学校和教育机构通常会有自己的Word教案模板。
使用模板能够给Word教案网页提供统一的风格，保证整个教学项目的一致性，便于阅读和分享。
3.目录生成：Word教案网页可以设置自动生成目录，使用目录的好处在于可以让使用者更快速、精准地找到所需信息，避免大范围翻阅文档。
Wenplus模板制作教程
Wenplus模板制作教程Webplus网站群管理系统中网站的前台页面是通过模板来展示的，不管网站的内容如何，一个好的模板可以为为网站增色不少，以此来吸引更多人的访问。
所以，模板的制作显然成为Webplus网站群管理工作中的一个重要的组成部分。
那有人就会问：我只会做一些静态页面，那么制作webplus的模板会不会有问题呢？答案是否定的。
其实Webplus模板的制作简单易懂，只要是对html和css稍有了解，就会对我们的模板进行编辑和制作。
对于一些经常制作静态页面的人来说，更是得心应手。
下面我们通过一个简单的实例，来一步一步教会大家使用DIV+CSS进行网页布局设计，最终做成webplus的模板。
一、页面布局所有的设计第一步就是构思，构思好了，一般来说还需要用PhotoShop或者FireWorks等图片处理软件将需要制作的界面布局简单的构画出来（切图操作请参阅PhotoShop相关文档）。
以下是一个设计好的界面布局：我们需要根据构思图来规划一下页面的布局，仔细分析一下该不难发现图片大致分为以下几个部分：A、顶部部分：其中又包括了LOGO、MENU和一幅Banner图片等元素；B、内容部分：可分为侧边栏内容部分和主体内容部分；C、底部部分：包括一些版权信息等内容；有了以上的分析我们就可以很容易的布局了，我们设计层如下图：根据上图，我再画了一个实际的页面布局图，说明一下层的嵌套关系，这样理解起来就会更简单了。
DIV结构如下：│body{}/*这是一个HTML元素，具体我就不说明了*/└#Container{}/*页面层容器*/├#Head{}/*页面头部*/├#PageBody{}/*页面主体*/│├#Sidebar{}/*侧边栏*/│├#MainBody{}/*主体内容*/├#Foot{}/*页面底部*/至此，页面布局与规划已经完成，接下来我们要做的就是开始书写html和css代码。
二、新建模板页面模板是由放在同一个文件夹下面的3个文件组成的，首页为main.htm，列表页面为listcolumn.htm，文章展示页面为displayinfo.htm。
网页首页制作教程
网页首页制作教程网页首页是一个网站的门面，是用户进入网站后第一个看到的页面。
一个好的网页首页能够吸引用户的注意力，提供用户需要的信息，帮助用户快速和方便地找到他们想要的内容。
以下是一个简单的网页首页制作教程，供初学者参考。
第一步：确定网页首页的布局和内容在制作网页首页之前，需要先确定网页的整体布局和内容。
这包括决定网页的标题、导航栏、主要内容区域等。
可以参考一些优秀的网站首页，了解各个元素的布局和设计。
第二步：选择合适的网页模板或自己设计接下来，可以选择一个合适的网页模板来作为网页首页的基础。
有很多免费和付费的网页模板可供使用，可以根据自己的需求选择。
如果有设计和编程能力，也可以自己设计和编写网页首页。
第三步：制作网页首页的结构在制作网页首页的结构时，需要使用HTML和CSS来定义和布局网页的各个元素。
HTML用于定义网页的结构和内容，而CSS用于控制网页的样式和布局。
可以使用文本编辑器来编写HTML和CSS代码，也可以使用专业的网页编辑软件如Dreamweaver等。
第四步：添加网页的基本元素在网页首页中，应添加一些基本的元素如网站标题、LOGO、导航栏等。
网站标题通常放在页面的头部，可以使用h1标签来定义。
LOGO应该与网站的主题和设计风格相匹配，可以通过CSS来设置LOGO的样式和位置。
导航栏应该清晰易用，可以使用无序列表（ul）和链接（a）来实现。
第五步：设置网页的样式和布局在网页首页中，应使用CSS来设置网页的样式和布局。
可以使用CSS选择器来选择和设置网页的各个元素。
可以设置网页的背景、字体、颜色、边距等属性，以及调整网页的布局和对齐方式。
第六步：优化网页的加载速度在制作网页首页时，需要考虑到网页的加载速度。
可以通过优化图像、压缩CSS和JavaScript文件等方式来加快网页的加载速度。
除此之外，还可以使用CDN等技术来加速网页的访问速度。
第七步：测试和发布网页在制作网页首页完成后，应进行测试以确保网页在不同浏览器和设备上都能正常显示。
学会使用Dreamweaver进行网页布局
学会使用Dreamweaver进行网页布局一、Dreamweaver简介Dreamweaver是一款专业的网页设计和编程工具，由Adobe公司开发。
它提供了丰富的功能和工具，使得网页布局变得更加便捷和高效。
下面将介绍如何使用Dreamweaver进行网页布局。
二、Dreamweaver的安装和设置1. 下载和安装Dreamweaver软件：前往Adobe官网下载适合自己操作系统的Dreamweaver安装包，双击安装并按照提示操作。
2. 设置Dreamweaver：打开软件后，点击"编辑"菜单中的"首选项"选项，进行软件设置。
可以根据个人偏好设置编辑器字体、缩进等选项。
三、新建HTML文件1. 点击菜单栏的"文件"，选择"新建"，然后选择"HTML"文件类型。
2. 在弹出的对话框中，填写网页标题和保存位置，点击"创建"按钮。
四、基本布局1. 使用表格布局：点击"插入"菜单，选择"表格"选项，在弹出的对话框中设置表格的行数、列数等属性。
然后，将需要布局的内容放入表格中的每个单元格中。
2. 使用CSS布局：点击"插入"菜单，选择"CSS布局"选项，然后选择需要的布局类型。
在弹出的对话框中，设置布局的宽度、高度、对齐方式等属性。
接着，将需要布局的内容放入对应的布局区域中。
五、导航栏的创建1. 使用无序列表创建导航栏：点击"插入"菜单，选择"无序列表"选项，然后在需要放置导航栏的位置插入无序列表的代码。
接着，将每个导航项放入无序列表的列表项中。
2. 使用CSS样式创建导航栏：点击"插入"菜单，选择"CSS样式"选项，然后选择需要的导航栏样式。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网页制作
项目一 认识网页和网站
网页：存放在Web服务器上供客户机服务
用户浏览的页面； 是一种综合了文字、图片、动画和音乐等内容 的超文本文件，具有可视化和交互性的特点。
➢网站： 是网页的集合，网页是构
成网站的基本元素。
➢学习目标
➢了解网页的构成 ➢掌握网页的布局设计 ➢掌握不同风格网页的布局 ➢熟悉Photoshop软件工具的应用
浏览器一般都有一个20像素宽的纵向 滚动条，所以网页的最大宽度小于或等 于水平分辨率-20。
2. 网页的高度
网页的高度一页不方便访问者查找自己 想要的内容。
3. 网页文件大小
在设计网页时，必须保证网页能被 访问者快速地下载，即保证网页文件体 积尽可能小。
一般地，网站的首页文件（包含所 有图像、文本和多媒体对象）不宜超过 30KB，网站二级页面的文件不宜超过 45KB。
7.3 页面布局基本步骤
1. 设计草图 2. 建立本地站点 3. 创建网页 4. 页面属性设置 5. 使用表格或div划分页面区域 6. 设置表格或div属性 7. 插入嵌套表格或嵌套div 8. 添加页面元素 9. 对页面元素属性设置
7. Flash动画型
Flash动画型结构与封面型结构类似， 只是该结构的网页是由Flash动画组成。
由于Flash动画具有丰富及强大的交 互功能，所以该结构的网页可表达的信 息更丰富，而且其视听效果也十分完美。
7.2 网页版式设计注意事项
网页的宽度 网页的高度 网页文件大小
1.网页的宽度
利用菜单中【修改】|【页面属性】 命令，进行页面基本设置。
包括：
基本文字格式 页面背景设置 链接效果设置 页面标题 编码
5. 插入表格
根据设计草图在网页页面中添加表格， 明确各页面主要区域的位置和大小。 注意：表格的最上方、最下方、最左侧 和最右侧的行列可用于“区域间隔”使 用。
6. 表格属性设置
8. 添加页面元素
在页面相应区域、相应表格或单元格 内添加页面元素（如图片，文字，链接 等）。
9. 设置页面元素属性
利用CSS对各页面元素进行格式设置。
7.4 模板
模板实质上就是一种特殊类型的文档， 作为创建其他文档的基础，用于设计布 局比较固定的页面结构或元素。 使用模板的好处：
网页风格一致，避免制作同一页面的麻烦。 修改共同的页面时，不必一个一个修改，只
1. 设计草图
2. 建立本地站点
建立一个文件夹用于管理站点所有文 件，并在Dreamweaver8中将其设置为 站点的根文件夹。
在站点根文件夹中建立一个 resources子文件夹，用于存放非网页 文件资源。
3. 创建网页
在站点中新建一个网页文件，并命名， 例如：index.html。
4. 页面属性设置
Logo
Banner 导航栏
版权声明等信息
2. 拐角型
拐角型结构与“国”字型结构其实只是 形式上存在一些区别，即网页的最上面是 网站的Logo（标志）、Banner（横幅广 告条）和导航栏，中间是当前网页的主要 内容（通常被分成大小不等的两列，其中 较宽的一列用来放置当前网页的主体内 容），最下面是网站的版权声明等信息。
（2）选择【插入】|【模板对象】| 【可编辑区域】命令。
（3）在打开的【新建可编辑区域】对话 框中给该可编辑区域命名。
3. 应用模板
（1）选择【文件】|【新建】命令，打 开【新建文档】对话框。
（2）选择【模板】选项卡，切换到【从 模板新建】对话框。
（3）在【模板用于】列表中选择当前站 点，并在右侧列表中选择站点中模板。
Logo
Banner 导航栏
版权声明等信息
3. 标题正文型
标题正文型结构是指网页的最上面 是当前网页的标题或类似的对象（如修 饰性图像），下面是当前网页的正文。
一些文章页面或注册页面等就是这 种类型。
当前页面的标题 当前页面的正文
4. 左右框架型
左右框架型结构，一般左面是导航 链接，有时最上面会有一个小的标题或 标致，右面是正文。
/ / / / / / / / / / / / / /m/ / / / / / / / / / 治疗癫痫病医院 癫痫医院 癫痫病的治疗方法 治疗癫痫病医院哪家好 全国癫痫医院排名 癫痫病的最新治疗方法 北京癫痫医院 北京癫痫病专科医院 北京癫痫病医院 北京好的癫痫病医院 北京治疗癫痫病的医院 癫痫病能治好吗 治疗癲痫病好办法 治疗癫痫病最好的医院 治疗癫痫病最好的药 北京治疗癫痫的医院 儿童癫痫的最新治疗方法 北京儿童癫痫病科医院 癫痫治疗费用 癫痫治疗多少钱 癫痫病的手术费用 癫痫病会遗传吗 癫痫遗传吗 癫痫病的早期症状 癫痫病的症状 癫痫症状 小儿癫痫病的早期症状 儿童癫痫病的早期症状 癫痫病是怎么引起的 癫痫病的发病原因 癫痫病能治愈吗 癫痫病可以治愈吗 北京治愈癫痫病最好的医院 癫痫病人的寿命 癫痫病人的寿命多长 治疗癫痫病最好的药 吃什么药治癫痫最有效 癫痫药
对页面中的表格的属性和单元格的属 性进行设置，便于下面页面元素的添加。 注意：表格的边框、边距、间距值通常 设置为0。
7. 插入嵌套表格
在前面添加的区域表格的某些单元格 中添加表格（即嵌套表格），明确各细 小部分的位置和大小。 注意：页面中只要是与其他部分性质有 区别的内容，都可以占据一个独立的小 表格。
/dx/ /dx/ /dx/ /dx/ /dx/ /dx/ /dx/ /dx/ /dx/bjdxbyy/ /dx/bjdxbyy/ /dx/bjdxbyy/ /dx/dxbnzhm/ /dx/dxbnzhm/ /dx/dxzl/ /dx/dxzl/ /dx/dxzl/ /dx/etdx/ /dx/etdx/ /dx/dxbzlfy/ /dx/dxbzlfy/ /dx/dxbzlfy/ /dx/dxyc/ /dx/dxyc/ /dx/dxzz/ /dx/dxzz/ /dx/dxzz/ /dx/dxzz/ /dx/dxzz/ /dx/dxbyy/ /dx/dxbyy/ /dx/dxzy/ /dx/dxzy/ /dx/dxzy/ /dx/dxsm/ /dx/dxsm/ /dx/dxbyw/ /dx/dxbyw/ /dx/dxbyw/
我们见到的大部分的大型论坛都是 这种结构的，有一些企业网站也喜欢采 用。
这种类型结构非常清晰，一目了然。
当前页面的标题
导
航
显示当前链接的内容
链
接
5. 上下框架型
上下框架型结构与左右框架型类似， 区别仅仅在于是一种上下分为两页的框 架。
导航链接
修
饰
显示当前链接的内容
图
案
6. 封面型
封面型结构一般出现在网站的首页， 大部分是通过精美的平面设计并结合局 部的动画效果，之后在网页中放上几个 简单的链接或者仅放一个“进入”或 “Enter”之类的链接，以提示访问者进 入网站的下一级页面。
2. 定义可编辑区域
模板创建之后，需要根据具体要求对 模板进行编辑，指定哪些区域可以编辑， 哪些区域不能编辑。在模板文档中，可 编辑区是页面中可变的区域，如具体栏 目区。不可编辑区是页面中不可变的区 域，如导航栏和版权栏等。
定义步骤：
（1）打开新建的模板文件，在文档中选 择要定义为可编辑区的区域。
第1章 网页版式设计
网页版式的基本类型 网页版式设计注意事项 页面布局基本步骤 模板
7.1 网页版式的基本类型
网页版式的基本类型可分为“国” 字型、拐角型、标题正文型、左右框架 型、上下框架型、封面型、Flash动画型 等几种。
1. “国”字型
“国”字型结构是指网页的最上面是 网站的Logo（标志）、Banner（横幅 广告条）和导航栏，中间是当前网页的 主要内容（通常被分成大小不等的三列， 其中中间的一列用来放置当前网页的主 体内容），最下面是网站的版权声明等 信息。
（4）单击【创建】按钮。
需要更改应用模板。
如果一个网站布局比较统一，拥有相 同的导航，并且显示不同栏目内容的位 置基本保持不变，那么这种布局的网站 就可以考虑使用模板来创建。
1. 创建模板 2. 定义可编辑区域 3. 应用模板
1. 创建模板
（1）将网页另存为模板 （2）新建模板
（1）将网页另存为模板
1）打开一个存在或已制作好的网页，删除其 中不要的内容，选择【文件】|【另存为模板】 命令，打开【另存为模板】对话框。
2）在【站点】下拉列表中设置模板保存的站 点，在【现存的模板】列表框中显示了当前站 点中的已有模板。在【另存为】框中输入模板 名称，单击【保持】按钮。
（2）新建模板
选择【文件】|【新建】命令，打开 【新建文档】对话框，然后在【类别】 列表中选择【基本页】，并在【基本页】 列表中选择【HTML模板】选项。单击 【创建】按钮。