上海web前端教育网站

weB前端移动端开发

git版本控制

1.Git的简介 2.git常用命令 3.smartGit软件的安装使用 4.常用操作提交、推送、合并、回滚操作

HTML5 高级功能

canvas标签的使用、多媒体在网页中的使用、HTML5中的智能表单、HTML5中API的详解（定位、数据库存储）

随堂项目：利用智能表单实现注册页面、利用canvas绘制小星星、利用HTML5中新功能实现一个最近超市搜索页面。

CSS3 动画详解

CSS3的动画功能、CSS3新增选择器、弹性盒模型、服务器字体

随堂项目：利用CSS3动画绘制一个三维立体动态的导航栏。

webAPP开发

1.移动端页面的设计要求

2.HTML5动画的常见使用场景

3.多媒体在页面中的使用

4.商城项目首页、用户注册、登录、商品列表等页面的实现

web前端开发培训

适合人群：

零基础学员，想要转行web前端学员，刚毕业学生，想要提升个人技能

简介：

IT术语太专业听不懂?来这里，优就业用最通俗的语言告诉你什么是Web前端，用数据告诉你Web前端的就业前景，用实战案例带你入门Web前端。做IT教育，我们是认真的!

学习目标：

了解web前端行业趋势，知道web前端需要学习的知识及版块

课程详情：

一章 Web前端入门科普知识

1节 科普动画第二章 各模块试听

1节 什么是Web前端?

2节 Web前端案例解析及制作

常见的html标签（上）

常见的html标签（下）

网页中插入图片和链

Web前端制作粽子宝宝实例讲解

CSS3打造手风琴图片滑动特效

CSS3制造逼真的下雪场景动画特效【Web基础课程】

jQuery实现图片轮播效果【Web进阶课程】

Canvas模拟实现【Web进阶课程】

Java Script制作有趣的打地鼠小游戏【Web进阶课程】

web前端开发工程师 = XHTML+XML+CSS+JavaScript/ActionScript/AJAX

当然，上面的定义是针对大公司的，杯具的是中国互联网行业的大公司太少了，为了生存与生活，我们还要了解中小公司的需求：

web前端开发工程师 = XHTML+XML+CSS+JavaScript/ActionScript/AJAX+JSP|ASP|.NET|PHP+UI

也许你不一定要学这么多，但是如果全学会了，那你将可能成为真正的T型人才。 关于大公司和小公司哪个更好更适合的问题，这里就不讨论了。

“web前端开发工程师”也许不能令你大富，但至少算是一技傍身，可以保障你的生存和生活。 准备好了？那么你接下来要做的是就是：

1、准备好工具（Photoshop、Dreamweaver），推荐：Photoshop cs2、Dreamweaver cs4。

2、购买一本入门书籍，推荐：《HTML+CSS网页设计与布局从入门到精通》、《精通CSS+DIV网页样式布局》。

3、下载一个CSS2.0手册。

4、努力练习吧，你可能需要1-3个月的学习才能了解XHTML+CSS（有关HTML和XHTML的区别请百度查询）

web前端页面设计流程：设计网页效果图

设计网页效果图就是根据设计需求，对收集的素材进行排版和美化，给用户个布局合理、视觉效果突出的界面。在设计网页效果图时，设计师应该根据网站的内容确定网站的风格、色彩以及表现形式等要素，完成页面的设计部分。在设计效果图时往往要遵循一些相应的规范。

1. 适配主流屏幕分辨率

幕分辨率是指屏幕显示的分辨率，通常以水平和垂直像素来衡量。在设计网页时，页面的宽度尽量不要超过屏幕的分辨率，否则页面将不能完全显示(响应式布局页面除外)。

2、考虑页面尺寸和版心

设计师在设计网站时应尽量适配主流的屏幕分辨率。当下比较流行的屏幕分辨率包括1024×768px、1366×768px、1440×900px和1920×1080px等。2.考虑页面尺寸和版心页面尺寸就是网页的宽度和高度。版心是指页面的有效使用面积，是主要元素以及内容所在的区域。在设计网页时，页面尺寸宽度一般为1200~1920px，高度可根据内容调整设定。为了适配不同分辨率的显示器，一般设计版心宽度为1000~1200px。

3、页面中特殊元素的设计

特殊元素是指网页中包含的非系统默认字体、动态图、视频等。这些元素在制作效果图时都会以静态图片的形式展现。在视频界面中，通过视频的截图和播放图标组合静态图片表现视频画面。