您的位置: 首页 > 技术文档 > 网站建设 > 建立自己的操作标准
购物网站交互设计上的缺陷 回到列表 XHTML+CSS兼容性解决方案小集
用户名:
密 码: 忘记密码
注册会员 游客参观 论坛帮助
金山爱词霸logo征集活动
 建立自己的操作标准

作者:小毅 时间: 2006-01-16 文档类型:原创 来自:蓝色理想
浏览统计 total:4511 | year:4511 | Quarter:1444 | Month:891 | Week:104 | today:20

当我们都在投入WEB标准的行列时,我们时常听到这样的声音:“太慢了,制作这样的一张页面我需要花费比以前多数倍的时间。”采用标准是不是真的会让你的制作变得很慢呢?我的回答是“不一定,这完全取决于你从什么样角度去看,并且没有找到快速操作的方式方法。”首先我们要确定的是:新的制作方式是把我们从“所见即所得”软件制作中拉到“代码编辑者”行列。我们现在需要对每一个XHTML标签都要有所了解,对他们的特性都要有所认识!而以前我们只需要躲在软件的后面。

我们现在站在路口,是我们选择的时候了!向标准?还是向传统?对于事物的取舍需要分析事物的可发展性,与先进性。标准是主张代码标准而清晰,主张样式于数据的分离。从这一点上来分析:代码的清晰与标准化,是为了方便网站内的信息共享,也就是说代码清晰而标准的网站更加容易被收索引擎搜索得到,并且可以移植到其它显示设备中。而数据与样式的分离则表明网页制作的分工变得越来越清晰。美工只要专注与美学方面就可以了!制作人员只需要了解如何实现美工的作品,而程序员只要把代码与数据输出。光是这两点我们已经可以放弃传统模式了!更何况我们还可以省下购买Dreamweaver的钱!但是我们总是会碰上困难——开发速度!

要知道,我们以前的开发速度得益于我们对Dreamweaver的熟练,与我们对表格布局的了解,以及我们对细节的忽略。大家可以把以前的作品拿出来与设计图比较一下是不是很多地方“大小长短”都与一开始设计得不一样了?当然打击传统的弱点并不能让我放弃传统,我们需要拿出可以比传统制作方式更快,更精确,更易于管理的方法。而今天我就是来表述我的观点!

当我在开始学习标准之初我就在想着如何让我的工作量更加的少!减少没有必要的重复劳动,是美德。我发现我们制作网页在网页代码中我们有很多都是一样的!比如是头文件,有时我们的布局看来看去也只是那十几个布局方式,而我们所用的标签常用的也只有十几个,当我们对于布局认识之后我们对于XHTML的编排也有了更为清晰的认识。好了,看我是怎么做的:(提醒:就算我们是代码编辑者我们也需要一个很好的代码编辑工具。我用的是Editplus)

1、整理好一个标准的XHTML文件。这个文件里有DTD,HEAD,BODY等等,在HEAD中我们把每次都要填写的信息都加入其内,这个就是我每次生存网页的模板!

2、在Editplus中把一些常用的标签都事先制作放在Editplus的剪贴库中!

3、在Editplus中把一些常用的CSS也事先做好放在剪贴库中。

4、分析出常用的几种网页布局,然后制作成XHTML代码,存放在剪贴库中。

5、制作自己的CSS常用ID与CLASS名称集,最好全面一点。

6、在CSS中需要把常用的一些CSS命令制作成为合集,比如:“网页居中”,“横向导航”,“表单样式”等,在CSS中的BODY与的DIV的ID或是CLASS的CSS命令就合为一个放在剪贴库中。

在实际操作中还会有更多的可以减少的重复劳动,这就需要我们在工作之余去思考如何解决这个问题。同时我们还可以把代码尽可以写得相似,这样在我们移植到其它地方时这些代码依然可以不作修改地使用!

出处:蓝色理想
责任编辑:moby

◎进入论坛网站综合网页制作版块参加讨论

相关文章 更多相关链接
用css制作扑克牌
实时切换CSS样式
用GoLive实现CSS+DIV之二
[xml] xml ,xsl,css 之乱搞
用GoLive实现CSS+DIV之一
作者文章
系列:精品网站鉴赏
全网 本站 论坛
热门搜索:CSS Fireworks 设计比赛 网页制作 Dreamweaver Studio8 Flash
站点最新 站点最新列表
Photoshop照片调整—高级色调
Photoshop对照片做对比调整
[PS]如何选择“差值”的方式
详解渐变映射的创建
在Photoshop中调换通道的顺序
在Illustrator中绘制文件柜
在Illustrator中创建金属字
绘制精致金属边框水晶球按钮
David Drbal 卡通作品
JS代码的格式化和压缩
栏目最新 栏目最新列表
Photoshop照片调整—高级色调
Photoshop对照片做对比调整
[PS]如何选择“差值”的方式
详解渐变映射的创建
在Photoshop中调换通道的顺序
在Illustrator中绘制文件柜
在Illustrator中创建金属字
绘制精致金属边框水晶球按钮
JS代码的格式化和压缩
Fireworks打造残破照片边缘

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

本文现有 5 条评论 评分:- llllllllllllllllllll + 评分人数: 1 ,平均分: 2.00


小毅 Publish at 2006-5-12 0:48:08
这里有这篇文章的后续的实用内容:
www.blueidea.com/bbs/NewsDetail.asp?DaysPrune=60&lp;=1&id;=2253851

www.andymao.com/andy/post/28.html
taoyb Publish at 2006-3-23 11:29:14
传一份你使用的editplus中定制的文件吧..heihei
不仅为了聊 Publish at 2006-2-24 10:32:45
我也要,哈
fuguotao Publish at 2006-1-17 13:43:23
是好方法。传一份你使用的editplus中定制的文件吧,大伙可以更快
PorkFat Publish at 2006-1-16 18:56:17 评分2
赞,谢谢小毅
重复劳动总是让我很头疼,所以我会考虑你的方法来帮我解决效率的问题,呵呵:D
您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
《Flash第一步系列》
《交互设计之路》
《Dreamweaver 从基础到实践》
《色彩管理》
《网页设计专家门诊》
《情感化设计》
《GUI设计禁忌》