网站组建管理与维护第3章.ppt

1、2020/8/2,山东师范大学管理学院,第3章 组建IIS的信息服务平台,学习要点： Windows 2000 Server的安装与配置 DNS服务器的设置与管理 组建IIS的WWW和FTP站点 WWW和FTP站点的创建策略 网页发布前的测试 使用FrontPage 2000发布网站 网站测试项目与注意问题 网页的维护、更新与升级,2020/8/2,山东师范大学管理学院,Windows 2000 Server的安装与配置 DNS服务器的设置与管理 组建IIS的WWW和FTP站点 WWW和FTP站点的创建策略 网页制作策划,使用FrontPage 2000发布网站 网站测试项目与注意问题,难点知

2、识：,WWW和FTP站点的创建策略 网页制作策划，使用FrontPage 2000发布网站,重点知识：,第3章 组建IIS的信息服务平台,2020/8/2,山东师范大学管理学院,3.1 Windows 2000的版本,Windows 2000 Server：针对工作组级、部门级的服务器用户（Windows NT Server 4.0的升级版）。 Windows 2000 Professional：针对商业和个人用户（Windows NT Workstation 4.0的升级版） Windows 2000 Advanced Server：针对企业级的高级服务器用户（Windows NT Ente

3、rprise Server 4.0的升级版） Windows 2000 Datacenter Server：针对大型数据仓库的数据中心服务器用户。,2020/8/2,山东师范大学管理学院,3.2 Windows 2000 Server的安装与配置,3.2.1 安装Windows 2000 Server中文版 1.安装前的准备工作和注意事项 （1）备份当前文件。 （2）将卷解压缩。 （3）禁用磁盘镜像。 （4）断开与服务器串口连接的UPS电缆。 （5）检查在运行安装程序之前，需要禁用或删除应用程序的信息。 （6）检查BIOS和Windows 2000的兼容性。 （7）规划主分区的空间。,2020

4、/8/2,山东师范大学管理学院,3.2.1 安装Windows 2000 Server中文版,2. 采用NTFS的好处 （1）活动目录（Active Directory）可用来方便地查看和控制网络资源。 （2）域是活动目录的一部分，在简化管理的同时，依然可以使用域来调整安全选项。域控制器需要NTFS文件系统。 （3）文件加密，极大地增强了安全性。 （4）可以对单个文件设置权限，而不仅仅是对文件夹进行设置。,2020/8/2,山东师范大学管理学院,3.2.1 安装Windows 2000 Server中文版,（5）远程存储，使用可移动媒体（如磁带）扩展了硬盘空间。 （6）磁盘活动恢复记录，可帮助

5、用户在断电或发生其他系统问题时，尽快地还原。 （7）磁盘配额，可用来监视和控制单个用户使用的磁盘空间量。 （8）可更好地支持大容量驱动器。,2020/8/2,山东师范大学管理学院,3.2.1 安装Windows 2000 Server中文版,几种安装方式 在运行Windows的计算机上升级安装 在网络上升级安装 在运行MS-DOS的计算机上全新安装 光盘启动计算机全新安装 软盘启动计算机全新安装,2020/8/2,山东师范大学管理学院,3.2.2 Windows 2000 Server的基本配置,下面通过从光盘或软盘启动计算机安装一个全新的Windows 2000 Server，来说明服务器的

6、配置过程。 （1）为 Windows 2000 Server 选择或创建一个分区。 （2）选择区域设置。 （3）设置个人化软件。 （4）选择许可协议方式。 （5）输入计算机名称。 （6）设置管理员账户密码。 （7）选择Windows 2000 组件。 （8）设置日期和时间。 （9）设置网络选项。 （10）指定工作组名或域名。,2020/8/2,山东师范大学管理学院,3.2.3 进一步配置Windows 2000 Server,系统重新启动后，以管理员身份登录，屏幕上将出现配置服务器程序。利用它，用户可以轻松地进行下一步服务器的配置。下面简要介绍“配置服务器”所需要的配置选项的信息。 （1）Ac

7、tive Directory。 （2）文件系统。 （3）打印服务器。 （4）Web/Media 服务器。 （5）网络。 （6）应用程序服务器。 （7）高级。,2020/8/2,山东师范大学管理学院,3.3组建DNS服务器,3.3.1安装DNS服务器 （1）单击“开始”“设置”“控制面板”，启动“添加/删除程序”对话框。 （2）单击“添加/删除 Windows 组件”，出现“Windows 组件向导”，单击“下一步”出现“Windows组件”选择框，从“组件”列表中选择“网络服务” 。 （3）单击“详细信息”按钮，从列表中选取“域名服务系统(DNS)”，单击“确定”按钮。 （4）单击“下一步”按

8、钮，输入Windows 2000 Server的安装源文件的路径，单击“确定”按钮，开始安装 DNS 服务。 （5）单击“完成”按钮，当回到“添加/删除程序”对话框后，单击“关闭”按钮。 （6）关闭“添加/删除程序”窗口。,2020/8/2,山东师范大学管理学院,3.3组建DNS服务器,3.3.1安装DNS服务器,图3.1 Windows 组件向导,图3.2域名服务系统（DNS）,2020/8/2,山东师范大学管理学院,3.3.2 DNS服务器的设置与管理,1.DNS的启动设置 在Windows 2000中可以利用以下的方法启动DNS服务： 从注册表 (Registry)引导。 从文件引导。

9、从目录服务引导。,2020/8/2,山东师范大学管理学院,3.3.2 DNS服务器的设置与管理,2. 添加DNS Zone 3. 添加主机和设置别名 4. 添加部门域 5. 添加邮件交换器 6. 添加反向查询区域 7. 设置DNS服务器的动态更新 8. DNS服务器的测试,2020/8/2,山东师范大学管理学院,3.4组建IIS的Web和FTP站点,3.4.1选择IIS作为Web服务器 IIS提供了一个完整的、资源丰富的、易于使用的Web解决方案。不仅提供了在TCP/IP网络上使用HTTP协议、传输超媒体文档的WWW信息服务器，而且还包含了多种发布信息文档的FTP，SMTP，NNTP，Medi

10、a等Server。,2020/8/2,山东师范大学管理学院,3.4组建IIS的Web和FTP站点,3.4.2 安装IIS5.0 安装具体步骤是： （1）选择菜单命令“开始”“设置”“控制面板”，然后启动“添加/删除程序”应用程序。 （2）选择“配置Windows”，单击“组件”按钮，然后按照屏幕提示安装、删除或添加IIS组件，安装完毕后如图3.17所示。 注意：如果升级到Windows 2000，那么只有在以前版本的Windows 中安装了IIS，IIS 5.0 才被默认安装。,2020/8/2,山东师范大学管理学院,3.4.2 安装IIS5.0,图3.17 Internet信息服务视窗,20

11、20/8/2,山东师范大学管理学院,3.4.3 Web站点的设置,Web站点的设置步骤如下： （1）为Web站点创建主页。 （2）将主页文件命名为 Default.htm 或 Default. asp。 （3）将主页复制到 IIS 默认或指定的Web发布目录中。 （4）在 Internet 信息服务管理单元中，用鼠标右键单击计算机或站点。 （5）单击“新建”选项，然后单击“Web 站点”选项，启动站点创建向导，如图3.18所示。,图3.18 Web 站点启动向导,2020/8/2,山东师范大学管理学院,3.4.3 Web站点的设置,图3.19 输入站点IP地址和TCP端口地址,（6）首先输入W

12、eb新站点的标识信息，然后单击“下一步”按钮，在此输入 Web站点的 IP地址和TCP端口地址。如果通过主机头文件将其他站点添加到单一IP 地址，必须指定主机头文件名称，如图3.19所示。,2020/8/2,山东师范大学管理学院,3.4.3 Web站点的设置,（7）然后单击“下一步”按钮，输入站点的主目录路径。如图3.20所示。单击“下一步”按钮，选择Web站点的访问权限，如图3.21所示，单击“下一步”按钮，完成设置。,图3.20 输入站点主目录的路径 图3.21 选择Web站点的访问权限,2020/8/2,山东师范大学管理学院,3.4.4 FTP站点的设置,FTP站点的设置步骤如下： （1

13、）将文件复制或移动到默认的FTP发布目录。安装程序提供的默认目录是 InetpubFtproot。 （2）在Internet信息服务管理单元中，用鼠标右键单击“计算机”或“站点”。 （3）单击“新建”选项，然后单击 “FTP站点”选项，启动“FTP站点创建向导”。 （4）先输入FTP新站点的标识信息，然后单击“下一步”按钮，在此输入FTP站点的IP地址和TCP端口地址（类似图3.19）。随后单击“下一步”按钮，输入FTP站点的主目录路径（类似图3.20）。,2020/8/2,山东师范大学管理学院,3.4.4 FTP站点的设置,（5）单击“下一步”选择FTP站点的访问权限（类似图3.21），单击

14、“下一步”按钮完成设置。 （6）如果网络具有域名解析系统（DNS），那么访问者可以在其浏览器地址栏中键入后面跟有计算机名的FTP域名（如ftp:/）访问站点。如果没有，那么访问者必须键入提供FTP服务的计算机的IP地址（如）。 FTP 站点建立完毕后，自动开始运行，如图3.17所示。,2020/8/2,山东师范大学管理学院,3.4.5 Web和FTP站点的启动和停止,启动和停止Internet服务 重新启动 IIS FTP重新启动,2020/8/2,山东师范大学管理学院,3.4.6 Web和FTP站点的创建策略,无论是在 Intranet 还是在 Inter

15、net 上，都可以按以下三种方式在运行Windows 2000的单台计算机上创建多个Web和FTP站点。 （1）将Web和FTP站点的端口号附加到 IP 地址上。 （2）使用多个IP地址，每个IP地址都有自己的网络适配卡。 （3）使用主机名将多个域名和IP地址指派给同一个网络适配卡。,2020/8/2,山东师范大学管理学院,3.4.6 Web和FTP站点的创建策略,例如，校园网Web平台建设可以采用如图3.24所示的方案。网络管理员可将 Windows 2000 Server和IIS一并安装在学校网络中心的服务器上，产生一个默认的Web 站点，即 。学校是由三个分校组成的，每个分校也要有自己“

16、主页”。网管员又创建两个“额外的”Web站点，分别对应于两个分校。这些分校站点具有相同的安全选项，每个站点均有其自己的访问和管理权限设置，好像它们存在于独立的计算机上那样。此外，管理任务可以分配给每个分校的成员。,图3.24 多个域名和IP地址指派给一个网络适配卡,2020/8/2,山东师范大学管理学院,3.5网页制作策划,3.5.1网页制作原则 遵循五个原则： 统一 连贯 分割 对比 和谐,统一是指网页的整体性、一致性。网页的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使Web页面呈现出一种枝蔓纷杂的凌乱效果。,连贯是指要注意Web页面的相互关系。网页设计中应利用各组成部分

17、，在内容的内在联系和表现形式上相互呼应 。,分割是指将页面分成若干小块，小块之间有视觉上的不同。分割不仅是网页表现形式的需要，而且也可以被视为对页面内容的一种分类归纳。,对比是通过矛盾和冲突，使网页更加富有生气。对比手法很多，如多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重，对比过强容易破坏美感，影响统一。,和谐是指整个Web页面具有视觉美，浑然一体。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。,2020/8/2,山东师范大学管理学院,3.5.2网页框架结构,网页框

18、架比较常见是采用三个层次（形象、框架、细节）的结构组织网站,如图3.25所示（某大学网页内容的组织框架）。,图3.25 网页的层次框架,2020/8/2,山东师范大学管理学院,3.5.3网页造型组合,网页造型组合中的整体风格和创意很关键，通常可以遵循以下原则对网页进行整体策划和创意。 （1）Web页面要“透气”，就是信息不要太过集中，以免文字编排太紧密，影响读者阅读。 （2）不要有太多分散注意力的信息节点，动态闪烁要适中。 （3）采用表格组织的板块要防止设计与实现过程中的偏差，不要具体规定表格栏目放多少条信息。,2020/8/2,山东师范大学管理学院,3.5.3网页造型组合,（4）增强Web页

19、面的视觉效果，加强Web页面的可视度和可读性，Web页面的各部分要配合整体风格。 （5）根据平面设计原理，Web页面要有留白部分。但要注意，分栏式结构不宜留白。 （6）要考虑浏览器上占用的屏幕空间，防止图片截断等造成不好的视觉效果。 （7）另外，新鲜和个性是Web页面布局的最高境界。,2020/8/2,山东师范大学管理学院,3.5.3网页造型组合,常用的页面布局形式如下： “T”型布局 “口”型布局 “三”型布局 对称对比布局 POP布局,图3.26 几种常用的页面布局形式,是网页设计中用得最广泛的一种布局方式。这种布局的优点是页面结构清晰，主次分明，是初学者最容易掌握的布局方法。缺点是规矩呆

20、板，如果细节色彩上不注意，很容易让人“看之无味”。,这种布局的优点是充分利用版面，信息量大。缺点是页面拥挤，不够灵活。也有将四边空出，只用中间的窗口型设计，如网易壁纸站。,这种布局多用于国外站点，国内站点较少用。,采取左右或者上下对称的布局，一半深色，一半浅色，一般用于设计型站点。优点是视觉冲击力强，缺点是将两部分有机地结合比较困难。,页面布局像一张宣传海报，以一张精美图片作为页面的设计中心。优点是页面色彩亮丽，引人注目。缺点就是网页下载速度慢，但作为版面布局还是值得借鉴的。,2020/8/2,山东师范大学管理学院,3.5.4网页的色彩选择,1.色彩给人的感觉 黑色：明度最低，象征严肃悲哀或文

21、雅庄重，与高明度和高彩度颜色配合时能夸张对方。 白色：明度最高，象征明亮干净纯真高雅或恐怖神圣，在较暗的网页中使用白色可使内容突出。 绿色：中间色，象征生命之色，青春宁静，能给人们恬静新鲜的感觉。 紫色：冷色，有神秘感，象征高贵威严；由于它能给人以忧郁感，所以要谨慎使用。,2020/8/2,山东师范大学管理学院,3.5.4网页的色彩选择,红色：彩度最高，醒目，象征热情、喜庆、活泼，但容易给人一种焦躁的感觉；红色也是火的颜色，热情、奔放；红色还是血的颜色，可以象征生命。 （6）蓝色：色彩中的最冷色，象征智慧、安静或寒冷、冷淡。 （7）黄色：色彩中明度最高，象征轻快、活泼或叛逆；因为它能使人兴奋，

22、可经常在网页制作中使用。 （8）橙色：动感强，象征热烈、光明或活泼，可以在网页制作中经常使用，但要注意不能大面积使用，否则会让人产生郁闷感。 （9）玫瑰色：欢快富丽，适用于交互式的网页中，它能使人的心理活动趋向活跃，激发情绪高涨。 灰色：明度中等，象征安静柔和，能给人一种质朴的感觉。,2020/8/2,山东师范大学管理学院,3.5.4网页的色彩选择,2. 网页配色 下面给出色彩调配的一些方法。 单色调：只用一种颜色，在明度和纯度上做调整，慎用中性色。 调和调：邻近色的配合。这种方法是采用标准色队列中邻近的色彩做配合。 对比调：对比色可以突出重点，产生强烈的视觉效果。 另外，在色彩搭配上还要注意

23、以下问题： （1）黑色的使用（2）背景色的使用（3）色彩的数量。,2020/8/2,山东师范大学管理学院,3.5.5网页的可访问性,网页的大小一般不应超过3万字节，以使用户在1020秒之内能打开网页。 网页要支持常用的浏览器，支持同一浏览器的不同版本，支持不同类型的显示分辨率 。 好的链接设计将帮助用户在尽可能短的时间里找到所需的内容。 对多媒体的使用，只在确有必要时才使用音频、动画、视频等多媒体内容，同时在下载时应显示文件的类型和大小，以便让用户决定是否有必要等待。 及时了解用户对网站的看法 网页布局应保持一致，文体的字型、字体和颜色应保持一致，导航帮助也应保持一致。,2020/8/2,山东

24、师范大学管理学院,3.6 网页发布,3.6.1 发布前的测试 首先，大部分的测试工作应该在本机上完成，否则进行远程调试的工作量会变得很大。可以先在本机使用小型Web服务器建立一个站点，并进行网页测试。这样的Web服务器首先就是FrontPage自带的FrontPage Personal Web Server，或者是使用Windows98/2000 Professional自带的PWS。 网页测试中最重要的是测试网页对路径的敏感性。最保险的解决方法就是，将网页中的所有资源相对网页的“根”定位。,2020/8/2,山东师范大学管理学院,3.6.1 发布前的测试,下面以Windows 2000 Pr

25、ofessional操作系统中自带的PWS为例，说明如何在本地计算机上对将要发布的网页进行测试。 （1）在Windows 2000 Professional操作系统中安装PWS完成后，选择“控制面板”“管理工具”“Personal Web Server”“个人Web管理器”命令，打开如图3.27所示的“个人Web管理器”窗口。从图中可知，Web发布点已启动，主页在：http:/sxtu-05，主目录是：c:inetputwwwroot。,2020/8/2,山东师范大学管理学院,3.6.1 发布前的测试,图3.27个人Web管理器,（2）在Web页面的发布过程中，要求PWS必须正在服务。如果这时

26、用户的PWS未启动服务，可单击“主屏”窗口中的“启动”按钮，以启动PWS。,2020/8/2,山东师范大学管理学院,3.6.1 发布前的测试,（3）单击发布向导左侧窗口中的“高级”按钮，打开如图3.28所示的“高级选项”对话框。在此对话框中，单击“添加”按钮，出现“添加目录”窗口。 （4）在“添加目录”窗口中输入要发布文件的路径，用户也可单击“浏览”按钮。在打开的如图3.28所示的“编辑目录”对话框中选择一个路径（如D:yw.files），在“别名”文本框中输入有关该虚拟目录的别名（如network），并单击“确定”按钮，这时在“虚拟目录”窗口中就出现了“network”虚拟目录。,2020/

27、8/2,山东师范大学管理学院,3.6.1 发布前的测试,（5）在“添加目录”窗口中输入要发布文件的路径，用户也可单击“浏览”按钮。在打开的如图3.28所示的“编辑目录”对话框中选择一个路径（如D:yw.files），在“别名”文本框中输入有关该虚拟目录的别名（如network），并单击“确定”按钮，这时在“虚拟目录”窗口中就出现了“network”虚拟目录。,图3.28 “高级选项”对话框,2020/8/2,山东师范大学管理学院,3.6.1 发布前的测试,（6）在“默认文档”文本栏，输入启动默认文档：frame.htm。在“虚拟目录”窗口中选中“network”虚拟目录，单击鼠标右键，从弹出的

28、快捷菜单中执行“浏览”功能。此时在本机浏览器中即可浏览发布成功的网页（http:/sxtu-05/network/）。 （7）用户有多个要发布的文件，可以重复执行第（5），（6）两步操作。 网页即发布到PWS主页中，可通过本机Internet Explorer浏览器进行所有链接的测试工作。如果条件允许的话，最好也通过本地局域网中其他的计算机进行测试。,2020/8/2,山东师范大学管理学院,3.6.2 取得相应权限,在发布前，应该先与服务器的管理员取得联系，就信息发布手续、网站关于Web发行的相关规定等，进行详细的询问沟通。 提供主页空间服务的网站，一般使用E-mail和FTP两种方式上传网页

29、。如果是使用前者，则网页制作者基本没有权限在远程主机上进行远程调试，一切管理维护工作都要通过对方的管理员完成。这种情况更要保证在本机上就解决好上传网页中的问题。如果使用的是后者，则网页制作者在远程服务器上应有一个用户账号，这样就可以通过FTP和Telnet远程登录方式对页面进行调试。,2020/8/2,山东师范大学管理学院,3.6.3 使用FrontPage 2000发布,1. 检查链接,图3.29 查看断开的超链接,站点发布之前，检查站点中所有文件的链接是否有效是一项至关重要的工作。 FrontPage 2000 中要检查站点中是否存在“丢失”的网页，可打开“工具”菜单，选择其中的“重新计算

30、超链接”命令，即可对当前站点的链接状态进行验证，它的结果将反映在站点的“报表”视图内。打开“编辑”菜单的“报表”子菜单，将显示网页内所有断开的超链接，如图3.29所示。,2020/8/2,山东师范大学管理学院,3.6.3 使用FrontPage 2000发布,2设置文件的发布状态 发布Web站点时，用户可以根据情况设置文件的发布状态，该状态决定了Web站点中的相应文件是否发布。创建新站点时，包含的文件一般应全部发送。若是已发布站点的维护更新，只要把修改过的文件发布就可以了，没有必要把所有文件重新上载，这样可以节约时间、避免长时间占用线路的开销。,2020/8/2,山东师范大学管理学院,2设置文

31、件的发布状态,设置文件的发布状态的操作步骤如下： （1）打开要发布的站点。 （2）单击视图栏中的“报表”按钮，切换到“报表”视图。 （3）选择“报表”工具栏中“报表状态”下拉列表框中的“发布状态”选项，显示当前站点的“发布状态”报表，如图3.32所示。,图3.32 “发布状态”报表,2020/8/2,山东师范大学管理学院,2设置文件的发布状态,（4）对指定的文件，单击鼠标右键，然后选择快捷菜单中的“属性”命令，打开“属性”对话框，激活“工作组”选项卡，如图3.33所示。 （5）如果发布时不包含此文件，应启用“发布站点的其余部分时不包含此文件”复选框。否则清除该复选框。 （6）单击“确定”按钮，

32、文件的发布状态即显示在“发布状态”报表中。,图3.33 “工作组”选项卡,2020/8/2,山东师范大学管理学院,3. 用HTTP发布一个Web站点,用HTTP发布Web站点的操作步骤如下： (1)在FrontPage2000中打开要发布的站点。（2）单击“文件”菜单中的“发布站点”命令，打开“发布站点”对话框，单击“选项”按钮扩展选择列表，如图3.34所示。 根据情况进行 设置。,图3.34 “发布站点”对话框,2020/8/2,山东师范大学管理学院,3. 用HTTP发布一个Web站点,（4）在“指定发布站点的位置”下拉列表框中，输入或选择Web服务器的位置，也可以单击“浏览”按钮，查找以前

33、曾使用过的位置。 （5）单击“发布”按钮，FrontPage 2000将把所选的网页复制到Web服务器，并显示复制文件的进程，如图3.35所示。复制信息完毕之后，在屏幕上出现“用户名与口令”对话框。,图3.35 连接服务器上传网页,2020/8/2,山东师范大学管理学院,3. 用HTTP发布一个Web站点,图3.36 发布提示窗口,（6）在“用户名”、“口令”文本框内输入从网站管理员那里获得的用户名和口令。 （7）单击“确定”按钮之后，Web服务器的将根据“用户名”与“口令”识别发布者的身份。如果一切正常，将打开如图3.36所示的发布提示窗口。 （8）在“单击此外可以查看您发布的站点”处单击，

34、可访问发布的站点。否则，单击“完成”按钮。,2020/8/2,山东师范大学管理学院,3.8 网页的维护、更新与升级,3.8.1 网页维护 网页维护的一个重要内容是查看留言板等一些用户反馈信息。因为，当用户浏览Web网站时，浏览者会利用留言板反映网页存在的问题。查看留言板的另一个作用是更替留言板的存放文件。 对网站中其他一些由浏览用户填写的内容，管理员也要及时查看。例如，如果某个网站中有一个类似于用户投稿箱等内容时，管理员就要经常查看该信箱，并将其中优秀的稿件取出并发布到网页上。网站正常运行期间，管理员也要经常使用浏览器查看和测试当前网站中的页面链接，及时发现其中的问题并进行解决。,2020/8

35、/2,山东师范大学管理学院,3.7 网站测试,3.7.1网站测试注意问题 （1）使用多种Web浏览器测试网页。最常用浏览器的是Internet Explorer和Netscape等 。 （2）使用比较常用的浏览器版本。如Internet Explorer 5.0/6.0和Netscape 5.0/7.1。 （3）在不种操作系统中进行网页的测试。由于操作系统的不同，网页在浏览器中的表现也不一样，这一点在Windows和Linux之间体现得尤为明显。因为在Windows中，浏览器都是标准的800600或者1024768，而在Linux中，由于X-Windows的特殊性，浏览器一般没有固定的长宽比，而且窗口形状趋向于正方形。,2020/8/2,山东师范大学管理学院,3.7.2 网页测试项目,1网页连接测试 连接测试主要是看网页中是否有超级链接掉链的情况，包括页面、图像、CGI/ASP程序等。 2. 网页外观