UI设计毕业论文正文

发布时间 : 2024/5/20 17:28:00 星期一 文章UI设计毕业论文正文更新完毕开始阅读

似的形式显示文档内容。

·超文本。允许文档中的任何文字或词组参照另一文档，这个特性将允许用户在不同计算机中的文档之间及文档内部漫游。

·精确的结构化文档。该特性将允许某些高级应用，如HTML文档和其他格式文档间互相转换以及搜索文本数据库。本尼斯李选择使用标准通用标记语言（SGML，standard generalized markup language）作为HTML的开发模版。作为一种当时正在出现的国际标准，标准通用标记语言具有结构化和独立于平台的优点。SGML的标准化水平也确保了它长久的生命力，这意味着采用SGML格式的文档在相当长的时间里不需要重新构建。SGML是独立于平台的，因为它对文档的语义结构或含义进行编码描述，而不是对文档的实际外观进行编码描述。因此，某书某章节的标题将标为Chater Title，而不是Helvetica 18pt Centered。如果在不具备Helvetica字型或不支持不同大小字母的计算机上显示文档，则后一种风格会失败，而前一种风格可以在任何系统上（智能化地）显示。每个读者都以一种对其计算机有利的方式定义章节标题的外表，相应地，并以这种风格来规范所有的文本。这种结构的另一个特征是：按语义编码的文本可以由计算机更智能地自动处理。例如：如果每个章节标题都用Chapter Title标志，再把章节号码作为一种属性，读者就可以要求只看第18章，SGML软件相应地会查找第18章标题和第19章标题，并抽取它们之间的所有内容。如果不用标准格式的字体和代码来标志文本的话，这个工作对计算机来说是无法完成的。SGML的一大优点是它的灵活性。SGML本身并不是一种格式，而是定义其他格式的一种规范，用户可以创建新格式来编码某类文件（如技术手册、电话号码薄和法律文书）的所有结构，只需先阅读定义，任何能使用SGML的软件都能读懂它。人们已经为普通文档和十分专业化的文档建立了许多的文档类型定义（document type definitions，DTD）。HTML只是一种DTD，或SGML的一种应用。

二. HTML的演变

自1989年以来，HTML及万维网的使用和发展有了巨大的变化。当NCSA（national center for supercomputing applications，国家超级计算机应用中心）在1993年初首次构建Mosaic浏览器时，NCSA的科学家们把自己需要的特性添加到HTML中，包括直接插入图形。当允许人们把位图、照片和图表放入到文档中以后，万维网的规模和使用出现了爆炸性的增长，第二年，HTML的发展很快。HTML的新标记不时地被一个又一个的浏览器引入，有一些新标记流行起来，而有一些又消失了。有些增加部分设计得很糟，很多甚至不遵从SGML规范。到了1994年年中，HTML几乎以失控的状态发展。在IETF（Internet engineering

25

task force）主持下，1995年11月在瑞士日内瓦举行的第一次WWW会议上成立了一个HTML工作小组。它的主要任务是把HTML形式化成为一种SGML DTD，称之为HTML Level 2（HTML 2.0，由本尼斯李最初设计的HTML被定义为Level 1）。标准化之后，HTML就可以被安全地扩展到将来的各个级别的版本，从而利用了SGML的实质性能和它的格式化结构。尽管有关的各方从来没有取得完全一致的共识，但万维网联盟HTML工作组（world wide web consortium's HTML working group）还是集中了1996年的万维网发展的成果，产生了HTML 3.2版本。HTML 4.0及其以后版本继承了以往版本的所有特点，并在以下几个方面有所发展： ·更加明确了文档的结构和表现形式上的区别，以鼓励使用格式表（style sheet）来取代使用元素和属性进行表现的方式 。

·更加优良的表单（form）性能，加入了访问关键词（access key）、构建对称的表单控件能力、构建对称的下拉菜单控件的能力和动态标签（active label）。 ·在文本描述的标记中包含对象。

·一种新客户端的文本包括在图像映射元素（map element），使得网页设计者可以集成文本和图像链接。

·可以将替代图像的文本包括在图像元素（IMG element）中，也可以将图像映射（image map）包含到区域元素中（area element）。

·在所有元素中支持title和language两个属性。

·更多的表格属性，包括Caption、Column groups和方便的非可视信息（non-visual reading）的表现机制。

4.1.3基于Html的UI设计过程

用Dreamweaver CS5创建html界面的方法很简单，首先是在本地新建站点，其次在用一些html标签放所需的控件，如命令按钮、单选钮、文本框、标签、图片框等。然后针对每个控件设定特定的Css样式来美化界面，最后制作好的界面在浏览器中预览，做适当调整即可。一般说来，用Dreamweaver CS5创建html界面时，需要以下五步：

1. 建立网站站点

在正式开始制作网页之前，最好先定义一个新网站，这是为了更好地利用站点窗口对站点文件进行管理，也可以尽可能的减少一些错误的出现，如路径出错，链接出错（特别是新手），当熟练掌握了DREAMWEAVER CS5的使用后，并且只需制作单个网页时候可以省去这一步；还值得说的是，新手做网页，就只知道做网页，条理性、结构性需加强，一个文件放

26

这里，另一个文件放那里，或者所有文件都放在同一文件夹内，这样显得很乱。就需要站点进行网页文件管理。

1) 首先打开Dreamweaver CS5，如图15所示：

（图15）

2) 点击顶部菜单栏【站点】下拉菜单，如图16所示

（图16）

3) 点击新建站点，出现如下对话框，如图17所示

（图17）

4) 按自己习惯填写相关信息，点击【保存】按钮。 2.控件添加

27

1）新建html文档，如图18所示

（图18）

2）在适当的位置添加控件，如标签，