分类‘设计园地’

HTML5网站设计者必须认识到的10件事

开发人员开始利用那些得到广泛实现的功能特性。不出1年HTML 5就将得到完全支持,而规范也正在迅速到达稳定状态,现在正是了解一些HTML 5须知的好时机。

1: XHTML不再,(支持XML语法的)HTML 5永存

XHTML是喜欢精确,尤其是在解析方面精确的人的选择。HTML外观一直都有很多与XML相似的地方,但却永远都无法跟XML一模一样,因此,试 图把它当做XML来解析必将失败。因此不久前,XHTML被制定出来替代HTML语言,并把它归到XML的术语里面。当HTML 5的工作首次启动的时候,同时也在进行着XHTML 2的工作,但它最终还是夭折了。相反地,HTML 5规范制定出来的目的在于,让你能够编写遵循严格的XML语法的,并能工作的HTML 5文件。 如果你把它跟XML MIME类型一并发送出去的话,用户代也会把它作为XML文档来进行解析。这把两个世界最好的东西都给了开发人员。

2: 2022之神话,2011之现实 查看更多...

Flash中镜头应用技巧、绘图指令、OBJECT和EMBED标签使用

镜头应用技巧

1、摇镜头
当摇镜头的时候,是从场景中从一个方向移到另一个方向。可以是从左到右摇,从右到左摇,也可以是从上到下摇,或者从下到上摇。
不能直接在flash中通过镜头创建这种效果,你需要在舞台中移动场景的元素。为了制作最佳的电影效果,距离镜头越近的物体移动速度越快。

2、推/拉镜头
推/拉镜头关系到对图象进行大小的缩放。能对一个物体进行推镜头以观察某个特定的部分,也可以用拉镜头向观众展示全部的景象。对一个物体用推镜头,必须把舞台上的所有元素都以相同的速度放大。用拉镜头,必须缩小影象显示完整的图象。 查看更多...

CSS中IE6、7和火狐对margin、padding的兼容性解析

1、IE与Fire Fox识别CSS属性区别标签 !important

#page_body{
width: 1000px !important;
height:30px !important;

width: 980px ;
height:36px ;
}

查看更多...

浅析CSS中ID和Class、Margin和Padding的区别

这两个区别都是比较容易混淆的问题,尤其是Class与ID,相信很多人并没有仔细了解过之中区别。以下是我的一些理解:

1. ID与Class的区别

ID,通常用于定义页面上一个仅出现一次的标记。在对页面排版进行结构化布局时(比如说通常一个页面都是由一个页眉,一个报头,一个内容区域和一个页脚等组成),一般使用ID比较理想,因为一个ID在一个文档中只能被使用一次。而这些元素在同一页面中很少会出现大于一次的情况。 查看更多...

网页中的 CSS 元素透明法

1、HTML 元素透明

其实本身,CSS 实现元素透明是件容易事儿。直接上代码:

opacity:.5

opacity 指的是不透明度,取值为 0~1 之间,1 表示完全不透明,0 表示完全透明。

A 级浏览器基本都支持 opacity 属性,但碰上 IE,总没好事。不过 IE 有滤镜,可以帮助我们拐弯抹角地搞定不透明度:

filter:alpha(opacity=50);

注:事实上会碰到透明背景层,而 opacity 属性是会继承的,避免这个问题,需要结合定位来实现。 查看更多...

常见网页设计的布局理念

网页可以说是网站构成的基本元素。当我们轻点鼠标,在网海中遨游,一副副精彩的网页会呈现在我们面前,那么,网页的精彩与否的因素是什么呢?色彩的搭配、文字的变化、图片的处理等,这些当然是不可忽略的因素,除了这些,还有一个非常重要的因素——网页的布局。下面,我们就有关网页布局谈论一下。

网页布局类型

网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型,下面分别论述。 查看更多...

几个实用的Photoshop快速操作小技巧

Photoshop技巧虽然是老生长谈,但这些“雕虫小技”的确能带给我们极大的方便快捷,下面这些技巧你是否都清楚呢?

快速调整个别字符之间的距离

使用文字工具添加文字以后,如果你想调整个别字符之间的距离,可以将光标放在需要调整的两个字符之间,按住Alt键后,用左右方向键调整,非常灵活和方便。

快速改变对话框中显示的数值

要快速的改变在对话框中显示的数值,首先用鼠标点击那个数字,让光标处在对话框中,然后就可以用上下方向键来改变该数植了。如果在用方向键改变数值前先按下Shift键,那么数值的改变速度会加快(一般以10为步长)。 查看更多...

IE6下position:relative自动转为absolute解决方法

BUG描述:
页面中块级元素用了position:relative,bottom=-1px等元素定位,会表现出postion:absolute的行为.
解决方法:
方法1. 为此元素最外层父亲元素添加属性position:relative, 注意是最外层.
方法2. 查看更多...

忙了一天一夜的作品,第一次独立设计网站,大家勿强拍


最近,老师留的网站设计的作业,周末无聊打算独立完成一个不错的(我们老师是给分组了的,让一组人作为一个团队,可惜我不太合群),昨天晚上忙到今天凌晨,当然,中间还睡了将近12个小时,终于草草的将我的第一个成品网站完工了(或许还不能算是实际意义上的网站吧,毕竟在这高速发展的web2.0时代,纯静态网站已经很少见了,不过通过我前一段一直学习的dede标签套用,很容易就可以称得上是一个可更新、可发布的网站了。)不过经测试,首页在op浏览器下还是有点小问题,尚未修正。
查看更多...

浅谈网站UI设计的重要性

要问网站的外观重要吗?答案肯定是确定的。

一个网站的内容固然重要,但是如果没有一个好看而吸引的外表,哪怕有着再好的内容,有着再好的结构,相信整个网站的浏览效果也会大打折扣,浏览者的阅读兴致也会大减。就等于一个内涵丰富但却外表平庸的人在一个公共场所出现,是难以引起别人的注意的一样。人们称互联网经济为注意力经济,如何吸引大众的注意力,除了内容是一个重要的因素外,外观也同样起着举足轻重的作用。网站的外观非常重要,因此,UI设计在网站制作中将变的很重要。 查看更多...