计算机与信息技术基础

《计算机与信息技术基础》由会员分享，可在线阅读，更多相关《计算机与信息技术基础（45页珍藏版）》请在金锄头文库上搜索。

1、 第九章 网页制作初步 第九章第九章 网网页页页页制作初步制作初步 9.19.1 HTMLHTML语言语言 9.3 9.3 WebWeb技术技术 9.2 9.2 FrontPage 2000 FrontPage 2000 第九章 网页制作初步 WebWeb网页是一个文本文件，其中包含文本、图网页是一个文本文件，其中包含文本、图 形和超链接等元素。制作网页的基本技术标准是形和超链接等元素。制作网页的基本技术标准是 超文本标记语言（超文本标记语言（HTMLHTML，HyperText HyperText Markup Markup LanguageLanguage）。）。HTMLHTML是根据国际

2、标准化组织（是根据国际标准化组织（ISOISO）的广义置的广义置 标语言标语言SGMLSGML（Standard Standard Generalized Generalized Markup Markup LanguageLanguage）标准定义的，它规定了文档的逻辑组标准定义的，它规定了文档的逻辑组 织格式，包含了文本、图像、动画、表单和链接织格式，包含了文本、图像、动画、表单和链接 等多种形式。等多种形式。 第九章 网页制作初步 9.19.1 HTMLHTML语语语语言言HTML HTML （HyperText Markup LanguageHyperText Markup Langu

3、age超超 文本标记语言）是标准文档格式化系统，文本标记语言）是标准文档格式化系统， 使用使用HTMLHTML控制信息的文本文件被称为控制信息的文本文件被称为HTMLHTML 文件，也称文件，也称WebWeb文件。文件。 第九章 网页制作初步 使用普通的文本编辑器就可以创建使用普通的文本编辑器就可以创建 WebWeb文件。方法是：在文本编辑器中，文件。方法是：在文本编辑器中， 输入一段文本，再给文本加上输入一段文本，再给文本加上HTMLHTML标记标记 ，然后以扩展名，然后以扩展名htmhtm或或htmlhtml存盘。存盘。 创建简单创建简单WebWeb页页HTMLHTML文件由控制部分和正文

4、部分组成。文件由控制部分和正文部分组成。HTMLHTML的控的控 制标记对大小写不敏感，同时控制标记用制标记对大小写不敏感，同时控制标记用“” 进行区分。进行区分。 第九章 网页制作初步 HTML和和HTML标记，把全部源代码标记，把全部源代码“括括 起来起来”，就像括号一样。，就像括号一样。 HEAD和和HEAD标记，把全部控制部分括标记，把全部控制部分括 起来。起来。 TITLE和和TITLE标记，把页面标题括起标记，把页面标题括起 来。来。 BODY和和BODY标记，把全部正文部分括标记，把全部正文部分括 起来。起来。 第九章 网页制作初步 HTMLHTML标记一般配对使用，只有少数标记

5、单独使用。标记一般配对使用，只有少数标记单独使用。例如：例如： P表示一个自然段落的结束，一般加在两个表示一个自然段落的结束，一般加在两个 自然段落之间，此时自然段落之间，此时P被省略。被省略。 BR表示转行（断行），不表示自然段落的表示转行（断行），不表示自然段落的 结束。与结束。与P标记相比，标记相比，BR标记因为产生的行间标记因为产生的行间 距较小，被广泛使用。距较小，被广泛使用。 HR表示画水平线。表示画水平线。 演示例演示例9.19.1第九章 网页制作初步 超级链接是指多个超级链接是指多个WebWeb页面通过关键字或页面通过关键字或 图像连结起来，通过关键字或图的单击操作图像连结起来

6、，通过关键字或图的单击操作 ，可以自动切换内容的技术。带有，可以自动切换内容的技术。带有“链接链接” 的文本文件叫做超文本。链接所使用的关键的文本文件叫做超文本。链接所使用的关键 字一般为蓝色下划线的文字标志，通过字一般为蓝色下划线的文字标志，通过HREF=.和和A标记实现。标记实现。 超级链接超级链接第九章 网页制作初步 本地链接。本地链接与网络无关，通过链接本地链接。本地链接与网络无关，通过链接 把本地的把本地的HTMLHTML文件链接起来构成信息整体。文件链接起来构成信息整体。 例如：包含例如：包含 =“h1.htm“ 单击此处单击此处 A 异地链接。通过异地链接。通过InternetI

7、nternet的统一资源定位器的统一资源定位器 （URLURL），），链接远程其它计算机上的链接远程其它计算机上的HTMLHTML文件。文件。 例如：例如：“ 新疆大学主页新疆大学主页 A。 演示例演示例9.29.2第九章 网页制作初步 9.1.1 9.1.1 文字控制文字控制 有关控制文字的有关控制文字的HTMLHTML标记是：标记是： FONT常见的属性参数如下：常见的属性参数如下：SIZE=“.” SIZE=“.” 规定字体的大小尺寸。规定字体的大小尺寸。COLOR=“.” COLOR=“.” 规定文字的颜色。规定文字的颜色。 FACE=“.“ FACE=“.“ 规定字体规定字体演示例演

8、示例9.39.3第九章 网页制作初步 在在HTMLHTML标记中，下列标记也能进行字体显示效果标记中，下列标记也能进行字体显示效果 的控制：的控制： SMALL 规定小字体显示规定小字体显示 BIG 规定大字体显示规定大字体显示 B 规定黑体字显示规定黑体字显示. Center . 规定文字居中规定文字居中 对齐显示对齐显示 第九章 网页制作初步 9.1.2 9.1.2 图像和动画图像和动画 插入图形或动画的标记是：插入图形或动画的标记是：“有以下属性：有以下属性：SRC=“.“SRC=“.“图象（动画）文件的图象（动画）文件的URLURL地址文件名。地址文件名。ALT=“.“ALT=“.“在

9、图像未完全收到时，图像位置显示的在图像未完全收到时，图像位置显示的 文字信息。文字信息。ALIGN=“.” ALIGN=“.” 确定图像的对齐方式。确定图像的对齐方式。演示例演示例9.49.4第九章 网页制作初步 9.1.39.1.3整体控制整体控制 页面的整体控制属性在页面的整体控制属性在BODY标记中，常用的以下标记中，常用的以下 属性：属性：BACKGROUND=“.”BACKGROUND=“.”构成背景的图片文件名。构成背景的图片文件名。 BGCOLOR=“.”BGCOLOR=“.”背景颜色。背景颜色。TEXT=“.“TEXT=“.“默认文本颜色默认文本颜色 。LINK=“.“LINK

10、=“.“未被访问的文字链接源的颜色。未被访问的文字链接源的颜色。 ALINK=“.“ ALINK=“.“ 被激活的文字链接源的颜色。被激活的文字链接源的颜色。 VLINK=“.“VLINK=“.“访问过的文字链接源的颜色。访问过的文字链接源的颜色。 BORDER=”BORDER=”图像边界的宽度，单位是像素点。图像边界的宽度，单位是像素点。演示例演示例9.59.5第九章 网页制作初步 9.1.49.1.4表格标记表格标记 表格的标记是表格的标记是. TABLE. 属性语法如下：属性语法如下： 边线控制：边线控制： BORDER=“.”BORDER=“.” 宽度控制：宽度控制： WIDTH=“.

11、“WIDTH=“.“第九章 网页制作初步 表格的行标记是表格的行标记是. TR. 属性语法如下：属性语法如下：ALIGH=“.” ALIGH=“.” 行中单元水平对齐方行中单元水平对齐方 式式VALIGN=“.“ VALIGN=“.“ 表行中垂直对齐方式表行中垂直对齐方式第九章 网页制作初步 表格的列标记是表格的列标记是. TD. 属性语法如下：属性语法如下：ALIGN=“.“ ALIGN=“.“ 单元内容水平对齐方式单元内容水平对齐方式VALIGN=“.“ VALIGN=“.“ 单元内容垂直对齐方式单元内容垂直对齐方式ROWSPAN=“.“ ROWSPAN=“.“ 该单元跨过的行数；该单元跨

12、过的行数；COLSPAN=“.“ COLSPAN=“.“ 该单元跨过的列数。该单元跨过的列数。 演示例演示例9.69.6第九章 网页制作初步 9.1.59.1.5其它控制标记其它控制标记 HTMLHTML标记非常多，而且数量和规则一直还处于不标记非常多，而且数量和规则一直还处于不 断发展变化的过程中，随着可视化网页自动制作断发展变化的过程中，随着可视化网页自动制作 工具的迅速普及，不常用的标记已经没有必须记工具的迅速普及，不常用的标记已经没有必须记 忆的必要。用户只要知道最常用的一些标记，就忆的必要。用户只要知道最常用的一些标记，就 可以学习可以学习XMLXML、ASPASP和和JavaScr

13、iptJavaScript等更强劲的信息等更强劲的信息 控制技术。控制技术。第九章 网页制作初步 表单包含的控制标记是：表单包含的控制标记是：INPUT。标记具有丰富的属性参数，语法如下：标记具有丰富的属性参数，语法如下：TYPE=” ” TYPE=” ” 表示控制部件的类型，表示控制部件的类型，NAME=” ” NAME=” ” 表示该控制部件的名称。表示该控制部件的名称。SIZE=” SIZE=” 表示该控制部件的大小。表示该控制部件的大小。Value=” Value=” 表示该控制部件所具有的值。表示该控制部件所具有的值。 帧标记帧标记 FRAMESET 表单标记表单标记 FORM 第九

14、章 网页制作初步 小小结结结结： HTMLHTML概念概念 认识认识WEBWEB页页 HTMLHTML标记简介标记简介第九章 网页制作初步 9.2 FrontPage 20009.2 FrontPage 2000 FrontPage 2000FrontPage 2000是是MicrosoftMicrosoft公司推出的公司推出的 Office 2000Office 2000系列办公套装软件之一，使用方系列办公套装软件之一，使用方 便，充分体现了便，充分体现了“所见即所得所见即所得”制作效果，操制作效果，操 作简单和交互能力强的特点吸引了广大的计算作简单和交互能力强的特点吸引了广大的计算 机爱好者。机爱好者。第九章 网页制作初步 用户界面用户界面 菜单栏菜单栏视图视图 栏栏状态状态 栏栏标题栏标题栏工具栏工具栏工作工作 区区第九章 网页制作初步 FrontPage 2000FrontPage 2000提供了提供了6 6种视图方式种视图方式1.1.网页视图网页视图4.4.导航视图导航视图 2.2.文件夹视图文件夹视图5.5.超链接视图超链接视图 3.3.报表视图报表视图 6.6.任务视图任务视图网页视图上，有网页视图上，有3 3种页面模式种页面模式 普通标签普通标签 HTMLHTML标签标签 预览标签预览标签第九章 网页制作初步 文字符号处理文字符号处