QQ在线客服
免费咨询热线
400-615-1233
工作时间-工作日
8:30-17:30
2立封
2平封

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

校企双元开发,密切结合思政
  • 类  别:计算机系列
  • 书  名:HTML5+CSS3+JavaScript网页设计与制作案例教程
  • 主  编:王丽芬 邵雪 叶静宇
  • 定  价:59.9
  • 开  本:大16开
  • 印刷方式:双色
  • 页  数:328
  • 时  间:2024年3月
  • 出  版  社:上海交通大学出版社
  • 书  号:978-7-313-29801-0

内容摘要

        本书共8个项目,每个项目对应HTML、CSS、JavaScript相关知识。项目1介绍网页网站设计的基础知识,项目2介绍HTML5基础知识,项目3介绍CSS格式化网页,项目4介绍盒子模型对网页模块的划分,项目5介绍网页中的列表和超级链接,项目6介绍网页中的表格和表单,项目7介绍网页中的视听技术,项目8介绍JavaScript编程。
        本书适合作为高等学校前端开发课程的的教材,也可供相关人员参考。

目录

项目1 网页网站设计基础
  1.1 网页和网站基础 1
    1.1.1 网页的基本构成要素 3
    1.1.2 网页的相关名词 3
    1.1.3 Web标准 4
  1.2 网页设计原则 5
    1.2.1 以用户为中心 5
    1.2.2 视觉美观 5
   1.2.3 主题明确 6
    1.2.4 内容与形式统一 6
  1.3 网页设计规范 6
    1.3.1 配色原则 6
    1.3.2 设计尺寸规范 7
    1.3.3 字体规范 8
    1.3.4 命名规范 8
  1.4 网站制作流程 9
    1.4.1 确定网站主题 10
    1.4.2 网站整体规划 10
    1.4.3 收集素材 11
    1.4.4 设计网页效果图 12
    1.4.5 搭建网站静态页面 12
    1.4.6 网站发布 12
  1.5 网页制作技术入门 13
    1.5.1 HTML 13
    1.5.2 CSS 13
    1.5.3 JavaScript 13
    1.5.4 常用开发工具 13
  1.6 创建第一个网页 16
 
项目2 HTML5基础
  2.1 HTML5概述 18
    2.1.1 HTML5的发展历程 18
    2.1.2 HTML5的优势 19
    2.1.3 HTML5语法 20
   2.1.4 HTML5文档的基本格式 21
    2.1.5 HTML文档头部的相关标签 22
  2.2 标签基础 25
    2.2.1 标签的分类 25
    2.2.2 标签的关系 27
    2.2.3 标签的属性 28
  2.3 文本标签 28
    2.3.1 标题标签 29
    2.3.2 段落标签 30
    2.3.3 水平线标签 31
    2.3.4 换行标签 32
    2.3.5 文本样式标签 33
    2.3.6 文本格式化标签 34
    2.3.7 特殊字符 35
  2.4 图像标签 37
    2.4.1 常见图像格式 37
    2.4.2 图像标签<img/> 38
    2.4.3 绝对路径和相对路径 43
  2.5 动手实践 44
项目3 CSS格式化网页
  3.1  CSS3介绍 45
    3.1.1 认识CSS3 45
    3.1.2 CSS样式规则 48
    3.1.3 CSS基础选择器 52
  3.2  CSS设置文本样式 59
    3.2.1 CSS字体样式属性 59
    3.2.2 CSS文本外观属性 65
  3.3 CSS3 新增选择器 75
    3.3.1 CSS3选择器 75
    3.3.2 CSS3的层叠性和继承性 97
    3.3.3 CSS3优先级 99
  3.4 动手实践 104
项目4 网页网站设计基础
  4.1 盒子模型 105
    4.1.1 认识盒子模型 106
    4.1.2 <div>标签 109
  4.2 盒子模型相关属性 111
    4.2.1 边框属性 111
    4.2.2 内边距属性 122
    4.2.3 外边距属性 123
  4.3  背景属性 126
    4.3.1 设置背景颜色 126
    4.3.2 设置背景图像 127
    4.3.3 设置背景图像平铺 129
    4.3.4 设置背景图像位置 131
    4.3.5 综合设置元素背景 133
  4.4 元素的转换 135
    4.4.1 元素的类型 135
    4.4.2 <span>标签 137
    4.4.3 元素类型的转换 139
  4.5 浮动和定位 142
    4.5.1 认识浮动 142
    4.5.2 清除浮动 145
    4.5.3 overflow属性 150
   4.5.4 设置定位 153
  4.6 网页布局 161
    4.6.1 认识布局 161
    4.6.2 单列布局 162
    4.6.3 两列布局 164
    4.6.4 三列布局 166
    4.6.5 通栏布局 168
  4.7 动手实践 170
项目5 为网页添加列表和超链接
  5.1 列表 171
    5.1.1 无序列表 171
    5.1.2 有序列表 173
    5.1.3 定义列表 175
    5.1.4 列表的嵌套 178
  5.2 CSS控制列表样式 180
    5.2.1 list-style-type属性 180
    5.2.2 list-style-image属性 182
    5.2.3 list-style-position属性 183
    5.2.4 list-style属性 185
    5.2.5 背景图像定义列表项目符号 186
  5.3 超链接 188
    5.3.1 创建超链接 188
    5.3.2 锚点链接 190
    5.3.3 链接伪类控制超链接 192
  5.4 动手实践 195
项目6 为网页添加表格和表单
  6.1 表格标记 196
    6.1.1 创建表格 196
    6.1.2 <table>标签的属性 200
    6.1.3 <tr>标签的属性 202
    6.1.4 <td>标签的属性 205
    6.1.5 <th>标签的属性 207
  6.2 CSS控制表格样式 208
    6.2.1 CSS控制表格边框 208
    6.2.2 CSS控制单元格边距 212
    6.2.3 CSS控制单元格宽高 215
  6.3 表单标签 216
    6.3.1 认识表单 216
    6.3.2 创建表单 218
  6.4 表单控件 220
    6.4.1 input控件 220
   6.4.2 textarea控件 228
    6.4.3 select控件 229
   6.4.4 CSS控制表单样式 233
  6.5 动手实践 236
项目7 全新的网页视听技术
  7.1 视听技术 237
    7.1.1 音视频嵌入技术概述 237
    7.1.2 视频和音频文件格式 238
    7.1.3 视频和音频文件的兼容性 239
    7.1.4 嵌入视频 240
    7.1.5 嵌入音频 241
    7.1.6 控制视频宽度和高度 242
  7.2 CSS3过渡 245
    7.2.1 transition-property属性 245
    7.2.2 transition-duration属性 245
    7.2.3 transition-timing-function属性 247
    7.2.4 transition-delay属性 248
    7.2.5  transition属性 248
  7.3 CSS3转换 249
    7.3.1 认识transform 249
    7.3.2 2D转换 249
    7.3.3 3D转换 258
  7.4 CSS3动画 261
    7.4.1 @Keyframes关键帧 262
    7.4.2 animation-name属性 263
    7.4.3 animation-duration属性 263
    7.4.4 animation-timing-function属性 264
    7.4.5 animation-delay属性 265
    7.4.6 animation-iteration-count属性 266
    7.4.7 animation-direction属性 266
    7.4.8 animation属性 267
  7.5 动手实践 268
项目8  JavaScript编程
  8.1 JavaScript概述 269
    8.1.1 认识JavaScript 270
    8.1.2 JavaScript语法规则 271
    8.1.3 JavaScript引入方式 272
  8.2 JavaScript基础 275
    8.2.1 关键字 275
    8.2.2 变量 276
    8.2.3 数据类型 277
    8.2.4 数据类型转换 278
    8.2.5 运算符 279
    8.2.6 运算符优先级 285
  8.3 数组与函数 287
    8.3.1 数组 287
    8.3.2 函数 291
   8.3.3 alert(  )方法 295
    8.3.4 prompt(  )方法 295
  8.4 流程控制结构 296
    8.4.1 条件语句 296
   8.4.2 循环控制语句 301
    8.4.3 跳转语句 304
  8.5 对象模型 307
    8.5.1 对象 307
    8.5.2 DOM模型 307
    8.5.3 访问节点 308
    8.5.4 设置节点样式 310
    8.5.5 BOM模型 310
    8.5.6 Date对象 314
  8.6 事件 318
    8.6.1 事件和事件调用 318
    8.6.2 常用JavaScript事件 319
  8.7 动手实践 321
 
案例设计目录
2.2.4简单的网页28
2.3.8新闻页面37
2.4.4 古诗文排版43
3.1.5文字Logo59
3.2.3 农耕文化75
3.3.4 农耕文化软文推广104
4.1.4 五四运动新闻标题111
4.2.4 中国共青团125
4.3.6 五四青年节海报135
4.4.4 地标导航栏141
4.5.5 吉林市滑雪场160
4.6.6 网页布局170
5.1.5计时单位悬浮框180
5.2.6 琴师导航188
5.3.4 卡片式文本效果195
6.1.6 表格设计网页布局208
6.2.4 求职表216
6.3.3 智慧农业系统登录界面219
6.4.5 农作物档案236
7.1.7 播放列表245
7.2.6 导航栏动画249
7.3.4 卡片翻转特效261
7.4.9 网页创意分区268
8.2.7验证码286
8.3.5 轮播图296
8.4.4 下拉菜单307
8.5.7节日倒计时318
8.6.3 Tab栏切换320

主编信息

王丽芬,女,吉林农业科技学院副教授。2003至今在吉林农业科技学院任教,主持教育厅项目3项,参与课题6项,主编教材2部,副主编教材3部。邵雪,女,吉林农业科技学院讲师,2006年至今在吉林农业科技学院任教,主持教育厅项目1项,参与课题5项,副主编教材3部。叶静宇,女,吉林农业科技学院助教。2018年至今吉林农业科技学院任教,主持省级课题1项,校级课题2项,参与课题7项,副主编教材3部。

相关图书

  • CorelDRAW 2021平面设计案例教程

    主编:申莎

    本书从平面设计工作人员的实际工作入手,介绍了CorelDRAW 2021平面设计的基础知识、绘制和编辑几何图形、绘制与编辑线条图形、图

    ¥58
  • Java程序设计案例教程

    主编:李海涛 陈涛 孙红丽

    本书是基于翻转课堂的课程教学范式改革与校本应用型教材建设项目基础上编写的。本书采用案例驱动的方式编写,即把理论知识点的讲解

    ¥59.8
  • C语言程序设计上机指导与习题解答(修订版)

    主编:张春飞 许志军

    本书是《C语言程序设计(修订版)》的辅助教材,用于辅助教师教学与学生上机实验。本书共分4章:第1章介绍Visual C++ 2010集成开

    ¥33
  • C语言程序设计(修订版)

    主编:张春飞 许志军

    本书是为普通高等院校学生学习C语言程序设计编写的教材,共分10章,内容包括:程序设计与C语言、C语言的基本知识、控制结构、数组

    ¥49
  • C语言程序设计习题解答与上机指导

    主编:李小艳 王绪梅

    本书是《C语言程序设计》的配套用书,全书共分两大部分:第1部分是与教材相匹配的习题解答,给出了《C语言程序设计》一书中各章习

    ¥32
  • C语言程序设计

    主编:王绪梅 李小艳

    本书由浅入深地介绍了C语言程序设计的相关知识。全书共分8章,内容包括C语言程序设计基础知识、C程序的数据描述与计算、结构化程序

    ¥45
  • C/C++程序设计

    主编:李彦明

    本书全面介绍了C语言的基本概念、语法规则和程序设计的基本方法,数组与函数,指针类型的各种操作,复合数据类型及应用,文件操作,C++程

    ¥49
  • C/C++程序设计上机指导与习题集

    主编:李彦明

    本书是与《C C++程序设计》配套使用的学习用书。内容包括上机指导篇和习题篇,上机指导篇给出了每次的上机目的、上机内容、上机指导和思考

    ¥39
  • Java程序设计

    主编:李忠伟

      本书共分10章,内容包括:Java概述、Java语言基础、Java与面向对象、数组与字符串、异常处理、输入与输出流、Swing与图形用户界面、多

    ¥43
  • C语言程序设计上机指导与习题解答

    主编:张春飞 李梦阳

      本书是《C语言程序设计》一书的配套参考书,用于辅助教师教学与学生上机实验。  本书共分3章。第1章介绍Visual C++ 6 0集成开发环

    ¥28