第7篇 网络应用制作技术.ppt

第7章 网络应用制作技术 HTML 网页的制作 FrontPage的使用 Dreamweaver的使用 分布式库系统和客户服务体系 数据库的开发和发布 7.1.1 HTML 简介 HTML（HyperText Markup Language，超文本链接标记语言），专门用来编写网页。 HTML描述文件结构格式的方法是利用一些指令符号，来标记表示出各种文件效果，再由浏览器来解读HTML的指令符号，将文件格式效果展现出来，HTML一种标记式的语言。 在HTML里，图形、声音必须用其它软件制作，再用HTML的标记编排在网页的原始文件里，然后浏览器才能编译解读这些原始文件，并在屏幕上展示其效果。 7.1.2 HTML语言 标记的一般格式为：  ELEMENT对象/ELEMENT ELEMENT 属性=参数对象/ELEMENT,  ELEMENT 1.HTML基本结构 HTML文件是层次结构文件，它分为文件头和文件体两部分。文件头包含与文件有关的信息，文件体包含全部正文信息。 html head title HTML 入门/title /head body h1HTML 入门 /h1 h2第一章 HTML简介/h2 h31.1 HTML简介/h3 pre HTML是英文HyperText Markup Language的缩写，中文译为“超文本链接标记语言”，它是一种计算机程序语言，用来编写Web网页。 /pre p在HTML里，图形、声音必须用其它软件制作，p 再用HTML的标记编排在网页的原始文件里，然后浏览器才能编译解读br这些原始文件，并在屏幕上展示其效果。br /body /html 2.基本标记 一个HTML文件由HTML标记开始，由/HTML结束。文件中所有文本和HTML标记都包含在HTML的起始和结束标记中。 ⑴ 头部标记 在HEAD和/HEAD中间的内容，是网页头部的标识。 ⑵ 文件标题 TITLE和/TITLE ⑶ 主体标记 BODY和/BODY是标记文件实际内容的开始和结束，称为主体部分。在BODY元素中可以设置文件的背景色、背景图形等基本属性。 ⑷ 标题 HTML中通过Hn…/Hn标记设定标题。它允许有六个层次的标题：H1、H2、……。 ⑸ 段落 P是HTML格式中特有的段落元素 ⑹ 预格式化文本标记 PRE…/PRE作用是按照文本的原样显示文本，不作改变。 ⑺ 行中断标记 要想中断文本中的某一行，就可以使用Br标记。 3.超文本链接 设置超级链接的标记为A和/A，属性HREF是必需的，HREF的值给出所链接的URL。如： ⑴ 跳转至另一文件 A HREF=“first.html” 第一个文件/A。 ⑵ 跳转至另一网址 A HREF=“”CERNET主页/A ⑶ 跳转至另一段落（预先给要跳转到的目标位置命名 如A NAME= clients Clinets /A） A HREF=#clients目标文字/A 4.多媒体信息编制 ⑴ 显示图形 浏览器可以直接在文件上显示GIF、TIEF、JPG、RGB 或HDF等格式的图形。方法为： IMG SRC=filename ⑵ 音频和视频 在网页中允许加入音频文件, 常见的音频文件的格式有AU、WAV、AIFF和SND。如： A HREF=“olivier_h.au”声音/A A HREF=“test.mpeg”影象/A 5.表格制作 表格由TABLE标记定义，每个表格开始是一个可选的标题（由CAPTION标记定义）。定义表格行用TR... /TR标记，定义数据项用TH.../TH标记，定义数据内容用TD... /TD标记。这些标记可以具有一些属性。 table border=2 tr th课程名称/th td语文/td td数学/td td物理/td td化学/td /tr tr th考试成绩/th td80/td td95/td td90/td