1 / 29

第 7 章 网络应用制作技术

第 7 章 网络应用制作技术. HTML 网页的制作 FrontPage 的使用 Dreamweaver 的使用 分布式库系统和客户服务体系 数据库的开发和发布. 7.1 HTML 语言简介. 7.1.1 HTML 简介. HTML （ HyperText Markup Language ，超文本链接标记语言），专门用来编写网页。 HTML 描述文件结构格式的方法是利用一些指令符号，来标记表示出各种文件效果，再由浏览器来解读 HTML 的指令符号，将文件格式效果展现出来， HTML 一种 标记 式的语言。

licia
Download Presentation

第 7 章 网络应用制作技术

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 第7章 网络应用制作技术 HTML 网页的制作 FrontPage的使用 Dreamweaver的使用 分布式库系统和客户服务体系 数据库的开发和发布

  2. 7.1 HTML语言简介 7.1.1 HTML 简介 • HTML（HyperText Markup Language，超文本链接标记语言），专门用来编写网页。 • HTML描述文件结构格式的方法是利用一些指令符号，来标记表示出各种文件效果，再由浏览器来解读HTML的指令符号，将文件格式效果展现出来，HTML一种标记式的语言。 • 在HTML里，图形、声音必须用其它软件制作，再用HTML的标记编排在网页的原始文件里，然后浏览器才能编译解读这些原始文件，并在屏幕上展示其效果。

  3. 7.1.2 HTML语言 • 标记的一般格式为： <ELEMENT>对象</ELEMENT> <ELEMENT 属性=参数>对象</ELEMENT>, <ELEMENT>

  4. 1.HTML基本结构 • HTML文件是层次结构文件，它分为文件头和文件体两部分。文件头包含与文件有关的信息，文件体包含全部正文信息。

  5. <html><head> <title> HTML 入门</title> </head><body> <h1>HTML 入门 </h1> <h2>第一章 HTML简介</h2> <h3>1.1 HTML简介</h3> <pre> HTML是英文HyperText Markup Language的缩写，中文译为“超文本链接标记语言”，它是一种计算机程序语言，用来编写Web网页。</pre> <p>在HTML里，图形、声音必须用其它软件制作，<p>再用HTML的标记编排在网页的原始文件里，然后浏览器才能编译解读<br>这些原始文件，并在屏幕上展示其效果。<br></body></html>

  6. 2.基本标记 • 一个HTML文件由<HTML>标记开始，由</HTML>结束。文件中所有文本和HTML标记都包含在HTML的起始和结束标记中。 ⑴ 头部标记 在<HEAD>和</HEAD>中间的内容，是网页头部的标识。 ⑵ 文件标题<TITLE>和</TITLE>

  7. ⑶ 主体标记<BODY>和</BODY>是标记文件实际内容的开始和结束，称为主体部分。在<BODY>元素中可以设置文件的背景色、背景图形等基本属性。 ⑷ 标题HTML中通过<Hn>…</Hn>标记设定标题。它允许有六个层次的标题：<H1>、<H2>、……。 ⑸ 段落<P>是HTML格式中特有的段落元素 ⑹ 预格式化文本标记<PRE>…</PRE>作用是按照文本的原样显示文本，不作改变。 ⑺ 行中断标记 要想中断文本中的某一行，就可以使用<Br>标记。

  8. 3.超文本链接 • 设置超级链接的标记为<A>和</A>，属性HREF是必需的，HREF的值给出所链接的URL。如：⑴ 跳转至另一文件<A HREF=“first.html” >第一个文件</A>。⑵ 跳转至另一网址<A HREF=“http://www.edu.cn”>CERNET主页</A>⑶ 跳转至另一段落（预先给要跳转到的目标位置命名 如<A NAME= "clients"> Clinets </A>）<A HREF="#clients">目标文字</A>

  9. 4.多媒体信息编制 • ⑴ 显示图形 浏览器可以直接在文件上显示GIF、TIEF、JPG、RGB 或HDF等格式的图形。方法为：<IMG SRC="filename"> • ⑵ 音频和视频 在网页中允许加入音频文件, 常见的音频文件的格式有AU、WAV、AIFF和SND。如：<A HREF=“olivier_h.au”>声音</A> <A HREF=“test.mpeg”>影象</A>

  10. 5.表格制作 • 表格由<TABLE>标记定义，每个表格开始是一个可选的标题（由CAPTION标记定义）。定义表格行用<TR>... </TR>标记，定义数据项用<TH>...</TH>标记，定义数据内容用<TD>... </TD标记>。这些标记可以具有一些属性。

  11. <table border=2> <tr> <th>课程名称</th> <td>语文</td> <td>数学</td> <td>物理</td> <td>化学</td> </tr> <tr> <th>考试成绩</th> <td>80</td> <td>95</td> <td>90</td> <td>85</td> </tr> </table>

  12. 7.2 Web页面设计 7.2.1 网页设计的原则 • ⑴ 符合用户的需求，满足用户的需求是最优先的考虑；⑵ 有效地使用资源，网页功能的目标是高效地操作，方便的使用，轻松的维护；⑶ 生成一个一致的、令人愉快的、有效的网页外观和感观；⑷ 在制作网页之前，应该明确制作的目的、需完成的任务，以及要达到的要求。应尽可能地收集素材，并将这些内容做成书面材料，以免制作时遗漏某些材料；⑸ 网页设计要有自己的风格，通常应伴有一定的标志；⑹ 网页的页面不必太花俏；⑺ 网页的制作要考虑浏览时的不同情况。尽量地使其通用，或者最好有一些提示信息，以免影响浏览效果。

  13. 7.2.2 网页设计的方法 • 直接利用HTML语言所定义的标记及其属性来编写网页。用.htm或.html作为保存文件的扩展名。 • 网页制作工具软件制作网页 • 制作网页的工具非常多，有专门制作网页的软件，如DreamWeaver、FrontPage等；

  14. 7.2.3 Microsoft FrontPage的使用 • 使用FrontPage 98前先要进行安装，安装方法同Windows 98下其他软件一样。运行FrontPage 98后，出现一个“Getting Started”对话框，如果要进入编辑环境单击“Cancel”按钮，然后单击工具栏中“”按钮，与Word界面十分相似。 • 在窗口底部左侧有三个视图按钮， “Normal”视图就是正常的编辑环境； “HTML”按钮，可以看到自动生成的HTML语句，可以修改HTML源文件； “Preview”按钮可预览网页效果。

  15. FrontPage 2000界面

  16. 1.文本编写 2.添加多媒体信息 ⑴设置背景及字体颜色 ⑵背景声音 ⑶图象

  17. 3.置超级链接 • ⑴ 链接一个HTML文件 • ⑵ 链接URL • ⑶ 链接书签

  18. 7.2.4Dreamweaver的使用 • 有很多站点为个人提供免费空间的服务， • 如：中网（http://www.netchina.com.cn/）、东方网景（http://www3.east.cn.net）、网易（http://www.nease.net）

  19. 7.2.5 网页的浏览 • 有很多站点为个人提供免费空间的服务， • 如：中网（http://www.netchina.com.cn/）、东方网景（http://www3.east.cn.net）、网易（http://www.nease.net）

  20. 7.5 分布式数据库系统和客户服务体系 • 7.5.1 分布式数据库的定义7.5.2 客户服务系统7.5.3 WEB数据库的开发和发布7.5.4 通过ODBC联接数据库 • ODBC（Open Database Connectivity）是由微软公司提出的一个用于访问数据库的统一界面标准， • 在使用ODBC访问数据库之前，必须建立ODBC数据源。可使用ODBC数据源管理器建立数据源，在控制面板中的ODBC图标表示ODBC数据源管理器.

  21. 1.初始化ODBC • Dim rc As Integer ‘ODBC函数的返回码Dim henv As Long ’ODBC环境句柄rc = SQLAllocEnv（henv） ‘获取ODBC环境句柄 2.与ODBC数据源建立连接Dim hdbc As Long ‘连接句柄rc = SQLAllocConnect（henv, hdbc） ‘获取连接句柄 Dim DSN As String, UID As String, PWD As String DSN = “DataSourceName” ’ODBC数据源名称UID = “UserID” ‘用户帐号PWD = “Password” ’用户口令rc = SQLConnect（hdbc, DSN, Len（DSN）, UID, Len（UID）, PWD, Len（PWD）） ‘建立连接

  22. 3.存取数据 • ⑴ 调用SQLAllocStmt函数获取语句句柄。例如：Dim hstmt As Long rc = SQLAllocStmt（hdbc， hstmt） • ⑵ 执行SQL语句。执行SQL语句的方法比较多，最简单明了的方法是调用SQLAllocStmt函数，例如：Dim SQLstmt As String SQLstmt = "SELECT * FROM authors" rc = SQLExecDirect（hstmt, SQLstmt, Len（SQLstmt））

  23. 4.检索结果集 • Dim ColVal As String * 225 ColVal = String（255, 0）Do Until SQLFetch（hstmt） = SQL_NO_DATA_FOUND rc = SQLGetData（hstmt, i, SQL_C_CHAR, ColVal, Len（ColVal）, SQL_NULL_DATA）Loop

  24. 5.结束应用程序 • ⑴ 调用SQLFreeStmt 函数释放语句句柄及其相关的系统资源。rc = SQLFreeStmt（hstmt, SQL_DROP） • ⑵ 调用SQLDisconnect 函数关闭连接。rc = SQLDisconnect（hdbc） • ⑶ 调用SQLFreeConnect 函数释放连接句柄及其相关的系统资源。rc = SQLFreeConnect（hdbc） • ⑷ 调用SQLFreeEnv 函数释放环境句柄及其相关的系统资源，停止ODBC操作。rc = SQLFreeEnv（henv）

  25. 习题六 • 一、名词解释 1. HTML。2. VRML。3. 分布式数据库。

  26. 二、填空题 1. HTML文件包括＿＿＿＿＿和＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿。2. 网页中的表格由＿＿、＿＿、＿＿和＿＿组成。3. 链接文件包括＿＿＿＿＿＿＿＿＿＿＿＿和＿＿＿＿＿＿＿＿＿＿＿＿＿＿。4. JAVA语言的特点是：_______、______、______、_______。 • 5. JAVA 使用四种基本数据类型是：_______、______、______、_______。6. Web服务器端提供的用来连接Web服务器和数据库服务器的中间件主要有______、_______。

  27. 三、问答题 1. HTML与DHTML关系及区别？2. 简述VRML的工作方式及功能。3. 链接文件包括什么？4. HTML文件的组成包括哪些部分？5. 网页中的表格由哪几部分组成。6. 在HTML中，<META>标记起什么作用？7. 制作网页都有哪些方法可用？8. HTML的书写格式是什么？举例说明。9. 网页设计的原则是什么？10. 如何建立ODBC的数据源？

More Related