HTML5 网页设计

许舟鸿，男，1978年出生，福建晋江人，高级讲师，泉州市教育信息化应用专家库成员，泉州市信息技术学科骨干教师、教学能手。2001年7月毕业于华侨大学管理信息系统专业，2001年8月参加工作。获得全国职业院校技能大赛教师组一等奖、全国职业院校信息化教学大赛三等奖，多次指导学生参加职业院校技能大赛，在国赛、省赛均取得了较好的成绩，被评为省级优秀指导教师。现任福建省泉州华侨职业中专学校信息技术部主任，从事计算机专业课程教学。

项目一 HTML基础

【项目简介】

【学习目标】

【项目实施】

任务一 认识HTML

任务二HTML标签的使用

任务三 在Dreamweaver中编写HTML

【项目案例】

案例一制作简单的HTML页面

案例二 使用Dreamweaver CS6编写HTML文件

【项目小结】

【思考与练习】

项目二 HTML5构建网站

【项目简介】

【学习目标】

【项目实施】

任务一 认识HTML5

任务二 HTML5元素分类

【项目案例】

案例一检查浏览器是否支持HTML.5标签

案例二 创建第一个HTML文档

案例三 制作卡通类页面

【项目小结】

【思考与练习】

项目三 HTML5表单

【项目简介】

【学习目标】

【项目实施】

任务一常用表单元素

任务二表单高级元素

【项目案例】

案例一制作“在线下单”网页

案例二制作用户注册表单

【项目小结】

【思考与练习】

项目四 HTML5多媒体设计

【项目简介】

【学习目标】

【项目实施】

任务一HTML网页中的音频

任务二HTML网页中的视频

【项目案例】

案例一制作在线音频播放器

案例二自定义按钮实现视频的控制操作

【项目小结】

【思考与练习】

项目五CSS样式基础

【项目简介】

【学习目标】

【项目实施】

任务一认识CSS3样式表

任务二网页文本排版

任务三网页图文混排

任务四网页超链接设计

任务五常用列表样式

【项目案例】

案例一404页面的制作

案例二诗词鉴赏页面设计

案例三制作“创业人物”网页

案例四制作“李大大-众里寻他千百度”网页

案例五制作下拉菜单式导航栏

案例六 制作热门旅游攻略列表

【项目小结】

【思考与练习】

项目六 CSS3定位与布局

【项目简介】

【学习目标】

【项目实施】

任务一 初识div

任务二 CSS3定位

任务三 CSS3布局设置

【项目案例】

案例一淘宝导购菜单

案例二定位网页布局样式

【项目小结】

【思考与练习】

项目七 HTML5设计微网站

【项目简介】

【学习目标】

【项目实施】

任务一移动Web概述

任务二移动Web设计

【项目案例】

案例一手机端的用户登录/注册/刮刮卡

【项目小结】

【思考与练习】

项目八网站开发综合案例

【项目案例】

案例一儿童用品网上商店

案例二企业网站开发

案例三在线教育平台开发

参考文献

本书结合实例系统讲解了HTML5和CSS3技术中的基础理论知识，循序渐进，给读者奠定了一个扎实的基础。以项目为导向，以工作过程为框架，从职业岗位需求出发，分任务逐步讲述网页设计及制作的技术要点。语言通俗易懂，精美案例图文同步，涉及大量网页设计的丰富知识讲解，帮助读者深入了解网页设计。注重设计知识点和案例制作技巧的归纳总结，知识点和案例的讲解过程中穿插了代码使用技巧提示等，使读者更好地对知识点进行归纳吸收。