网页基础培训

爱 创 课 堂 布 置 前 端 课 程 线 路 图：

1、Web网页基础学习路线：HTML入门基本内容，CSS+DIV的基础知识，选择器，盒子模型，网页布局，Photoshop

2、Web编程基础学习路线：JavaScript基础，BOM和DOM模型，事件处理，jQuery，交互及动画，jQuery优质插件，文档处理，数组和对象操作

3、Web编程高级及全栈开发学习路线：JavaScript高级编程，jQuery插件开发，模块化组件开，AJAX，Express()，MongoDB，ElementUIl

4、响应式网站与项目自动化开发学习路线：HTML5，CSS3，响应式原理及布局，Bootstrap，前端依赖管理，CSS预处理语言（Less+Sass），Grunt/Gulp自动化构建工具

5、框架与项目管理学习路线：MVC、MVVM架构模式，VUE2，Webpack模块加载器&打包工具，React，Angular4

6、混合式移动及微信开发学习路线：React Native，微信小程序

我从2001年开始从事学做网页，完全是个人爱好，和自己专业相去甚远。2005年毕业从事专职网页设计工作，做过2年网站设计师，一年网页设计培训，先是美工程序都自己做，现在专业从事网站程序设计，通过自己走的路我把我的一些学习时的经验和你说说吧1、无论你将来用什么语言做网页，都要先学习HTML（超文本标识语言），一种很简单的语言，也是网页设计的基础，自学一般几天就可以学会，必须要学，尽管现在有三剑客这样的可视化的设计软件。2、掌握HTML以后，其实你就可以设计一些简单的静态页面了，再接下来就是学习可视化设计软件，比如网页三剑客中的DREAMWEAVER（推荐），和微软的FRONTPAGE，都是可视化的页面结构设计软件，可视化的意思，就是可以用软件中现成的按钮或选项来帮你快速制作网页，代码由软件代替你自动生成，可以大幅提高效率。3、页面设计学好以后，可以学习FLASH动画和PHOTOSHOP，都用得到。4、学完这些，恭喜你，你已经可以设计简单的网站了，但如果想工作，那还不行，因为现在大大小小的网站都是动态页面，需要学习动态设计语言和数据库知识。5、动态语言有很多，比如ASP、JSP、PHP、CGI等等，就不一一列举了，我自己现在用的是ASP和PHP，其中，相对来说ASP和PHP比较容易学习，小型网站多采用ASP，PHP可以通吃一切网站，建议学习PHP，可以根据你的具体情况选择学习。6、数据库：小型数据库主要有ACCESS、中大型有MYSQL、SQLSERVER和ORACLE，建小型网站简单学学ACCESS就可以了，如果建大型站，就要学后面3种了。建议学习PHP+MYsql组合，大中小型网站通吃，而且网站空间也好买。上面6个步骤学习完成你基本上就可以以网站为工作了，不过现在网络公司一般都是批量批量的做网站，他们不需要你美工和程序一起做，他们将做网页页面（PHOTOSHOP+Flash）的称为网页设计师，把专业做程序的叫程序设计师，例如我现在就是做PHP+MYSQL的，叫程序设计师，因为人的能力是有限的，让什么都自己做实在有些力不从心。不过一般建议大家都会一点，这样可以相互促进。好了，上面就谈谈学做网站的经验和建议，是我学习网站设计以后回过头再看网页制作学习的经验，也是看了一个同行在QQ问问里面的一篇回答后的总结，

做网站开发需要学习下面几个知识：1.至少要会i一种开发语言，如Java、php等。内2.学习数据库容，比如简单的Mysql。3.学习并掌握java等语言和数据库的结合运用，也就是jdbc技术。4.学习脚本语言javascript，并且结合html和css运用。5.学下简单的xml，可以方便你调试更改配置。6.学习servlet 服务器技术，搭配jsp或php。7.想让网站更完美，需要学ajax和jQuery，可以增强用户体验，和缩短开发时间。8.学习框架ssh（struts2，、hibernate、spring），这个可以极大简化你的代码。

第1阶段前端核心基础

第2阶段HTML5 + CSS3 + 移动端核心

第3阶段移动端

第4阶段服务器端

第5阶段JavaScript高级

第6阶段前端必备

第7阶段高级框架

第8阶段小程序

现在网页设计师的待遇不断提高，在各行业中名列前茅，吸引很多学子进入这行，而进入的途径或自觉，或者通过IT培训机构培训。但学习网页设计知识在于自己，那网页设计怎么学?

在网页设计中，我们主要通过视觉传达来表现主题。在视觉传达中，造型是很重要的一个元素。抛去是图还是文字的问题，画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里，是需要点、线、面的共同组合与搭配来构造整个页面的。

在资讯类网站中，文字是页面中最大的构成元素，因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的，通常我们将字体指定为宋体，大小指定为12px，颜色要视背景色而定，原则上以能看清且与整个页面搭配和谐为准。在白色的背景上，我们一般使用黑色，这样不易产生视觉疲劳，能保证浏览者较长时间地浏览网页。图片是网页中的重要元素。图片的优化可以在保证浏览质量的前提下将其size降至最低，这样可以成倍地提高网页的下载速度。利用Photoshop或Fireworks可以将图片切成小块，分别进行优化。输出的格式可以为gif或jpeg，要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg，而把那种只有单纯色块的卡通画式的小块优化为gif，这是由这两种格式的特点决定的。

网页的适应性是很重要的，在不同的系统上，不同的分辨率下，不同的浏览器上，我们将会看到不同的结果，因此设计时要统筹考虑。一般我们在800*600下制作网页，最佳浏览效果也是在800*600分辨率下，在其它情况下只要保证基本一致，不出现较大问题即可。

其实看似这么复杂的网页设计，并不复杂。北大青鸟是专业的IT培训机构，所教授的课程都是经过长期的市场调研，并合理设计，从基础学习，保证学会，完善的就业体系保证了学员的就业。