《实验2实习指导11.docVIP

实习二 网页设计（2） 一、实习目的 熟悉FrontPage2003 的工作环境； 掌握FrontPage2003 站点管理功能； 掌握FrontPage2003制作网页的基本方法； 掌握网页制作中的常用页面布局方法。 二、实习内容 熟悉FrontPage2003 的工作环境 FrontPage2003管理站点功能（个人网站）； 制作图文混排的网页； 制作图片展示网页； 制作个人网站首页； 自拟主题制作包含图文混排、图片、表格、主页四个页面的网站。 注：第二次实验完成1至5，第三次实验完成6 三、预备知识 网页制作的基本知识； FrontPage2003 的工作环境及操作方法 四、实习步骤 1.熟悉FrontPage 2003 的工作环境。 启动FrontPage 2003，熟悉FrontPage 2003工作环境。 2.FrontPage管理站点 ① 建立站点文件夹： 在D盘根目录下建立myweb文件夹。 如果D盘不存在，在C盘建立。 ② 创建站点 打开“文件“菜单”，单击“新建”，在任务窗格中选择“其他网站模版”，打开网站模板对话框，选择“空白站点”，在指定新站点的位置中，输入D:\myweb或C:\myweb（即站点在本地磁盘上的位置），单击“确定”按钮，完成站点的创建。 ③ 查看站点目录结构 单击“视图栏”（窗口左侧）中“文件夹”图标，即可查看站点目录结构。FrontPage自动建立了images和_private等文件夹。 注意：不要在如“_private”等以“_”开始的文件夹中存放你的任何文件。 ④ 创建网站其它文件夹 根据要制作的网站的内容，可以建立相应的子文件夹，用以分类存放网站制作中的相关文件。在本站点中，请建立如下文件夹：xiangce和aihao，然后分别在这两个文件夹中建立文件夹images。 注意：网站目录结构一般在网站创建初期就完成，但也可以在制作网站过程中，随时根据要求建立。 3.制作一个图文混排的网页 ① 打开“文件“菜单”，单击“新建”，选择“空白网页”，在FrontPage中将出现一个空白的网页。 ② 在页面上单击右键，选择“网页属性”，打开页面属性对话框，选择各选项卡进行适当配置。 ③ 在网页中输入（粘贴）一段文字（孙悟空自传，作业管理系统共享资源中下载），设置第一段（作为标题）为“黑体、6号（24磅）”，其余文字设置为“宋体、4号（14磅）”。 ④ 在网页中插入一张图片(sunwukong.jpg，作业管理系统共享资源中下载)，设置图片的对齐属性为“左对齐”。调整位置,如图2-1所示。 ⑤ 将保存网页到网站的根目录（d:\myweb）中，文件名为zizhuan.htm。 注意：1. 本网页所用到图片都要存入d:\myweb\images文件夹中。 2. 观察在保存网页时出现的“保存嵌入式文件”对话框(如图2-2)，并保存网页中的图片保存到正确的位置。 3．“另存为”文件对话框中，要注意保存网页到指定的位置。 图2-1 zizhuan.htm网页 图2-2“保存嵌入式文件”对话框 4.制作一个图片展示网页 ① 打开“文件”，单击“新建”，选择“空白网页”，在FrontPage中将出现一个空白的网页。 ② 在网页中插入一个7行3列的表格，在表格属性中，将表格的边框粗细设置为0，接着再将第1行的3列合并,输入文字“孙悟空的幸福生活”，设置为“标题一”格式。调整单元格行高，如图2-3所示。 图2-3 制作中的xiangche.htm网页 图2-4 完成的xiangce.htm网页 ③ 在表格的单元格中，插入图片和文字说明(作业管理系统共享资源中下载)。如图2-4所示。 ④ 将保存网页到网站的根目录（d:\myweb\xiangce）中，文件名为xiangce.htm。 注意:本网页所用到图片都要存入d:\myweb\xiangce\images文件夹中。 5.制作个人主页（首页） 网页设计时，网页的布局方式将直接影响页面的外观，同时也是体现设计师的水平的一个标准。在设计布局时，通常采用表格的方式。在本网站主页的制作中，我们也将使用表格方式布局。 ① 打开“文件”，单击“新建”，选择“空白网页”，在FrontPage中将出现一个空白的网页。 ② 在网页中插入一个7行2列的表格（宽：700像素；边框：0），然后将第2列的所有单格合并,如图2-5。 ③ 在刚合并完成后单元格中，设置单元格对齐属性为“水平：左对齐；垂直：顶端对齐”，然后在该单元格插入一个4行1列的表格（宽度：100%；边框：0）。完成的布局如图然后调整单元格行高如图2-6所示。 ④ 在左边单元格和右边第1行的单元中，插入如图2-7所示的图片（教学资源网下载）， ⑤ 将右边第2行拆分为2列。在第3行中，插入一个1行3