网页制作案例教程

项目一 网页制作基础

任务1 Web基本概念

知识储备

1．认识网页

2．相关名词概念

任务2 网页制作入门

知识储备

1．HTML的发展

2．CSS简介

3．JavaScript

4．浏览器

任务3 网页制作工具

知识储备

项目总结

项目二 初识HTML5

任务1 HTML5概述

知识储备

1．HTML文档基本格式

2．HTML5语法

任务2 HTML5文本控制标记

知识储备

1．标题和段落标记

2．文本格式化标记

3．特殊字符标记

任务3 HTML5图像标记

知识储备

1．常用图像格式

2．图像标识

项目总结

项目三 CSS3网页美化

任务1 CSS基础

知识储备

1．CSS样式规则

2．引入CSS

3．CSS基础选择器

任务2 CSS控制文本样式

知识储备

1．CSS字体样式属性

2．CSS文本外观属性

任务3 CSS高级特性

知识储备

1．CSS复合选择器

2．CSS层叠性与继承性

3．CSS优先级

项目总结

项目四 网页界面布局设计

任务1 PS网页界面设计概念

知识储备

1．网页界面布局

2．PS网页设计

任务2 湖南高铁职院首页PS界面

设计

知识储备

1．色彩搭配

2．布局设计

3．内容清晰

4．banner广告

项目总结

项目五 列表、表格及表单

任务1 列表标记及应用

知识储备

1．无序列表

2．有序列表

3．自定义列表

任务2 表格标记及应用

知识储备

1．HTML表格

2．HTML表格边框属性

3．HTML表格表头

4．HTML表格标签

任务3 表单标记及应用

知识储备

1．HTML表单概述

2．表单实例

3．HTML表单输入元素

4．综合表单实例

项目总结

项目六 JavaScript网页特效

任务1 动态改变页面背景颜色

知识储备

1．JavaScript概述

2．在网页中调用JavaScript

任务2 登录页面验证功能

知识储备

1．JavaScript语法

2．JavaScript变量、数据类型、数组、表达式和运算符

3．JavaScript的函数

4．JavaScript对象

5．JavaScript语句

6．JavaScript的触发事件

项目总结

项目七 HTML5+CSS3高级应用

任务在线购物网站的制作

知识储备

1．在线购物网站网页组成的特点

2．在线购物网站的设计

项目总结

本书主要介绍使用HTML5+CSS3实现网站、网页的制作。主要包括以下几个方面：项目一初识HTML5、项目二HTML常用元素、项目三CSS3网页美化、项目四盒模型与网页布局、项目五JavaScript网页特效、项目六HTML5+CSS3高级应用和项目七网上商城网站设计。每个项目包含至少一个综合实训项目，以增强学生的实际操作能力。本书案例丰富，讲解详细，读者可以轻松学习；选取最新的流行工具软件，体现网页制作的前沿；突出应用能力培养，即学即用；可视化的实践环境，每位学习者均拥有自己的开放网站，学习效果完全可视。此外，集成题库的训练系统，使读者能够自我检测学习情况。