计算机与信息技术基础第9章.pptVIP

网页制作初步 ;第九章 网页制作初步 ; Web网页是一个文本文件，其中包含文本、图形和超链接等元素。制作网页的基本技术标准是超文本标记语言（HTML，HyperText Markup Language）。 HTML是根据国际标准化组织（ISO）的广义置标语言SGML（Standard Generalized Markup Language）标准定义的，它规定了文档的逻辑组织格式，包含了文本、图像、动画、表单和链接等多种形式。 ;9.1 HTML语言;使用普通的文本编辑器就可以创建Web文件。方法是：在文本编辑器中，输入一段文本，再给文本加上HTML标记，然后以扩展名htm或html存盘。;⑴ HTML和/HTML标记，把全部源代码“括起来”，就像括号一样。 ⑵ HEAD和/HEAD标记，把全部控制部分括起来。 ⑶ TITLE和/TITLE标记，把页面标题括起来。 ⑷ BODY和/BODY标记，把全部正文部分括起来。 ;HTML标记一般配对使用，只有少数标记单独使用。; 超级链接是指多个Web页面通过关键字或图像连结起来，通过关键字或图的单击操作，可以自动切换内容的技术。带有“链接”的文本文件叫做超文本。链接所使用的关键字一般为蓝色下划线的文字标志，通过A HREF=….和/A标记实现。 ;⑴ 本地链接。本地链接与网络无关，通过链接把本地的HTML文件链接起来构成信息整体。 例如：包含a href =h1.htm 单击此处 /A ;9.1.1 文字控制 ;在HTML标记中，下列标记也能进行字体显示效果的控制： SMALL …… /SMALL 规定小字体显示 BIG …… /BIG 规定大字体显示 B …… /B 规定黑体字显示 Center ……. /Center 规定文字居中对齐显示 ;9.1.2 图像和动画 ;9.1.3整体控制 ;9.1.4表格标记 ;表格的行标记是TR.../TR 属性语法如下： ALIGH=“...” 行中单元水平对齐方式 VALIGN=... 表行中垂直对齐方式; 表格的列标记是TD.../TD 属性语法如下： ALIGN=... 单元内容水平对齐方式 VALIGN=... 单元内容垂直对齐方式 ROWSPAN=... 该单元跨过的行数； COLSPAN=... 该单元跨过的列数。 ;9.1.5其它控制标记 ;表单包含的控制标记是：INPUT。 INPUT标记具有丰富的属性参数，语法如下： TYPE=” …” 表示控制部件的类型， NAME=” …” 表示该控制部件的名称。 SIZE=”…” 表示该控制部件的大小。 Value=”…” 表示该控制部件所具有的值。;小结：;9.2 FrontPage 2000 ;⒈ 用户界面 ;FrontPage 2000提供了6种视图方式 1.网页视图 4.导航视图 2.文件夹视图 5.超链接视图 3.报表视图 　 6.任务视图;⒉ 文字符号处理 ;9.2.1 超链接 ;书签用来标记网页中的信息位置，因而建立页内超链接。当一个页面文件很大或者要定位光标位置时，书签超链发挥积极的作用。创建书签超链接时，首先必须定义书签，然后再把超链接指向书签。 ;9.2.2 图像控制 ;9.2.3表格处理 ;9.2.4 动态元素 ;⒈ 横幅广告 ;⒉ 悬停按钮 ;⒊ 字幕;⒋ 站点计数器 ;⒌ DHTML ;⒍ 过渡效果 ;9.2.5 框架技术 ;小结：;9.3 Web技术 ;在客户端扩展的技术主要是JavaScript、VBScript、Perl、Applets、ActiveX、XML、CSS和Flash等。;客户端扩展技术是指浏览器中集成或增加的支持数据变动的新技术，提高了Web页面的实用化程度。客户端扩展技术可以验证交互数据的合法性，进行数据计算、分类和统计等功能，甚至可以在Web页面内制作游戏程序。 ;为了让Web“动”起来，HTML本身的标记规则也在进一步扩展和改进，CSS（叠层式表单语言）以精良的界面装饰技术占据了不可替代的技术角色，它支持三维立体的超文本组织方式，允许设计者自己定义Web页面的样式，具有更好的易用性和扩展性。XML（扩展式标记语言）是HTML语言的改良版，支持用户自定义的控制标记，可以有效地降低阅读的复杂性。 ;⒊ 服务器端扩展技术;⒋ ASP（ActiveX Server Pages） ;⒌ PHP（Hypertext Preprocessor）;通过学习HTML语言，了解Internet信息发布和组织。应当学会制作简单的Web页面，构造出“超文本”信息构架，进一步理解Int