教你制作静态网页的方法之欧阳家百创编
静态网页制作教程入门级
JavaScr ipt 简 介
JavaScript是 一种脚本语言
JavaScript主 要用于增强网
页交互性
JavaScript可 以与HTML和 CSS结合使用
JavaScript可 以用于实现各 种动态效果和
交互功能
JavaScr ipt 基 本 语 法
添加标题
JavaScript概述
添加标题
HTML发展历程：从HTML 1.0到HTML5，经历了多个版本的发展和改进。
HTML基本结构：包括DOCTYPE声明、HTML元素、头部元素和主体元素等。
HTML常用标签：如标题标签、段落标签、链接标签、图像标签等。
HTML基 本 结 构
HTML文档的基本结构
HTML标签的分类与作用
HTML属性的定义与使用
发布网页到互联网上
注册域名 购买主机 上传网站文件 设置DNS解析
如何让搜索引擎找到你的网页
优化网页标 题和描述
优化网页内 容
优化网页 URL
提交网站到 搜索引擎
汇报人：
“写作前的准备”为标题的内容 • 写作前的准备 • 确定写作目标和主题 • 收集相关资料和素材 • 制定写作计划和提纲 • 准备好写作工具和环境
添 加 JavaScr ipt 代 码
JavaScript代码的 基本语法
在HTML文件中添 加JavaScript代码
JavaScript代码的 常用功能
互和动态更新
文件扩展名： 以.html、.htm、.shtml、 .xml等为扩展名
加载速度快：由于静态网页 不需要服务器处理，因此加
载速度相对较快
静态网页与动态网页的区别
定义：静态网页 是预先编写好的 HTML文件，而 动态网页则是根 据用户输入或系 统数据动态生成 的内容
网页设计静态网页实施方案
网页设计静态网页实施方案首先，我们需要明确网页设计的目标和需求。
在开始设计之前，我们需要与客户或者团队成员进行充分的沟通，了解他们的需求和期望。
这包括了解网页的定位、目标用户群体、所需功能和设计风格等方面。
只有充分了解需求，才能够有针对性地进行设计和实施。
其次，我们需要进行网页结构的规划和设计。
在设计静态网页时，网页的结构设计尤为重要。
我们需要考虑网页的布局、导航结构、内容分布等方面。
合理的网页结构能够帮助用户更好地浏览和理解网页内容，提升用户体验。
接下来，我们需要进行页面元素的设计和排版。
在进行网页设计时，页面元素的设计和排版是至关重要的一环。
这包括了颜色搭配、字体选择、图片使用等方面。
我们需要确保页面元素的设计能够与网页的整体风格相匹配，并且能够吸引用户的注意力，提升用户体验。
然后，我们需要进行网页代码的编写和实现。
在进行静态网页实施时，编写规范的HTML、CSS和JavaScript代码是非常重要的。
我们需要确保代码的质量和规范，以便于网页的正常运行和维护。
此外，我们还需要考虑网页的性能优化和响应式设计，以适配不同的设备和屏幕尺寸。
最后，我们需要进行网页的测试和优化。
在实施静态网页之后，我们需要进行充分的测试，确保网页能够正常运行并且符合预期的效果。
同时，我们还需要进行用户体验的优化，根据测试结果对网页进行相应的调整和改进，以提升用户体验和满足用户需求。
综上所述，网页设计静态网页的实施方案涉及到多个方面的工作，包括需求分析、结构设计、页面元素设计、代码实现、测试优化等环节。
只有充分考虑到这些方面，才能够实现一个成功的网页设计静态网页。
希望以上内容能够对您有所帮助，谢谢阅读。
锐捷网络防火墙配置指南之欧阳家百创编
锐捷网络防火墙配置指南欧阳家百（2021.03.07）（更新日期）锐捷网络800技术支持中心技术热线：800-858-1360目录一、RG-Wall防火墙注册指南2二、RG-Wall防火墙PAT设置指南16三、RG-Wall防火墙DNS分离功能设置19四、RG-Wall防火墙LSNAT设置指南25五、RG-Wall防火墙反向PAT设置指南28六、RG-Wall防火墙配置VPN指南32七、RG-Wall防火墙日志服务器部署指南38一、RG-Wall防火墙注册指南用准备好随机携带的串口线连接管理PC串口端口与RG-Wall 的Console口；使用windwos自带的通讯工具”超级终端”登录防火墙（→开始→程序→附件→通讯→超级终端）：设置好超级终端参数之后，接通防火墙电源，RG-WALL系统开始启动。
系统登入的默认ID和口令值如下（注意区分大小写）：ID :rootPW : rg-wall123登录系统，在终端或显示器屏幕的提示符后输入si, 出现防火墙登录界面，要求输入用户名密码。
用户名为admin ，口令为admin123。
登录后，即出现如下所示的登陆界面：输入reinstall注册防火墙，系统提示”Do you want to proceed anyway? “输入Y继续，防火墙重启。
系统重启完后，重新登陆后，会进入以下状态：按“任意键”正式进入注册步骤：输入防火墙的软件序列号、授权代码（在防火墙随机带的“产品授权使用证书”上）输入”O”（下同）进入防火墙工作模式的设置（默认情况下为“路由模式”）：进入超级管理员的帐号、密码、管理权限设置：进入设定防火墙的机器名，语言版本等信息，注意防火墙机器名为了便于以后管理，请一定采用xxx.xxx.xxx （）的域名表示方式。
这里使用中文版本：进入防火墙的时间设定，在此采用系统默认时间：进入防火墙管理员IP地址设置（最多可以设置10个管理员IP 地址）：进入防火墙网卡的IP地址设置如下图（LAN 1口IP地址为192.168.1.1）：进入防火墙VLAN设置，在此处跳过:进入防火墙静态路由设置，添加Default gateway（缺省网关，在此为192.168.26.10）进入防火墙动态路由设置，以下都跳过：进入配置域名服务的有关信息。
如何制作静态网站
如何制作静态网站制作静态网站并不需要太多的复杂步骤，以下是一个简单的指南。
1.确定网站需求：首先，需要明确自己网站的目标和需求。
确定你打算为谁、做什么提供服务或信息。
这个过程将有助于你选择适合的内容、设计和功能。
2.规划网站结构：创建网站的结构图或脑图，这将有助于你确定网站的主要页面、导航和各个页面之间的关系。
3.设计网站布局：设计一个清晰、简洁的布局，使用户能够轻松找到所需的信息。
这包括确定标题、导航、内容区域和页脚的位置。
4.创造网站内容：为网站创建内容，包括文字、图片和视频等。
确保你的内容与网站的目标和需求相匹配，并且易于理解和消化。
5.编写HTML和CSS代码：使用HTML和CSS创建你的网站的结构和样式。
HTML是用于创建网页内容的标记语言，CSS用于控制网页的样式和布局。
6.优化网站：确保你的网站在各种设备和浏览器上都能够正确显示和运行。
检查页面加载速度、图像大小和其他优化技术，以确保用户可以快速访问你的网站。
7.测试和修复：在上线之前，进行全面的测试以确保网站能够正常运行。
检查链接、表单和功能等，并修复可能存在的问题。
8.上线和发布：选择一个适合你的需求的主机，将你的网站文件上传到服务器。
确保你的域名与服务器设置连接。
9.维护和更新：定期审查你的网站并确保它保持最新和相关的内容。
更新网站可以帮助你吸引新的访问者，并提供一个令人愉快的用户体验。
总结一下，制作静态网站需要明确需求、规划网站结构、设计布局、创建内容、编写代码、优化网站、测试修复、上线发布以及维护更新。
通过以上步骤，你可以顺利地制作出一个简单的静态网站。
编译生成静态页面的方法-概述说明以及解释
编译生成静态页面的方法-概述说明以及解释1.引言1.1 概述静态页面是指在服务器端编译生成的无需动态生成内容的网页，它们通常由HTML、CSS和JavaScript等静态文件组成。
与动态页面相比，静态页面具有加载速度快、安全性高、对服务器资源要求低等优点，因此在Web开发中被广泛应用。
在现代Web开发中，静态页面的编译生成方法越来越受到关注。
传统的开发方式是直接编写HTML文件，但当网站规模较大，需要频繁的页面更新或复用时，手动维护和修改HTML文件会带来很大的工作量，同时也容易出现错误。
为了解决这些问题，出现了一种新的开发方式，即编译生成静态页面。
简而言之，这种方式是通过使用特定的工具或技术来将源码转换成静态页面，将复杂的动态操作提前处理，最终生成一组纯静态的HTML文件。
编译生成静态页面的方法多种多样，常用的有静态网站生成器、前端构建工具以及服务器端渲染等。
静态网站生成器是一种特定的软件，它能够从源代码中读取数据，将数据填充到指定的模板中，并生成最终的静态HTML文件。
而前端构建工具则主要用于优化、压缩资源、自动化部署等，它们能够将复杂的开发任务自动化，并生成静态页面。
此外，服务器端渲染也可以用来生成静态页面，它通过在服务器端预编译动态内容，并将其直接输出为静态HTML文件，从而提高页面的加载速度和性能。
编译生成静态页面的方法和工具不仅能够提高开发效率，还可以减少服务器负载，改善用户体验。
随着前端技术的不断发展，这些方法和工具也在不断地更新和完善，为静态页面的编译生成带来了更多的可能性。
本文将详细介绍编译生成静态页面的概念、重要性以及常用的方法和工具。
通过对不同方法的比较和分析，帮助读者选择合适的方式来编译生成静态页面，提升网站的性能和开发效率。
同时，还将展望未来编译生成静态页面的发展趋势，为读者提供更多的参考和思路。
1.2 文章结构本文将围绕编译生成静态页面的方法展开论述。
文章结构如下：引言部分将对编译生成静态页面的概念进行简要介绍，并阐述其在现代Web 开发中的重要性。
iVMS-8700软件功能说明书之令狐采学创编之欧阳家百创编
iVMS8700综合安防管理平台欧阳家百（2021.03.07）软件技术白皮书目录1. 系统概述错误!未定义书签。
1.1.系统概述71.2.系统现状分析71.3.系统需求分析81.4.平台集成目标92.系统总体设计112.1.设计原则112.2.设计标准152.3.系统架构152.3.1.设备接入层152.3.2.数据交互层162.3.3.基础应用层162.3.4.业务实现层162.3.5.业务表现层172.4.系统模块172.4.1.集中管理软件172.4.2.数据库管理182.4.3.视频监控管理软件182.4.4.门禁管理软件192.4.5.访客管理软件192.4.6.电梯层控管理软件192.4.7.在线巡查管理软件202.4.8.消费管理软件202.4.9.考勤管理软件212.4.10.停车场管理软件212.4.11.可视对讲管理软件222.5.系统关键技术223.平台功能233.1.基础管理功能233.1.1.平台整体界面233.1.2.资源管理243.1.3.视频管理243.1.4.用户管理253.1.5.报警管理273.1.6.地图管理293.1.7.日志检索303.1.8.网络管理303.1.9.系统配置303.2.基础应用功能323.2.1.应用客户端整体界面32 3.2.2.实时图像的浏览323.2.3.录像回放与下载343.2.4.拼控上墙363.2.5.报警中心373.2.6.电子地图应用383.2.7.网络对讲393.2.8.图片浏览器393.2.9.视频浏览器403.2.10.统计查询403.2.11.系统检测403.3.可视对讲应用413.3.1.资源管理413.3.2.信息发布413.3.3.权限配置423.3.4.对讲监控433.3.5.对讲通信433.3.6.对讲事件443.3.7.日志查询443.3.8.系统配置443.4.一卡通应用453.4.1.人员卡片管理453.4.2.门禁管理463.4.3.梯控管理483.4.4.巡查管理493.4.5.消费管理503.4.6.考勤管理523.4.7.访客管理543.4.8.停车场管理553.5.高级业务应用563.5.1.多网域的支持563.5.2.智能分析联动563.5.3.流媒体级联功能573.5.4.手机客户端573.5.5.数据库备份与恢复583.5.6.门禁短信开门593.5.7.接入智盘设备593.5.8.门禁高级应用593.6.对外接口模块613.6.1.BS&CS部分613.6.2.手机部分664.平台组成664.1.中心管理服务器664.1.1.中心管理服务器674.1.2.WEB应用服务器674.1.3.数据库服务器694.2.功能服务器694.2.1.流媒体服务器694.2.2.事件服务器704.2.3.网管服务器714.2.4.存储管理服务器714.2.5.电视墙服务器724.2.6.门禁接入服务器734.2.7.通用接入服务器734.2.8.移动接入服务器744.2.9.键盘服务器754.2.10.图片服务器754.2.11.梯控接入服务器754.2.12.消费接入服务器764.2.13.视频接入服务器764.2.14.行业服务器774.2.15.可视对讲接入服务器77 4.2.16.SIP服务器784.3.客户端784.3.1.C/S客户端784.3.2.B/S客户端794.3.3.大屏控制客户端794.3.4.手机客户端794.3.5.iPad大屏控制客户端795.平台部署及配置使用805.1.产品运行环境与数据库配置805.1.1.软硬件环境801.1.1软硬件环境805.1.2.数据库配置815.2.平台硬件配置815.2.1.集中管理服务器815.2.2.存储管理服务器825.2.3.网络存储服务器825.2.4.流媒体服务器835.2.5.事件服务器845.2.6.电视墙服务器855.2.7.接入服务器865.2.8.网管服务器875.2.9.图片服务器885.2.10.键盘服务器895.2.11.移动接入服务器906.设备接入917.术语和缩写918.修订记录错误!未定义书签。
安居宝说明书之令狐采学创编之欧阳家百创编
培训教材欧阳家百（2021.03.07）A、系统组成：隆福花园对讲系统全称为DF外网IP互通联网彩色/黑白可视带门禁对讲系统。
1.系统架构：系统内网（单元内部分）采用标准AJB总线、外网（联网部分）采用TCP/IP计算机网络结构。
整个系统可接100多台管理机、可同时管理9999栋单元楼、每栋单元可并联100台主/副门口机、每栋楼可有99层、每层可接99台分机。
2.系统主要使用设备：●中心管理机：DF20002VCN●管理机控制器：HYC●小区大门口机（围墙机）：DF2000ATVC/1（AM）●围墙机控制器：HYB●单元门口主机：DF2000ATVC/1（AM）●主机控制器：HY●主机选择器：HYSL●层间户户隔离器：HY735●层间信号中继器：HY721●视频放大器：HY871G●室内可视分机：HY152BV2EI/1●UPS电源：DE98B及DE2000A●道闸开锁控制器：HY235N●IC卡读卡器：HY212●IC卡写卡控制器：HY258●管理软件：数字社区软件（只使用门禁/报警部分）●网络设备属性设置软件：ipinstall3.系统主要实现功能：●可视对讲（围墙机→管理机、围墙机→住户、单元门口机→管理机、单元门口机→住户、管理机←→住户（非可视））●家庭防盗（住户→管理机/电脑）●监视功能（管理机→围墙机、管理机→单元门口机、住户→单元门口机）●密码开锁功能（围墙机→公共密码、单元门口机→私人密码）●门禁刷卡开锁功能（道闸、单元门）4.系统使用总线：●分机总线（从主机控制器—户户隔离器—可视分机）➢地线、数据线、声音线、12V电源线、视频线。
●门口机总线（从门口机—主机控制器）➢地线、数据1线、声音线、数据2线、视频线。
●联网总线（单元与单元之间的TCP/IP计算机网络）（或管理机控制器—管理机）➢TCP/IP计算机网络：UTP超5类双绞线或单模/多模光纤。
➢地线、数据线、声音1线、声音2线、视频线。
网站的静态页面生成方案
uri = uri.substring(0, uri.length()-5);
String[] urls = uri.split("_");
uri = urls[0] + ".do"; if(urls.length > 1) {
doPost(request, response); }
public void doPost(HttpServletRequest request, HttvletException, IOException {
// 编码方式，可以配置到 web.xml 里。 String encoding = “UTF-8”; // 得到真实的请求地址 String templatePath = simpleURLReWrite(request); String realPath=
request.getSession().getServletContext().getRealPath("/"); // 想要生成的静态html文件的名字 String htmlName = getHtmlFileName(request);
// 静态html的名字，包含绝对路径 String cachFileName = realPath + File.separator + htmlName;
if(os.size() == 0) { // 如果请求的地址无效，那么就发送一个404错误。 response.sendError( HttpServletResponse.SC_NOT_FOUND, "");
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
教你制作静态网页的办法欧阳家百（2021.03.07）一、网页设计基础1、熟悉Dreamweaver 8的工作环境2、创建新站点创建本地站点：站点管理站点新建站点（前三步也可直接从“新建站点”进入下面的设置向导对话框）跟随向导设置直至完成3、网页文件的基本操纵a、创建、掀开和保管网页文件创建：文件新建创建掀开：文件掀开选择欲掀开的文件或者在右边的文件浮动面版中选择掀开保管：文件保管或另存为b. 设置网页的页面属性修改页面属性然后设置（题目、布景、布景图像、文本等）c. 设置网页对象的颜色网页对象，如页面布景、文字、链接都经常需要设置颜色。
可在各自对应的属性面版中设置。
d. 网页文本的输入和属性设置文本可键入、导入、粘帖文字可设置字体、年夜小、颜色、格式等。
键入空格的办法：1、汉字输入法设置为全角方法，按空格键即可输入。
2、属性面版格式中：预先格式化的换行：ENTER、SHIFT+ENTER实例练习：1、输入以下文字书签夹在诗集里，落叶夹在深秋里。
喜悦夹在生活里，追求夹在人生里。
2、第一次设置格式为“无”，字体为“华文行楷”，字体颜色为“红色”，字号为“5号”，添加项目符号。
然后保管、预览。
3、第二次设置格式为“题目一”，字体为“楷体”，字体颜色为“蓝色”，字号为“5号”，添加项目符号，对齐方法为“居中”。
然后保管、预览。
比较两次设置的效果。
e. 网页图片的拔出和属性设置拔出图片，在对话框中选择图片。
（最好在建立站点时将欲用的图片素材复制到本地站点目录中）拔出图像占位符，在图片准备好后再加入图片。
加入办法：1、双击图像占位符；2、点“属性面版”中的“指向文件”，拖到右边文件中要拔出的文件处。
在图像属性面版中设置f. 拔出层办法: 1、点击拔出面版中的“描绘层”；2、在网页编辑器窗口中按住鼠标左键拖画出定位用的层；3、可以随意移动层的位置；4、可在层中拔出图像、文字等。
g. *拔出表格,用表格定位办法：1、先用鼠标点至欲拔出表格的位置；2、点拔出面版中的“表格”—“拔出表格”；3、确定行数、列数后确定即将表格拔出到选定位置了；4、可在表格中任何单位格里拔出图像、文字等。
h. 建立超链接办法: 1、选中要建立超链接的文字或图像；2、点右键“创建链接”掀开的窗口或在属性的链接栏里，填入链接的目标。
（如：本网站另一个网页，或外部网页如http://www.谷歌.com，或电子邮件如：mailto:zdhwangji@）3、在页面属性里修改链接的属性：修改页面属性（链接、活动链接、拜访过链接）二、制作实例1制作要求：（网页效果）1、页面的布景图片为bg0100.jpg;2、在合适的位置拔出图片earth.gif;3、在网页中输入横排带阴影的文字“欢迎拜访网络工程08级3、4班主页”4、将网页用index.htm为名保管在本地站点My site中。
操纵步调：1、按下面操纵建立站点：先新建一个文件夹My site（下面举例中是建立在桌面上）。
●选择“站点”“新建站点”命令；●在弹出的对话框中，在“站点名称”文本框中输入“应用实例1”，并点下一步；●按下图选择“否，我不想使用办事器技术”，然后点“下一步”；●按下图选择“编辑我的计算机上的本地正本，……”，并选择文件寄存的目录路径，然后点“下一步”；●在“您如何连接到办事器？”选项里选择“无”，然后点“下一步”；●然后点“完成”。
这样就已经建立好一个新的站点了，可以在Dreamweaver界面右边的“文件”窗口里看到新建立的站点信息。
5、2、在文件夹My site下创建文件夹images，以后此站点中用到的图像文件准备全部寄存在images文件夹里；为便利，这里先把此例中需要用到的图片bg0100.jpg和earth.gif事先寄存在此images文件夹里了。
3、创建一个新网页：网页文件新建选“基本页”创建；然后在网页编辑器窗口中，选择“修改”—“页面属性”命令，在“页面属性”对话框中设置各项参数；在“题目”文本框中输入“实例1”；4、用index.htm为名保管文件到本地站点My site中，保管并按F12预览网页。
5、选择“拔出”—“规划对象”—“层”命令，或单击工具栏中“规划”选项卡中的“绘制层”按钮，在工作区合适的位置上拔出图片定位用的层Layer1，并将光标定位在层中。
6、“拔出”“图像”命令，或“经常使用”选项卡的“图像”按钮，在掀开的对话框中选择文件earth.gif拔出层中（若跳出“图像标签帮助功能属性”对话框，里面“替换文本”可填写“地球”或其他，或者不填），然后调整层及图像的位置至合适处；保管并按F12预览网页，若图像位置不合适，则调整到合适位置。
7、在网页合适位置拔出第二个层Layer2，在层中输入文字“欢迎拜访网络工程08级3、4班主页”，并设置文字属性中的字体、年夜小等，颜色为黑色；然后保管并按F12预览，若文字属性及位置不合适，则调整到合适为止。
8、选中层中的文字，将其复制到剪贴板中；在网页合适位置处拔出第三个层Layer3, 并将文字粘贴到层Layer3中，将Layer3中的文字颜色改成白色，并适当调整层Layer3，使两个层中的黑白重叠文字产生阴影效果。
然后保管并按F12预览，若效果不满意，则调整到满意为止。
三、制作实例2要求：（网页效果）1、网页名为exa.htm，网页的布景图片为bg0040.gif，网页保管在My site文件夹中；2、在网页的顶部区域输入题目文字“人生的伴侣.知识的源泉”，用HTM样式“题目1”将其格式化，预览页面效果；3、在网页的中部区域拔出导航条，导航条的6个按钮对应的图片是a1.gif, a2.gif, a3.gif, …..f2.gif, f3.gif, f4.gif（共有24个），每个按钮可以链接一个My site文件夹中的HTML文件。
4、在网页的合适位置上拔出图片t4_1.gif, t42.gif, t43.gif。
5、在网页的底部区域拔出图片wyfy.jpg，并为该图片建立电子邮件链接；6、预览页面效果后，修改保管网页文件。
操纵步调：先将要用到的图片素材复制到My site文件夹里的images文件夹。
1、新建一个网页，并将新网页取名为exa.htm，保管在My site文件夹中；在网页编辑器窗口中，选择“修改”“页面属性”命令，在“页面属性”对话框中设置题目为”应用实例2”, 布景图片为bg0040.gif；2、在网页的顶部区域合适的位置上输入题目文字“人生的伴侣.知识的源泉”，并选中这些文字。
在属性面板中，选择格式中“题目1”；3、在网页的中部区域合适的位置拔出光标，选择菜单“拔出”—“图像对象”—“导航条”命令，此时的网页编辑窗口中，会弹出“拔出导航条”对话框。
在“项目名称”文本框中设置第1个按钮的名称为a；在下面按钮4个状态的文本框中辨别输入images文件夹中的a1.gif, a2.gif, a3.gif, a4.gif 4个文件的路径和名称；在“按下时，前往的URL”文本框中输入该按钮链接的对象名称和路径（因此实例站点中只有index.htm 和exa2.htm两个网页文件，所以这里先填入index.htm来看看效果）。
选中“预先载入图象”和“使用表格”选项；选择“拔出”下拉列表框中的水平标的目的设置导航条；4、点“拔出导航条”对话框最上面的“+”后，重复步调3，可设置其他5个按钮（这里为简便，后五个按钮只对“状态图像”进行设置，其他三种图像不再设置了），设置完成后，效果如下：5、在网页合适的位置上拔出3个用于图片定位的层，并在不合的层中拔出images文件夹中的图片文件tu1.gif, tu2.gif, tu3.gif；6、在网页的底部区域拔出带图片wyfy.jpg的层，选中图片，在图片“属性”面板的“链接”文本框中，输入mailto:+EMAIL地址，建立电子邮件链接；7、保管并预览网页，调整各方面属性及位置直至满意。
最终效果如下：在预览中测验考试点击“科学技术”按钮和“我要讲话”图片。
四、制作实例3: 用表格规划定位应用实例要求：页面效果(1)创建新网页名称为shu.htm,网页的布景图片为本bg0040.gif, 网页文件保管在My site 文件夹中.(2)在网页中拔出7行6列的表格, 依照页面效果对网页中单位格进行合并调整，在表格上方合适位置的单位格里拔出Flash文件shu.swt，在表格左边合适位置的单位格里辨别拔出图片文件t51.gif,t53.gif,t54. gif,t56. gif. 每个图片与My site 文件夹中的一个HTML文件或某一外部网站建立超链接,被链接的HTML文件在新窗口中掀开，在表格右边合适位置的单位格中,拔出逐帧动画文件shu1.gif.(3) 预览页面效果后,保管网页文件.操纵步调：.(1)新建一个页面,选择[修改]|[页面属性]命令,在[页面属性]对话框中设置布景图片为bg0040.gif, 并将网页取名为shu.htm保管在My site 文件夹中.(2)“拔出”“表格”, 在弹出的“表格”对话框中设置7行6列，表格宽度设为800像素，然后确定，则网页中拔出了一个7行6列的表格。
(3)选定第一行，然后点右键，在菜单中选“表格”—“合并单位格”；选定第五列的三、四、五行，然后点右键，在菜单中选“表格”—“合并单位格”；(4)在表格中的第一行单位格中拔出光标，选择菜单中“拔出”—“媒体”—“Flash”，此时可在表格顶部的单位格中,拔出Flash文件shu.swf。
若希望动画是透明的，则在属性中将“参数”设置入下图：(5) 在表格的第三行第二列、第四行第三列、第五行第二列、第六行第三列和第三行第五列的单位格中中辨别拔出光标，拔出图像文件shu1.gif, shu3.gif, shu5.gif, shu6.gif, shu1.gif。
将图像shu1.gif 链接到exa.html页面（在下面图像shu1.gif的属性面板中“链接”项填入“exa.html”），将图像shu5.gif链接到一个外部的网站（比方链接到百度，在属性“链接”项中填入http://www.百度.com）。
按F12键预览页面后，保管文件。
下面是预览效果图：五、制作实例4: 框架集的使用要求：页面效果操纵步调：1、新建站点名为“框架集应用”的站点；2、“文件” “新建” 选“框架集” 选“左侧固定” “创建”，然后在弹出的“框架标签帮助功能属性”对话框中按“确定”。
3、“文件” “保管全部”：将框架集页面保管为index.htm，左侧框架页面保管为leftFrame.htm，右侧框架页面保管为rightFrame.htm。