为就业打好扎实的基础,掌握传统pc端网页布局和制作、掌握现在主流的页面制作技术, 可以完成微网站的制作,并可以做到多设备兼容。
针对初、高中毕业学生、在读大专、本科学生、、离职准备转岗人员。
对目前互联网流行的网页制作方法(Web2.0)HTML+CSS,以及各大浏览器兼容性有很大的了解。
对前沿技术(HTML5+CSS3)的基本掌握。
PS页面切图的技能掌握。
课程阶段 | 课程名称 | 课程内容 |
---|---|---|
HTML基础 | 了解HTML以及W3C标准 | 什么是HTML? |
HTML框架、HTML标签 | HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词,比如 <html> | |
Css基础 | Css基础语法与选择器 | CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。 |
Css盒模型 | CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式 | |
Css常用属性 | CSS背景 CSS文本 CSS字体 CSS链接 CSS外表 CSS表格 CSS轮廓 | |
Css定位 | CSS 为定位和浮动提供了一些属性,利用这些属性,可以建立列式布局,将布局的一部分与另一部分重叠,还可以完成多年来通常需要使用多个表格才能完成的任务 | |
HTML5 | HTML5 是下一代的 HTML | HTML5 将成为 HTML、XHTML 以及 HTML D0M 的新标准。 |
HTML 5 拖放 | 拖放是一种常见的特性,即抓取对象以后拖到另一个位置。 在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。 | |
HTML 5 Canvas | HTML5 的 canvas 元素使用 在网页上绘制图像。 画布是一个矩形区域,您可以控制其每一像素。 canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。 | |
HTML5 支持内联 SVG | SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失 SVG 是万维网联盟的标准 | |
HTML 5 Web 存储 | 在 HTML5 中,数据不是由每个服务器请求传递的,而是只有在请求时使用数据。它使在不影响性能的情况下存储大量数据成为可能。 | |
HTML 5 应用程序缓存 | HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。 应用程序缓存为应用带来三个优势: 离线浏览 - 用户可在应用离线时使用它们 速度 - 已缓存资源加载得更快 减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。 | |
CSS3 | CSS3 边框、背景、文本效果、字体 | 通过 CSS3,您能够创建圆角边框,向矩形添加阴影,使用图片来绘制边框 CSS3 包含多个新的背景属性,它们提供了对背景更强大的控制 CSS3 包含多个新的文本特性 通过 CSS3,web 设计师可以使用他们喜欢的任意字体 |
CSS3 2D转换 3D转换 | 通过 CSS3 转换,我们能够对元素进行移动、缩放、转动、拉长或拉伸。 CSS3 允许您使用 3D 转换来对元素进行格式化。 | |
CSS3 过渡 | 通过 CSS3,我们可以在不使用 Flash 动画或 的情况下,当元素从一种样式变换为另一种样式时为元素添加效果。 | |
CSS3 动画 | 通过 CSS3,我们能够创建动画,这可以在许多网页中取代动画图片、Flash 动画以及 。 | |
CSS3 多列 | 通过 CSS3,您能够创建多个列来对文本进行布局 - 就像报纸那样! | |
Photoshop软件使用 | 软件的基本操作 | 软件基本工具的使用基础快捷键的应用 |
设计标准 | 基于WEB用图片的尺寸图片格式的大小图片储存方法讲解 | |
设计原理 | 提高学员原创设计能力 | |
切图 | 将PSD文件制作成网页源代码 | |
需求编写 | 项目需求编写 | 了解项目需求分析、编写标准 |
就业面试技巧 | 面试技巧 | 面试模拟及技巧 |
以上就是web前端培训课程的全部内容介绍,如需了解更多的web前端培训班、课程、价格、试听等信息,也可以点击进入 web前端 相关频道,定制专属课程,开始您的学习之旅。
温馨提示
温馨提示