公用样式模板的设计制作（2）
作者：rukey67 来源：UED163 发布时间：2009-09-13 21:27:00
标签：模板,设计,导航,菜单
二、 公用样式模板的设计要求
能够应用在多个web系统上要求
1. 公用模板设计需要具备抽象性、代表性
(1). 整体规划页面层次逻辑
h1,h2,h3,h4,h5,h6 的整体规划
一本书的目录部分，往往能很清晰地体现出这本书的结构层次，第一章第一节第一小节，次序井然。好的网页也应该有清晰的层次逻辑，网页大标题、次级标题、段落内容等，层层展开。(X)HTML网页标记语言本身也给我们提供了标识网页层次的标签：h1/h2/h3/h4/h5/h6。在公用模板中要整体规划好网页内容的结构层次，并恰当地使用这些标签来体现。在禁用CSS的情况下，可以从浏览器默认样式方便地看到网页的结构层次。
清晰的导航菜单和面包屑(crumb)标识
在做好上面合理地规划h(n)标识的情况下，导航菜单和面包屑导航在网页上能更加直观地体现网页的层次，也是增强网页可用性必须具备的网页元素。
(2). 具有代表性的页面布局结构
网页结构布局也有一定的范式，往往包括页头、导航菜单、主体内容和页脚。遵循这些最普遍的布局原则才能最大程度保证公用模板的通用性。
0
投稿猜你喜欢
- Microsoft建立了一种既灵活又强大的安全管理机制，它能够对用户访问SQL Server服务器系统和数据库的安全进行全面地管理。按照本文
- Python中的闭包前几天又有人留言，关于其中一个闭包和re.sub的使用不太清楚。我在脚本之家搜索了下，发现没有写过闭包相关的东西，所以决
- 一、获取Tensor神经网络在运算过程中实际上是以Tensor为格式进行计算的，我们只需稍稍改动一下forward函数即可从运算过程中抓到T
- HTML代码： <div class="float" id="float"> 我是个腼腆
- OpenCV的全称是Open Source Computer Vision Library，是一个跨平台的计算机视觉库。OpenCV是由英特
- 今天要实现的功能就是以下这个功能：vue.js模拟日历插件好了废话不多说了 直接上代码了css:*{ margi
- 本文实例讲述了C#简单查询SQLite数据库是否存在数据的方法。分享给大家供大家参考，具体如下：//sqlite数据库驱动组件using S
- 这里以mysql为例，先明确以下几个问题：一.一般项目如果不自己配置事务的话，一般默认的是autocommit，即执行完一个操作后自动com
- 众所周知道，IE向来是我们在制作网页时最难搞定的对手。但又迫于其用户群数量之多，我们不得不想法设法搞定它。下面，将介绍的将是利用其特点而被发
- 在Python中，字典是通过散列表或说哈希表实现的。字典也被称为关联数组，还称为哈希数组等。也就是说，字典也是一个数组，但数组的索引是键经过
- 1、安装AnacondaAnaconda指的是一个开源的Python发行版本，其包含了conda、Python等180多个科学包及其依赖项。
- Python与星球大战背后的工业光魔提起Python语言，很多人会想起系统运维、Web开发等工作。很少有人会知道Python也能够用于电影视
- 我就废话不多说了，大家还是直接看代码吧~# -*- coding: utf-8 -*-#keras==2.0.5#tensorflow==1
- 海量数据库的查询优化及分页算法方案 原出处不详 摘自:www.21php.com 随着“ * ”建设的逐步深入和 * 信息化的高
- 我以centos 4.4 下面的mysql 5.0.33 手工编译版本为例说明：vi /usr/local/mysql/bin/m
- 不需要依赖第三方组件的vue日期移动端组件 小轮子 轻量可复用: https://github.com/
- 有时候，我们需要在字符串中加入相应的变量，以下提供了几种字符串加入变量的方法：1、+ 连字符name = 'zhangsan'
- --相信大家肯定经常会把数据导入到数据库中，但是可能会有些记录行的所有列的数据是null，这为null的数据是我们不需要 --现在需要一个简
- 目录一、索引类型1.B+树2.MyISAM和InnoDB的B+树索引实现方式的区别(聚簇索引和非聚簇索引)？3.非聚簇索引4.聚簇索引的优缺
- 现在对于python2版本，直接修改python.exe名字为python2.exe，命令python2 -m pip install --
