- 博客(30)
- 收藏
- 关注
原创 网站界面设计规范
网站界面设计规范 网站用户界面(Website User Interface)指网站用于和用户交互的外观、元素和程序等等。 如果你经常上网,就会看到很多网站设计很朴素,看起来给人非常舒服的感觉;有的网站很有创意,常常给人带来意外的惊喜和视觉的冲击;但相当多的网站页面上充斥着怪异的字体,花哨的色彩和图片,给人网页制作粗劣的感觉。 网站界面设计,既要从外观上进行创意以到达吸引眼球...
2011-09-30 10:22:55
710
近期工作回顾……
昨天顺利收到了转正信,很开心…… 回顾这两个月来的工作生活很充实,也学到了不少东西。我越来越肯定我的第六感是很准的,一开始面试的时候,我就觉得这个公司不错,我也会在这个公司发展下去,我坚信这个选择是对的。我也会为自己的选择努力的! 这段日子主要工作是完成了出国通CRM项目的静态页面,当然大部分还是做的比较简单的,有些复杂页面没有做到很完整;科孚德登陆页面的设计;visa...
2011-04-19 16:54:36
288
近期的工作感言
最近一直忙着写项目策划书,后来又在搜集下期平台开发设计的相关资料,这些都不是我很擅长的工作,所以只能硬着头皮去做,感觉不是很好,有点儿出力不讨好的感觉。在这些方面我们只能算是门外汉,没有专业知识为依托,只能在网上找一些相关参考资料,写出来的东西老是感觉达不到高度。 仔细想了想,问题也不全是工作的原因,自身也存在着问题。从这些时间的状态看来,感觉自己对于工作的责任感不够强烈,自己没...
2010-12-31 10:42:35
222
原创 常用行内标签和块级标签
常用行内标签——里面内容不会另起一行显示,可以包含在块级标签中。 粗体显示块元素 居中显示 *可取1—6中任意一个数字[color=red]块元素可以放在块元素内,但不能被行内元素包含![/color]...
2010-12-10 10:07:18
523
原创 网页中引入flash及flash背景透明
实现代码: DIV中FLASH透明1、在Flash加入:2、在DIV里加入:position:absolute;z-index:10;(数字越大越处于上层)要在IE中实现flash背景透明,需要加这样一个值:...
2010-12-03 12:36:55
198
原创 提高设计的9大要诀
要提高设计水平,前提当然是必须掌握基本的软件技术和了解专业的理论知识等。以下是迅速提高设计水平的九大秘诀。 一、想 设计师首先必须善于思考,对设计主张自己的想法和理解,这是最重要的。别担心你的想法有多“烂”,没有人能一下子做好的,但你完全可以做好你的习惯和态度。学会大胆地摸索和尝试自己的想法,懂得借鉴,追求属于自己的创意。但是如果在设计时不动脑筋地套模板,套素材,甚至是盲目模仿...
2010-11-30 08:32:28
123
原创 ganwu
项目接近尾声,终于不用再一遍遍重复修改了,觉得很轻松。 开始投入到项目策划书的编写,写论文真的不是我的强项,不过没办法,上司交代的任务,我没有理由不完成。当然,还是带着美好的希望开始了,可是写着写着越来越觉得力不从心了,没有数据的支持,没有经验的参考,我该怎么做好这件事情?我个人觉得想要做好这件事情,只是在网上找一些资料,搜一些数据是不够的,这些仅供参考,不能成为说服别人的有力证...
2010-11-19 08:12:42
184
原创 处理问题的方法
1.遇到问题不要急躁,盲目的急于去解决这一个问题。不妨冷静思考一下,这个问题出现的原因,其他相关页面会不会出现类似的问题,修改后对其他的页面会不会产生影响。这样就可以避免修改部分正常了,却又出现了新的问题,导致工作量增大。2.对时间明确管理,要明确知道自己的工作量,能够合理安排自己每天的工作。给自己定个目标,每天的工作量必须完成,这样才能提高工作效率。3.学习的“三步走”:a),弄...
2010-11-10 15:52:00
94
原创 CSS的filter常用滤镜属性及语句大全
语法:STYLE="filter:filtername(fparameter1, fparameter2...)" (Filtername为滤镜的名称,fparameter1、fparameter2等是滤镜的参数) 滤镜说明: Alpha:设置透明层次 blur:创建高速度移动效果,即模糊效果 Chroma:制作专用颜色透明 DropShadow:创建对象的固定影子 F...
2010-11-09 17:23:19
163
原创 img标签下多余空白bug解决方法
在进行页面的DIV CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”。[b]1、将图片转换为块级对象[/b]即,设置img为“display:block;”。在本例中添加一组CSS代码:“#sub img {display:block;}”。[b]2、设置图片的垂直对齐方式[...
2010-11-09 09:02:56
121
原创 css属性小结---01
1.块级元素是作为独立的一行来渲染的,而行内元素是在同一行被渲染的。 , 和 标签都是块级元素,,, 都是行内元素。 通过 display:inline 或 block 的方式,你可以重设这些元素的 display 样式。...
2010-11-08 12:59:36
88
原创 CSS剪辑 (clip) 属性
CSS Clip剪辑 (clip) 属性就像一个面具。它允许你使用矩形掩盖页面元素的内容。要剪辑一个元素:你必须指定其 position 属性为 absolute,然后指定相对于元素的 top,right,bottom,left 值。以下示例讲解了如何使用 clip 属性掩盖一张图片。首先,指定 元素为 position:relative,然后指定 元素为 position:a...
2010-11-08 12:57:28
192
原创 界面设计的三大原则及细节分析
人和机器的互动过程(Human Machine Interaction)中,有一个层面,即我们所说的界面(interface)。用户界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程,认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面是用户与程序沟通的唯一途径,要能为用户提供方便有效的服务。 用户界面设计的三大原则是:[color=red]置界面...
2010-11-08 12:36:12
1748
原创 面试有感
今天有幸参加了公司的招聘工作,听到求职者们对过去的思考和对未来的憧憬,突然觉得自己对前途、对未来是真的过于迷茫。每个人都有自己的未来,而我却迟迟看不到自己的未来,总是说我没有未来,这只是一个借口,一个逃避现实的借口。没有谁的未来是被写在纸上一条条走下去的。人的一生就像在一张白纸上画一幅画,想要画出一幅出彩的作品,必然需要出彩的内容。也许我们不会是大师级的人物,但是我们也应有自己的不平凡之处...
2010-11-02 13:22:42
127
原创 根据时段自动切换你的站点CSS风格
站点会根据当时的时间自动调整站点风格。作者为站点制作了早上、下午、夜晚三套皮肤,主要是分别制作了背景。12点以前系统会使用早上的皮肤,过了12点,站点会自动替换成下午的风格,5点后则替换成夜晚的风格。CSS版代码如下: ...
2010-11-02 08:21:59
211
原创 关于DOCTYPE
一、什么是DOCTYPEDOCTYPE是Document Type(文档类型)的简写,在页面中,用来指定页面所使用的XHTML(或者HTML)的版本。要想制作符合标准的页面,一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了一个正确的DOCTYPE,XHTML里的标识和CSS才能正常生效。二、DOCTYPE的规则DOCTYPE声明的写法遵循一定的规则,它指出阅读程...
2010-11-02 08:18:44
88
原创 关于表单
实际用在HTML中的标签有form、 input、 textarea、 select和option。[color=red]表单标签form[/color]定义的表单里头,必须有行为属性action,它告诉表单当提交的时候将内容发往何处。可选的方法属性method告诉表单数据将怎样发送,有get(默认的)和post两个值。常用到的是设置post值,它可以隐藏信息(get的信息会暴露在...
2010-10-29 15:56:05
87
原创 Meta标签详解
META标签是HTML语言HEAD区的一个辅助性标签,它位于HTML文档头部的标记和标记之间,它提供用户不可见的信息。meta标签通常用来为搜索引擎robots定义页面主题,或者是定义用户浏览器上的cookie;它可以用于鉴别作者,设定页面格式,标注内容提要和关键字;还可以设置页面使其可以根据你定义的时间间隔刷新自己,以及设置RASC内容等级,等等。META标签分两大部分:HTTP标题信息...
2010-10-28 13:04:19
182
原创 CSS选择符详解
一、类型选择符什么是类型选择符?指以网页中已有的标签类型作为名称的行径符。body是网页中的一个标签类型,div,p,span都是。如下:body {}div {}p {}span {} 二、群组选择符对于XHMTL对象,可以对一组同时进行了相同的样式指派。使用逗号对选择符进行了分隔,这样书写的优点在于同样的样式只需要书写一次即可,减少代码量...
2010-10-27 16:41:35
97
原创 网页制作之HTML基础知识
总类(所有HTML文件都有的) 文件类型 (放在档案的开头与结尾) 文件主题 (必须放在「文头」区块内) 文头 (描述性资料,像是「主题」) 文体 (文件本体)结构性定义(由浏览器控制的显示风格) 标题 (从1到6,有六层选择) 标题的对齐 区分 区分的对齐 引文区块 (通常会内缩) 强调 (通常会以斜体显示) 特别强调 ...
2010-10-27 15:16:20
99
原创 网站视觉设计
1—logo:基本logo特征,符合logo设计基础(平面设计通用)显示器效果:清晰度,最小尺寸(因显示器分辨率而带来的,等同线下平面设计的印刷效果)2—文字:内容等级决定字体、字号大小、粗细;状态决定颜色(默认或者根据网站特殊统一)3—广告、内容图片:尺寸样式的定位,同一页面的和谐性,图片的优化,位置的节奏,大小对比。4—icon:品牌性,表达准确合理,设计手法(依据...
2010-10-25 17:34:49
155
原创 何为“丰满”的设计
“丰满”的含义并不代表将一个版面撑满。每个设计都必须含有一个点子,点子以“产品特性”、“目标消费群”及“卖点”所支撑。整个设计围绕其而发展,统一与一个中心,环环相扣,由浅入深或由深化浅,循序渐进,有规律,有节奏,有重点,才不失为一个“丰满”的设计。做一个“不浪费”的设计大多数设计由图片及文案两部分组成。设计之前必须充分理解文案,读懂读通,再开始下一步工作。因为你所需要达到的...
2010-10-25 17:34:03
91
原创 css控制文字排版
[b]一、如何设定文字字体、颜色、大小 — 使用font[/b] font-style设定斜体,比如font-style: italic; font-weight设定文字粗细,比如font-weight: bold; font-size设定文字大小,比如font-size: 12px;(或者9pt,不同单位显示问题参考CSS手册) line-height设定行距,比...
2010-10-25 17:28:33
214
原创 网页制作的一些良好习惯
1.网站越大,CSS样式越多,开始做前,请做好充分的准备和策划,包括命名规则,页面区块划分,内部样式分类等,要具有系统性。2.li标签前面的图标推荐使用background-image,而不是list-style-image.3.如果你给一个标签设置了一个深色调的背景图片和亮色调的文字效果。建议这个时候给你的标签再设置一个深色调的背景颜色。因为图片丢失了,也可以保持文字的可读性。...
2010-10-25 17:12:50
123
原创 首页代码规范
首页代码规范首页的代码关键在head区,head区是指首页HTML代码的和之间的内容。 head区必须加入的标识 公司版权注释 网页显示字符集 例如:简体中文:繁体中文:英 语:原始制作者信息 网站简介 搜索关键字 网页的css规范 网页标题 这里是你的网页标题head区可以选择加入的标识 设定网页的到期时间。...
2010-10-22 17:39:44
108
原创 网页命名规范
命名规范文件命名的原则:以最少的字母达到最容易理解的意义。 一般文件及目录命名规范:每一个目录中应该包含一个缺省的html 文件,文件名统一用index.htm 文件名称统一用小写的英文字母、数字和下划线的组合 尽量按单词的英语翻译为名称。例如:feedback(信息反馈),aboutus(关于我们) 多个同类型文件使用英文字母加数字命名,字母和数字之间用_分隔。例如:...
2010-10-22 17:38:45
325
原创 ie6中png图片背景透明问题
1、用GIF图片代替PNG图片 若图片色彩不多,没有羽化部分可以使用。2、如果希望使用png格式图片作为DOM元素的背景,那么就可以使用滤镜来加载png图片 .png{ background: url(/angel.png) no-repeat !important; _filter: progid:DXImageTransform.Microsoft.Alp...
2010-10-18 17:15:47
100
原创 CSS-自动适应高度
{min-height:200px; height:auto !Important; height:200px; overflow:visible;}min-height 属性允许你指定元素的最小高度,适用于需要平衡布局的情况。
2010-09-30 14:37:17
103
原创 css兼容性
1.不同浏览器的标签默认的外补丁和内补丁不同 问题描述:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。 解决方案:在CSS文件开头都会用通配符*来设置各个标签的内外补丁是0。2.标签最低高度设置min-height不兼容 问题描述:ie6出现层下掉现象。 解决方案:如果我们要设置一个标签的最小高度200px,需要进行的设置为:{...
2010-09-28 15:42:04
97
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人