实验26FrontPage网页制作初步.docVIP

实验二十六 FrontPage网页制作初步 一、实验目的 熟悉FrontPage2003窗口界面及各种视图的应用。 熟练掌握在设计视图中进行文本、表格的录入、编辑和格式设置工作，掌握图片的插入、属性及热区等设置。 掌握在设计视图中进行书签、背景音乐、超级链接等对象的插入和编辑工作。 掌握DHTML、悬停按钮、字幕、网页过渡效果等动态效果设置。 熟练掌握表单的建立、编辑工作，掌握表单中各按钮的作用及相应属性设置。 了解框架及其作用，会使用框架制作网页。 了解HTML语言，会使用HTML视图进行简单的页面设计和修改。 二、相关知识要点 （一）站点的建立与基本编辑 （1）建立与打开站点 在FrontPage窗口中单击“文件”－“新建”－站点“命令可以新建站点。注意站点的保存位置。 在打开FrontPage2003时，FrontPage将自动新建一“new_page_1.htm”的网页（站点），在打开后若要重新新建，则可用“文件”菜单的“新建”命令。 当要打开已存在的站点，可用“文件”菜单的“打开”命令。 （2）文本编辑 文本编辑与在Word中类似，主要包括文字输入、字设置体和段落格式设置、及“格式”菜单中的“样式”的使用等。设置字体颜色时，可以在“格式”(“字体”(“字体颜色”(“其它颜色”对话框中直接填入值“Hex={80,00,80}”或直接填入“800080”等来设置。 （3）插入特殊对象 在网页制作过程中用到的特殊对象一般包括“符号”、“水平线”、“注释”及“时间与日期”等。它们均在“插入”菜单中。 （4）图片处理 图片的处理包括图片的插入，图片属性的设置及背景图片的处理等。 图片的插入可以是“复制”“粘贴”到网页中，也可以从文件中插入（“插入”(“图片”(“来自文件”）。 图片的属性设置通常可以右键单击图片，选“属性”进入属性设置对话框，也可以选择图片后，点“格式”(“属性”。属性设置包括“常规”、“视频”及“外观”。 “常规”中的“文本”栏中输入的文字将在浏览时鼠标停留在该图片上时显示。 “外观”中主要用来设置图片的象素（大小）及图片位置等。 （二）网页的特殊编辑和处理 （1）超链接建立与编辑 超链接是实现页面跳转的导航路径，通常在网页中使用相对的URL作为超链接的目标地址。可以建立文本超链接，也可以通过图片等建立超链接。 创建文本超链接比较简单，而使用图片则可以创建许多略有不同的超链接。 1）对整个图片创建超链接：打开图片“属性”，在“常规”选项中添加超链接地址即可。 2）建立图片“热点”超链接：当选择图片后，可以利用图片工具栏上的热点按钮创建“圆形热点”、“长方形热点”和“多边形热点”，在创建这些热点时将自动打开热点的超链接对话框。 3）在图片上建立文本热点：当选择图片后，可以利用图片工具栏上的插入文本命令，在图片中插入文本框并输入文字，然后双击该文本框，即可在弹出的“创建超链接”中设置。 4）编辑超链接较为简单，只要鼠标右击超链接，在相应的属性中修改设置即可。 5）插入和使用书签：选中文字，菜单“插入”－“书签” （2）动态效果设置 动态效果主要包括“DHTML效果”、悬停按钮、字幕、网页过渡效果等，它们的使用均较为方便。 1) DHTML效果：“视图”(“工具栏”(“DHML效果”下设置。 2）悬停按钮：“插入”(“组件”(“悬停按钮”下设置。 3）字幕：“插入”(“组件”(“悬停按钮”下设置。 4）网页过渡：“格式”( “网页过渡”下设置。 （三）表格的编辑和表单的处理 （1）表格的建立与编辑 表格的建立与编辑与Word中基本同，注意表格与单元格的区别，并熟练掌握它们的属性设置。 （2）表单的处理 表单是许多网页中不可缺少的元素，对表单的使用主要掌握其组件的功能和作用。 1）文本框：供用户输入简单的文本资料，如姓名、联系电话等。 2）文本区：在需要输入较多文本时使用，并能自动产生滚动条。 3）复选框：允许同时选择多个选项，与Windows中的复选框同。 4）选项按钮：与复选框不同，它只允许从多个选项中选择其中一个选项。 5）下拉框：出现下拉项目列表供用户选择。 6）提交按钮：用来提交已修改或设置的信息。 7）重置按钮：用于清除（恢复）表单域。 三、实验内容 设想建立一简单班级网站，按 “首页”、“班级简介”、“班级通讯录”、“班级相册”以及“校园服务”等页面组成。 启动FrontPage2003，了解窗口界面及各种视图。 建立 “班级简介”页面，进行文本的录入与设置。 建立“班级相册”页面，进行图片等处理。 建立“班级通讯录”页面，进行表格等处理。 建立“校园服务”页面，进行表单等设计。 建立“首页”页