WEB前端:本课程将系统、全面讲解当代与未来下一代WEB前端开发技术,以“网站的开发流程”为主线,将WEB前端设计的多个岗位进行整合性的项目实战式教学,系统学习PHOTOSHOP、FLASH、DREAMWEAVER、XHTML、CSS2.0、JAVASCRIPT、JQUERY、AJAX ,等这些核心的Web前端技术,具备互联网交互设计能力;熟悉后端服务器运行环境和数据通信协议;掌握HTML5、CSS3、响应式布局框架、Bootstrap、AngularJS等最新的JS框架,掌握手机端响应式网站的设计与开发等等。
课程目标:通过学习学员将精通并胜任当代互联网前端设计岗位,掌握最主流的前端设计与开发技术,实现WEB前端学习与工作的无缝对接,学员毕业即高薪就业,成为胜任PC网站和移动网站的全能型WEB前端技术人才。
第一阶段 WEB设计概念与设计软件
Photoshop网页效果图设计软件
PS工具、菜单、滤镜、面板
照片的处理与美化工具、色彩调整
外挂、滤镜、动作
Flash网站中强大的动画软件,用于网页中的...
拼图练习、插入网页元素
表格美化、表单
框架、Iframe……
Flash网页矢量动画制作软件
动画的种类、对象的绘制
文字动画、遮罩动画、元件、场景
音频、视频、Action Script、发布...
网页效果图设计项目实战
PS调整与制作网页插图
网站色彩与框架
网站风格(淘宝、专题、网站三类美工)
网站与网页在浏览器中的实现
图片、文字、音频、视频、FLASH
页面拼版练习
各种浏览器的使用:Firefox……
网页矢量动画制作
BANNER广告、侧边栏广告
MTV、教学课件
视频嵌入、FLASH压缩……
第二阶段 网站策划及网页原型设计
各类网站的策划
行业网站、公司网站、团队机构类网站
艺术类网站、资讯类、电子商务
资讯类、个人主页……
网站设计图分析
素材整理与管理
网站主题、内容与插图的搭配
网站风格(淘宝、专题、网站三美工)
淘宝店铺与详情页设计
店铺运行流程的了解
活动图、轮播图、产品图设计
宝贝详情页的设计
对网站用户的沟通与分析
企业文化与网站内容的统一
深入了解客户需求分析
网站合同与报价……
网站专题设计
专题制作的流程与注意事项
专题的结构分析
专题风格的形成
网站后期维护与二次开发
了解用户需求
网站页面结构版块分析
网站前端技术整合性维护
第三阶段 XHTML及DIV/CCS学习
XHTML、基础常识
块级元素与行内元素
文本、图片、超级链接、表格、表单
滚动条设置、滤镜
CSS基础学习
选择器、文字、图片、盒子模型
超级链接样式、导航
CSS高级学习
网站的整站模仿
HTML结构与CSS布局
网站源码分析……
手写输入XHTML
TAB定位网页元素
编码规范与兼容性代码使用
手写实例静态网站
CSS中级学习
选定位与布局方法剖析
网页小结构及区块练习
CSS实战项目工程
行业网站、团队机构类网站、艺术类网站
资讯类、电子商务、资讯类、个人主页
第四阶段 服务器域名申请与管理,FTP与后台系统维护
网站服务器
空间、域名申请
域名绑定
后期付费与管理
FTP软件
网站上传
网站下载备份
常用软件版本
网站在线后台管理与维护
信息的增、删、改、查
新闻系统、会员系统、产品系统等
论坛与留言板管理等操作
第五阶段 JavaScript及JQuery学习
JS基础、js组成
变量、数组、JSON、流程控制
算术运算、BOM浏览器对象模型
DOW文档对象模型……
JS中级
匀速运动、缓冲、摩擦、链式、重力
运动的具体实现与XHTML、CSS配合
网页常用运动效果:轮播、菜单……
JS高级
正则表达式、AJAX
事件对象、COOKIE
面向对象的封装、继承、引用
JQuery初级
JQuery库文件的调用、配置
语法、选择器
BOM、DOW操作
JQuery中级
插件的引用
AJAX、事件对象
网页常用运动效果:轮播、菜单……
JQuery高级
核心与工具
与PHP后台程序的对接与配合
可视化数据显示
第六阶段 HTML5+CSS3.0+响应式网站
HTML5基础
概述、语法规则、新增标签和属性
拖拽列表拖拽异步上传文件\
多媒体组件、表单新功能、<svg>、<can...
CSS3.0基础
新增选择器、响应式布局、边框模型
背景模型、文本模型、颜色和透明度
用户界面、2D 转换、3D 转换
Bootstrap框架基础
响应式工具、栅格系统、表单、导航条
分页、标签、徽章、巨幕、媒体对象
列表组、面板使用、按钮与菜单……
HTML5项目实战
页面结构分析
网页结构布局与标签选择
博客、企业网站、电商网站结构布局
CSS3.0项目实战
与HTML5网页结构性标签整合练习
兼容性分析与调试
Bootstrap框架项目实战
响应式网站开发实战
Bootstrap手机端开发
博客、企业网站、电商网站……
第七阶段 WEB前端项目开发实战
策划+文案、UE设计
网站动、静态色彩搭配+企业文化定位
网站内容设计
动态展现效果
网站效果图的实现
网站的首页
网站的栏目页
网站的内容页
网站编码即XHTML、CSS排版
XHTML网站结构性标签的搭建
CSS网站样式
效果兼容性测试
Javascript、JQuery
网站行为的使用与布局
网站行为的配合与管理
效果兼容性测试
网站上传与内容填充
图片素材的搜集与分类管理
文字内容的整理
网站后台与数据库的填充
网站管理与维护、推广
了解SEO网站帐户推广
SEM免费推广基础知识
网站内容编审的方法与注意事项
第八阶段 毕业作品与素材整理
毕业设计指导与整理
需求分析与理解
分类订制
项目制作流程
毕业作品与素材管理
作品分类
作品描述
素材的搜集与分类管理
就业应聘技巧与职业规范
模拟面试过程
面试的技巧与个人目标制订
职业规范须知