专注于网页前端研究和Web标准化!Tag: 网页 预览模式: 普通 | 列表

站在前端看静态网页

之所以这么写,是一直想写一个能完全实施和实现自己想法的一个站或者是一套页面。当然这个实现起来对于我来说确实有一定的难度,也需要网站各个职能的人员去集思广议,而且也需要很大的精力去弄。我也只能是站在前端人员的角度谈谈,下面我具体来说说。
1.策划设计。
一个好的策划方案是一个完美网页的根基。这个就不多说了,就按一般网页可体现的内容和形式来吧。先抛开设计的水平和效果不谈,光以写静态的角度来分析。
首先网页的图片要达到个性和共性并存,尽量用少的图片达到整体网页效果变化和统一。呵,这话意思有点模糊,比方说标题条是一个背景,那么所有的标题条背景都可以用这个背景,而变化就可以在标题上做图片装饰变化。
然后是合理利用图片表现文字,大家都知道网页的字体太大就不圆滑了,而想实现圆润绚丽或突出的字必须用图片。以前我们遇到这样的情况就直接切下来图片嵌到页面里去。现在...

阅读全文

Tags: 网页 前端

分类:重构资源 | 固定链接 | 评论: 1 | 引用: 0 | 查看次数: 77

系统自带网页字体分析和效果

网页字体显示一直是中文的硬伤,默认的中文字体只有少的可怜的几种。而且字体太大了会有明显的锯齿,严重影响了网页整体效果。正式网页中我们能用的也就是宋体和黑体两种。而且黑体的使用一般也只用在标题或者导航中。所以一直以来,我们想要绚丽的中文字体,只能通过图片来表现。当然也可以用@font-face来显示我们需要的字体,但是对于网络及带宽来讲,字体的体积也太庞大了。如果连英文操作系统的中文显示效果也考虑到,那么我们还是乖乖的用默认的字体吧。定制字体语法:
Code
@font-face{font-family:Mistral;src:url(字体文件地址);}
既然中文字体很难做文章,那么就让我们来看看英文字体的变换吧。下面是本博整理的系统英文字体实际效果对比。
Html

阅读全文

Tags: 网页 字体 效果

分类:重构资源 | 固定链接 | 评论: 2 | 引用: 0 | 查看次数: 266

网页前端制作发展小漫谈

CSS和XHTML经过这几年在国内的发展,已经占据了主导地位。也成了网页前端必须掌握的技能之一。关于两三年前用TABLE布局好还是DIV布局好的争议已经烟消云散,已经完全没有必要提了。网站的各个职位要求似乎都跟CSS沾上了边,设计、程序都要会写几个样式。网页前端制作也一下子成了热门职位,即使在金融危机的困难风潮下,招聘前端职位的公司还是很多。毕竟作为一个新兴的职位,和其它职位比较起来,前端技能熟练的人还不能算是太多。不过新人学习的劲头也足一些,很多人为了换博客和空间的皮肤也开始学习CSS,所以也产生了好多CSS相关的网站、论坛、QQ群。也是个好现象吧。

CSS3标准的呼之欲出,将使得CSS也会发展成为一门弱编程语言。所以前端的难度也会更大,更多的样式和属性需要使用。而且各个浏览器也会推出自己有关CSS功能的额外扩展需要我们知道。未来的CSS会更加强大和健壮。当然,浏览器的兼容问题依旧存在。最近WEB界掀起了反IE6的运动,为推动W3C标准和更好的用户体验,建议升级IE6。而目前来说,IE8仍在测试阶段,对CSS3也提供了部分支持。而新版的火狐、Safari也开始支持CSS3。

JavaScript在最近几年也重新焕发了光彩,编程的要求也会越来越高,不过prototype、jQuery等JS插件的不断更新使我们更充满了想象力,也让代码书写更加从容简单。因而也是前端人员需要掌握的技能。不过IE的自身标准和W3C的标准不兼容问题,也需要我们从头开始学习。本博推荐JavaScript权威指南,比较详细的介绍JS核心内容和浏览器支持特性。

就我个人来看,网页前端在将来还会在网站中占据很大的空间和位置。网页前端的水准会走上一个新的发展历程。

Tags: 网页 html 前端

分类:重构资源 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 143