上海哪里学网页前端好,HTML5培训
【学果网】课程咨询:张老师 手机:152-0198-6451
一、网页设计软件
1、Dreamweaver:讲解DW的人性化功能以及在页面架构和前端开发应用领域的使用技巧,HTML基础应用,快速入门,CSS样式表的应用,模板布局的使用技巧,如何管理网站并上传。
2、Fireworks:讲解FW在网页切片、图层、帧、gif动画、画布设置中的应用以及配合其他软件进行使用。
3、
photoshop:熟练掌握PS在图像编辑、图像合成、校色调色及特效制作四大部分的技巧以及配合其他软件的应用。
4、Illustrator:广泛应用于出版、多媒体和UI图标界面设计的工业标准矢量插画的软件,印刷和Web网络创作的专业平台,针对Web和移动的改进、介绍多个画板、触摸式创意工具等新鲜特性。
二、web整站设计实训
1、网站设计流程
与策划:网站设计流程,网站设计理念创新,网页结构图与原型图绘制等;如何从零开始策划一个网站,包括主题定位、栏目规划等,如何去策划盈利模式。
2、电商平台类
网站项目实训:商业案例实训如京东、小米等平台,重点学习网站整体架构设计、栏目规划、页面制作及系列产品总体界面风格设计,布局技巧及细节设计技巧,各类网页交互设计应用、响应式设计应用的展示。
3、企业类
网站项目实训:如苹果、腾讯企业类平台,重点学习页面主题设计如TOP部分设计,BANNER设计,产品页设计,新闻页设计,首页设计,类各设计技巧如网页的尺寸、页面的留白、图层与图像的关系、网页导航设计、字体的排版设计、广告条(banner)制作、正文内容的详细设计。
4、分类网站项目实训及阶段考核:教师指导你完成阶段设计作品,以备应聘时使用;从立案到素材、材料收集整理,再到风格定位、栏目规划,独立完成分类及个人网站设计,其中需容入不同的分类信息、作品等。
三、web前端移动端开发
1、HTML5
高级功能:canvas标签的使用、多媒体在网页中的使用、HTML5中的智能表单、HTML5中API的详解(定位、数据库存储)。
随堂项目:利用智能表单实现注册页面、利用canvas绘制小星星、利用HTML5中新功能实现一个最近超市搜索页面。
2、CSS3
动画详解:CSS3的动画功能、CSS3新增选择器、弹性盒模型、服务器字体
随堂项目:利用CSS3动画绘制一个三维立体动态的导航栏。
3、Bootstrap:bootstrap介绍、bootstrap的栅格系统、CSS样式、组件、bootstrap的
JAVAscript插件
随堂项目:利用bootstrap构建移动商城首页、用户注册、登录等页面。
4、webAPP开发:1.移动端页面的设计要求
2.HTML5动画的常见使用场景
3.多媒体在页面中的使用
4.商城项目首页、用户注册、登录、商品列表等页面的实现"
5、微信公众号
开发:a.是微信公众号项目开发的简介。b.微信公众号项目的官方文档与demo样例全解析。c.调用微信官方API接口函数。d.利用H5的新特性构建更富有表现力的活动页面。e.常见微信分享、投票、活动、抽奖页面的设计与实现。
网页前端知识分享之前端开发感悟:
UED 前端的技术价值,更多的体现在对交互的理解和视觉设计的还原上。
后端开发人员,不怕 JavaScript,甚至有不少人员的水平很不错,从代码的组织到实现,稍微培训培训,就能写好。兼容性问题,也能通过 kissy / yui / jquery 等类库来规避。
但要一个后端开发人员去根据设计稿,写出 HTML 和 CSS, 那简直是痛苦得要命的过程,impossible.
前端最近一两年,涌现的新技术中,HTML5 和 CSS3 等,是非常有利于 UED 前端的价值体现。可恨的是淘宝的大部分线上应用还受限于 IE6-8,缺少真实用武之地,这导致去研究去用的人非常有限,
这可能就是感觉前端发展慢的原因之一。
涌现的新技术中,有 CommonJS、NodeJS 等纯脚本技术,这些技术的提倡和研究者大部分自身就是后端开发人员,需要有服务器端的开发经验和领域知识。比如我认识一个 Java 工程师,
他想搞一个轻量级 web 开发框架,我给他推荐 express, 他立刻就能问出比较深刻的问题,并开始对 express 进行源码图解。seajs 也有类似的遭遇,我遇到喜爱 seajs 里人里面,后端开发居多。
这部分新技术,由于纯前端工程师缺乏相应的工作经验和领域知识,导致应用这些新技术时会遭遇屏障,这是感觉前端发展慢的原因之二。