Web布局的UML Profile建模

UML是当前建立面向对象复杂系统比较流行的可视化语言,虽然在Web系统开发时可以使用UML对系统的结构和行为建模,但却不能对界面布局建模,设计者只能用勾绘草图等方法来进行界面布局设计,这给UML设计者带来很大的不便.基于UML2.0的扩展机制并结合UML2.0的图交换规范建立的Web布局元模型,很好地解决了这一问题,使得Web布局建模可以统一在UML语言和UML的建模工具中,并可产生原型化的界面.

基于UML Profile的WEB布局建模

在WEB系统开发时可以使用UML对系统的结构和行为建模,但是却不能对界面布局建模,设计者只能用勾绘草图等方法来进行界面布局设计,这给UML设计者带来很大的不便。文中基于UML2.0的扩展机制并结合UML2.0的图交换规范建立的WEB布局元模型,很好地解决了这一问题,使得Web布局建模可以统一在UML语言和工具中,并为界面的自动化生成提供了基础。

基于图上随机游动的Web页面布局可用性评价

针对Web页面布局可用性设计中缺乏实用的定量评价模型和方法的问题,根据扫描路径理论,使用视线跟踪法将网络用户在Web页面上的浏览行为模型化为注视点在赋权有限图上的随机游动,据此提出新颖实用的基于图上随机游动模型的Web页面布局可用性评价方法(WLUE-RWG),并以淘宝商城和阿里巴巴的商品展示页面为例对其使用过程与效果进行验证,说明模型的可行性与方法的有效性.

基于Web技术的CSS网页布局应用

介绍基于Web标准的网页制作方法，并以一个实例详细讲解了网页的布局规划、HTML的生成、CSS样式表的控制，最为直观的介绍了div＋css的网页布局方式。这种布局方式因实现了网页表现与内容的分离而使网站的维护及更新变得更加方便，从而成为了当今非常流行的网站布局方法。

技工院校CSS+DIV在前端开发教学中的应用探讨

掌握Web的布局技术始终是学习Web前端开发的重点,良好的Web布局会给网站的开发带来很多方便。使用CSS+DIV布局,其在表现与内容上的分离给开发者带来了极大的便利,从而减少了大量使用标签所产生的冗余代码,有效地提高了浏览器的加载速度。本文从技工院校Web前端开发类课程教学的现状与问题等方面对CSS+DIV在前端开发教学中的应用进行探讨。

基于标记树的Web页面区域划分和搜索方法

Web页面的布局可以分为:主要内容、单位标识、导航信息、交互信息和版权申明。我们在处理这些页面时往往只关心主要内容,而且可以从语义上快速定位到主要内容,但是软件系统要做到这一点就非常困难。本文提出一种基于标记树的Web页面区域划分和搜索方法,让软件系统可以忽略别的区域,快速定位到主要内容。对于大量Web页面处理而言,这种方法可以起到减少时间,缩小空间的作用,Web页面越多,效果就越显著。

基于CSS3媒体查询的响应式布局研究

随着现在各种终端设备的快速发展,制作出能够适应不同分辨率、不同平台、不同屏幕大小的网页尤为重要,这不仅使得网站适应不同终端的能力更强,同时也为用户带来良好体验。介绍响应式布局概念,重点阐述CSS3的MediaQuery模块的语法结构和使用方法,并通过实际案例详细说明如何利用媒体查询制作适合多种终端设备的响应式页面。

基于Flexbox布局的校园网前端设计

Flexbox是CSS3升级后的新布局模式,为了现代网络中更为复杂的网页需求而设计。Flexbox布局的目的是允许容器有能力让其子项目改变其宽度、高度、顺序等,以最佳方式填充可用空间。通过校园网前端页面布局的案例,详细介绍了Flexbox在响应式Web布局中的应用。

基于标记树表示方法的页面结构分析

页面内容结构分析在WEB信息检索、分类和抽取等方面有重要作用。文章从页面布局和内容之间关系出发,根据WEB文件中标记之间关系,用标记树表示页面文件,采用自底向上的算法,抽取出具有不同语义的页面内容,提出用树形层次结构表示它们之间关系的方法。在此基础上,通过模仿人们浏览页面的习惯,成功地将其应用于页面的计算机屏读系统,实现自动朗读页面主题的功能。