标签归档:W3C Presentation 表现层

网页主要由三部分组成:结构(Structure)表现(Presentation)行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括 XHTML 和 XML ;表现标准语言主要包括 CSS ;行为标准主要包括对象模型 DOM 等。这些标准大部分由 W3C 起草和发布。

《用户体验的要素》(三)如何运用以用户为中心用户体验的五大要素?

在我之前的两篇读书笔记《用户体验的要素》[] 和 [] 中简单介绍了著名用户体验设计师 JJG 以用户为中心的用户体验要素模型 用户体验是一个非常注重细节的工作必须花费大量的时间和精力,回头看看用户体验的五个要素:表现层 surface 框架层 skeleton 结构层 structure 范围层 scope 战略层 strategy 似乎有大堆的工作要做需要由专业人员组成的团队来完成,似乎是这样但在《用户体验的要素》一书的最后章节作者却不这么认为…… 继续阅读

常见网页选项卡 tab 的制作代码及优化小建议

选项卡(Tab)起初似乎是做为控件被封装到图形用户界面元素中的一个组件,在应用程序中选项卡式界面可以大大的节省界面空间进而使一组类似的功能选项变的井井有条,目前主流的各种网页浏览器均已采用选项卡式页面浏览另外还有被微软大量运用在新版办公软件(Office)及操作系统(Windows)中的 Ribbon 控件核心也是选项卡式的设计,当然在网页中使用选项卡的例子更为常见如淘宝(TaoBao)的搜索框及右边栏就大量使用了选项卡式结构从而节省了近三倍页面空间,所以对于选项卡式网页的制作也是我们最基本需要掌握的… 继续阅读

【CSS】用于区分浏览器的资料及推荐做法(JS)

由于浏览器对 CSS 标准各种属性解释的不尽相同(其主要体现在微软的 IE6 及其他一些旧版本浏览器)我们需要在引入 CSS 文件时采用 IE 独有的条件注释(如 [if IE] [endif] 等)或是在 CSS 中避免使用容易混淆的属性(如同时存在左浮动及左边界等)当然目前用的比较多的仍然是后面将要提供的 CSS Hack 资料,但我个人则推荐最后面提供的 JavaScript 方法来处理: 继续阅读

【jQuery】如何去掉点击链接或图片时的虚线框

在浏览器中点击一个链接的时候会出现一个虚线框,通常情况页面会跳转我们不必在意,但如果仅仅为了触发一些动作如 AJAX 又或者被点击的是非矩形图片,那这个虚线框就有些影响视觉效果了,这里介绍一个小技巧,使用 jQuery 来方便的去掉链接或图片链接及按钮在被点击时候出现的虚线框,具体代码如下。 继续阅读

【网页设计】网页交互设计建议与法则 之 可用性 易用性

人们在制造各种工具或产品时都需要首先遵循“易用性”及“可用性”等基本需求,首先你的产品使用起来要容易上手,操作简便。否则,即使再前卫时髦的概念产品都不可能形成大众化。在“网页设计”上尤其如此,这里从 smashingmagazine.com 上摘录了文章“10 Useful Usability Findings and Guidelines”中描述的十条对于网站可用及易用非常有帮助的建议。 继续阅读

层叠样式表 CSS 深入学习(三) Box Model 盒模型

我个人认为,彻底深入的学习 CSS 需要非常清晰透彻的理解 CSS 的四大核心要点即: 盒模型、文档流、浮动、定位。为防止一些同学在个人理解时可能走的一些弯路,这里将分别从这几个核心要点谈起,今天首先需要讲述的便是 CSS 的首要核心要点:CSS Box Model 盒模型。

继续阅读

“网页重构”试题解答(下)

继续昨天转载 一份“网页重构”试题 解答的后半部分,看这些题目会发现后面的“用心想一想”和“勇气拼一拼”侧重于 代码缩写 代码语义 及 灵活应用,也就是说,虽然后面这些题目考察的知识即使不懂也是可以排出页面的,但如果将来你的页面每天面临上万甚至上亿次的访问呢,代码缩写的意义就在于此;而代码语义既可以对于搜索引擎友好又可以在关闭 CSS 渲染的模式下带给用户不至于太糟的体验;灵活运用则是为了考察你代码的兼容性及强壮稳定性,对于复杂页面结构的代码需要兼容所有的主流浏览器的各个版本,而灵活的使用多种方法制作页面效果也是必须的。

继续阅读

“网页重构”试题解答(上)

昨天转载了 一份“网页重构”试题 今天我就试题里面的内容进行一下简单的解答和点评,之所以叫“网页重构”而不是通常我们提到的“网站重构”说明该试题考察的知识面并不宽泛,如果这份试题真是某公司的面试问卷的话,可以看出该公司工作分工之详细。废话就不多说了,以下是我自己的一些解答和简单点评,如有网友对于一些问题的答案持不同意见可在后面留言…… 继续阅读

一份“网页重构”试题

今天网上闲逛无意间看到有这么一份“网页重构”试题,据说是某国内知名互联网公司的实习生招聘“海选”试题(具体真实性及哪个公司此处不做讨论仅供学习交流之用)同是做网站前端的朋友可以看一看是否你能轻松应对,明天我会贴出我自己做的答案并做一些简单的解题说明和点评给大家参考一下,试题部分如下:

继续阅读