全屏显示专题章节

制作个人网站，网站的内容包含主页和主页中的4个链接网页：成长相册、浪漫回忆、更新日志和友情链接。网站的基本结构如图11．15所示。

在设计Web站点的过程中，应注意保持整个站点中的所有页面在风格上的统一，这种统一不仅表现在页面的布局上，还应该使页面中的文本、图像、列表项等都有统一的风格。基于这种设计思想，本站点中的所有页面都应用了活泼的主题，从而给用户带来视觉的享受和操作的方便。

（1）启动FrontPage 2003，单击“文件”→“新建”命令，在任务窗口中单击“其他网站模板”选项，打开“网站模板”对话框。

（2）在“网站模板”对话框中选择“空白网站”并指定站点的存放位置，然后单击“确定”按钮，如图11．16所示。

2．新建框架网页

框架网页是一种使网页设计美观、方便访问者浏览的技术，它允许浏览器一次载入多个HTML文件，能实现在同一屏幕上显示相关网页。

（1）单击“文件”→“新建”命令，在任务窗口中单击“其他网页模板”选项，打开“网页模板”对话框。

（2）在“网页模板”对话框中单击“框架网页”选项卡，选择“横幅和目录”模式（如图11．17所示），单击“确定”按钮后就新建了一个框架网页，我们在这里将它们分别称为“框架1”、“框架2”和“框架3”，如图11．18所示。

（3）单击3个框架中的所有“新建网页”按钮，再单击工具栏中的“保存”按钮，弹出“另存为”对话框（如图11．19所示），对话框中预览窗口的蓝色部分是将要保存的部分，根据蓝色部分显示的位置，依次将3个框架中的网页进行保存，分别命名为“top．htm”、“left．htm”和“right．htm”。整个框架网页保存为“index．htm”，单击“更改标题”按钮，出现如图11．20所示的对话框，可以对网页的标题进行设置。

3．编辑网页框架1

（1）单击“插入”→“图片”→“来自文件”命令，在“图片”对话框中选择预先准备好的图片文件，适当调整图片的大小，使其充满整个框架。

（2）点击图片，在图片工具栏中单击“文本”按钮会使图片上出现一个文本框，在文本框内输入“个人主页”并设置合适的字体和字号，效果如图11．21所示。

4．编辑网页框架2

（1）单击“格式”→“主题”命令，在右侧的任务窗口中单击“自然主题”。

（2）按照图11．5所示，分别输入“成长相册”、“浪漫回忆”、“更新日志”、“给我留言”、“友情链接”并设置合适的字体和字号。

5．编辑网页框架3

（1）和框架2相似，应用“自然主题”。

（2）单击“表格”→“插入”→“表格”命令，插入一个8行2列的表格，在第一列中按照图11．22所示输入个人信息。

（3）将第二列的所有单元格进行合并，单击“插入”→“图片”→“来自文件”命令，在“图片”对话框中选择预先准备好的图片文件。最后的效果如图11．22所示。

6．设置网页框架属性

对于创建好的3个框架，用户可以通过设置框架间距、滚动条、框架大小等来改变框架在浏览器中的外观。

（1）设置滚动条：在框架空白处右键单击鼠标，在弹出的快捷菜单中选择“框架属性”，出现如图11．23所示的对话框。若在“显示滚动条”下拉列表内选中“不显示”，则由于无法调整位置，有时网页会显示不完整，所以一般选择“需要时显示”。

（2）设置框架大小：在图11．23所示的对话框中可以设置框架的边距和大小。另外，如果清除“可在浏览器中调整大小”复选框，则禁止在网页中调整框架大小。

（3）拆分框架：如果对当前的框架布局不满意，还可以重新进行拆分。在网页视图中，选中要拆分的框架，同时按下Ctrl键和鼠标左键拖动水平或垂直框架边框，就可以进行水平拆分或垂直拆分。

7．新建链接网页

（1）新建一个空白网页，网页文件名为“照片．htm”。在网页中插入一些图片，调整图片的大小和排列方式。

（2）在网页底部输入“返回首页”（如图11．24所示），用鼠标将其选中，选择“插入”菜单中的“超链接”，在弹出的对话框中选择“当前文件夹”中的“index．htm”。

（3）按照上述方法依次新建“回忆．htm”、“日志．htm”和“链接．htm”三个网页，根据自己的兴趣在这几个网页中加入一些文本或图片，制作出有个性的个人主页。

（1）在框架2中选择“成长相册”，单击常用工具栏中的“超链接”按钮，出现“插入超链接”对话框，选中“照片．htm”。

（2）单击“插入超链接”对话框中的“目标框架”按钮，出现如图11．25所示的对话框，选择“网页默认值（main）”。

说明：在“公用的目标区”列表框中可以设置超链接的网页在浏览器中的显示方式，通常使用默认值。“相同框架”表示被链接的网页显示在当前选中的框架中；“整页”表示被链接的网页将不考虑框架的设置而占满整个浏览器窗口；“新建窗口”表示被链接的网页会显示在一个新创建的浏览器窗口中；“父框架”表示被链接的网页显示在包含当前框架的父框架中。

（3）按照上述步骤，依次为主页中的“浪漫回忆”、“更新日志”和“友情链接”建立超链接。

（1）安装IIS组件

在Windows XP系统中，单击“开始”→“设置”→“控制面板”，在弹出的“添加／删除程序”窗口中选择“添加／删除Windows组件”，按照图11．26所示，勾选“Internet信息服务”并双击它，在出现的“Internet信息服务”对话框中选择要安装的子组件（如图11．27所示）。

（2）打开“Internet信息服务”管理器

选择“开始”→“控制面板”→“管理工具”→“Internet信息服务”，打开“Internet信息服务”窗口（如图11．28所示）。

（3）Web服务器设置

在“Internet信息服务”窗口中，用鼠标右键单击“默认网站”，在弹出的快捷菜单中选择“属性”，弹出“默认网站属性”对话框。首先，在对话框中选择“主目录”选项卡（如图11．29所示），点击“浏览”按钮，从本地磁盘中选择所要发布的站点来设置“本地路径”；然后选择“文档”选项卡，选中“启用默认文档”复选框，并删除全部原有的默认文档，点击“添加”按钮，在“添加默认文档”对话框中输入“index．htm”，如图11．30所示。

（4）配置FTP服务器

在如图11．28所示的“Internet信息服务”窗口中，用鼠标右键单击“默认FTP站点”，在弹出的快捷菜单中选择“属性”，弹出“默认FTP站点属性”对话框，然后选择“主目录”选项卡（如图11．31所示），设置“本地路径”为所要发布的站点所在的目录。

打开IE浏览器，在地址栏输入“ftp：／／ftp服务器的IP地址（例如：192．168．1．100）”，便进入设置的首页（index．htm）。

说明：如果用户想在Internet上建立自己的个人网站，可以利用搜索引擎去查找提供免费网站空间的服务商，在成功注册之后上传自己的个人主页。