南京网站制作公司

当前位置: 网站首页 - 新闻动态 - 安优观点 -

新书推荐丨《HTML5+CSS3+JavaScript网页设计与制作案例教程》

发布时间:2024-09-02

来源:

教材信息


HTML5+CSS3+JavaScript网页设计与制作案例教程

主编:王丽芬 邵雪 叶静宇

开本:大16开

印刷方式:双色

页数:328

出版社:上海交通大学出版社

书号:978-7-313-29801-0

定价:59.9


内容提要


本书共8个项目,每个项目对应HTML、CSS、JavaScript相关知识。项目1介绍网页网站设计的基础知识,项目2介绍HTML5基础知识,项目3介绍CSS格式化网页,项目4介绍盒子模型对网页模块的划分,项目5介绍网页中的列表和超级链接,项目6介绍网页中的表格和表单,项目7介绍网页中的视听技术,项目8介绍JavaScript编程。

本书适合作为高等学校前端开发课程的的教材,也可供相关人员参考。




教材目录


上下滑动查看

项目1 网页网站设计基础

  1.1 网页和网站基础

    1.1.1 网页的基本构成要素

    1.1.2 网页的相关名词

    1.1.3 Web标准

  1.2 网页设计原则

    1.2.1 以用户为中心

    1.2.2 视觉美观

    1.2.3 主题明确

    1.2.4 内容与形式统一

  1.3 网页设计规范

    1.3.1 配色原则

    1.3.2 设计尺寸规范

    1.3.3 字体规范

    1.3.4 命名规范

  1.4 网站制作流程

    1.4.1 确定网站主题

    1.4.2 网站整体规划

    1.4.3 收集素材

    1.4.4 设计网页效果图

    1.4.5 搭建网站静态页面

    1.4.6 网站发布

  1.5 网页制作技术入门

    1.5.1 HTML

    1.5.2 CSS

    1.5.3 JavaScript

    1.5.4 常用开发工具

  1.6 创建第一个网页


项目2 HTML5基础

  2.1 HTML5概述

    2.1.1 HTML5的发展历程

    2.1.2 HTML5的优势

    2.1.3 HTML5语法

    2.1.4 HTML5文档的基本格式

    2.1.5 HTML文档头部的相关标签

  2.2 标签基础

    2.2.1 标签的分类

    2.2.2 标签的关系

    2.2.3 标签的属性

  2.3 文本标签

    2.3.1 标题标签

    2.3.2 段落标签

    2.3.3 水平线标签

    2.3.4 换行标签

    2.3.5 文本样式标签

    2.3.6 文本格式化标签

    2.3.7 特殊字符

  2.4 图像标签

    2.4.1 常见图像格式

    2.4.2 图像标签 

    2.4.3 绝对路径和相对路径

  2.5 动手实践


项目3 CSS格式化网页

  3.1  CSS3介绍

    3.1.1 认识CSS3

    3.1.2 CSS样式规则

    3.1.3 CSS基础选择器

  3.2  CSS设置文本样式

    3.2.1 CSS字体样式属性

    3.2.2 CSS文本外观属性

  3.3 CSS3 新增选择器

    3.3.1 CSS3选择器

    3.3.2 CSS3的层叠性和继承性

    3.3.3 CSS3优先级

  3.4 动手实践


项目4 网页网站设计基础

  4.1 盒子模型

    4.1.1 认识盒子模型

    4.1.2

标签

  4.2 盒子模型相关属性

    4.2.1 边框属性

    4.2.2 内边距属性

    4.2.3 外边距属性

  4.3  背景属性

    4.3.1 设置背景颜色

    4.3.2 设置背景图像

    4.3.3 设置背景图像平铺

    4.3.4 设置背景图像位置

    4.3.5 综合设置元素背景

  4.4 元素的转换

    4.4.1 元素的类型

    4.4.2 标签

    4.4.3 元素类型的转换

  4.5 浮动和定位

    4.5.1 认识浮动

    4.5.2 清除浮动

    4.5.3 overflow属性

    4.5.4 设置定位

  4.6 网页布局

    4.6.1 认识布局

    4.6.2 单列布局

    4.6.3 两列布局

    4.6.4 三列布局

    4.6.5 通栏布局

  4.7 动手实践


项目5 为网页添加列表和超链接

  5.1 列表

    5.1.1 无序列表

    5.1.2 有序列表

    5.1.3 定义列表

    5.1.4 列表的嵌套

  5.2 CSS控制列表样式

    5.2.1 list-style-type属性

    5.2.2 list-style-image属性

    5.2.3 list-style-position属性

    5.2.4 list-style属性

    5.2.5 背景图像定义列表项目符号

  5.3 超链接

    5.3.1 创建超链接

    5.3.2 锚点链接

    5.3.3 链接伪类控制超链接

  5.4 动手实践


项目6 为网页添加表格和表单

  6.1 表格标记

    6.1.1 创建表格

    6.1.2

标签的属性

    6.1.3

标签的属性

    6.1.4

标签的属性

    6.1.5

标签的属性

  6.2 CSS控制表格样式

    6.2.1 CSS控制表格边框

    6.2.2 CSS控制单元格边距

    6.2.3 CSS控制单元格宽高

  6.3 表单标签

    6.3.1 认识表单

    6.3.2 创建表单

  6.4 表单控件

    6.4.1 input控件

    6.4.2 textarea控件

    6.4.3 select控件

    6.4.4 CSS控制表单样式

  6.5 动手实践


项目7 全新的网页视听技术

  7.1 视听技术

    7.1.1 音视频嵌入技术概述

    7.1.2 视频和音频文件格式

    7.1.3 视频和音频文件的兼容性

    7.1.4 嵌入视频

    7.1.5 嵌入音频

    7.1.6 控制视频宽度和高度

  7.2 CSS3过渡

    7.2.1 transition-property属性

    7.2.2 transition-duration属性

    7.2.3 transition-timing-function属性

    7.2.4 transition-delay属性

    7.2.5  transition属性

  7.3 CSS3转换

    7.3.1 认识transform

    7.3.2 2D转换

    7.3.3 3D转换

  7.4 CSS3动画

    7.4.1 @Keyframes关键帧

    7.4.2 animation-name属性

    7.4.3 animation-duration属性

    7.4.4 animation-timing-function属性

    7.4.5 animation-delay属性

    7.4.6 animation-iteration-count属性

    7.4.7 animation-direction属性

    7.4.8 animation属性

  7.5 动手实践


项目8  JavaScript编程

  8.1 JavaScript概述

    8.1.1 认识JavaScript

    8.1.2 JavaScript语法规则

    8.1.3 JavaScript引入方式

  8.2 JavaScript基础

    8.2.1 关键字

    8.2.2 变量

    8.2.3 数据类型

    8.2.4 数据类型转换

    8.2.5 运算符

    8.2.6 运算符优先级

  8.3 数组与函数

    8.3.1 数组

    8.3.2 函数

    8.3.3 alert(  )方法

    8.3.4 prompt(  )方法

  8.4 流程控制结构

    8.4.1 条件语句

    8.4.2 循环控制语句

    8.4.3 跳转语句

  8.5 对象模型

    8.5.1 对象

    8.5.2 DOM模型

    8.5.3 访问节点

    8.5.4 设置节点样式

    8.5.5 BOM模型

    8.5.6 Date对象

  8.6 事件

    8.6.1 事件和事件调用

    8.6.2 常用JavaScript事件

  8.7 动手实践


案例设计目录

2.2.4  简单的网页

2.3.8  新闻页面

2.4.4  古诗文排版

3.1.5  文字Logo

3.2.3  农耕文化

3.3.4  农耕文化软文推广

4.1.4  五四运动新闻标题

4.2.4  中国共青团

4.3.6  五四青年节海报

4.4.4  地标导航栏

4.5.5  吉林市滑雪场

4.6.6  网页布局

5.1.5  计时单位悬浮框

5.2.6  琴师导航

5.3.4  卡片式文本效果

6.1.6  表格设计网页布局

6.2.4  求职表

6.3.3  智慧农业系统登录界面

6.4.5  农作物档案

7.1.7  播放列表

7.2.6  导航栏动画

7.3.4  卡片翻转特效

7.4.9  网页创意分区

8.2.7  验证码

8.3.5  轮播图

8.4.4  下拉菜单

8.5.7  节日倒计时

8.6.3  Tab栏切换


二维码内容展示






内文展示


左右滑动查看


样书申请


扫码申请样书↑





排版:新媒体中心

推荐阅读



想要第一时间获取优质教材、教学资源、教学干货、活动交流等相关信息,一定要记得⭐星标关注我们~


戳”阅读原文“,进入华腾教育官网~

策略思维与细节的完美结合,有效帮您减少试错成本

策略思维与细节的完美结合,有效帮您减少试错成本

立即与安优联系,开启网站设计全新体验

立即与安优联系,开启网站设计全新体验

立即与安优联系
开启网站设计全新体验

立即与安优联系
开启网站设计全新体验

在线咨询

品质设计 用心服务

  • 12年+定制经验

  • 600+客户选择

  • 高效售后保障

7*24小时服务热线