美工工作总结,美工自我培养的几点经验总结
点评：话说，我一直没能理解美工究竟是什么（这是一篇投稿）。因为要求确实很多。目前，我只能理解成，是前端开发+页面设计+用户体验设计的全能手。如果这样，那么，真正的美工应该是相当强大的。但，似乎只有小公司才把这类人叫美工。然后，我又纠结了。请自行理解！随着公司影响力的壮大和产品的不断提升，相关的形象设计要逐步跟得上，需要逐渐提升，所以就招一个应届生美工，算是一块成长。应届生有拼劲、肯学，但也好高骛远... [阅读全文]
ie8兼容ie7,让你的网站IE8浏览自动用IE7兼容模式
点评：文件兼容性用于定义让IE如何编译你的网页。此文件解释文件兼容性，如何指定你网站的文件兼容性模式以及如何判断一个网页该使用的文件模式。前言 为了帮助确保你的网页在所有未来的IE版本都有一致的外观，IE8引入了文件兼容性。在IE6中引入一个增设的兼容性模式，文件兼容性使你能够在IE呈现你的网页时选择特定编译模式。 新的IE为了确保网页在未来的版本中都有一支的外观，IE8引入了文件兼容性。当你引入... [阅读全文]
遵循原则,HTML页面输出应该遵循的几点原则小结
点评：HTML页面输出应该遵循的几点原则小结，网页制作的朋友可以参考下，尽量的遵守。1、不能少了DOCTYPE，浏览器根据你申明的DOCTYPE决定页面渲染规则，如果不声明，不同的浏览器显示效果可能不一样。 2、在title之前加上meta标签说明页面所用的编码。否则可能导致部分浏览器显示的页面标题为乱码。 3、style应该放在head标签内。否则会导致页面在下载完成之前不美观，而且在下载完st... [阅读全文]
门户网站建设总结,关于门户网站焦点图设计的一些总结
点评：最近一段时间直和焦点图打交道-重构旧代码、抽象成JS插件等等。焦点图，集图片、文字、动态交互效果于一体的内容呈现方式，在吸引眼球(所谓焦点)、页面排版优化等等诸多方面具有十分重要的作用。这点在内容至上的门户型网站中尤为重要。 在这个过程中积累了些经验想和大家分享下，套子比较适用于像搜狐、新浪这些大门户网站，对于个人网站、商务网站不一定都是对的，另当别论～～ 1，越傻瓜越好(结合第3点) ... [阅读全文]
设计师blog,Blog设计 网页设计之处女作
点评：入行7年了，一直做程序和项目管理，美工这水是从来没趟过，但是每天被美工耳濡目染，再加上嵌套页面时被IE6、Firefox等浏览器的兼容折磨的死去活来，使得本人已具备了一定的网页设计基础，随着公司网站的全面改版，终于下定决心，自己搞一个Blog的界面出来。... [阅读全文]
960grid,960 Grid System 基本原理及使用方法
点评：关于CSS框架其实一直是一个比较热门且很有争议的话题，的确，国内的一些前端er们越来越关注CSS框架，并都开始尝试使用，觉得CSS框架能够节省更多的开发时间，显著提高工作效率。当然，还有很多人持相反意见，认为CSS并没有这么高级以至于要涉及到框架！在这里要讲解一下目前在国外很热门的一个框架，严格讲是网格系统，那就是960 Grid System。通过这篇教程你会知道使用960框架之后，你的开... [阅读全文]
做人的基本原则,编制网站首页的基本原则
点评：网站首页是网站的最重要的一个环节，编制网站首页的基本原则如下。1、编制网站首页的超文本文档的组织结构应清晰，条理分明，重点突出，可读性强，尽可能吸引用户的注意力。 2、说明文字应简明扼要，切中要害，每项内容介绍尽可能简单明确，以不超过２～３帧为宜。文件过长，用户会失去读完的耐心。 3、显示界面应简洁，模块、栏目分类明确，一目了然，便于用户迅速找到所需信息。 4、各种文档资料的组织形式和风格要... [阅读全文]
开发人员工具,网站开发人员应该知道的61件事
点评：有人在Stack Overflow上发问，动手开发网站之前，需要知道哪些事情？ 不出意料地，他得到了一大堆回答。 通常情况下，你需要把所有人的发言从头到尾读一遍。但是，Stack Overflow有一个很贴心的设计，它允许在问题下方开设一个wiki区，让所有人共同编辑一个最佳答案。于是，就有了下面这篇文章，一共总结出六个方面共计61条"网站开发须知"。 我发现，这种概述性的问题，最适合这种集... [阅读全文]
utf8bom,UTF-8文件的Unicode签名BOM（Byte Order Mark）问题
点评：近日在调测一个UTF8编码的中文Zen Cart网站时遇到一件怪事，网页显示文字正常，用ie的察看源文件（记事本打开）却发现乱码，firefox没有这个问题。近日在调测一个UTF8编码的中文Zen Cart网站时遇到一件怪事，网页显示文字正常，用ie的察看源文件（记事本打开）却发现乱码，firefox没有这个问题。经在网上多方查证和多次测试，解决了这个问题，其实是UTF-8文件的Unicod... [阅读全文]
英语个性签名,Unicode签名BOM引发的事故原因分析
点评：做前端开发的同学大概都遇到过这样的问题，IE下平白无故的空出一行，而Firefox下是正常的，你怎么查也查不出是什么原因导致的，因为根本看不出哪里有问题。可能你这里用了包含(include)文件，通常header和footer会这么做。打开被包含文件发现页面属性中“包括Unicode签名BOM”这一项是勾选的，那么我告诉你就是这个BOM引发的事故。今天我在写一个JS脚... [阅读全文]
非主流个人说明,Unicode签名bom详细说明
点评：最近在查看一些UTF8编码的中文网站时遇到一件怪事，网页显示文字正常，用ie的察看源文件（记事本打开）却发现乱码，firefox没有这个问题。经在网上多方查证和多次测试，解决了这个问题，其实是UTF-8文件的Unicode签名BOM问题。Unicode签名bom-什么是bom？ BOM 是 Byte Order Mark 的缩写。是UTF编码方案里用于标识编码的标准标记，在UTF-16里本来... [阅读全文]
用户体验,用户体验的76个体验点小结
点评：网站体验，指的是利用网络特性，为客户提供完善的网络体验，提高客户的满意度，从而与客户建立起紧密而持续的关系。网站体验的分类 1、感官体验：呈现给用户视听上的体验，强调舒适性。2、交互体验：呈现给用户操作上的体验，强调易用/可用性。3、情感体验：呈现给用户心理上的体验，强调友好性。4、浏览体验：呈现给用户浏览上的体验，强调吸引性。5、信任体验：呈现给用户的信任体验，强调可靠性。网站体验的76个... [阅读全文]
提高网页加载速度,六招提高网页加载速度的小技巧
点评：我们知道用户上网不喜欢用太多的时间等待网页的打开，等待的越长，用户会变的越来越不耐烦，甚至烦躁时会直接关闭网页，这样就会失去一些潜在的客户了!其次，关键字的排名与网页的打开速度也有关系（参考：影响关键字排名的重要因素），这个主要体现搜索引擎对用户体验度上，用户体验度好，排名相对其它网站就好些，因此我觉得我们有必要去提高网页的打开速度，这个不需要太多的成本投入，只需要平时多注意一些小技巧就行了... [阅读全文]
设计师工作小结,视觉设计师成长的三个阶段小结
点评：视觉设计师在不同阶段需要认真的思考自己。现在做视觉设计门槛很低，“多数设计师不会从反思中提高”，这是我职业生涯中第一个主管给我留下印象最深的一句话，我也把它奉送给大家。 有不少人都看过这本书：《Grow as a graphic designer》，我自己也看过原版的PDF版本。虽然本文与这本书所讲的其实没多大关系，用这本书作楔子，实际上是想说视觉设计师在不同阶段需要认真的思考自己。现在做视... [阅读全文]
以用户为中心设计,以用户为中心作为设计的标准
点评：谁该做什么。我主要讲的是可用性和用户体验，因为我认为这是对于用户问题（使用产品、系统和服务的所有的体验）的最好的概括。 最近总有人问我关于数字设计社区的显而易见的困惑：谁改做什么。我主要讲的是可用性和用户体验，因为我认为这是对于用户问题（使用产品、系统和服务的所有的体验）的最好的概括。然而，其他一些机构把交互设计作为核心服务，这也让我很不安，因为我认为他们提高了混淆客户的风险。在我看来，这是... [阅读全文]
插图设计,插图式的网站主页设计 网站设计新的趋势
点评：很多网站的首页，完全以一张图片作为主题，文字信息很少，只有几个主要链接，就像一张插图。我把这种主页称为"插图式主页"（illustration web design）。你可以看到它们的视觉效果非常漂亮，对访问者产生很强的粘性。而且，非常突出重点，诉求很明确，有效地达到了设计目的。最近，网站设计有一个新的趋势。很多网站的首页，完全以一张图片作为主题，文字信息很少，只有几个主要链接，就像一张插图... [阅读全文]
颜色配色表,网站配色方案 为网站选择正确的颜色
点评：如今几乎每个人都能拥有自己的网站，网站制作起来也方便了很多。如何更好的把握网站访问者的喜好，为用户提供一个可读性更强的网站？这其中颜色就起到了相当大的作用。颜色是否影响网站访客？几年前网站还是奢侈品，而如今几乎每个人都能拥有自己的网站，网站制作起来也方便了很多。但问题依然存在，那就是如何更好的把握网站访问者的喜好，为用户提供一个可读性更强的网站？这其中颜色就起到了相当大的作用。 颜色对网站访... [阅读全文]
网站介绍怎么写,网站中的关于页面介绍内容怎么写
点评：无论什么网站，一般都应该布置一个恰到好处的“关于”页面，直截了当地告诉到访者，为什么要浪费他们宝贵的时间浏览你的网站。所有网站，无论是官方、电子商务、社会化网络还是个人站点，都应该布置一个恰到好处的“关于”页面，直截了当地告诉到访者，为什么要浪费他们宝贵的时间浏览你的网站。一、为什么要有“关于”页面不要让用户思考！1、向浏览者传达本站的价值，留... [阅读全文]
web设计师,Web 设计师的 50 个超便利工具
点评：本文介绍了50个非常强大的工具，你会发现，其中的一些工具会让你感到惊艳在，这是第一部分。作为一个 Web设计师并不容易，不仅考虑设计与架构，还要时刻注意各种小细节，设计师的工作被各种各样的问题包围，你需要一套超级便利的工具帮你解决各种消耗时间和精力的问题。本文介绍了50个非常强大的工具，你会发现，其中的一些工具会让你感到惊艳在，这是第一部分。LaunchList站点发布前的工作清单，预设了2... [阅读全文]
网页颜色搭配,简明网页设计理念 颜色搭配
点评：简明网页设计理念(一)网页配色基本概念（1）白纸黑字是永远的主题，谁都说不出不好来。（2）网页最常用流行色 兰色——蓝天白云，沉静整洁的颜色。 绿色——绿白相间，雅致而有生气。 橙色——活泼热烈，标准商业色调。 暗红——宁重、严肃、高贵，需要配黑和灰来压制刺激的红色。（3）颜色的忌讳 忌... [阅读全文]
IE下打开ClearType后透明字体问题的解决方法
点评：IE下打开ClearType后透明字体问题解决 IE下打开ClearType后透明字体问题，解决办法为透明元素加上背景。 div style="FILTER: alpha(opacity=50); width: 500px; height: 30px; font-size: 20px;"abc中文/div div style="FILTER: alpha(opacity=50); width... [阅读全文]
常用搜索技巧,前端开发中一些常用技巧总结
点评：自己前端开发中常用到的一些技巧及问题解决方法,会常更新,希望对前端路上的朋友有帮助.1.文章标题列表中日期居右显示的方法: 复制代码代码如下:... [阅读全文]
offsetWidth、clientWidth、scrollWidth、scrollTop、scrollLeft等属性图示
点评：图示offsetWidth、clientWidth、scrollWidth、scrollTop、scrollLeft等属性，对于一些页面的控制很有帮助。注释1：上图整个大背景是这个网页的全部尺寸，中间的小框才是浏览器中的可见尺寸。这幅图就是针对为文档（document）的各个height、width、top、left所做的说明。 注释2：第二幅图主要是针对网页中一个div的各个属性值所做的说... [阅读全文]
iframe在IE6下出现横向滚动条的解决方案
点评：最近的项目中，遇到ie6下当iframe出现纵向滚动条时同时会出现横向滚动条。分析了代码，大致的原因是iframe中的页面有相对body的样式包含width:100%的元素。情况如下：（PS：红框表示iframe的区域，灰色的长方框表示上面提到的width:100%的元素，需要在IE6下看效果。） 当灰色的框的高度大于iframe的高度时出现纵横向滚动条（IE6下）。 当灰色的框的高度小于i... [阅读全文]
ie6bug,IE6中奇数宽高的BUG
点评：IE6真是太疯狂了。今天由于项目需要做了这么一个布局：一个外部的相对定位div，内部一个绝对定位的div（right:0）如图：可是在IE6下查看，却变成了right:1px的效果了：IE6还有奇数宽高的bug，解决方案就是将外部相对定位的div宽度改成偶数。高度也是一样的查看源码：CSS代码:#out {width: 609px;/*这里宽度为奇数，bug就出现了！！改成偶数就OK了*/h... [阅读全文]
IE6中PNG Alpha透明（全集）
点评：ie7,fireofx,opera,及至webkit内核的chrome ,safari….. 这些浏览器均支持png的Alpha透明。很多人说IE6不支持PNG透明，其实IE支持100%透明的PNG，疯狂的IE6只是不支持png的Alpha透明。 这个BUG给我们带来了很大的困扰。 但是这仍然存在很多问题，比如半透明的PNG背景图片。 Gulu77整理了4种IE6中PNG Alpha透明的方... [阅读全文]
web前端开发,Web 前端开发经验小结
点评：以下是我开发时碰到的问题以及心得经验，花了些时间调试，贴出来避免大家少走弯路。 xml文件尽量以utf-8编码，gb2312有些字是存储不了的，如?,就算能存也需要转换，比较麻烦，utf-8也符合国际规范 CSS中:hover这个伪类，如果放在:visited前面则会失效 a标签如果没有href属性，所有对它的css的伪类如:hover均失效 js文件中用do... [阅读全文]
写给三十岁的自己,写给入门者的三十条HTML代码编写指南
点评：本文总结了30条html代码编写指南，只要在编写HTML代码的过程中牢记它们，灵活运用，你一定会写出一手漂亮的代码，早日迈入专业开发者的行列。1. 一定要闭合HTML标签在以往的页面源代码里，经常看到这样的语句： liSome text here. liSome new text here. liYou get the idea. ... [阅读全文]
网站添加图标,网站图标Icon添加方法！
点评：首先您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以.ico 作为扩展名。第一步，准备一个图标制作软件。 首先您必须了解所谓的图标（Icon）是一种特殊的图形文件格式，它是以.ico 作为扩展名。普通的图像设计软件无法使用这种格式，所以您需要到下载一个ico图标工具,本站常用软件既有,推荐强大的Microangelo,可以方便的制作ico图标.汉化修正版下载地址：http:/... [阅读全文]
