一年一度的网页设计大赛即将拉开序幕，开始展示自己能力水平的时刻也终于来临！
那么，你可否已准备好迎接它了呢？发挥自己的才能，锻炼自己的能力，提高自己的创意，推展自己的思维……开始尽情的大展身手吧！
对于十八届的网页设计，为了让大家能够大放光彩，今天，小壹特意的为大家准备了关于其的十足“干货”，赶紧来瞧一瞧吧!
首先，咱们来谈谈网页设计!
网页设计三大类
一般分为三大类：
功能型网页设计（服务网站B/S软件用户端）
形象型网页设计（品牌形象站）
信息型网页设计（门户站）
大家可以根据设计网页的目的不同，选择不同的网页策划与设计方案！
自学网页设计教程：网页前端三剑客
壹
HTML教程
作为网页前端三剑客的第一位，HTML是所有学习网页设计的人都需要首先学习的内容，可以上网搜索“HTML教程”，如图所示，出现的结果中，可以通过菜鸟教程等自学网页设计。
贰
CSS教程
CSS是网页前端三剑客的第二位，同样也是网页设计的学习者都必须要学习的内容，可以在网上找菜鸟教程里面的CSS教程。
叁
JavaScript教程
JavaScript是网页前端三剑客的第三位，同样也是网页设计学习者的必学内容，可以在网上找菜鸟教程里面的CSS教程，也可以找其他的。
除了上面三大教程学习之外，对于初学者来说，通过视频学习也是很不错的，毕竟网上免费的视频教程也是很多的哦，小伙伴们可以自己查找观看！B站和百度搜索都是不错的选择……
通俗化
1、先学HTML，找本自己能看懂的教材，浏览为主，不用记住所有的概念，只要记住使用原理就行了，这一阶段，估计三天就够了；然后用两天时间学CSS，方法同上；进而再花些时间了解一下JavaScript。2、用记事本尝试写几个网页，记住这时千万不要用那些可视化工具，比如FrontPage、Dreamweaver（那些以后再学）。3、有一个提高自己“写网页”的捷径，就是上各大网站，把网页保存下来（什么？你说你不会保存网页？就是“文件→另存为”），然后打开保存下来的网页，点击右键→查看源文件，看看人家的网页是怎么写的，然后模仿他们的写法，不断规范自己的代码。
4、接下来该学一下Fireworks了。建议一开始就到网上找些实例教程，这些实例教程一般都介绍得很详细，跟着它一步一步做下来，每学会一个实例就掌握了几项操作，而且也有了自己的作品，很有成就感的，长期积累下来对自己的提高很有帮助。学Fireworks主要是学图片处理，比如加一些效果，还有很重要的就是切图，这对于初学者是很重要的。
5、还可以结合Dreamweaver进行学习，你就可以体会到Dreamweaver和Fireworks的无缝集成了。利用这些工具多做几个网页，就可以达到一定水平了。6、要是想让你的网页多一些炫目的效果，建议你学一下Flash，难度并不大，而且要是前面的JavaScript基础打得好的话，学到Flash中ActionScript时，你会有一种似曾相识的感觉，因为这两种语法几乎是一模一样的。到这时，相信你就可以真正领会到“网页三剑客”的威力了。
简单的小实践例图
除此之外，这几个创意网页设计例子的推荐，你必将不容错过！
1.IndiaMayHome
（电商类网站）
主要交互效果：图片切换效果。
IndiaMayHome是一个为顾客提供购买家居装饰，长衫，旅行配件，珠宝，摩洛哥油和异国香味蜡烛的创意网页设计模板。网站的图片画质清晰，图片切换效果方便顾客更好地浏览商品及折扣信息。
2.LeMugs
（餐饮类网站）
主要交互效果：图片切换，滚动区悬浮按钮，点击切换页面。
LeMugs是一个法国餐饮网站，清晰的图片画质和明亮色彩的搭配让网站高大上十足。流畅的页面滚动和点击切换页面效果，让顾客能够一览食物和餐厅特色。
3.Gizmo
（服务类网站）
主要交互效果：点击切换页面。
Gizmo是一个关于房地产租售服务的网站，主页背景动图可以自动切换。为了引导用户浏览更多信息，主页底部可以点击箭头图标切换至更多网页信息页面。
4.Entreprenorsgtan
（租售信息类网站）
主要交互效果：字体滚动效果。
Entreprenorsgtan是一例商务办公区租赁类的创意网站设计欣赏，除了主页背景动图之外，中间的滚动字体也是一大亮点。
5.TeatrLalka
（节目类网站）
主要交互效果：图标晃动，右上角关闭弹出。
TeatrLalka是唯一一例TV/戏剧秀创意网页设计模板，网站首页跳动的木偶和弹出面板中的小图标呈现的是满满Drama风。
6.VTMangazine
（杂志类网站）
主要交互效果：鼠标点击显示图片。
VTMangazine是一个极具视觉冲击的杂志网站，网站以时尚图片为主。在交互方面，大量采用鼠标显示图片的方式带来有趣的用户体验。充分利用好这种交互效果，也能实现千变万化的创意网页设计！
7.CarpeDiem
（酒店类网站）
主要交互效果：图片轮播。
CarpeDiem作为一个度假酒店的创意网页设计模板，除了上述的弹出菜单等交互元素，图片轮播也是其不可或缺的组成部分。图片精致且具有创意的图片轮播设计，帮助顾客快速全面地欣赏酒店的美景从而完成下单操作
8.HumbertPoyet
（房屋租赁类网站）
主要交互效果：图片滚动，文字飞入效果。
HumbertPoyet是一个集酒店、住宅、餐厅和零售业务为一体的创意网站设计模板。除了页面纵向滚动，文字飞入也是其交互中的一大亮点。
当然，除了上面小壹所罗列的网站之外，还有很多优秀的网站，大家可以自己多去挖掘探索，相信你们一定会找到更多惊喜的小发现！
有了这些小干货的分享，那么，对于这次的18届网页设计大赛，你们可否准备好了呢？赶紧报名参加吧！
中科白癜风微博中科白癜风微博