网页设计经验谈

所属分类: 网页制作 / 应用技巧 阅读数: 1767
收藏 0 赞 0 分享

  笔者曾经是一个网页设计的菜鸟,经过自己不断的摸索和实践,现在已经可以独立制作一个完整的静态站点,并且给学校的N(N>5)个部门、院系和外面的公司做网站,虽然不是一个完全意义上的Web Designer(网页设计师),但是完成一些要求不是很专业、不是十分完美的站点已经是小事儿了(嘿嘿,是不是有自吹自擂之嫌),自己心里已经是小有成就感了,所以自封为准Web Designer!
  自认为成长过程还算快,所以把本人的经历向大家介绍一下,给那些有志于此的朋友们一些参考意见。
相关文章:网页设计经验谈:自以为是的网页设计者
  循序渐进学知识
  先学一学HTML,找本自己能看懂的教材,浏览为主,不用记住所有的概念,只要记住使用原理就行了,这一阶段,估计三天就够了;然后用两天时间学CSS,方法同上;进而再花些时间了解一下JavaScript。
  然后就可以用记事本尝试写几个网页,记住这时千万不要用那些可视化工具,比如FrontPage、Dreamweaver(那些以后再学)。
  有一个提高自己“写网页”的捷径,就是上各大网站,把网页保存下来(什么?你说你不会保存网页?就是“文件→另存为”),然后打开保存下来的网页,点击右键→查看源文件,看看人家的网页是怎么写的,然后模仿他们的写法,不断规范自己的代码。嘿嘿,这个方法不错吧。先好好模仿一下吧。
  接下来该学一下Fireworks了。建议一开始就到网上找些实例教程,这些实例教程一般都介绍得很详细,跟着它一步一步做下来,每学会一个实例就掌握了几项操作,而且也有了自己的作品,很有成就感的,长期积累下来对自己的提高很有帮助。学Fireworks主要是学图片处理,比如加一些效果,还有很重要的就是切图,这对于初学者是很重要的。
  这时还可以结合Dreamweaver进行学习,你就可以体会到Dreamweaver和Fireworks的无缝集成了。利用这些工具多做几个网页,你就可以达到一定水平了。
  要是想让你的网页多一些炫目的效果,建议你学一下Flash,难度并不大,而且要是前面的JavaScript基础打得好的话,学到Flash中ActionScript时,你会有一种似曾相识的感觉,因为这两种语法几乎是一模一样的。
  到这时,相信你就可以真正领会到“网页三剑客”的威力了。
  在实践中不断提高
  要是每天能拿出两个小时来学习,完成以上这些学习估计只要20天就差不多了。要是天赋高的话(比如说像我这样的,呵呵),那需要的时间就更少了。接下来该实习了,找个地方锻炼一下自己,比如可以去一些公司干干兼职,或是给自己的单位设计一下主页等。
  最好是能进入一个正规的开发团队,你就会学会如何以团队合作的方式开发网站,特别是怎样和程序组合作,把页面与后台程序数据库配合起来。可能你会担心自己是新手,人家会嫌弃你,没关系,只要努力去找,总会有机会的。
  我特别感谢我们学校的学生在线网站给了我一个机会。有一天正赶上应聘,我拿着自己做的两个Flash作品就去了,没想到面试还通过了,于是我就这样有了在专业开发团队中实践的机会,通过自己的不断努力以及向高手的不断提问,水平飞快提高,两三个月后,就可以独立完成一些站点了,当然只是静态的。在此,我想指出,千万不要不好意思,不会就问,高手们是很乐意回答你的,而且你能向他请教,这本来就是对他的一种肯定,他会很高兴的,呵呵。
  到此,你就基本可以称作是一个“准Web Designer”了,不过要从根本上提高自己,最好去学学美术,这是当一个网页设计师的基本功。
  笔者刚开始做网页纯粹是自娱自乐,但在这个过程中,我逐渐开始深深喜欢上了这项工作。这个学习过程是人生的一笔宝贵财富,至少我是这么认为的。
更多精彩内容其他人还在看

sitemesh教程-页面装饰技术原理及应用

Sitemesh是一种页面装饰技术:它通过过滤器(filter)来拦截页面访问,据被访问页面的URL找到合适的装饰模板等等,感兴趣的朋友可以了解下哦
收藏 0 赞 0 分享

浏览器可以注册的事件小结

我们在网页制作中经常会用到浏览器事件,这里简单的整理下方便需要的朋友
收藏 0 赞 0 分享

从image/x-png谈ContentType(s)

今天在做一个文件上传的功能的时候,发现我总是上传不了png的图片。经过调试发现,应该是在ContentType的地方判断失误了。后来百度了一下发现一个有意思的现象,我发现png的图片的ContentType并不是我在注册表中看到的image/png,而是image/x-png
收藏 0 赞 0 分享

窗口中的各种距离/滚动距离的精确计算汇总

平时在项目开发中,没少跟边距,位置,坐标什么的打交道,悲剧的是,如果你对这些东西没有非常清晰的概念,编码的时候会非常痛苦,到处找资料寻求距离的精确计算,接下来本文提供一个示意他,希望对你有帮助
收藏 0 赞 0 分享

web的各种前端打印方法之CSS控制网页打印样式

使用CSS控制打印样式,握刚刚使用时一塌糊涂,根本不知道CSS中的midia的作用是什么,问到别人说导入这个样式,还傻乎乎的不知所措,接下来介绍CSS控制网页打印样式是如何实现的
收藏 0 赞 0 分享

响应式WEB设计学习(1)—判断屏幕尺寸及百分比的使用

现在移动设备越来越普及,用户使用智能手机、pad上网页越来越普遍,但是传统的fix型的页面在移动终端上无法很好的显示。因此,Ethan Marcotte提出一种响应式web设计的概念,响应式web设计的英文为Responsive Web Design,简写为RWD,感兴趣的朋友可
收藏 0 赞 0 分享

响应式WEB设计学习(2)—视频能够做成响应式吗

除了图片以外,还有一种常见的多媒体形式是视频。有时在web设计中,根据需要会在页面中加入视频,视频大小的自适应单靠CSS本身似乎是做不到的,感兴趣的朋友可以详细了解下
收藏 0 赞 0 分享

响应式WEB设计学习(3)—如何改善移动设备网页的性能

究竟是网页中的何种元素拉低了网页在移动设备中加载的速度呢?这些元素应该做何处理以提升页面在移动设备中的整体性能?是否存在一种设计模式可以同时满足移动端及桌面端的页面设计呢?带着这些疑问开始本文之旅吧
收藏 0 赞 0 分享

网页设计必备手册 216网页安全色大全

网页安全色是指在不同硬件环境、不同操作系统和不同浏览器中都能够正常显示的颜色集合(调色板或者色谱),也就是说这些颜色在任何终端用户的显示设备上都是相同的效果
收藏 0 赞 0 分享

网页设计中设计出有层次感的界面的经验介绍

很多网友常说自己的网站为什么色彩上总是有问题,总是看起来没什么精神,没办法吸引人注意。观察了一些网友们设计的网站发现他们在用色上不够大胆,同时也缺乏对色彩层次的理解。
收藏 0 赞 0 分享
查看更多