计算机导论实验教程 教学课件 作者 陈叶芳主编 祁亨年副主编实验十七.ppt

《计算机导论实验教程 教学课件 作者 陈叶芳主编 祁亨年副主编实验十七.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、实验17网页设计入门（FrontPage）实验内容17.1利用模板创建网站原型17.2利用列表、超链接和表格组织信息17.3网页编辑17.4用图像和动态元素点缀网页17.5使用框架布局17.6发布网站7/25/20212计算机导论实验指导实验目的熟悉用模板创建网站掌握列表、超链接和表格的使用方法掌握网页编辑的方法熟悉用图像和动态元素点缀网页掌握框架网页的使用熟悉网站的发布7/25/20213计算机导论实验指导17.1利用模板创建网站原型实验目的和要求预备知识实验内容7/25/20214计算机导论实验指导〖实验目的和要求〗熟悉FrontPage

2、2000的开发环境掌握利用模板创建一个基本的网站掌握网页文件的基本操作，网站的打开和关闭7/25/20215计算机导论实验指导〖预备知识〗1、利用模板新建网站FrontPage2000提供了几种网站模板，利用模板可以快速生成一个网站的框架，用户可以在此基础上修改框架结构，补充具体内容。7/25/20216计算机导论实验指导具体方法如下：单击“文件”下拉菜单，打开“新建”子菜单，单击“站点”选项，出现图17-1所示对话框。图17-1输入站点的位置，以及站点文件夹的名字。7/25/20217计算机导论实验指导选择站点的类型，这里我们选“个人站点”

3、。指定新站点的位置。单击“确定”按钮，就可以完成站点的创建。7/25/20218计算机导论实验指导2、视图启动FrontPage后，界面的左边是视图区，如图17-2图17-27/25/20219计算机导论实验指导它包括以下的视图：“网页”视图：可以创建、编辑和预览网页。“文件夹”视图：显示站点内容的组织结构，在该视图下，可创建、删除、移动和复制文件夹。这类似Windows中的“资源管理器”。“报表”视图：用于生成详细资料的报表。“导航”视图：将站点结构按类似组织图或树状图的图表显示，可以用“导航”视图来建造站点结构和启用共享边框及自动导航栏。

4、“超链接”视图：显示网页间的所有超链接。“任务”视图：显示一份任务列表，其中包括完成或维护站点所需的任务，用来帮助跟踪小组成员正在完成的工作以及还有哪些需要完成。7/25/202110计算机导论实验指导3、网页文件的基本操作在文件夹列表中我们可以浏览网站的文件结构，选择所要操作的网页文件，单击鼠标右键，如图17-3所示，在弹出的快捷菜单里，选择其中的“剪切”、“复制”、“粘贴”、“删除”和“重命名”，就可以对网页进行移动、复制、删除和更名的操作。同Windows的文件操作。7/25/202111计算机导论实验指导图17-37/25/20211

5、2计算机导论实验指导在文件夹列表中选择某个文件夹，单击鼠标右键，就可以在该文件夹下新建网页或对文件夹作移动、复制、删除和更名操作。7/25/202113计算机导论实验指导4、工作环境打开一个网页文件，其编辑窗口左下角有三个标签，见前面图17-3所示，这是FrontPage提供的三种网页编辑环境。单击“普通”标签，表明当前工作在一个提供了所见即所得的网页编辑环境中。在“普通”工作环境下，我们可以输入文字，设置格式，插入图片等操作。7/25/202114计算机导论实验指导单击“HTML”标签，显示的是HTML代码。我们既可以查看网页的源程序代码，

6、也可以直接编写和修改源代码。单击“预览”标签，切换到“预览”工作环境，这是FrontPage内置的浏览环境，只能浏览，不能编辑。在“普通”工作环境中显示的虚边框线，在“预览”工作环境中消失了。网页中插入的一些动态元素如动态gif图片，滚动字幕等，在其他工作环境下看不到动态效果，可以在“预览”工作环境中观看。7/25/202115计算机导论实验指导〖实验内容〗1、利用模板创建一个个人网站。2、组织规划网站的内容，根据实际需要，修改网站中的网页结构，构建网站的基本框架。7/25/202116计算机导论实验指导17.2利用列表、超链接和表格组织信息

7、实验目的和要求预备知识实验内容思考问题7/25/202117计算机导论实验指导〖实验目的和要求〗掌握列表的使用掌握超链接的使用掌握制表的方法7/25/202118计算机导论实验指导〖预备知识〗1、添加列表为使网页上的文本组织显得更加井井有条，可以用列表的方式。方法如下：选定文本内容。单击“格式”菜单中的“项目符号和编号”选项。在“图片项目符号”选项卡中，选择“使用当前主题中的图片”单选项。单击“确定”按钮，出现如图17-4效果。图17-47/25/202119计算机导论实验指导2、使用超链接网页中使用超链接的情况很多，超链接一个网页文件的具体

8、操作如下：选定某个项目（可以是文字或图片等）。单击鼠标右键，在弹出的快捷菜单中选择“超链接”，出现“编辑超链接”对话框,如图17-5所示。在URL栏中输入需要与之链