文档介绍：西南石油大学计算机科学学院
伍敏 misszi@
电子政务 技术与实践
1
回顾:如何在网页上显示数据库中的数据?
2
第四章电子政务的系统开发
数据库设计
界面设计
Web技术基础知识
3
电子政务系统分析设计
1
2
4
3
首先要明确系统界面的风格,如明确色调、文字的字体、字号等,
以及需要那些窗体,及各个窗体的风格等。界面设计通常遵循以下
原则:
用户导向(User oriented)原则
简洁和易于操作
布局控制
视觉平衡
色彩的搭配和文字的可阅读性
和谐与一致性
个性化
界面设计方法
4
浏览器
如果要上网浏览,就应使用浏览器作为客户端(Client)程序,浏览器是
获取能就是对网页进行显示。目前流行的浏览器
有微软公司的IE( Explorer )浏览器,火狐浏览器Firefox等等。
传输速度
在进行网页界面设计时,最好不要置入过于庞大的文件,也不要加入过多
的多媒体文件,因为传输速度有限。
屏幕分辨率、颜色显示
网页相关技术
5
HTML
全称Hyper Text Markup Language,正式名称为超文本标记语言,利用
标记(tag)来描述网页的字体、大小、颜色及页面布局的语言,使用任何的
文本编辑器都可以对它进行编辑。
ASP
全称Active Sever Pages(动态服务器主页),ASP是微软公司实现动态网
页的一种技术。主要用于网络数据库的查询与管理。
PHP
JSP
VRML
XML
网页的类型
6
Hyper Text Markup Language(HTML,超文本标记语言),是
一种布局语言,标识网页的布局和显示内容。HTML可以通过浏览器
解释执行并显示出结果,全球几乎所有的浏览器都支持HTML,它包
含两种信息——标记和内容,标记是 “<>”之间的文本,“<>”以外的文
本就是内容。标记不被浏览器显示,而是告诉浏览器如何显示内容,
例如:
<html>
<head></head>
<body>This is content in the page!</body>
</html>
HTML
7
浏览器的显示结果是:This is content in the page!
“<>”内的内容将不会被显示出来。
大多数的标记都是成对出现的,由开始标记和结束标记组成,结束
标记在“<”后以一个斜杠开始,如<html></html>是成对出现的一对标
记。
也有的标记不是成对出现的,如换行符:<br>。
HTML提供格式化和显示文本,显示图形,接收用户输入的信息,将
信息发往服务器进行后端处理。还可以在文字和图形上创建超级链接另
一个HTML文件或其他格式的文件。
HTML可以用任何文本编辑器编写,其运行环境就是浏览器。
运行结果
HTML
8
HTML标记可以称为命令,有很多标记包含一
个主命令,还包含一些相关的值,称为属性。
如:下例定义了内容的字体颜色和大小
<font color=”#ffff00” size=”2”> This is content in the page!</font>
color和size为<font>标记的属性,</font>为结束标记。
1、标记和属性
HTML
9
通常来讲,属性值可以放在双引号或单引号之间,也有的浏览器允许
属性值外不加引号
例如:<font color=#ffff00 size=2> This is content in the page!</font>,
但建议不要这样书写。
RGB(Red,Green,Blue)色光混合,减法混合。
用6位16进制数表示。前两位表示红色,中间两位表示绿色,后面两位
表示蓝色。
每个颜色分量有0~255(00~FF)的256种不同的明暗。
在颜色代码表示的时候,通常在6位16进制数加上一个#,例如:#FF0000
颜色属性值可使用命名颜色(如:red,blue,black,gray,purple,pink…)和RGB
颜色。
1、标记和属性
HTML
10