网页制作技术-2020年

课程大纲

• 第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章bootstrap
•     第1节 bootstrap入门

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

实验列表