WEB前端设计课程资料整理

《WEB前端设计课程资料整理》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、WEB前端设计师是什么?前端设计师是一个很新的职业，在国内乃至国际上真正开始受到重视的时间不超过5年。但是，随着Web2.0概念的普及和W3C组织的推广，网站重构的影响力正以惊人的速度增长。XHTML+CSS布局、DHTML像一阵旋风，铺天盖地地席卷而来，包括新浪、搜狐、网易、腾讯、淘宝等在内的各种规模的1T企业都对H己的网站进行了重构。在互联网的演化进程中，网页制作是Wcbl.O时代产物，那时网站的主要内容是静态的，用户使用网站的行为也以浏览为主。2005年以后，互联网进入Wob2.0时代，各种类似桌面软件的We

2、b应用大量涌现，网站的前端由此发牛了翻犬覆地的变化。网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是慕于祝b前端技术实现的。随着人们对用户体验的要求越來越高，前端开发的技术难度越來越人，前端设计师这一职业开发技术包括四个要素：图形设计、HTML、CSS和JavaScript,但随着市场的盂求发展，服务器端语言也将是前端开发设计师应该学握的。前端设计师既要与上游的交互设计师，视觉设计师和产品经理沟通，乂要与下游的服务器端工程师沟通，需要掌握的

3、技能非常多。这就从知识的广度上对前端设计师提出了要求。如果要精于前端开发这一行，也许要先精I•行。然而,全才总是少有的。所以,对于不太重要的知识,我们只需要“通”即可。但“通”到什么程度才是够用呢？对于很多初级前端设计师來说这个问题是非常令人迷惑的。重要的是前端开发的门槛其实非常低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。所以，对于从事1T工作的人来说，前端开发是个不错的初入点。也正因为如此，前端开发的领域有很多白学成“才”的同行，但人多数人都停留在会用的阶段，因为后面的学习曲线越来越陡

4、悄，每前进一步都很难。另一个方面，正如前面所说，前端开发是个非常新的职业，对一些规范和最佳实践的研究都处于探索阶段。总冇新的灵感和技术不是闪现出来,例如CSSsprite、负边距布局、栅格布局等;各种JavaScript框架层出不穷,为整个前端开发领域注入了巨大的活力；浏览器大战也越来越白热化，跨浏览器兼容方案依然是五花八门。为了满足“高可维护性”的需要，我们需要更深入，更系统地去掌握前端知识，这样才可能创建一个好的前端架构，保证代码的质量。第一阶段图形设计主讲：AdobeFireworks和AdobeFlash（

5、辅修：AdobePhotoshop）AdobeFireworks2、3、4、5、Fireworks简介Fireworks矢量图与位图Fireworks基础工具与运用Fireworks层与蒙版Fireworks网站实例工・【电影自习室】第三十期达芬奇入门知识以及基础功能■示波器V模板«=4-

6、3达芬忘入门知识基础功能•示波器WISE1.0互创业者大会幵誓式一顶级投牡9圳妙力・"bS—炉收务曲舉兰拷止工出外5?崔.山创业•乜力疔到£9人的W”i•骸尝・］域世卿・gQ专由光.联emAQ予去第或£4T拍.FW中頂去07挖珀

7、RffiF曲W昌1訂XEW七女友貝昼r®5ortn・2hez«an■jwmmuxz*三人行户外2014年员口山全线5?赳挑展极附0T在再审MSigJ巳探・山系的大壬山川段.位于RT可与io..±二力二才沪用力匸直•，人"oa*iir.djo^^r.^ri泌毕・忘:环白30公仝・口丰■57556*・处北小29•涪.44,忘经ir・一建冬忙屯匸£j：Ma汗何it4,.writWzmw：AOrir时千^14-iR-tlaME*•井;:T-tSSTHrR*：•曲㈡匕僻乂汩―彳Q杆*F功Fthb侏*忌而莊”9并网站效果图

8、AdobeFlashKAdobeFlash简介2、AdobeFlash基础工具与运用3、AdobeFlash时间轴介绍4、AdobeFlash动画设计5、AdobeFlash轨迹动画和遮罩动画6、AdobeFlash按钮制作7、AdobeFlash处理图形对象8、AdobeFlash音频处理.9、AdobeFlash基础代码10、AdobeFlash贺卡制作11、AdobeFlashMTV制作12、AdobeFlash导航制作Flash作品效果图第二阶段HTML语言主讲：HTML的基础语言一、什么是HTML语言HT

9、ML(HyperTextMarkupLanguage)是使川特殊标记來描述文档结构和表现形式的一种语言，［IlW3C(WorldWideWebConsortium)所制定和更新。我们可以用任何一种文本编译起来编辑HTML文件，因为它就是一总纯文本文件。HTML语言的基本结构卜湎我们來看一小段HTML语言的代码，來了解HTML语言的基本结构：