多伦多 六六网  www.66.ca

 找回密码
 立即注册

扫描二维码登录本站

搜索
查看: 281|回复: 0

网站设计都用什么技术,什么软件?

[复制链接]

升级   66.95%

615

主题

615

帖子

2339

积分

金牌会员

Rank: 6Rank: 6

积分
2339
发表于 2021-4-30 09:37:02 | 显示全部楼层 |阅读模式

网站设计可以分为几个阶段:
原型设计阶段
编码阶段
测试阶段
原型阶段
原型设计阶段的任务就是根据用户的需求描绘出页面的草图。这时候最为有效的工具其实就是铅笔和纸。当然,也有一些比较不错的原型设计工具,比如balsamip, mockingbird 等。 当然,传统的平面设计工具在这个阶段也有帮助,比如Photoshop等。
关于原型设计工具的问题,stack overflow有一个详细的讨论:
参考:http://stackoverflow.com/questio ... i-prototyping-tools
编码阶段
在完成了基本的效果图设计后,就需要将相应的设计效果转换为html , css和JavaScript,这时候,常用的工具有Dreamweaver, expressionblender 等。但亦有不少前端工程师在这个阶段就会采用文本编辑器,比如vim, textmate来实现原型。
由于CSS是一个与视觉效果密切相关的要素,因此在CSS的设计方面,有大量所见即所得的辅助设计工具,
比如这个网站: http://css3.mikeplate.com/ 就可以用于在线生成 css样式
另外,网站设计和前端逻辑一般来讲是不能完全分离的,对于前端设计师来说,掌握基本的JavaScript知识是需要的,如果能够熟练地掌握一种基本的js框架,比如jquery那就更好了
测试阶段
由于众所周知的原因,目前主流的某一知名浏览器经常有着与其他浏览器截然不同的表现。作为一个认真的前端工程师,你应该还要掌握跨浏览器兼容性测试的技术和工具。
要理解每一个浏览器的css/html 实现上的差异,以及如何使用工具进行检测。
比如:http://browsershots.org/ 在线的兼容性测试工具
关于网页设计的更多信息,
欢迎致电:416-230-1816
微信:newbarryc

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

联系电话:647-830-8888|多伦多六六网

GMT-5, 2021-5-11 06:21 AM , Processed in 0.063131 second(s), 25 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表