第6章网页制作基础.pptVIP

大学计算机基础 第六章 网页制作基础 网络的应用，不仅使计算机世界发生了日新月异的变化，而且改变了人们工作、学习和生活的方式。说起上网，最熟悉的操作就是打开浏览器，在地址栏中输入地址，然后就能看到要访问信息，这些信息通常是图片、文字、声音、动画、视频或者超链接等多媒体信息，包含这些信息的页面文件就叫做网页。网页的制作在过去可能是一件非常复杂的事情，但是现在利用网页工具来制作，就能事半功倍。 本章主要网页制作的基本概念、基本工具，并以FrontPage 2003为例来介绍设计和制作网页的基本方法。 本章主要内容 6.1基本概念介绍 6.2网页制作工具介绍 6.3 FrontPage 2003的使用 6.1基本概念介绍 6.1.1网页 6.1.2网站 6.1.1网页 网页包含文字、图片、声音、动画、视频以及超级链接等元素，通过对这些元素的有机组合，就构成了包含各种信息的网页。 一般说来，网页可以分为静态网页和动态网页。 静态网页是指不使用数据库而直接或间接制作成Html的网页，这种网页的内容是固定的，修改和更新都必须要通过专用的网页制作工具。 动态网页是指采用动态网页技术，将网站内容存储到数据库，通过读取数据库来动态生成网页。 6.1.2网站 网站是众多网页的集合，如果把网页看成一页纸，那么网站就是一本书。当然也有特殊的情况，有些网站就只有一个页面。通常在浏览器地址栏中输入网址后首先看到的是该网站的首页，通过单击首页上的链接可以访问到其它的网页，这样反映一个中心或一个主题的多张网页有序组合到一起，就称为网站。 6.2网页制作工具介绍 6.2.1超文本语言HTML概述 6.2.2Dreamweaver 6.3.3FrontPage 6.2.1超文本语言HTML概述 Html（Hyper Text Mark-up Language），即超文本标记语言，是用于创建从一个平台移植到另一平台的超文本文档的一种简单标记语言，经常用来创建Web页面。 Html文件的基本格式如下： HTML HEAD Title 标题部分/Title /HEAD BODY 正文部分 /BODY /HTML 6.2.2Dreamweaver Dreamweaver是Macromedia公司的产品的一款“所见即所得”的网页编辑工具，采用了多种先进技术，用户不必编写复杂的HTML源代码。因此，Dreamweaver是一款可以满足多层次需求、功能强大的可视化专业网页制作工具。 目前常用的版本为 Dreamweaver 2004和Dreamweaver 8。 6.2.3FrontPage Microsoft? Office FrontPage 2003是Microsoft Office组件之一，利用它可以直接生成HTML代码而不用手工输入，是最简单、最容易，却又功能强大的网页编辑工具。FrontPage采用典型的 Word 界面设计，制作网页的过程就是加入网页元素，并对它们格式和属性进行定义。只要你懂得使用 Word，就差不多等于已经会使用 FrontPage。FrontPage 2003与早期的版本比较，有许多增强功能和新增的功能。 FrontPage 2003的确是最好的入门级网页编辑工具。 目前常用的版本为 Frontpage2000 和 Frontpage 2003。 6.3 FrontPage 2003的使用 6.3.1视图方式 6.3.2创建站点 6.3.3编辑网页 6.3.4超链接 6.3.5表单制作 6.3.6特殊效果 6.3.7站点发布与维护 6.3.1视图方式 FrontPage 2003有两类视图：网页视图和网站视图。大多数情况下，处理单个页面时，应使用“网页视图”；处理整个网站时，应使用“网站视图”。 1.网页视图 设计视图：这是制作网页的最基本方式，也是一种所见即所得的编辑方式。用户可以像编辑Word一样编辑编辑页面，不需要考虑代码，软件自动将设计转换为Html代码。 拆分视图：把工作区分成两部分，一部分显示代码视图，另一部分显示设计视图。 代码视图：显示Html代码，可以编辑或修改代码。 预览视图：模拟网页在浏览器中的显示，用户可以预览网页的实际效果。 2.网站视图 文件夹视图：在次视图中，站点为一组文件和文件夹，并显示了当前文件夹下保安的子文件夹和网页文件的一些信息，如名称、标题、笑答、类型、修改日期、修改者和注释等。 远程站点视图：当要发布站点时，就