网页制作技术

课程大纲

• 第1章Web设计基础
•     第1节 理论 Web设计的基本原则
  视频名称:01理论 Web设计的基本原则.avi
•     第2节 理论_Web设计的基础概念
  视频名称:02理论 Web设计的基础概念.avi
•     第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节 添加

实验列表