内容简介

　　《网页设计与制作（HTML+CSS+JavaScript）（第3版）》为“十三五”职业教育国家规划教材，也是国家职业教育软件技术专业教学资源库配套教材。

　　《网页设计与制作（HTML+CSS+JavaScript）（第3版）》采用模块化的编写思路，将HTML5、CSS3、JavaScript三方面内容分为网页策划起步，网页的基本页面实现，运用HTML5的新标签，构建网站层叠样式表，设置文本、背景与列表样式，运用盒子模型布局网页，运用影音多媒体，设计表单，运用特殊效果和运用JavaScript实现网页的交互等教学任务。每个任务的编写分为任务描述、知识准备、任务实施、任务拓展、项目实训5个环节。

　　《网页设计与制作（HTML+CSS+JavaScript）（第3版）》配有微课视频、课程标准、授课计划、授课用PPT、案例素材等丰富的数字化学习资源。

　　与《网页设计与制作（HTML+CSS+JavaScript）（第3版）》配套的数字课程“网页设计与制作”已在“智慧职教”平台（www.icve.com.cn）上线，学习者可以登录平台进行在线学习及资源下载，授课教师可以调用本课程构建符合自身教学特色的SPOC课程，详见“智慧职教”服务指南。教师也可发邮件至编辑邮箱获取相关资源。

　　《网页设计与制作（HTML+CSS+JavaScript）（第3版）》结构合理，内容丰富，实用性强，可以作为高等职业院校计算机类专业、商务类专业、艺术设计类专业的教学用书，还可以作为相关专业从业人员的自学用书。

　　内页插图

　　目录

　　任务1 网页策划起步

　　任务描述：网站主页的策划与设计

　　知识准备

　　1．1 网页设计的概念与术语

　　1．1．1 网页与网站的相关概念

　　1．1．2 网页设计相关的程序设计语言

　　1．2 网页设计流程

　　1．2．1 前期策划

　　1．2．2 网页制作

　　1．2．3 网页测试

　　1．3 HTML5概述

　　1．3．1 HTML5的发展历史

　　1．3．2 使用HTML5的5大原因

　　1．3．3 浏览器以及浏览器内核

　　1．4 编写第一个HTML5页面

　　1．4．1 HTML5文件的编写工具

　　1．4．2 HTML5文档的基本格式

　　1．4．3 使用HTML5编写简单的Web页面

　　1．5 综合实例：体验HTML5的页面特征

　　任务实施：网站主页的策划与设计

　　1．资料收集

　　2．页面规划

　　3．绘制页面草图

　　任务拓展

　　1．认识DreamweaverCC

　　2．HBuilder的快速开发技巧

　　项目实训：智慧校园登录与教师应用门户策划

　　任务2 网页的基本页面实现

　　任务描述：运用HTML编写Web页面

　　知识准备

　　2．1 HTML5基础

　　2．1．1 HTML5基本语法

　　2．1．2 HTML5标签及属性

　　2．1．3 HTML5文档头部标签

　　2．2 文字与段落标签

　　2．2．1 标题与段落标签

　　2．2．2 文本的格式化标签

　　2．2．3 特殊字符标签

　　2．3 图像与超链接标签

　　2．3．1 图像标签

　　2．3．2 超链接标签

　　2．4 表格与列表

　　2．4．1 表格标签

　　2．4．2 列表标签

　　2．5 综合实例：书法家庄辉个人介绍

　　任务实施：运用HTML编写主页的基本结构

　　1．制作页面基本结构

　　2．制作网站头部

　　3．制作网站banner区域

　　4．制作网站内容区域

　　5．制作网站版权信息

　　任务拓展

　　1．标签

　　2．标签

　　3．标签

　　项目实训：企业招聘页面结构实现

　　任务3 运用HTML5的新标签

　　任务描述：使用HTML5新标签优化网页

　　知识准备

　　3．1 结构性标签

　　3．1．1 认知结构性标签

　　3．1．2

　　标签

　　3．1．3

　　标签

　　3．1．4

　　标签

　　3．1．5

　　标签

　　3．1．6

　　标签

　　3．1．7

　　标签

　　3．2 分组标签

　　3．2．1

　　标签和

　　标签

　　3．2．2

　　标签

　　3．2．3

　　前言/序言

　　国家职业教育专业教学资源库建设项目是教育部、财政部为深化高职院校教育教学改革，加强专业与课程建设，推动优质教学资源共建共享，提高人才培养质量而启动的国家级建设项目。2011年，软件技术专业被教育部、财政部确定为高等职业教育专业教学资源库立项建设专业，由常州信息职业技术学院主持建设软件技术专业教学资源库。

　　按照教育部提出的建设要求，建设项目组聘请了中国科学技术大学陈国良院士担任资源库建设总顾问，确定了常州信息职业技术学院、深圳职业技术学院、青岛职业技术学院、湖南铁道职业技术学院、长春职业技术学院、山东商业职业技术学院、重庆电子工程职业学院、南京工业职业技术学院、威海职业学院、淄博职业学院、北京信息职业技术学院、武汉软件工程职业学院、深圳信息职业技术学院、杭州职业技术学院、淮安信息职业技术学院、无锡商业职业技术学院、陕西工业职业技术学院17所院校和微软（中国）有限公司、国际商用机器（中国）有限公司（IBM）、思科系统（中国）网络技术有限公司、英特尔（中国）有限公司等20余家企业作为联合建设单位，形成了一支学校、企业、行业紧密结合的建设团队。依据软件技术专业“职业情境、项目主导”人才培养规律。按照“学中做、做中学”教学思路，较好地完成了软件技术专业资源库建设任务。

　　本套教材是“国家职业教育软件技术专业教学资源库”建设项目的重要成果之一，也是资源库课程开发成果和资源整合应用实践的重要载体。教材体例新颖，具有以下鲜明特色。

　　第一，根据学生就业面向与就业岗位，构建基于软件技术职业岗位任务的课程体系与教材体系。项目组在对软件企业职业岗位调研分析的基础上，对岗位典型工作任务进行归纳与分析，开发了“Java程序设计”“软件开发与项目管理”等14门基于软件企业职业岗位的课程教学资源及配套教材。

　　第二，立足“教、学、做”一体化特色，设计三位一体的教材。从“教什么，怎么教”“学什么，怎么学”“做什么，怎么做”三个问题出发，每门课程均配套课程标准、学习指南、教学设计、电子课件、微课视频、课程案例、习题试题、经验技巧、常见问题及解答等在内的丰富的教学资源，同时与企业开发了大量的企业真实案例和培训资源包。

　　第三，有效整合教材内容与教学资源，打造立体化、自主学习式的新形态一体化教材。教材创新采用辅学资源标注，通过图标形象地提示读者本教学内容所配备的资源类型、内容和用途，从而将教材内容和教学资源有机整合，浑然一体。通过对“知识点”提供与之对应的微课视频二维码，让读者以纸质教材为核心，通过互联网尤其是移动互联网，将多媒体的教学资源与纸质教材有机融合，实现“线上线下互动，新旧媒体融合”，成为“互联网+”时代教材功能升级和形式创新的成果。