课程简介
本课程以面向企事业单位网站开发及相关岗位任职能力培养为重点，基于“网站UI设计师”、“Web前端开发工程师”、 “HTML5开发工程师”、“网站运维工程师”等职业岗位要求，融入职业技能等级证书的主要考核内容。从网站设计开发岗位的实际需求出发，以实际企业网站开发的工作流程为主线，将典型的工作活动序化分解成为网页美工(含售前)、网站前端和网站后台(含框架)等三类具有递进关系的典型工作任务模块。
从需求分析、网页UI设计，网站前端到后台交互，本课程以网站开发岗位为主体，贯穿企业实际生产经营业务流程，注重构建岗位认知。学习者不仅可以学习常见的岗位职业技能，掌握构建一个完整的企业网站所涉及的各类技术，更重要的是理解及掌握实际工作中岗位间的协同。
从技术角度出发，本课程详细介绍了熟练使用PHOTOSHOP工具对网页效果图中的图标、控件、按钮、LOGO、 Banner、文字、网页导航、网页版式等内容的设计方法、基于WEB2.0的网页前端设计技术，包括HTML5标签设计网页元素、使用CSS3技术美化网页，盒子模型，结合HTML5+DIV+CSS3技术完成网页布局设计，响应式WEB页开发，使用JAVASCRIPT实现网站交互特效，以及使用PHP技术进行网站开发，PHP基本语法、PHP操作mysql数据库、新闻发布系统开发，最后还用具体实例展示企业网站建设综合案例的实施过程。
课程大纲
前言
前言 Web网站开发基本流程
网页UI模块 任务一 确定网页版式
网页UI模块 职业素养
知识点一 UI设计概述
知识点二 UI分类
知识点三 图形界面发展史
知识点四 让我们穿越吧
知识点五 未来UI新领域
知识点六 常用软件介绍
知识点七 网站的版式设计理论
知识点八 网页版式设计之大局观念
知识点九 网页排版布局应遵循的原则
知识点十 网页排版布局的基本类型
知识点十一 960网格模板的使用
网页UI模块 任务二 搭配网页颜色
知识点一 色彩的基本知识
知识点二 色彩的三要素
知识点三 色调
知识点四 色彩的特性
知识点五 色彩感觉
知识点六 色彩的对比与调和
知识点七 网页色彩搭配的原理
知识点八 网页色彩搭配方案
知识点九 复习关于色彩的几个要素
知识点十 单色搭配
知识点十一 相似色搭配
知识点十二 补色搭配
知识点十三 其它搭配
知识点十四 差异补色
知识点十五 什么是扁平化设计？
知识点十六 扁平化设计的原则是什么？
知识点十七 扁平化设计的技巧
知识点十八 扁平化设计配色方案
网页UI模块 任务三 制作其他网页元素
按钮设计 知识点一 按钮设计基本常识
按钮设计 知识点二 按钮设计原则
按钮设计 知识点三 按钮制作实例
LOGO设计 知识点一 LOGO 的定义和尺寸
LOGO设计 知识点二 LOGO 的表现形式和设计原则
LOGO设计 知识点三 LOGO 设计注意事项
LOGO设计 知识点四 LOGO 设计案例
Banner设计 知识点一 Banner 的定义和尺寸
Banner设计 知识点二 Banner 设计技巧
Banner设计 知识点三 Banner 的设计步骤
Banner设计 知识点四 Banner 构图参考
Banner设计 知识点五 Banner 设计案例
文字设计 知识点一 文字的设计原则
文字设计 知识点二 文字的组合
文字设计 知识点三 字体设计
文字设计 知识点四 文字编排设计
文字设计 知识点五 字体色彩设计
文字设计 知识点六 网页字体分析实例
导航设计 知识点一 导航简介
导航设计 知识点二 导航的设计原则
导航设计 知识点三 导航系统的分类
导航设计 知识点四 导航的形式
导航设计 知识点五 导航的方向
导航设计 知识点六 导航的位置
导航设计 知识点七 案例演示
图标设计 知识点一 图标设计的基础理论
图标设计 知识点二 36种图标概念设计的灵感来源
图标设计 知识点三 像素图标
图标设计 知识点四 剪影2D图标
图标设计 知识点五 扁平化图标
图标设计 知识点六 写实图标
图标设计 知识点七 3D图标
控件设计 知识点一 为何要有控件
控件设计 知识点二 常见控件元素
控件设计 知识点三 控件设计实例
图标设计-作业
前端模块 任务一 设计网站基本页面
前端模块 职业素养
知识点一：HTML5文档结构
知识点二：标题、段落、网页文本
知识点三：图片设计
知识点四：HTML5超链接
知识点五：HTML5列表
知识点六 ：HTML5语义化标签
前端模块 任务二 设计网站购物车、用户注册表单页面
知识点一：HTML5表格标记
知识点二：HTML5表格属性
知识点三：HTML5表单input标签
知识点四：HTML5表单其他标记
知识点五：h5表单交互与验证
前端模块 任务三 使用CSS3样式实现网站美化设计
知识点一 :CSS3基础语法
知识点二:CSS3文本样式、图片样式
前端模块 任务四 使用CSS3盒子模型、CSS3盒子的浮动与定位实现网页布局
知识点一 ：CSS3盒子模型
知识点二：使用CSS3盒子模型实现网页布局
知识点三： CSS3盒子的浮动
知识点四： CSS3盒子的定位
知识点五： 浮动定位综合案例
前端模块 任务五 使用超链接及列表css3样式实现网站导航菜单设计
知识点一：CSS3超链接样式
知识点二： CSS3列表样式
知识点三： 导航菜单设计
前端模块 任务六 网站响应式、交互式设计
知识点一：CSS3表单样式、用户注册表页面设计
知识点二 ：响应式WEB设计
前端模块 任务七 使用JavaScript实现网站客户端特效开发
知识点一：JavaScript实现伸缩式导航菜单特效
知识点二：JavaScript实现选项卡特效
知识点三 : JavaScript实现广告图片轮播特效
后台交付模块 任务一 实现PHP与WEB页面的交互
后台交付模块 职业素养
知识点一 搭建PHP网站开发环境
知识点二 PHP数据类型
知识点三 PHP常量、变量
知识点四 PHP函数
知识点五 PHP中IF语句、ELSEIF语句、 switch语句的应用
知识点六 PHP中while语句、for语句、foreach语句的应用
知识点七 数组的相关操作
知识点八 使用PHP访问WEB页面
知识点九 文件上传
后台交付模块 任务二 使用PHP操作MYSQL数据库
知识点一 Mysql 数据库基础
知识点二 PHPmyadmin图形化工具
知识点三 PHP操作mysql数据库
后台交付模块 任务三 应用ThinkPHP框架MVC设计模式制作实例
知识点一 ThinkPHP框架MVC设计模式及实例应用
企业网站综合实例（线上）
企业网站综合实例
前言 Web网站开发基本流程
网页UI模块 任务一 确定网页版式
网页UI模块 职业素养
知识点一 UI设计概述
知识点二 UI分类
知识点三 图形界面发展史
知识点四 让我们穿越吧
知识点五 未来UI新领域
知识点六 常用软件介绍
知识点七 网站的版式设计理论
知识点八 网页版式设计之大局观念
知识点九 网页排版布局应遵循的原则
知识点十 网页排版布局的基本类型
知识点十一 960网格模板的使用
网页UI模块 任务二 搭配网页颜色
知识点一 色彩的基本知识
知识点二 色彩的三要素
知识点三 色调
知识点四 色彩的特性
知识点五 色彩感觉
知识点六 色彩的对比与调和
知识点七 网页色彩搭配的原理
知识点八 网页色彩搭配方案
知识点九 复习关于色彩的几个要素
知识点十 单色搭配
知识点十一 相似色搭配
知识点十二 补色搭配
知识点十三 其它搭配
知识点十四 差异补色
知识点十五 什么是扁平化设计？
知识点十六 扁平化设计的原则是什么？
知识点十七 扁平化设计的技巧
知识点十八 扁平化设计配色方案
网页UI模块 任务三 制作其他网页元素
按钮设计 知识点一 按钮设计基本常识
按钮设计 知识点二 按钮设计原则
按钮设计 知识点三 按钮制作实例
LOGO设计 知识点一 LOGO 的定义和尺寸
LOGO设计 知识点二 LOGO 的表现形式和设计原则
LOGO设计 知识点三 LOGO 设计注意事项
LOGO设计 知识点四 LOGO 设计案例
Banner设计 知识点一 Banner 的定义和尺寸
Banner设计 知识点二 Banner 设计技巧
Banner设计 知识点三 Banner 的设计步骤
Banner设计 知识点四 Banner 构图参考
Banner设计 知识点五 Banner 设计案例
文字设计 知识点一 文字的设计原则
文字设计 知识点二 文字的组合
文字设计 知识点三 字体设计
文字设计 知识点四 文字编排设计
文字设计 知识点五 字体色彩设计
文字设计 知识点六 网页字体分析实例
导航设计 知识点一 导航简介
导航设计 知识点二 导航的设计原则
导航设计 知识点三 导航系统的分类
导航设计 知识点四 导航的形式
导航设计 知识点五 导航的方向
导航设计 知识点六 导航的位置
导航设计 知识点七 案例演示
图标设计 知识点一 图标设计的基础理论
图标设计 知识点二 36种图标概念设计的灵感来源
图标设计 知识点三 像素图标
图标设计 知识点四 剪影2D图标
图标设计 知识点五 扁平化图标
图标设计 知识点六 写实图标
图标设计 知识点七 3D图标
控件设计 知识点一 为何要有控件
控件设计 知识点二 常见控件元素
控件设计 知识点三 控件设计实例
图标设计-作业
前端模块 任务一 设计网站基本页面
前端模块 职业素养
知识点一：HTML5文档结构
知识点二：标题、段落、网页文本
知识点三：图片设计
知识点四：HTML5超链接
知识点五：HTML5列表
知识点六 ：HTML5语义化标签
前端模块 任务二 设计网站购物车、用户注册表单页面
知识点一：HTML5表格标记
知识点二：HTML5表格属性
知识点三：HTML5表单input标签
知识点四：HTML5表单其他标记
知识点五：h5表单交互与验证
前端模块 任务三 使用CSS3样式实现网站美化设计
知识点一 :CSS3基础语法
知识点二:CSS3文本样式、图片样式
前端模块 任务四 使用CSS3盒子模型、CSS3盒子的浮动与定位实现网页布局
知识点一 ：CSS3盒子模型
知识点二：使用CSS3盒子模型实现网页布局
知识点三： CSS3盒子的浮动
知识点四： CSS3盒子的定位
知识点五： 浮动定位综合案例
前端模块 任务五 使用超链接及列表css3样式实现网站导航菜单设计
知识点一：CSS3超链接样式
知识点二： CSS3列表样式
知识点三： 导航菜单设计
前端模块 任务六 网站响应式、交互式设计
知识点一：CSS3表单样式、用户注册表页面设计
知识点二 ：响应式WEB设计
前端模块 任务七 使用JavaScript实现网站客户端特效开发
知识点一：JavaScript实现伸缩式导航菜单特效
知识点二：JavaScript实现选项卡特效
知识点三 : JavaScript实现广告图片轮播特效
后台交付模块 任务一 实现PHP与WEB页面的交互
后台交付模块 职业素养
知识点一 搭建PHP网站开发环境
知识点二 PHP数据类型
知识点三 PHP常量、变量
知识点四 PHP函数
知识点五 PHP中IF语句、ELSEIF语句、 switch语句的应用
知识点六 PHP中while语句、for语句、foreach语句的应用
知识点七 数组的相关操作
知识点八 使用PHP访问WEB页面
知识点九 文件上传
后台交付模块 任务二 使用PHP操作MYSQL数据库
知识点一 Mysql 数据库基础
知识点二 PHPmyadmin图形化工具
知识点三 PHP操作mysql数据库
后台交付模块 任务三 应用ThinkPHP框架MVC设计模式制作实例
知识点一 ThinkPHP框架MVC设计模式及实例应用
企业网站综合实例（线上）
企业网站综合实例