网页制作技术

课程大纲

• 第1章Web设计基础
•     第1节理论 Web设计的基本原则
•     第2节理论_Web设计的基础概念
•     第3节实战 项目文件系统结构与切图问题

• 第2章HTML基本结构和CSS样式
•     第1节理论 HTML基本结构和CSS样式
•     第2节实战_meta标签和title标签的使用

• 第3章样式重置、版心区域设计和收藏模块设计
•     第1节理论_文字标签
•     第2节理论_图像标签与路径问题
•     第3节理论_background属性的使用
•     第4节理论_背景图像的设置
•     第5节实战_样式重置
•     第6节实战_版心区域设计和网页模块
•     第7节实战_样式文件创建与首页模块划分
•     第8节实战_收藏模块设计

• 第4章CSS浮动和LOGO层设计
•     第1节理论_盒子模型
•     第2节实战_设计header层样式
•     第3节实战_LOGO层的划分与浮动设置
•     第4节理论_CSS中的浮动与清除
•     第5节实战_LOGO图片的设计
•     第6节理论_表单元素
•     第7节实战_搜索层设计（上）
•     第8节实战_搜索层设计（下）

• 第5章列表、超链接和导航栏设计
•     第1节理论_列表
•     第2节理论_列表的应用
•     第3节实战_导航层设计
•     第4节理论_超链接的基本语法
•     第5节实战_导航层设计补充
•     第6节理论_超链接的伪类
•     第7节实战_超链接伪类的使用

• 第6章首页左侧分栏和右侧公告栏设计
•     第1节理论_层的显示和隐藏
•     第2节实战_首页主体部分结构分析与样式文件设计
•     第3节实战_左侧分栏基本框架设计
•     第4节实战_左侧分栏列表项设计
•     第5节实战_左侧分栏列表项完善
•     第6节实战_中部图片banner和右侧公告区的基本框架设计
•     第7节实战_商城公告层基本架构设计
•     第8节实战_商城公告层上部分设计
•     第9节实战_商城公告层完成

• 第7章CSS中的溢出、定位和首页轮播图样式设计
•     第1节理论_定位的基本概念与相对定位的应用
•     第2节理论_绝对定位、固定定位以及z-index的应用
•     第3节理论_溢出的概念及其应用
•     第4节实战_图片banner层的定位处理
•     第5节实战_图片banner层样式设计

• 第8章首页节日促销模块与每日团购模块设计
•     第1节实战_节日促销层的框架设计
•     第2节实战_节日促销层顶端的设计
•     第3节实战_节日促销层底端的设计
•     第4节实战_每日团购层的设计

• 第9章块级、行内元素的使用和疯狂抢购模块设计
•     第1节理论_CSS中元素的分类
•     第2节理论_行内元素与块级元素的区别
•     第3节理论_行内元素与块级元素的转换
•     第4节实战_疯狂抢购层的框架设计
•     第5节实战_疯狂抢购层的上端内容和样式设计
•     第6节实战_疯狂抢购层的下端内容和样式设计
•     第7节实战_疯狂抢购层的下端文字内容的溢出设计

• 第10章限时抢购模块和具体商品分类模块设计
•     第1节实战_限时抢购层的右侧品牌展的结构和样式设计（上)
•     第2节实战_限时抢购层的右侧品牌展的结构和样式设计（下）
•     第3节实战_家电通讯层左侧的样式和内容设计
•     第4节实战_家电通讯层左侧中部无序列表的设计技巧

• 第11章页脚模块设计和首页完成
•     第1节实战_页脚部分框架设计及技巧
•     第2节实战_页脚部分内容添加与样式设计
•     第3节实战_项目首页静态效果完成

• 第12章JS基础与HTML、CSS控制
•     第1节理论_JS入门
•     第2节理论_JS中常用的功能
•     第3节理论_JS获取网页元素
•     第4节理论_JS控制对象的CSS
•     第5节理论_JS控制HTML元素

• 第13章Tab切换和首页疯狂抢购模块的JS特效设计
•     第1节实战_Tab键切换效果的标签特效设计
•     第2节实战 疯狂抢购层下端的HTML结构和样式完善
•     第3节实战_疯狂抢购层下端的JS特效设计

• 第14章JS定时器的使用与JQuery基础
•     第1节理论_JS中的定时器的功能与分类
•     第2节理论_JS中定时器的清除
•     第3节理论_JQuery入门
•     第4节理论_JQuery的书写步骤
•     第5节理论_JQuery控制CSS
•     第6节理论_JQuery控制HTML

• 第15章首页轮播图设计
•     第1节实战_首页轮播图的结构和样式设计
•     第2节实战_首页轮播图右下方的切换按钮JS特效设计
•     第3节实战_首页轮播图按钮点击后的图片切换效果设计
•     第4节实战_首页轮播图自动播放效果设计
•     第5节实战_首页轮播图鼠标指针变化设计和其他JS效果调整

• 第16章各页面右侧的公共部分设计
•     第1节实战_公共部分的返回顶部按钮的结构和样式设计
•     第2节实战_公共部分的返回顶部按钮功能的HTML写法
•     第3节实战_公共部分的返回顶部按钮功能的JS代码设计
•     第4节实战_公共部分的在线客服模块设计

• 第17章服装城子页面结构划分与基本结构设计
•     第1节实战_服装城子页面的基本结构分析与大框架搭建

• 第18章服装城子页面详细设计
•     第1节实战_服装城子页面的详细设计
•     第2节实战_服装城子页面的页脚部分样式调整

• 第19章搜索子页面设计
•     第1节实战_搜索子页面的结构与样式设计

• 第20章商品详情页面基本结构设计
•     第1节实战_商品详情页面的结构与样式设计

• 第21章商品详情页面放大镜效果设计
•     第1节实战_商品详情页中放大镜效果设计原理介绍

• 第22章购物车页面基本结构设计
•     第1节实战_购物车页面基本结构分析

• 第23章购物车页面进度条设计技巧
•     第1节实战_使用JS处理进度条显示（上）
•     第2节实战_使用JS处理进度条显示（下）

• 第24章项目完善
•     第1节项目完善之超链接设计（text-decoration属性)
•     第2节项目完善之导航背景（JQuery设计）
•     第3节项目完善之图片悬停的提示文字（title属性）

• 第25章响应式设计入门及其原理
•     第1节理论_响应式概念
•     第2节理论_视窗口viewport
•     第3节理论_媒体查询
•     第4节理论_媒体查询案例演示

• 第26章项目回顾与总结
•     第1节项目总结

• 第27章bootstrap_入门(3节)
•     第1节bootstrap_概述
•     第2节 bootstrap_下载和引入
•     第3节bootstrap_移动设备优先和布局容器

• 第28章bootstrap_栅格系统(5节)
•     第1节 bootstrap_栅格系统_网格选项
•     第2节 bootstrap_列偏移和嵌套列
•     第3节 bootstrap_列排序
•     第4节 bootstrap_标题，副本和强调
•     第5节bootstrap_缩写，地址，引用和列表

• 第29章bootstrap_表单与表单组件(4节)
•     第1节bootstrap_表格
•     第2节bootstrap_表单布局
•     第3节bootstrap_表单控件，静态控件和表单控件状态
•     第4节bootstrap_空间大小，帮助文本和额外图标

• 第30章bootstrap_常用组件(12节)
•     第1节 bootstrap_字体图标
•     第2节bootstrap_图片
•     第3节bootstrap_辅助类
•     第4节bootstrap_响应式实用工具
•     第5节bootstrap_下拉菜单_默认情况
•     第6节bootstrap_对齐和标题
•     第7节bootstrap_下拉菜单_分割线和禁止按钮
•     第8节bootstrap_按钮组
•     第9节bootstrap_按钮下拉菜单
•     第10节bootstrap_输入框
•     第11节bootstrap_导航
•     第12节bootstrap_默认导航栏和响应式导航栏

• 第31章bootstrap_常用插件(20节)
•     第1节bootstrap_导航栏表单
•     第2节bootstrap_导航栏按钮
•     第3节bootstrap_文本，链接和对齐方式
•     第4节bootstrap_fix-top,static-top,inverse
•     第5节bootstrap_分页和面包式导航
•     第6节bootstrap标签，徽章和巨幕
•     第7节bootstrap_警告框,标题和缩略图
•     第8节bootstrap_进度条
•     第9节bootstrap_媒体对象
•     第10节bootstrap_列表组
•     第11节bootstrap_面板
•     第12节bootstrap+well
•     第13节bootstrap_模态框
•     第14节bootstrap_下拉菜单插件
•     第15节bootstrap_标签页插件
•     第16节bootstrap_提示工具(tooltip)
•     第17节bootstrap_警告框
•     第18节bootstrap_按钮插件
•     第19节bootstrap_折叠插件(手风琴)
•     第20节bootstrap_广告轮播图

• 第32章bootstrap_布局与弹性盒模型介绍(4节)
•     第1节流式布局
•     第2节弹性盒模型_概念介绍和第一个例子
•     第3节 弹性盒模型_align-items等
•     第4节弹性盒模型_direction,justify-content

• 第33章HTML5 与 Ajax (36节）
•     第1节开发环境搭建
•     第2节第一个html
•     第3节发起第一个Ajax请求
•     第4节html结构元素
•     第5节html表单
•     第6节登录和加载数据
•     第7节动态展示table数据
•     第8节html块级性标签
•     第9节iframe的与列表
•     第10节ajax自动更新的表格
•     第11节div布局
•     第12节自定义播放器
•     第13节拖拽功能
•     第14节新表单
•     第15节jquryA
•     第16节客户端表单验证a
•     第17节表单验证b倒计时器
•     第18节漂浮的广告
•     第19节执行顺序与闭包
•     第20节数组的应用
•     第21节省市级联的二维数组
•     第22节json格式
•     第23节动态添加的表单
•     第24节使用jqeasyUI_1
•     第25节使用jqeasyUI_2
•     第26节sessionStorage
•     第27节H5本地存储WebSQLAPI_1
•     第28节H5本地存储WebSQLAPI_2
•     第29节manifest离线缓存
•     第30节canvas
•     第31节绘制line
•     第32节连连看小游戏
•     第33节后台数据接口
•     第34节删除_1
•     第35节删除_2
•     第36节添加