网页设计与网站建设基础

《网页设计与网站建设基础》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第七章网页制作7.0本章要求7.1认识FrontPage20007.2创建站点和网页7.3HTML制作WEB页7.4发布WEB页通过本章的学习，应掌握（1）FrontPage2000的窗口组成和视图模式。（2）创建网站和网页，插入和编辑图片、表格、多媒体信息等。（3）创建框架网页和表单。（4）通过设置个人服务器来发布WEB或预览WEB页。返回本章首页7.1认识Frontpage2000FrontPage2000的界面与Word十分相似。在窗口底部左侧有三个视图按钮。1、“普通”视图就是正常的编辑环境。2、“HTML”视图就是自动生成的HTML语句，可

2、以修改HTML源文件。3、“预览”视图可预览网页效果。主编辑窗口视图栏菜单栏工具栏文件夹栏窗口转换栏状态栏FrontPage2000的视图FrontPage2000有6种视图，利用它们可以编辑网页、管理站点文件夹、生成报表、管理站点的导航图、编辑站点中的网页间的链接以及实现任务管理。1、网页视图2、文件夹视图3、报表视图4、导航视图5、超链接视图6、任务视图返回本章首页7.2创建站点和网页一、创建站点为了将网页发布到万维网的WEB服务器上让其他用户共浏览和使用，则需要先建立站点，再使用“导航”视图来管理网页的层次关系和链接关系。创建了新站点的同时，在

3、“文件夹”视图或“文件夹列表”栏中会出现两个新文件夹，其中一个文件夹名是“images”，该文件夹是为用户来保存当前网站中的图片文件，在制作网页之前可先把要用到的图片都保存到该文件夹中；另一个文件名是“_private”，该文件夹是用来保存象“_vti_cnf”之类的系统用来做缓存的文件夹，要使用过程中不要删除它们。二、创建新网页创建网页主要包括文字处理、图片处理、表格处理及超链接设置等操作，是一个综合性的图文并排的文档处理模块。其中常规的文字处理如文字的插入、删除、格式编排、查找和替换、复制和移动、段落格式等操作与WORD2000完全相同，用户只需

4、采用WORD2000相类似的方法就可在FrontPage2000中完成对文字的处理。本节重点介绍如何使用“表格”工具来对网页进行布局设置、插入和编辑图片、超链接设置以及使用框架创建网页的布局等内容。三、创建表格使用创建表格不仅能够清晰地表现文字、图像、表单，而且能够提供导航工具和对WEB站点进行整体布局，它在网页设计过程，应用相当广泛。1．创建表格2．编辑表格3．设置表格的属性可以使用“表格属性”命令来重新指定表格的宽度、对齐方式、边框粗细及单元格的边距和空间等属性。4．文本与表格的相互转化四、插入图片1、网页的图片格式在网页中常用的图片格式有GIF

5、和JPEG两种格式。要注意这两种格式的区别2、在网页中插入图片3、添加视频或背景音乐4、图片属性5、编辑图片五、特殊效果这里简单介绍如何使用“滚动字幕”功能为网页添加特殊效果。六、网页的属性设置网页的属性包括网页的标题、位置、背景、页边距和语言等重要信息。1.常规属性设置（1）位置框：指定网页的URL。（2）标题：给出网页的标题（3）背景音乐：指定浏览器在打开网页自动播放的音乐。2.背景属性设置3.设置网页边距主要用于设置网页相对窗口的上边距和左边距。七、保存和预览网页FrontPage2000没有自动保存功能，所以在一般情况下，用户需将网页保存在当

6、前站点内，若要将网页保存在其他位置，则需采用“文件”菜单中的“另存为”命令来保存，具体保存方法与WORD2000相似。超链接是从一个Web页或文件到另一个Web页或文件的链接。当站点访问者单击超链接时，目标将显示在Web浏览器中，并根据目标的类型来打开或运行。超链接有很多种形式，我们在这里主要介绍以下三种。（1）建立到Web页超链接（2）建立到电子邮件的超链接（3）使用书签建立超链接使用书签可以实现在同一个页面的不同部分进行跳转，创建超链接前需先要定义书签。然后就直接把超链接指向书签就可以了。八、创建超链接九、框架的创建和应用框架网页是一种特殊的HT

7、ML网页，可以将浏览器窗口分为几个区域，每个区域可以显示不同的网页。一组框架构成的网页称为框架页，每个框架页都可以采用相应的模板创建。1．创建框架网页2、设置框架网页的属性3、框架网页的保存可以保存框架所显示的网页和框架网页本身。值得注意的是，在保存时，必须根据系统提示来确定为那个框架保存网页。一般情况下，FrontPage2000将自动保存框架网页及每个框架中的网页。十、表单表单是用来收集站点访问者信息的集合，如收集他们的订货、发货和付费方式等信息。1、表单域常见的表单域有以下几种：（1）文本框（2）选项按钮（3）下拉框（4）复选框（5）按钮（6）

8、密码域（7）滚动文本框2、创建表单（1）创建一张“请求”表单（2）创建一张“确认”表单3、处理表单表单的最终