![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端专栏
二子戴代
你在做什么
展开
-
Dreamweaver的CSS代码格式化
Dreamweavercs5 “编辑”--“首选参数”CTRL+U。原创 2013-08-19 13:44:04 · 383 阅读 · 0 评论 -
程序和CSS布局
程序是主要对数据处理、计算,比如表单数据交互数据、数字运算、数据处理等。DIV CSS主要是将程序处理数据呈现给大家,起到美化网页、排版网页作用(也就是我们所说前台布局)。CSS制作与程序开发关系:1.首先进行网站策划确定建站方案;2.程序员根据需要开发程序,网页美工负责网页美工设计(这里程序开发与网页美工设计可以同时进行);注意:网页美工师设计出界面效果图后,确定原创 2013-10-01 15:58:14 · 450 阅读 · 0 评论 -
网站重构策划是什么?
网站重构策划是网站架构的梳理、优化、整合与框架布局的重新搭建。包括网站目标定位、网站用户访谈、网站的结构梳理、用户体验流程设计、网站框架设计、网站交互设计等内容。网站重构策划的核心是从用户需求层、管理战略层、编辑运营层对网 站进行重新诠释、并定位包装,使网站在既有基础之上,更满足用户的使用需求、更符合管理层的战略定位、更便于运营人员的编辑使用。原创 2013-10-01 17:13:00 · 311 阅读 · 0 评论 -
WEB标准
WEB标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和XML,表现标准语言主要包括CSS,行为标准主要包括对象模型(如W3C DOM)、ECMAScript等。这些标准大部分由W3C起草和发布,也有一些是其他标准组织制订的标准,比如ECMA原创 2013-10-01 17:38:07 · 276 阅读 · 0 评论 -
你不能创造一个按钮
无障碍的最重要方面之一是管理焦点和用户交互。默认情况下,所有的链接和表单控件可以获得焦点。这样您就可以使用Tab键在这些焦点之间切换,并且当其中一个元素获取了焦点时,在按下回车键后开始产生作用。这种范式工作得非常好,无论您的Web应用程序的复杂性。只要键盘的用户能够链接和表单之间的导航控制,那么就可以浏览应用程序。不幸的是,有时Web开发人员在创建它们的接口时耍点小聪明。如果我想要一个看起转载 2013-10-01 18:17:39 · 53 阅读 · 0 评论 -
Web开发者不可不知的15条编码原则
HTML已经走过了近20的发展历程。从HTML4到XHTML,再到最近十分火热的HTML5,它几乎见证了整个互联网的发展。但是,即便到现在,有很多基础的概念和原则依然需要开发者高度注意。下面,向大家介绍这些应该遵循的开发原则。1、善用DIV来布局当开发一个Web页面时,要考虑第一件事就是区分页面重点。将这些内容用DIV标签包含起来,页面的代码会呈现出整洁、缩进良好的风格。转载 2013-10-18 23:42:16 · 379 阅读 · 0 评论 -
语义化你的HTML标签
语义化的HTML首先要强调HTML结构一个网页就好像一幢房子,HTML结构就是钢筋混泥土的墙,一幢房子如果没有钢筋混泥土的墙那就是一堆废砖头,也就称不上是房子了。CSS是装饰材料,是油漆,是用来装饰房子的。CSS如果没有html结构那就什么也不是了,没有了实际使用价值。CSS完全依靠引用它的(X)HTML文档。如果你想使CSS的能力发挥到极致,提供一个用既干净又有结构的HTML是非常必要的。转载 2013-11-19 16:14:42 · 489 阅读 · 0 评论 -
w3c验证
http://validator.w3.org/转载 2013-11-19 16:17:55 · 425 阅读 · 0 评论 -
你是一个职业的页面重构者吗?
做为一个专职的页面重构者,我们从事的工作简单的说就是“将设计稿转换成WEB页面”,这一过程可以很简单到直接把PSD从PS里导出成网页;也可复杂到需要考虑页面中每个标签的使用,考虑“页面性能”。以“前端工程师”为目标的同学可能会不愿承认将页面重构这块分出来,但随着工种的细分,加上页面重构本身的专业性,独立为一个职业也不是不可能,至少我现在从事的就是一个专职的职位。如果你觉得一个前端工程师必须去画设计转载 2013-11-19 16:14:15 · 414 阅读 · 0 评论 -
UI 设计师是做什么的
UI到底是什么意思呢?UI设计师又是做什么的呢?UI 其实是 user interface 的缩写,含义是用户界面,维基百科上对UI是这么定义的:A user interface is the system by which people (users) interact with a machine. The user interface includes hardware (p转载 2013-12-20 15:04:01 · 83 阅读 · 0 评论 -
UI 设计师是做什么的
UI到底是什么意思呢?UI设计师又是做什么的呢?UI 其实是 user interface 的缩写,含义是用户界面,维基百科上对UI是这么定义的:A user interface is the system by which people (users) interact with a machine. The user interface includes hardware (p转载 2013-12-20 17:26:34 · 508 阅读 · 0 评论 -
响应式网页设计
响应式Web设计(Responsive Web design)的理念是:页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。响应式Web设计(Responsive Web design)的理念是:页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成,包括弹性网格和布转载 2014-01-26 14:17:40 · 436 阅读 · 0 评论 -
网站前端性能优化
一个开发团队的成果是要靠web前端工程师去展现,因为用户不会去关心后台的处理有多么强大 ;在设计人员中web前端工程师是直接面向开发人员的设计人员,向开发人员以一种计算机语言的方式传递其设计理念,web前端工程师在整个团队中是很关键的。一名合格的web前端工程师必须得掌握HTML、CSS和JavaScript。只懂其中一个或两个还不行,你必须对这三门语言都很熟悉。也不是说必须对这三门语言都非常原创 2013-09-11 14:59:14 · 669 阅读 · 0 评论 -
大型网站架构不得不考虑的10个问题
这里的大型网站架构只包括高互动性高交互性的数据型大型网站,基于大家众所周知的原因,我们就不谈新闻类和一些依靠HTML静态化就可以实现的架构了,我们以高负载高数据交换高数据流动性的网站为例,比如海内,开心网等类似的web2.0系列架构。我们这里不讨论是PHP还是JSP或者.NET环境,我们从架构的方面去看问题,实现语言方面并不是问题,语言的优势在于实现而不是好坏,不论你选择任何语言,架构都是必须要面转载 2013-09-10 13:33:04 · 312 阅读 · 0 评论 -
现有商品的评分体系不完美
在电子商务领域,产品的评分和评价体系是必不可少的,这甚至是高过传统商务模式的优点,逛街购物永远无法知道某一个实体商店的评分和评价。评分和评价体系的目的是对商品的附加服务进行量化考核。如售后,送货速度,商家态度,产品实际使用体验等。这些附加于商品本身的主观性消费感受,是无法标准化的。商品:有形,标准,生产与消费分离,可存储服务:无形,异质,生产与消费同步,易逝性所以需要有海量的个体单元信转载 2013-09-10 13:31:34 · 410 阅读 · 0 评论 -
开发备必:WEB前端开发规范文档
为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必 须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改.基本准则符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的转载 2013-09-10 13:07:21 · 294 阅读 · 0 评论 -
浅谈响应式WEB设计
在Web设计和开发领域,很快的,我们将会无法跟上设备与分辨率革新的步伐。对于多数网站来说,为每种新设备及分辨率创建其独立的版本根本就是不切实际的;结果就是,我们将会赢得使用某些设备的用户群,而失去那些使用其他设备的用户。不过,或许会有另外一种方式,可以帮助我们避免这种情况的发生。响应式Web设计(Responsive Web design)的理念是,页面的设计与开发应当根据用户行为以及设备环境转载 2013-09-10 13:09:31 · 409 阅读 · 0 评论 -
浅谈移动产品的交互效率
交互效率是产品可用性的重要组成部分,也是可用性评估的一个要点。相较传统互联网产品,当前移动产品在软硬界面的协同性以及网络环境方面还有很多差距,用户的交互效率处于比较低的水平。对移动产品交互效率进行一些思考,对我们在局限条件下设计出交互效率更高、用户体验更好的移动产品具有一定的意义。关于交互效率ISO 9241对效率(efficiency)有这样的描述:In HCI or Usabili转载 2013-09-10 13:10:57 · 406 阅读 · 0 评论 -
2011年Web设计趋势:CSS3+HTML5居首位
在设计和编程之间只有薄薄的一线,当我们进入新的十年时,这条线变得越来越模糊。在Photoshop上绘制漂亮的模型就够了吗?5年以前也许如此。在今天,普通的网络用户要求的更多。所有的东西都很漂亮,但没有实质内容,过段时间人们就会厌烦。如果你唯一的目标是用你漂亮的设计影响圈内其他设计师,你会发现你很快就落伍了。2011年不关心漂亮,而是关心功能。新的一年甚至十年的趋势是交互设计、粘度和虚拟现实。2转载 2013-09-10 13:29:12 · 395 阅读 · 0 评论 -
在局限下设计
马歇•布劳耶(Marcel Breuer,1902–1981),1925年设计了世界上第一把钢管椅子。上图是他设计的另外一个产品,一张桌子,一张由一根钢管弯曲而成的桌子,并不是将钢管切断再焊接,这样设计,除了看上去有意思,还有一个很重要的原因:成本低。当然,以现在的工业水平来看,是否焊接对成本的影响已经没那么大了。然而在当时,工艺上的区别却是一个需要考虑的因素,因为这样的局限,促成了上面这个产转载 2013-09-10 13:32:23 · 317 阅读 · 0 评论 -
合理限制用户的操作
煎一个鸡蛋,你需要哪些厨具?厨房里各种厨具都有,因为你可能下一餐要吃油焖大虾,红烧排骨。但是现在你只要煎个鸡蛋。也许,你需要的也只有这些……榨汁机,电饭煲,菜刀……没有这些,我们不能榨果汁,煮饭,切菜,这将限制我们在其它时候可能发生的动作,但是现在,我要做的只是煎一个鸡蛋而已。一个盛鸡蛋的碗,一片搅鸡蛋的勺子,一只锅铲,一把煎锅,一台灶,还有装着油盐的调料瓶,有这些转载 2013-09-10 13:33:16 · 360 阅读 · 0 评论 -
页面前端的水有多深?
但凡从事互联网的人基本都会写几行html,用过Word的人用Dreamweaver也能做出规整的页面,所以大部分人会很自然地认为“页面的开发没什么技术含量,很简单”。不仅有这种普遍的认知,对从业者来说也有很多疑惑:做页面前端实现,没问题;兼容性,小case;图片集成,一直都在用...还能有什么问题?瓶颈啊、天花板啊、转型啊、出路啊就在从业者中广泛讨论。是不是真的没什么问题了呢?网易邮箱前端技术中心转载 2013-09-10 13:04:24 · 337 阅读 · 0 评论 -
Aug 09 悟道web标准:前端性能优化
前端性能优化完全是一个技术话题,但是对于项目的用户体验有非常大的影响,如果你的网站打开要等待三五秒或者等到浏览器提示无法连接,那网站哪来的流量,哪来的品牌影响和用户忠诚度,挣钱就算了。3s,作为判断一个用户忍受你网站速度的限度,如果超过3s,用户已经对这个网站产生了负面的抵触心理。前端性能优化和web标准有什么关系,接着第一篇 悟道web标准——统一思想,遵循标准 ,这是对你遵循web标准转载 2013-09-10 13:07:29 · 380 阅读 · 0 评论 -
移动设备的网页设计
为移动环境而调整一个站点是巨大的挑战。许多在网页设计上的技巧及感官效果将无法在移动设备上完好呈现,反之亦然。移动设备是以不同的限制来尝试新事物的好地方。人们访问移动网页通常不像在电脑屏幕前那样有耐心——手持设备的屏幕要小得多,而且移动网络的连接(通常是3G网络)仍然不够快。设计上的调整导航因为屏幕大小的限制,原本无所不在的菜单将无法被完全应用。如果为每个页面都直接应用上相同的菜单,转载 2013-09-10 13:13:38 · 384 阅读 · 0 评论 -
为未来的网页做设计(为移动设备一致体验做设计)
本文推崇的是“因为现代人越来越生活net依存状态,ipad,3g等等,各种情况下人时时刻刻都在online状态中。所以如何让任何用户在任何情境下使用任何进入网络的工具(此处指移动设备,cellphone或是平板电脑等)进入任何网络(比如火车上信号弱的情况v.s.家中wifi通畅的情况),都能有一致的用户体验。”Why?先看看任何情景+任何入网工具(情景一:同时打开两个窗口)用户正在看豪转载 2013-09-10 13:28:11 · 346 阅读 · 0 评论 -
说说web标签设计
一 为何要关心Web标签这周每天下午都会花点时间看网站的日志,网站日志记录了用户在浏览网站的行为轨迹,不是每一家公司都能邀请用户进行测试和访谈,所以网站日志是运营者和设计者了解用户的一个重要途径。在用户的搜索日志里,发现很多用户不去使用我们设计的标签,通常在外部搜索引擎里输入相关内容,搜索引擎匹配后,又回到了我们的页面,反反复复的浏览着我们的页面,如一位用户预定了周庄景区门票,但他又想了解转载 2013-09-10 13:29:45 · 391 阅读 · 0 评论 -
为扫描而设计
当我们设计一个页面或者一个banner的时候,往往挖空心思去想创意,或者把效果做得很炫,却忽略了一些用户习惯。我这里所说的只是一些大家都知道,却往往容易忽略的——为扫描而设计。回顾用户习惯用户善于扫描,且勤于扫描。WHY?1、忙碌——大部分用户会花极少的时间来阅读极多的页面,为了提高效率,他们对于大部分的页面会采取扫描的方式,匆匆掠过。他们不可能也没有时间去阅读互联网带给他们的所有转载 2013-09-10 13:30:58 · 321 阅读 · 0 评论 -
想要 App 做得美,这些 UI/UX 设计趋势你要知道啊
虎嗅注:在国内,移动端的发展远远超过网页,初创公司们想拓展品牌都会首选手机App。那么你知道近期App设计风格的趋势么,想要做出不土、高逼格的App,以下的趋势你是需要了解的。本文来自Medium文章,Mobile:2015 UI/UX Trend。虎嗅翻译。无论是App的分屏,还是网页浏览器或者智能手表的界面,设计都是消费者购买它们的最关键因素之一。从扁平化设计到谷歌的Meter转载 2015-08-06 14:44:31 · 335 阅读 · 0 评论