顶部
收藏

网页设计与制作(HTML+CSS+JavaScript)(第3版)


作者:
刘万辉 常村红
定价:
55.00元
ISBN:
978-7-04-056294-1
版面字数:
350.000千字
开本:
16开
全书页数:
暂无
装帧形式:
平装
重点项目:
暂无
出版时间:
2021-12-08
读者对象:
高等职业教育
一级分类:
计算机大类
二级分类:
计算机类
三级分类:
计算机应用技术

本书为“十三五”职业教育国家规划教材,也是国家职业教育软件技术专业教学资源库配套教材。

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

本书配有微课视频、课程标准、授课计划、授课用PPT、案例素材等丰富的数字化学习资源。与本书配套的数字课程“网页设计与制作”已在“智慧职教”平台(www.icve.com.cn)上线,学习者可以登录平台进行在线学习及资源下载,授课教师可以调用本课程构建符合自身教学特色的SPOC课程,详见“智慧职教”服务指南。教师也可发邮件至编辑邮箱1548103297@qqcom获取相关资源。

本书结构合理,内容丰富,实用性强,可以作为高等职业院校计算机类专业、商务类专业、艺术设计类专业的教学用书,还可以作为相关专业从业人员的自学用书。

  • 任务1网页策划起步
    • 任务描述:网站主页的策划与设计
    • 知识准备
    • 1.1网页设计的概念与术语
      • 1.1.1网页与网站的相关概念
      • 1.1.2网页设计相关的程序设计语言
    • 1.2网页设计流程
      • 1.2.1前期策划
      • 1.2.2网页制作
      • 1.2.3网页测试
      • 1.3HTML5概述
    • 1.3.1HTML5的发展历史
      • 1.3.2使用HTML5的5大原因
      • 1.3.3浏览器以及浏览器内核
    • 1.4编写第一个HTML5页面
      • 1.4.1HTML5文件的编写工具
      • 1.4.2HTML5文档的基本格式
      • 1.4.3使用HTML5编写简单的Web页面
    • 1.5综合实例:体验HTML5的页面特征
    • 任务实施:网站主页的策划与设计
      • 1.资料收集
      • 2.页面规划
      • 3.绘制页面草图
    • 任务拓展
      • 1.认识DreamweaverCC
      • 2.HBuilder的快速开发技巧
    • 项目实训:智慧校园登录与教师应用门户策划
  • 任务2网页的基本页面实现
    • 任务描述:运用HTML编写Web页面
    • 知识准备
    • 2.1HTML5基础
      • 2.1.1HTML5基本语法
      • 2.1.2HTML5标签及属性
      • 2.1.3HTML5文档头部<head>标签
    • 2.2文字与段落标签
      • 2.2.1标题与段落标签
      • 2.2.2文本的格式化标签
      • 2.2.3特殊字符标签
    • 2.3图像与超链接标签
      • 2.3.1图像标签<img>
      • 2.3.2超链接标签<a>
    • 2.4表格与列表
      • 2.4.1表格标签
      • 2.4.2列表标签
      • 2.5综合实例:书法家庄辉个人介绍
    • 任务实施:运用HTML编写主页的基本结构
      • 1.制作页面基本结构
      • 2.制作网站头部
      • 3.制作网站banner区域
      • 4.制作网站内容区域
      • 5.制作网站版权信息
    • 任务拓展
      • 1.<ruby>标签
      • 2.<mark>标签
      • 3.<cite>标签
    • 项目实训:企业招聘页面结构实现
  • 任务3运用HTML5的新标签
    • 任务描述:使用HTML5新标签优化网页
    • 知识准备
    • 3.1结构性标签
      • 3.1.1认知结构性标签
      • 3.1.2<section>标签
      • 3.1.3<article>标签
      • 3.1.4<nav>标签
      • 3.1.5<aside>标签
      • 3.1.6<header>标签
      • 3.1.7<footer>标签
    • 3.2分组标签
      • 3.2.1<figure>标签和<figcaption>标签
      • 3.2.2<hgroup>标签
      • 3.2.3<dialog>标签
    • 3.3页面交互标签
      • 3.3.1<details>标签和<summary>标签
      • 3.3.2<menu>标签与<command>标签
    • 3.4行内语义性标签
      • 3.4.1<progress>标签
      • 3.4.2<meter>标签
      • 3.4.3<time>标签
      • 3.4.4<video>标签和<audio>标签
    • 3.5HTML5的全局属性
      • 3.5.1contenteditable属性
      • 3.5.2hidden属性
      • 3.5.3spellcheck属性
      • 3.5.4draggable属性
    • 3.6综合实例:个人博客页面结构设计
    • 任务实施:使用HTML5新标签优化网页
      • 1.网页结构性元素分析
      • 2.应用结构性元素完善页面
    • 任务拓展
      • 1.<div>标签和<span>标签
      • 2.<div>、<section>和<article>的区别与使用
    • 项目实训:网站页面的分析与编写
  • 任务4构建网站层叠样式表
    • 任务描述:使用CSS实现门户网站导航
    • 知识准备
    • 4.1初识CSS
      • 4.1.1CSS3简介
      • 4.1.2主流浏览器对CSS3的支持情况
    • 4.2CSS的使用
      • 4.2.1CSS样式设置规则
      • 4.2.2CSS样式的调用
      • 4.2.3CSS基础选择器
    • 4.3CSS3选择器
      • 4.3.1属性选择器
      • 4.3.2关系选择器
      • 4.3.3链接伪类选择器
      • 4.3.4结构伪类选择器
      • 4.3.5伪元素选择器
      • 4.3.6UI元素状态伪类选择器
    • 4.4CSS的继承与层叠
      • 4.4.1CSS的继承性
      • 4.4.2CSS的层叠性
      • 4.5综合实例:门户网站导航设计
    • 任务实施:使用CSS实现门户网站导航
      • 1.任务分析
      • 2.编写页面通用样式
      • 3.添加<div>标签并编写样式表
      • 4.编写nav区域与链接样式
    • 任务拓展
      • 1.实际元素与伪元素的转化
      • 2.主流浏览器的兼容性处理
    • 项目实训:使用样式表美化网页页面
  • 任务5设置文本、背景与列表样式
    • 任务描述:美化门户网站导航与banner区域
    • 知识准备
    • 5.1文本样式设置
      • 5.1.1设置CSS的字体属性
      • 5.1.2文本属性
    • 5.2背景属性设置
      • 5.2.1基本的背景设置
      • 5.2.2CSS3中新增的背景属性
      • 5.2.3CSS3中新增的渐变属性
    • 5.3列表样式设置
      • 5.3.1定义列表的基本样式
      • 5.3.2列表布局实例
      • 5.4综合实例:电商产品分类列表展示
    • 任务实施:美化门户网站导航与banner区域
      • 1.任务分析
      • 2.编写页面<header>与<banner>的HTML结构
      • 3.编写页面基本样式与<header>区域样式
      • 4.编写页面<banner>区域样式
    • 任务拓展
      • 1.文本的word-wrap属性
      • 2.@font-face属性
    • 项目实训:使用CSS制作导航菜单
  • 任务6运用盒子模型布局网页
    • 任务描述:使用盒子模型布局网站页面
    • 知识准备
    • 6.1盒子模型
      • 6.1.1初识盒子模型
      • 6.1.2盒子模型的层次与宽高
    • 6.2盒子模型的常用属性
      • 6.2.1边框border属性
      • 6.2.2边距属性
      • 6.2.3CSS3新增属性
    • 6.3元素的浮动与定位
      • 6.3.1元素的类型与转换
      • 6.3.2浮动属性(float)
      • 6.3.3清除浮动属性(clear)
      • 6.3.4元素的定位
      • 6.3.5overflow溢出属性
    • 6.4综合实例:数字化教学资源平台网站布局
      • 任务实施:使用盒子模型布局网站banner部分
      • 1.任务分析
      • 2.编写页面<banner>区域HTML代码
      • 3.编写<banner>区域样式
    • 任务拓展
      • 1.页面主体区域的实现
      • 2.页脚区域的实现
    • 项目实训:运用盒子模型与定位布局企业网站
  • 任务7运用影音多媒体
    • 任务描述:门户网站banner中的视频展示
    • 知识准备
    • 7.1多媒体对象基本知识
      • 7.1.1视频格式
      • 7.1.2音频格式
    • 7.2插入多媒体对象
      • 7.2.1滚动字幕标签<marquee>
      • 7.2.2插入多媒体文件<embed>标签
      • 7.2.3HTML5插入视频
      • 7.2.4HTML5插入音频
    • 7.3综合实例:花卉视频介绍
      • 任务实施:门户网站banner中的视频展示
      • 1.任务分析
      • 2.修改HTML结构代码
      • 3.给video元素编写CSS代码
    • 任务拓展
      • 1.通过网络URL地址调用网络多媒体文件
      • 2.调用网页多媒体文件
    • 项目实训:使用CSS设计视频播放界面
  • 任务8设计表单
    • 任务描述:智慧校园信息门户的登录页表单设计
    • 知识准备
    • 8.1表单的基本概念
      • 8.1.1表单简介
      • 8.1.2表单的组成
    • 8.2HTML5中新增的表单属性与元素
      • 8.2.1新增的input输入类型
      • 8.2.2新增的form属性
      • 8.2.3input新增的属性
      • 8.2.4新增的表单元素
    • 8.3综合实例:用户注册页面的设计
    • 任务实施:智慧校园信息门户的登录页表单设计
      • 1.任务分析
      • 2.登录表单的HTML结构代码
      • 3.给表单设计CSS样式
    • 任务拓展
      • 1.表单边框的应用
      • 2.文本域标签<textarea>
    • 项目实训:表单模仿设计
  • 任务9运用特殊效果
    • 任务描述:交通示意图动画效果
    • 知识准备
    • 9.1CSS3多列布局
      • 9.1.1认识columns多列布局
      • 9.1.2columns的其他属性
    • 9.2CSS3转换
      • 9.2.1transform简介
      • 9.2.2常用的transform变形方法
      • 9.2.3运用3D变形
      • 9.3transitions过渡
    • 9.3.1transitions功能介绍
      • 9.3.2过渡属性的应用
    • 9.4animation动画
      • 9.4.1动画的基本定义与调用
      • 9.4.2animation的其他属性
      • 9.5综合实例:艺术照片墙
    • 任务实施:交通示意图动画效果
      • 1.任务分析
      • 2.设计HTML结构代码
      • 3.使用CSS实现动画效果
    • 任务拓展
      • 1.CSS3Animation动画库
      • 2.Animate跨平台动画库
    • 项目实训:母亲节礼盒
  • 任务10运用JavaScript实现网页的交互
    • 任务描述:下拉菜单的设计与实现
    • 知识准备
    • 10.1JavaScript概述
      • 10.1.1JavaScript简介
      • 10.1.2JavaScript的使用方法
    • 10.2JavaScript数据类型、变量、数组、运算符和表达式
      • 10.2.1数据类型
      • 10.2.2变量的命名与定义
      • 10.2.3变量的作用域
      • 10.2.4数组
      • 10.2.5运算符与表达式
    • 10.3程序控制结构
      • 10.3.1分支结构
      • 10.3.2循环结构
    • 10.4函数的定义与引用
      • 10.4.1函数的定义
      • 10.4.2函数的调用
      • 10.4.3用户类的定义
    • 10.5浏览器窗口对象
      • 10.5.1浏览器对象模型
      • 10.5.2window对象
      • 10.5.3window的其他对象
    • 10.6页面中元素的访问与属性的设置
      • 10.6.1页面元素的引用
      • 10.6.2读写HTML对象的属性
      • 10.6.3表单及其控件的访问
      • 10.6.4JS设置CSS样式的方式
    • 10.7事件的指派与处理函数的编写
      • 10.7.1事件的指派
      • 10.7.2常用事件的类型
    • 10.8文档对象模型
      • 10.8.1初识文档对象模型
      • 10.8.2DOM对象节点的类型
      • 10.8.3DOM对象节点的基本操作
      • 10.8.4DOM对象节点的创建与修改
    • 10.9DOM节点对象的事件处理
    • 10.10综合实例:工资表格的美化设计
    • 任务实施:下拉菜单的设计与实现
      • 1.任务分析与实施思路
      • 2.下拉菜单的HTML结构
      • 3.样式设计
      • 4.编写JavaScript脚本
      • 5.项目应用
    • 任务拓展
      • 1.表单验证
      • 2.JSON自定义对象
    • 项目实训:在线测试系统
  • 参考文献

相关图书