第七章网页设计与网站建设基础分析.ppt

* 7.0 本章要求 7.1 认识FrontPage 2000 7.2 创建站点和网页 7.3 HTML制作WEB页 7.4 发布WEB页 通过本章的学习，应掌握 （1）FrontPage 2000的窗口组成和视图模式。 （2）创建网站和网页，插入和编辑图片、表格、多 媒体信息等。 （3）创建框架网页和表单。 （4）通过设置个人服务器来发布WEB或预览WEB页。 返回本章首页 7.1 认识Frontpage2000 FrontPage2000的界面与Word十分相似。在窗口底部左侧有三个视图按钮。 1、“普通”视图就是正常的编辑环境。 2、“HTML”视图就是自动生成的HTML语句，可以修改HTML源文件。 3、“预览”视图可预览网页效果。 主编辑窗口 视图栏 菜单栏 工具栏 文件夹栏 窗口转换栏 状态栏 FrontPage 2000的视图 FrontPage 2000有6种视图，利用它们可以编辑网页、管理站点文件夹、生成报表、管理站点的导航图、编辑站点中的网页间的链接以及实现任务管理。 1、网页视图 2、文件夹视图 3、报表视图 4、导航视图 5、超链接视图 6、任务视图 返回本章首页 7.2 创建站点和网页 一、创建站点 为了将网页发布到万维网的WEB服务器上让其他用户共浏览和使用，则需要先建立站点，再使用“导航”视图来管理网页的层次关系和链接关系。 创建了新站点的同时，在“文件夹”视图或“文件夹列表”栏中会出现两个新文件夹，其中一个文件夹名是“images”，该文件夹是为用户来保存当前网站中的图片文件，在制作网页之前可先把要用到的图片都保存到该文件夹中；另一个文件名是“_private”，该文件夹是用来保存象“_vti_cnf”之类的系统用来做缓存的文件夹，要使用过程中不要删除它们。 二、创建新网页 创建网页主要包括文字处理、图片处理、表格处理及超链接设置等操作，是一个综合性的图文并排的文档处理模块。其中常规的文字处理如文字的插入、删除、格式编排、查找和替换、复制和移动、段落格式等操作与WORD2000完全相同，用户只需采用WORD2000相类似的方法就可在FrontPage 2000中完成对文字的处理。 本节重点介绍如何使用“表格”工具来对网页进行布局设置、插入和编辑图片、超链接设置以及使用框架创建网页的布局等内容。 三、创建表格 使用创建表格不仅能够清晰地表现文字、图像、表单，而且能够提供导航工具和对WEB站点进行整体布局，它在网页设计过程，应用相当广泛。 1．创建表格 2．编辑表格 3．设置表格的属性 可以使用“表格属性”命令来重新指定表格的宽度、对齐方式、边框粗细及单元格的边距和空间等属性。 4．文本与表格的相互转化 四、插入图片 1、网页的图片格式 在网页中常用的图片格式有GIF和JPEG两种格式。 要注意这两种格式的区别 2、在网页中插入图片 3、添加视频或背景音乐 4、图片属性 5、编辑图片 五、特殊效果 这里简单介绍如何使用“滚动字幕”功能为网页添加特殊效果。 六、网页的属性设置 网页的属性包括网页的标题、位置、背景、页边距和语言等重要信息。 1.常规属性设置 （1）位置框：指定网页的URL。 （2）标题：给出网页的标题 （3）背景音乐：指定浏览器在打开网页自动播放 的音乐。 2.背景属性设置 3.设置网页边距 主要用于设置网页相对窗口的上边距和左边距。 七、保存和预览网页 FrontPage 2000没有自动保存功能，所以在一般情况下，用户需将网页保存在当前站点内，若要将网页保存在其他位置，则需采用“文件”菜单中的“另存为”命令来保存，具体保存方法与WORD2000相似。 超链接是从一个Web页或文件到另一个Web页或文件的链接。当站点访问者单击超链接时，目标将显示在Web浏览器中，并根据目标的类型来打开或运行。 超链接有很多种形式，我们在这里主要介绍以下三种。 （1）建立到Web页超链接 （2）建立到电子邮件的超链接 （3）使用书签建立超链接 使用书签可以实现在同一个页面的不同部分进行跳转，创建超链接前需先要定义书签。然后就直接把超链接指向书签就可以了。 八、创建超链接 九、框架的创建和应用 框架网页是一种特殊的HTML网页，可以将浏览器窗口分为几个区域，每个区域可以显示不同的网页。一组框架构成的网页称为框架页，每个框架页都可以采用相应的模板创建。 1．创建框架网页 2、设置框架网页的属性 3、框架网页的保存