顶部
收藏

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


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

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

本书采用模块化的编写思路,将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.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.认识Dreamweaver CC
      • 2. HBuilder的快速开发技巧
    • 项目实训:智慧校园登录与教师应用门户策划
  • 任务2 网页的基本页面实现
    • 任务描述:运用HTML编写Web页面
    • 知识准备
      • 2.1 HTML5基础
        • 2.1.1 HTML5基本语法
        • 2.1.2 HTML5标签及属性
        • 2.1.3 HTML5文档头部<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.5 HTML5的全局属性
        • 3.5.1 contenteditable属性
        • 3.5.2 hidden属性
        • 3.5.3 spellcheck属性
        • 3.5.4 draggable属性
      • 3.6 综合实例:个人博客页面结构设计
    • 任务实施:使用HTML5新标签优化网页
      • 1.网页结构性元素分析
      • 2.应用结构性元素完善页面
    • 任务拓展
      • 1. <div>标签和<span>标签
      • 2. <div>、<section>和<article>的区别与使用
    • 项目实训:网站页面的分析与编写
  • 任务4 构建网站层叠样式表
    • 任务描述:使用CSS实现门户网站导航
    • 知识准备
      • 4.1 初识CSS3
        • 4.1.1 CSS3简介
        • 4.1.2 主流浏览器对CSS3的支持情况
      • 4.2 CSS的使用
        • 4.2.1 CSS样式设置规则
        • 4.2.2 CSS样式的调用
        • 4.2.3 CSS基础选择器
      • 4.3 CSS3选择器
        • 4.3.1 属性选择器
        • 4.3.2 关系选择器
        • 4.3.3 链接伪类选择器
        • 4.3.4 结构伪类选择器
        • 4.3.5 伪元素选择器
        • 4.3.6 UI元素状态伪类选择器
      • 4.4 CSS的继承与层叠
        • 4.4.1 CSS的继承性
        • 4.4.2 CSS的层叠性
      • 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.2 CSS3中新增的背景属性
        • 5.2.3 CSS3中新增的渐变属性
      • 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.3 CSS3新增属性
      • 6.3 元素的浮动与定位
        • 6.3.1 元素的类型与转换
        • 6.3.2 浮动属性(float)
        • 6.3.3 清除浮动属性(clear)
        • 6.3.4 元素的定位
        • 6.3.5 overflow溢出属性
      • 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.3 HTML5插入视频
        • 7.2.4 HTML5插入音频
      • 7.3 综合实例:花卉视频介绍
    • 任务实施:门户网站banner中的视频展示
      • 1. 任务分析
      • 2. 修改HTML结构代码
      • 3. 给video元素编写CSS代码
    • 任务拓展
      • 1. 通过网络URL地址调用网络多媒体文件
      • 2. 调用网页多媒体文件
    • 项目实训:使用CSS设计视频播放界面
  • 任务8 设计表单
    • 任务描述:智慧校园信息门户的登录页表单设计
    • 知识准备
      • 8.1 表单的基本概念
        • 8.1.1 表单简介
        • 8.1.2 表单的组成
      • 8.2 HTML5中新增的表单属性与元素
        • 8.2.1 新增的input输入类型
        • 8.2.2 新增的form属性
        • 8.2.3 input新增的属性
        • 8.2.4 新增的表单元素
      • 8.3 综合实例:用户注册页面的设计
    • 任务实施:智慧校园信息门户的登录页表单设计
      • 1. 任务分析
      • 2. 登录表单的HTML结构代码
      • 3. 给表单设计CSS样式
    • 任务拓展
      • 1. 表单边框的应用
      • 2. 文本域标签<textarea>
    • 项目实训:表单模仿设计
  • 任务9 运用特殊效果
    • 任务描述:交通示意图动画效果
    • 知识准备
      • 9.1 CSS3多列布局
        • 9.1.1 认识columns多列布局
        • 9.1.2 columns的其他属性
      • 9.2 CSS3转换
        • 9.2.1 transform简介
        • 9.2.2 常用的transform变形方法
        • 9.2.3 运用3D变形
      • 9.3 transitions过渡
        • 9.3.1 transitions功能介绍
        • 9.3.2 过渡属性的应用
      • 9.4 animation动画
        • 9.4.1 动画的基本定义与调用
        • 9.4.2 animation的其他属性
      • 9.5 综合实例:艺术照片墙
    • 任务实施:交通示意图动画效果
      • 1. 任务分析
      • 2.设计HTML结构代码
      • 3.使用CSS实现动画效果
    • 任务拓展
      • 1. CSS3 Animation动画库
      • 2. Animate跨平台动画库
    • 项目实训:母亲节礼盒
  • 任务10 运用JavaScript实现网页的交互
    • 任务描述:下拉菜单的设计与实现
    • 知识准备
      • 10.1 JavaScript概述
        • 10.1.1 JavaScript简介
        • 10.1.2 JavaScript的使用方法
      • 10.2 JavaScript数据类型、变量、数组、运算符和表达式
        • 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.2 window对象
        • 10.5.3 window的其他对象
      • 10.6 页面中元素的访问与属性的设置
        • 10.6.1 页面元素的引用
        • 10.6.2 读写HTML对象的属性
        • 10.6.3 表单及其控件的访问
        • 10.6.4 JS设置CSS样式的方式
      • 10.7 事件的指派与处理函数的编写
        • 10.7.1 事件的指派
        • 10.7.2 常用事件的类型
      • 10.8 文档对象模型
        • 10.8.1 初识文档对象模型
        • 10.8.2 DOM对象节点的类型
        • 10.8.3 DOM对象节点的基本操作
        • 10.8.4 DOM对象节点的创建与修改
      • 10.9 DOM节点对象的事件处理
      • 10.10 综合实例:工资表格的美化设计
    • 任务实施:下拉菜单的设计与实现
      • 1. 任务分析与实施思路
      • 2.下拉菜单的HTML结构
      • 3.样式设计
      • 4. 编写JavaScript脚本
      • 5. 项目应用
    • 任务拓展
      • 1. 表单验证
      • 2. JSON自定义对象
    • 项目实训:在线测试系统
  • 参考文献

相关图书