文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | 免费看大片 | WPS | 杀毒软件
清风网络
首 页 软件下载 网络学院 数码学院
QQ 电脑入门 游戏 操作系统 图形处理 办公软件 媒体动画 精文荟萃 工具软件 网络编程 程序开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络学院网站建设经验技巧网页制作技巧:页面制作角色的思考
精品推荐
特别推荐
·最受欢迎的网管工具集
·ADSL登录是错误,出现691是什么意思
·网站建设中的常用代码
·Web搜索引擎设计和实现分析
·网页心得:网页色彩的搭配
·网页颜色搭配的技巧
·网站上传方法汇总
·最大限度优化博客文章
·基本的页面设计元素布局比例
·网站策划书实例
热点TOP10
·最受欢迎的网管工具集
·怎样制作网页?
·知道对方的ip地址,如何查具体物理地址?
·ADSL登录是错误,出现691是什么意思
·轻松去除视频中自动弹出网页
·网页心得:网页色彩的搭配
·网页设计心得:页面布局的简单规则
·网管员在日常维护局域网时的几点注意事项
·网站页面的均衡规划与选择
·网站上传方法汇总

网页制作技巧:页面制作角色的思考

日期:2007年10月9日 作者: 查看:[大字体 中字体 小字体]


自己现在的岗位是页面制作,由于种种历史的原因,页面制作这个岗位不怎么被人重视,觉得这份工作很简单,没什么难度。或者很低级,没有自己的想法,只是把设计稿变成了网页。不涉及编程,不涉及设计,没有自己的想法,很可能在某些公司被开发或者设计人员兼任着。

到底页面制作这个岗位在做什么?能做什么?做到了什么?凭自己的想法和经历,整理了一下,见下图:

网页制作技巧:页面制作角色的思考

我是从四个方面去考虑的

第一:用户

面对用户,我需要做的当然是完全的还原ui稿给用户,也就是把UI稿做成网页呈现给用户。而准确的说是呈现交互和视觉感受,交互逻辑,信息构建和视觉设计,这个的重要性最高,也是必须完成的。呈现的平台就是可以解析网页的软件,需要呈现的平台是存在产品用户的那部分平台,更多的是Windows下的IE5.5,IE6.0,IE7.0,少量的Firefox,Opera,后两个浏览器没有限定版本,因为他们可以很容易更新。支持到最新版本即可。

其次是附加的用户体验,网页的打开速度很重要,如何减少文件和图片的字节,如何根据流量去批量加载文件,整合css文件和图片,降低http连接数,网页内容是文本呈现(看似很白痴的一点,可是有些网页真的把正常网页能呈现的文字放在图片中)。链接的动态表现形式,鼠标划过,点击后的等效果(UI稿不会有的),表单的可用和易用,如焦点,表单字体颜色,大小,下拉表单的分组等,优先显示重要内容,也就是html中写在前面。需要长时间阅读的文字可支持缩放。再就是一些对于我不是很重要的部分,想亲和力,可转化为pdf格式,有需要打印的可打印,异状处理,像图片没加载有信息提示,样式没加载的内容可读性等等

第二:信息数据

海量的网站和网页,诞生了信息的检索和筛选工具,那就是搜索引擎,而且搜索引擎已经成为用户上网找资源的一个必用工具,面向搜索引擎的关键字排名优化是很有必要的,IBM技术文档的数据说明大概有30%的访问量是来自搜索引擎的。

搜索引擎排名优化的关键是内容,也就是上面提到的信息构建,如何提供有价值的而且易于访问的内容。手段是HTML编码——搜索引擎信息数据的来源,爬虫可以轻松的获取html中重要的信息数据,如<title>,<meta>部分的描述,关键字,标题<hx>,加重强调<strong>,而且网页前200单词中关键词出现的频率对这个关键词的排名的影响很大。

页面制作人员这个方面需要做的事情就是合理的使用html标记,遵循标记的语义,将表现元素和结构分离,提炼title和meta部分的内容,将重要内容放在代码的前面,给用背景呈现的重要信息提供隐藏的替代文字,防止JS输出重要内容(如导航)。如果有SEO人员,剩下的就交给他们了,如果没有自己适当的承担。

第三:开发者或者是开发流程

你的网页是要交给开发的,开发根据产品的功能进行开发,包括一部分的前台脚本。你的网页是否方便开发人员加程序(表单验证,分页的数据等),这也是需要思考和做到的,还有特殊表现方式的处理,如鼠标划过事件相应,tab切换,下拉菜单,浮出层,拖拽等动态交互效果。特殊的字符处理(如特殊字符换行,防止长字符撑大容器的截字处理)。

面对产品需求的临时变更,版本迭代的变更,也要做到可以容易的应对和维护,开发模式和效率上需要思考代码的复用和多人协同开发。

第四:成本

流量和服务器是成本,你可以做到部分的降低这些成本,减少文件的字节,减少连接数和并发连接数。

页面制作和web标准

虽然《网站重构——designing with web standards》提到web标准涉及结构,表现,行为的分离,WAI(网站内容可访问性)可是大部分的读者和推广者还是更多的在结构和表现上面学习和实践着,我也在图上用关联线段标明了结构,表现与以上四点的一些关系,结构更多的是面向信息数据的,表现更多的是面向还原UI稿的,当然不是很准确,本身结构也是UI稿的一部分,可以说是将UI稿分成了结构和表现两个部分。

以上四个方面开看,这个岗位不是传统认为的那么简单和可替代性,从语言的角度要求必须熟练掌握两种语言html和css,以及当前的浏览器版本,浏览器类型和设备对这两种语言的兼容性。其次是性能优化的方法和SEO的知识,再次是开发效率的提升。如果有哪位开发或者UI想兼职它,我也不介意,可能您的能力的确够强。

而我期待的是这样一个岗位,web前台开发,网页制作和前台Javascript脚本开发。第一更有挑战性,第二时代的要求,富客户端的要求,前台脚本越来越重要,越来越复杂。第三,岗位更具不可替代性。

(出处:清风网络学院






上一篇:Photoshop简单制作立体相框非主流签名效果

下一篇:blockquote标签应该怎样使用?

相关文章:
·电脑高手的140个电脑技巧
·Photoshop制作效果逼真的哈蜜瓜
·网站赚钱的四个技巧
·为什么iexplore.exe在打开网页时CPU使用会100%?
·CorelDRAW文字排版的技巧
·太阁立志传4 攻略及技巧
·由浅入深学习Flash制作高射炮游戏
·新出QQ技巧十六招
·水晶图片制作方法
·传授追女孩之技巧之新手篇
相关软件:
·暗黑破坏神 2:毁灭之王 1.10S极品属性装备制作器
·家常菜制作集锦(1)
·启动光盘制作完全手册(菜鸟先飞 图文教材系列)
·Dreamweaver 网页设计
·photoshop cs 超梦幻网页创意宝典
·电脑技巧精彩文章一百篇
·中文版Excel 2003实例与技巧
·Photshop照片润饰技巧
·灵豚课件制作工具——课件精灵v1.0 beta
·摄影技巧与欣赏

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.viphot.com
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.viphot.com All Rights Reserved. 鄂ICP备05000083号Powered by:viphot