《网站开发技术》PPT课件 河北科技大学 曹树贵

 
课件内容： 
学习准备 
本章认识网站开发相关概念，如网页、url，能够安装配置网站开发工具，能够建立具有基本结构的页面，能够将建立的页面发布到远程虚拟主机上。 
1.1 前言 
1.2 网页概念与基本结构 
1.3 url构成 
1.4 网页设计工具 
1.5 网页虚拟主机发布 
HTML基础 
本章学习HTML的常用标记及属性，学生可利用常用标记及属性定义网页内容。 
2.1 HTML页面头部设置 
2.2 HTML页面主体设置 
2.3 HTML页面段落标记 
2.4 HTML页面文字标记 
2.5 HTML页面中的列表 
2.6 HTML页面中的超链接 
2.7 HTML页面中的图片 
2.8 HTML页面中的多媒体 
2.9 HTML页面表格及属性 
2.10 HTML表格行及单元格属性 
2.11 HTML表单控件（1） 
2.12 HTML表单控件（2） 
2.13 HTML表单属性 
2.14 HTML框架集 
2.15 HTML内联框架 
2.16 HTML页面DIV元素 
HTML5基础 
通过本章学习，学生可认识并能够使用HTML5新增的元素及属性。 
3.1 HTML5的新特性 
3.2 HTML5新增的主体结构元素 
3.3 HTML5新增的非主体结构元素 
3.4 HTML5新增的表单属性 
3.5 HTML5新增的input元素（1） 
3.6 HTML5新增的input元素（2） 
3.7 HTML5新增的其他表单元素 
3.8 HTML5对表单的验证 
3.9 HTML5新增的块级语义元素 
3.10 HTML5新增的行级语义元素 
3.11 HTML5新增的交互性元素 
3.12 HTML5新增的多媒体元素 
CSS3 基础 
本章学习CSS3概念、调用方法、语法基础、特性，通过学习，学生能够利用CSS3控制文字、段落、图片、表格、表单、列表样式。 
4.1 CSS概述 
4.2 CSS的调用方法 
4.3 CSS语法基础 
4.4 CSS3的高级特性（1） 
4.5 CSS3的高级特性（2） 
4.6 CSS3的继承特性和层叠特性 
4.7 CSS3控制文字样式 
4.8 CSS3控制段落样式 
4.9 CSS3控制图片样式 
4.10 CSS3控制表格样式 
4.11 CSS3控制表单样式 
4.12 CSS3控制列表样式 
4.13 CSS3制作网页菜单 
CSS+DIV技术 
通过本章学习，能够采用CSS+DIV技术进行网页布局。 
5.1 盒子模型 
5.2 盒子的定位 
5.3 多列布局 
CSS3控制网页整体效果 
通过本章学习，能够控制网页背景、边框样式，能够美化超链接、美化鼠标特效，提升网页显示效果。 
6.1 CSS3控制网页背景 
6.2 CSS3控制边框样式 
6.3 CSS3美化超链接 
6.4 CSS3美化鼠标特效 
JS基础 
通过本章学习，能够认识JS嵌入方式、输出方法、变量、数据类型、运算符，能够定义条件判断及循环结构语句。 
7.1 JS简介 
7.2 JS嵌入位置 
7.3 JS输出方法 
7.4 JS变量 
7.5 JS字符串与数值数据类型 
7.6 JS布尔类型和类型转换 
7.7 JS算数运算符与赋值运算符 
7.8 JS比较与关系运算符 
7.9 JS 选择结构 
7.10 JS多分支结构 
7.11 while循环 
7.12 for循环 
JS对象与函数 
通过本章学习，能够定义JS函数、对象、数组，能够合理使用JS字符串函数、日期函数、数组排序函数。 
8.1 JS对象 
8.2 JS引用数据类型 
8.3 JS函数定义 
8.4 JS函数参数 
8.5 JS函数返回值 
8.6 JS对象方法 
8.7 JS构造函数 
8.8 JS变量作用域 
8.9 JS字符串函数 
8.10 JS日期函数 
8.11 JS数组定义 
8.12 JS数组排序 
JS HTML DOM对象 
通过本章学习，能够正确访问、添加、修改、删除页面DOM元素 
9.1 DOM简介 
9.2 HTML DOM 方法 
9.3 HTML DOM属性（1） 
9.4 HTML DOM属性（2） 
9.5 HTML DOM访问（1） 
9.6 HTML DOM访问（2） 
9.7 HTML DOM实例1-表单验证 
9.8 HTML DOM元素修改 
9.9 HTML DOM实例2-图片切换（1） 
9.10 HTML DOM实例2-图片切换（2） 
9.11 HTML DOM 元素添加 
9.12 HTML DOM 元素删除和替换 
9.13 HTML DOM实例3-项目列表维护 
9.14 HTML DOM事件及动作定义方式. 
9.15 HTML DOM常用事件 
9.16 HTML DOM实例4-鼠标滑过效果 
9.17 HTML DOM实例5-删除链接 
JS Browser BOM对象 
通过本章学习，能够合理使用BOM对象对浏览器进行控制。 
10.1 BOM简介及navigator对象 
10.2 document对象 
10.3 links集合 
10.4 history对象 
10.5 location对象 
10.6 screen对象 
10.7 frame对象 
10.8 window属性 
10.9 window 对象弹出框 
10.10 window对象open及close方法 
10.11 window对象窗口改变方法 
10.12 window对象-定时器方法 
10.13 定时器实例—DIV移动 
10.14 定时器实例—图片自动切换