大学计算机应用基础电子教案.ppt

《大学计算机应用基础电子教案.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第8章网页设计与制作FrontPage20038.1HTML简介8.2使用FrontPage2003制作网页8.3网页布局8.4创建表单网页8.5网站的发布8.1HTML简介HTML（HyperTextMarkupLanguage）的中文名称为“超文本标记语言”，是一种专门用来设计网页的标记语言。8.1.1HTML的基本语法1.标记符标记符是HTML的基本元素，一个HTML文件大部分是由字符信息加上一些标记符呈现出来的。关于标记符有以下语法规则：（1）HTML中所有的标记符都用尖括号“<”和“>”括起来。例如：
表示换行标记符。（2）绝大部分标记符都是成对出现的，包括开始标记符和和结束标

2、记符。二者的区别是结束标记符比开始标记符多一个“/”，例如：…、…等。开始标记符和和结束标记符定义了标记符所影响的范围。（3）少部分标记符不是成对出现的，只有开始标记符。例如：
。（4）标记符不区分大小写，但为了提高HTML文档的可读性，一般约定标记符用大写。2.标记符的属性为了对标记符作用的内容进行更详细的控制，大多数标记符都包含一些属性。关于标记符的属性有以下语法规则：（1）所有的属性都必须放在相应开始标记符的尖括号里，属性与标记符用空格分隔。（2）一个标记符可以有多个属性，不同的属性之间用空格分隔。属性在HTML标识符中出现的顺序

3、是不分先后。（3）属性值放在相应的属性之后，用等号分隔。通常属性值要加双引号或单引号，但如果属性值由字母、数字组成，双引号或单引号可以省略。（4）属性名不区分大小写，但为了提高HTML文档的可读性，一般约定属性名用小写。8.1.2HTML文件的基本结构一个典型的HTML文件的基本结构形式如下所示：正文内容对上述基本结构形式说明如下：（1）…标记符。处于HTML文档的最前端，浏览器从开始解释。而位于文档的最后一行，表示

4、HTML文档的结束。（2）…标记符。…标记符是HTML文档头部的容器标记符，用于页面的基本信息描述、定义和如Jscript、CSS文件的调用等控制整个页面的一些设置。所有头部信息不会在浏览器的窗体中显示出来。（3）标记符。标记符必须出现在…标记符之间，用于指定显示在浏览器标题栏中网页的标题。（4）…标记符。…标记符表明HTML文档的主体部分，所有需要在浏览器窗体中显示的文本及标识符都必须包含在此标志对内

5、。8.1.3HTML文件的编辑环境1.使用文本编辑器编辑HTML文档HTML是纯文本类型的语言，因此使用HTML编写的网页也是纯文本文件，所以可以使用任何的文本编辑器（如Windows中的记事本）新建或编辑HTML文档，但是必须以htm或html作为扩展名保存。2.使用网页编辑软件编辑HTML文档目前常用的各种网页编辑软件，如：FrontPage、Dreamweaver等，都能在后台自动生成HTML代码，用户只要在此基础上做一些修改即可，这样能够节省大量时间。8.2使用FrontPage2003制作网页8.2.1FrontPage2003简介1.FrontPage2003概述2.FrontPa

6、ge2003的工作界面3.FrontPage2003的视图模式当打开一个网站时，FrontPage2003显示文件夹、报表、远程网站等视图模式；当打开一个网页时，则显示设计、代码、预览等视图模式。1）网站视图模式FrontPage2003有6种网站视图模式可供选择，分别为：（1）文件夹视图。可以使用文件夹视图来直接处理文件和文件夹，并组织网站内容。在此视图中可以打开、创建、复制、移动、删除文件和文件夹。（2）远程网站视图。可以使用远程网站视图发布整个网站，或有选择地发布个别文件，还可以在两个或多个位置之间同步文件。（3）报表视图。通过报表视图，可以分析网站内容、计算文件的总大小、指出哪些文件没

7、有和其他文件链接等。（4）导航视图。导航视图提供了网页的分层视图，通过此视图可以添加新的导航网页，或者修改导航网页之间的相互关系。（5）超链接视图。超链接视图将网站中超链接的状态显示在一个列表中，并用图标指示该超链接已通过验证或已中断。（6）任务视图。在制作一个网站时由于工作量大，往往需要预先制作一个计划，这样就可以有条不紊地进行网站设计。在任务视图中可以方便地建立任务或查看任务完成情况。2）网页