图片加载中...

图片加载中... 十五年IT教育机构

图片加载中... 软件定制开发
图片加载中... 导航

首页>课程中心

Web前端H5开发

Html5基础

HTML 快速入门、文本、图像、链接、表格、列表、表单、框架
了解html5的开发环境与浏览器的支持情况
测试软件的安装与使用技巧
新增的元素,删除的元素,改变的元素,调整的元素,标准化的元素
标签语义化及标签的默认属性特点,标签的常用用法
如何改造传统的html页面?
浏览器的兼容问题及解决方案
标签语义化及标签的默认属性特点
使用htnl5构造页面

CSS3基础

CSS 基础语法
CSS的通用选择器、元素选择器
CSS的id选择器、 class选择器
CSS的后代选择器、伪类选择器等
盒子模型与背景
文字样式、文本样式、列表及链接、表格、浮动与定位。

CSS3高级

CSS基础语法及html相关基础知识
CSS关于浏览器的前缀与兼容问题
CSS的通用选择器、元素选择器、id选择器、class选择器、兄弟选择器、属性选择器、后代选择器、伪类选择器、伪元素选择器等各种选择器
元素的圆角边框等圆角效果、制作正圆、半圆等。
颜色定义,如HSL,CMYK,HSLA and RGBA等。
设置元素透明度
元素背景图片铺设效果
文本的溢出隐藏效果、以省略号显示隐藏部分效果
文本折行效果,如强行截断英文单词、不允许字断开等文本折行设置
文本的字间距、空白符的合并与保留
页面的多栏布局 给元素添加阴影效果,如内阴影、外阴影等
用背景图片做边框,背景图片边框的分布
给元素添加多重背景图片
CSS线性渐变与径向渐变
设置文本阴影效果
文本字体的定制,字体的格式,字体定制的兼容性
CSS的颜色渐变效果
元素的变形处理,如旋转、缩放、倾斜、移动等动画效果
CSS的transition过度属性
CSS中的媒体
CSS3伸缩布局
CSS3动画
CSS Hack、CSS 优化

布局的兼容和技巧

总揽全局把握网站前台设计制作,让受训学员在真实项目操作中学习,思考、创新,所培训的内容都是企业需要的,从而摆脱了所学和所需严重脱轨的现象,解决了企业和学校之间需求矛盾,为企业培养合适的人才搭建了桥梁。 W3C标准,SEO搜索引擎优化;
CSS的各种样式,能够写出简洁的可重用的CSS样式表;
多种切图技巧,100%还原设计效果图并非依赖CSS-HACK技术;
经典站点的详尽解析;
附带网页背景音乐,在线QQ咨询的效果,网页视频的实现,与动态地图的实现
培养学生学会及提高网页整站制作、解决问题的能力,了解网站前沿技术和制作网站的整体流程。
掌握搜索引擎优化相关的知识,包括SEO基础、网站代码优化、URL优化、内链和外链..等。

阶段项目-pc端网站

所有页面完全兼容各浏览器,如:IE6. IE7. IE8. IE9. IE10. IE11. Firefox. Safari. Chrome. 360 Opera;
大首页、列表页与详情页
展示与交互特效
搜索
登录与注册
购物车

阶段项目-手机APP

移动端页面设计规范,兼容Android、ios系统
移动端切图
文字流式/控件弹性/图片等比例/特殊设计的100%布局
等比缩放布局
viewport/meta
rem/vw的使用
flexbox详解
移动 web特别样式处理(reset, 1px border, 高清图片)

阶段项目-响应式

兼容常见手机型号;pc的大屏幕 小屏幕; ipad的横屏、竖屏
媒体查询
常用断点
ftp上传测试

Photoshop应用

掌握Photoshop相关软件操作基础
以Photoshop软件为工具,讲解图层的深度解析、摄影后期的校色调色、影像创意与合成、滤镜效果及其应用、真实案例分析与制作。
了解网页设计基础、网页局部设计、例如banner图片设计、导航条设计
如何调整图片颜色
如何将工具和实际应用进行结合使用
图片处理、蒙板制作、网页中应用等设计。

Web界面设计流程

网站设计内容及纲要
定位网站主题
定位网站形象及网页设计发展趋势
网页主要构成模块
各个常见行业类型网站主流色彩
网站经典案例鉴赏
了解企业站、门户站、商城站等主要构成

banner的设计技巧 与修图的效果制作

banner的多种风格与案例分析,设计与制作技巧素养
banner多案例分析难点技巧演示
banner图片如何与文字进行结合,使之融为一体
banner图片针对于行业上色彩的选择和构成

网页设计标准与规范

网页设计中,字体使用选择,文字颜色选择,以及文字大小选择
在网页设计中,宽度高度与浏览器的结合度使用
设计网页时,需要注意到的一些问题,例如行业对于颜色的要求和区别
网页中标准商务用色、标准色系配比、例如,导航背景颜色和文字颜色的规范度设置等

JavaScript 基础

实现 包括:<script>位置与外部的 JavaScript等
语句 包括:.innerHTML,.write()
注释
变量及数据类型 包括:动态类型,数组,布尔,JSON
函数 包括:2种函数定义方式与1种假对象定义方式(js无法真正实现面象对像所以为假对象)
运算符 包括:算术运算符,数学运算符,比较运算符,逻辑运算符,条件运算符(三目运算符)
语法 包括:if...else,for,while,switch,try...catch
对象 包括:数字,字符串,日期,数组,逻辑,算数,正则表达式
window 包括:screen,location,history,navigator,popupalert,timing,cookies

DOM编程

DOM及DHTML的介绍
各种事件及事件处理程序的应用
窗口window对象的属性和方法
文档document对象的应用
location、body、form、screen等对象的使用
DOM获取元素方法:getElementById()、getElementsByName()、getElementsByTagName()
节点遍历的属性:firstChild、lastChild、childNodes、parentNode节点类型nodeType
DOM方式操作元素属性:getAttribute()、setAttribute()、removeAttribute()
动态创建DOM元素:createElement()、createTextNode()、appendChild()、insertBefore()
动态删除、修改DOM元素:removeChild()、replaceChild()

Jquery

JQuery 概述
选择器 包括:$(document),$("#myId"),$("a:first"),$("tr:odd")等
事件 包括:.click(),.bind()等
效果 包括: .fadeIn() .slideDown(),.animate() .stop()等
文档操作 包括:.html(),.append(),.removeAttr()等
文档操作 包括:.html(),.append(),.removeAttr()等
CSS操作 包括:.css(),.height(),.position()等
遍历 包括:.find(),.siblings(),.next(),.each()等
方法函数化,原生的window.onload,Jquery的 $()
原生与JQ——可以共存 例:$("#div1").html();document.getElementById("div1").innerHTML 原生与JQ——可以混用,不能跨界使用。如$("[name=checkbox]")[0].innerHTM混合使用可以,document.getElementById("div1").html()不可以
相邻元素查找 例如:$('div').next('p');等
链式操作例:$('div').find('h3').eq(2).html('Hello');
取值与赋值合体 例$("h1").html()
$("h1").html("Hello");有参数Hello,表示对h1进行赋值
强大的创建 $("li").html("www.baidu.com")
工具方法 构造函数上的方法 例 $.each([],function(){})
原型上的方法 例:$('div').each(function(){})
事件操作——独立事件 例 click()
事件操作——通用事件 例 bind()
事件操作——运动特效 例 fadeIn() slideDown()
事件操作——复杂运动特效 例animate() stop()

PHP基础

运行环境独立安装
PHP语言风格、变量和类型之间转换
PHP的运算符与表达式
PHP中的流程控制与函数
PHP数值处理函数
PHP中数组处理
PHP中的字符串处理函数
PHP正则表达式的应用

MYSQL

MySQL数据库的概述;
MySQL数据库安装及配置;
MySQL数据类型及MySQL运算符;
MySQL函数与常用SQL语句
MySQL索引,视图
MySQL数据库的安全、访问控制和权限

ajax

Ajax简介
Ajax工作原理
Ajax开发框架
Ajax web应用模式
创建对象XMLHttpRequest() Date()对象 Open()方法
Ajax在开发中的应用
Ajax 用户注册例子演示 节省用户操作,时间,提高用户体验
使用Ajax 传输获取数据 使用ajax获取某一文本文件的内容
AJAX交互式案例详解

阶段项目实战

360首页、京东首页、详情页
运动类动画:匀速运动、缓冲运动、加减速度动运、弹性运动、跳动效果、模拟其他物理运动
轮播幻灯片效果大全:平移、滑动、渐隐渐现、跳动、手风琴
菜单效果大全:仿 FLASH 式滑动菜单、联级无限扩展菜单、缓冲跟随菜单
仿桌面应用程序效果:任意扩展功能的放大镜、图片放大效果,磁性拖拽特效、淡入淡出效果等多种效果
彻底玩转网页特效、随心所欲制作各类网站交互效果
高手进阶--向jquery框架看齐:用面向对象和闭包开发的方式开发自己的JS框架
建立函数库,命名空间,对象直接量(命名参数)
原型对象
深入探讨JSON
JS中的封装、继承,闭包开发
开发一个类似jQuery的小型框架库,让自己的JS水平达到一个相当的高度

HTML5 高级

音频和视频处理
表单处理
表单验证
Geolocation API
Forms API
HTML5 拖放
Web Storage API
离线 Web 应用
Canvas、SVG
Chart.js 框架
Two.js 框架
项目实战

Bootstrap

响应式网页
Bootstrap 到底是什么
Bootstrap的文件结构
基本的HTML5模板
全局样式
默认网格系统
流式网格系统
容器布局响应式设计
排版、代码、表格、图片、表单、按钮、图标
缩略图、警示框、进度条、媒体对象、其他组件
过度效果
模拟框效果
下拉菜单
滚动监视器
可切换的标签页
提示条
弹出层
警示框
按钮
折叠框
传送带
预先输入
粘条

AngularJS

基础知识(ng-app,Modules,Controller,$apply,$watch)
指令(ng-repeat,ng-class,ng-show,ng-hide)
过滤器(date,limitTo,filter)
表单(NgModelController,表单验证)
服务(自定义服务,Angular提供的服务:$log,$timeout,$q,$http)
其他(Controller as 语法,安全的依赖注入方法)
directive(指令,组件)
ng-router
标准项目结构设计

NodeJS

NodeJS基础与NodeJS核心模块
NodeJS介绍
NodeJS环境搭建与入门
ES6在 NodeJS中的应用
CommonJS模块
fs与 path模块
stream
socket.io
http模块 API
URL模块
数据的本地存储

VUE.js

Vue.js基础
模块化
单文件组件
路由
与服务器通信
状态管理
单元测试
生产发布