通过学习,了解网页布局的方法,制作出不同类型(个人,公司,企业,商业,旅游)网站设计方式即格局的表现;实现网站重构,制作出符合行业网站规范的网页。学完后能从事网站的美术设计、页面开发制作、界面设计、流媒体设计等工作。
课程介绍:
一、网页样式与布局课
Web样式与布局:网页结构进行认知,了解切片与网页结构间的逻辑关系,学习符合W3C标准的HTML网页框架制作技术,包括结构标签,学习网页样式表现方法,使用CSS对网页进行细节美化
1)HTML简介、基本结构、编辑工具、常用标签、W3C标准;
2)CSS结构、语法、样式表分类、优先级、块元素、选择器;
3)图形、图像软件的使用(PS);
二、网页样式与布局课
Web样式与布局:了解特殊布局的实现技巧,了解浏览器基本发展情况,浏览器的兼容,SEO基本常识
1)各种浏览器兼容性以及处理方式;
2)垂直居中,水平居中的处理方式;
3)雪碧图处理,滑动门处理及高宽自适应等高级应用技术;
4)CSS预处理器LESS框架的使用;
5)CSS组件框架编写。
三、HTML5与CSS3基础应用课
了解HTML的发展历史,熟悉HTML5的文档结构,熟悉HTML5特性与CSS3新特性,媒体查询实现简单的响应式布局.
1 中文非主流字体--外部资源(有字库)
2 增加伪类选择器: nth-of-type
3 codepen页面结构搭建精简;
4 增加响应式理论知识:优缺点,设计原则, 视口, 断点选择
5 做一个移动端的简易网页;
1)HTML5核心元素及布局应用;
2)CSS3 复杂选择器(包括兄弟选择器、属性选择器、伪类和伪元素选择器等)
四、Web界面多平台项目实训课
完成PC端整站与移动端项目的开发,包括浏览器兼容性等知识点的补充。
1 增加3d景深案例 :transform-style, perspective,perspective-origin;
2 京东页面,只带练有特色的部分, 对于重复性的结构,作为练习晚间独立完成;
3 一个移动端的页面(响应式: em rem ),表格;
1)2D/3D 转换(包括移动、旋转、倾斜和缩放、视点的定义和使用)、过渡、动画;
2)CSS Hack、CSS 优化、浏览器兼容性。
五、Javascript语言基础语法课
计算机程序基础,认识网页交互原理,深入讲解Javascript基本语法,了解DOM事件、属性、样式,学习js变量、函数(参数、返回值)、判断语句、运算符、表达式等。
1)了解什么是JavaScript;
2)了解JavaScript如何使用及运作原理;
3)掌握JavaScript的理论体系结构;
4)掌握JavaScript基本语法;
六、Javascript交互原理与应用课
鼠标、键盘事件,事件对象,默认事件,事件冒泡,元素的移动拖拽操作,模块封装及前端工程化开发1)掌握事件,事件原理;
2)掌握JavaScript基本的制作方法;
Javascript内置对象应用课BOM基础,取模运算,DOM元素的创建、删除、插入等,节点操作,事件,事件委派,
深入讲解javascript内置对象(字符串对象、数组对象、日期对象、数学对象等)1)掌握BOM的用法;
2)掌握原生DOM操作的用法;
3)掌握JavaScript内置对象(如Array、String、Date、JSON、Math、RegExp);
七、JavaScript运动框架应用课回调函数,自运行函数,正则表达式、面向对象基本知识,详细讲解javascript运动框架及实例、javascript运动框架及实例。
我校在该区域有多个校点,可先预约免费试听课,满意再考虑是否学习:(发送姓名+课程+所在地区到老师手机,即可获得离您较近校区的免费试听信息)
◆24小时咨询热线:183-2170-6027 QQ:106-4557-212 ◆赶紧预约免费享受体验课程!