南京web前端开发课程培训

【适合对象】

1、年龄要求：20 周岁（含）以上；

2、学历要求：理工科大专（含大专）以上学历，非理工科本科（含本科）以上学历；

3、其他要求：具备计算机基本的基本操作、英语阅读能力即可。

【学习前景】

软件开发工程师、软件测试工程师、系统工程师、数据库工程师

【课程安排】

阶段（设计与软件技能）

Dreamweaver

讲解DW的人性化功能以及在页面架构和前端开发应用领域的使用技巧，html基础应用，入门，css样式表的应用，的管理和维护

Illustrator

广泛应用于出版、多媒体和UI图标界面设计的工业标准矢量插画的软件，印刷和Web网络创作的专业平台，针对Web和移动的改进、介绍多个画板、触摸式创意工具等新鲜特性

Fireworks

讲解FW在网页切片、图层、帧、gif动画、画布设置中的应用以及配合其他软件进行使用

Photoshop

熟练掌握PS在图像编辑、图像合成、校色调色及制作四大部分的技巧以及配合其他软件的应用

培训熟练掌握PS在图像编辑、图像合成、校色调色及制作四大部分的技巧以及配合其他软件的应用

第二阶段（web前端 PC端和移动端项目开发）

HTML标签

1.HTML5入门与简介

2.文本、图像、链接、表格、列表、表单、框架（iframe）等标签

3.HTML5新增的智能表单

4.HTML5新增的结构化标签

随堂项目：

1.文章页面的结构化布局。包括文章标题、正文、图片、页面背景、作者、发表时间等信息

2.利用table标签课程表的实现

3.利用form、input表单标签实现简单登录注册页面

CSS基础语法

1.CSS3语法规则

2.CSS3三种引入方式

3.标签的常见属性

4.CSS3中常见文字格式化处理

5.CSS3中常见颜色的表达方式

随堂项目：

一般导航栏的制作

CSS选择器

1.什么是CSS选择器

2.ID选择器、class选择器、元素选择器

3.伪类选择器、结构化伪类选择器、属性选择器、兄弟选择器、子元素选择器

CSS盒子模型

1.什么是和盒子模型

2.盒子模型的内容区、边框、内边距、外边距

3.知晓盒子模型各个属性的使用场景

随堂项目：

导航栏的制作，利用盒子模型拉开间距、hover效果添加后的内边距设定

浮动与定位

1.float的使用

2.利用clear 浮动

3.利用overflowfloat对于父容器的影响

4.position定位中的：static、fixed、absolute、relative的使用

随堂项目：

导航栏左右布局的定位、二级菜单的实现、回到顶部的按钮

响应式布局与页面优化处理

1.移动页面与PC端页面布局时候需要注意点

2.响应式布局的实现原理

3.各种浏览器对于CSS样式的支持情况

4.页面优化需要注意的地方

5.解决跨浏览器兼容性问题

随堂项目：

移动端的用户注册页面、PC端的用户注册页面。

实战项目

1.熟悉网页前端开发的完整流程

2.PS设计稿的切图操作

3.导航栏的设计与实现

4.二级菜单的设计与实现

5.网页布局中的排列技巧

6.商品列表的设计与实现

7.hover效果搭配阴影效果在网页设计中的使用技巧

8.列表在网页设计中的使用技巧

9.盒子模型的使用技巧

培训：

1.根据PS设计稿完成网页首页的代码编写

2.知晓整个团队开发协作流程能够独立的担任前端开发工作

核心语法

1.基础语法

2.的引入方式

3.中的对象、数组、变量

4.流程控制(if…else switch…case while for)

随堂项目：九九乘法表、闰年计算、谁是高富帅(if…else. Switch…case)

B0M与D0M操作

1.熟知浏览器中的对象B0M，并利用操作它

2.熟知文档对象模型D0M。并利用操作它

随堂项目：

网页时钟的制作、回到顶部

事件编程

1.的事件机制

2.常见的JS事件：单击、双击、移动、悬停、焦点的获取与失去、浏览器的关闭与加载

随堂项目：

1.选不中的按钮的实现

2.简单功能计算机的实现正则表达式、面向对象编程、错误处理

3.正则表达式的语法基础

4.利用正则表达式做字符匹配

5.面向对象编程

6.的处理处理机制