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

Web前端设计基础教程(双色)

介绍最常用、最重要的技术和知识,兼顾传统HTML、CSS、JavaScript基础知识的前提下渗透新标准中带来的新理念和新技术
  • 类  别:计算机系列
  • 书  名:Web前端设计基础教程(双色)
  • 主  编:秦久明 张亮
  • 定  价:45
  • 开  本:16开
  • 印刷方式:双色
  • 页  数:224
  • 时  间:2022年3月
  • 出  版  社:上海交通大学出版社
  • 书  号:978-7-313-25662-1

内容摘要

        本书共4个模块,模块1主要介绍HTML基础知识,包括常用标签、表格、表单、HTML5新增的音视频元素和语义元素等内容;模块2主要介绍CSS基础知识,包括CSS选择器、常用属性、盒子模型、定位和布局等内容;模块3主要讲解JavaScript语言,通过大量案例介绍JavaScript的基本语法、数组、函数、内置对象、DOM操作、定时器、绘图等内容及其实际应用;模块4通过综合运用前3个模块所学知识,模仿制作扬州工业职业技术学院主页,并实现一定的动态效果。
        本书适合作为高等职业教育Web前端设计课程的教材,也可供广大Web前端设计爱好者使用。

目录

模块1 HTML基础
 1.1网站开发综述
  1.1.1网站的基本概念
  1.1.2静态网页与动态网页
  1.1.3Web前端与后端
  1.1.4网站开发技术路线
  1.1.5HTML简介
 1.2常用标签
  1.2.1文档标题
  1.2.2段落
  1.2.3文本格式化
  1.2.4超链接
  1.2.5图像
  1.2.6列表
 1.3表格
  1.3.1表格元素
  1.3.2表格项目
 1.4表单
  1.4.1表单简介
  1.4.2表单元素
  1.4.3表单项目
 1.5音视频元素
  1.5.1audio元素
  1.5.2video元素
 1.6语义元素
  1.6.1
元素
  1.6.2
元素
  1.6.3
元素
  1.6.4
  1.6.5
  1.6.6
元素
  1.6.7
元素和
元素
  1.6.8布局项目
 1.7练习与实训
模块2 CSS基础
 2.1CSS概述
  2.1.1CSS简介
  2.1.2CSS的基本使用
  2.1.3CSS选择器
  2.1.4案例:东坡居
 2.2CSS常用属性
  2.2.1文本属性
  2.2.2字体属性
  2.2.3颜色和背景属性
  2.2.4超链接属性
  2.2.5列表属性
  2.2.6表格属性
  2.2.7案例:图文文档样式
 2.3盒子模型
  2.3.1盒子模型简介
  2.3.2盒子模型属性
  2.3.3案例:用户注册页面
 2.4定位与布局
  2.4.1定位
  2.4.2 浮动
  2.4.3页面布局
 2.5综合项目
  2.5.1项目介绍
  2.5.2网页结构描述
  2.5.3浮动问题
  2.5.4页面头部设计
  2.5.5页面主体内容设计
  2.5.6页面侧边栏设计
  2.5.7页脚设计
  2.5.8练习与实训
模块3 JavaScript基础
 3.1JavaScript入门——以九九乘法表为例
  3.1.1项目HTML部分
  3.1.2JavaScript代码规范
  3.1.3输出
  3.1.4变量与数据类型
  3.1.5运算符
  3.1.6条件语句
  3.1.7循环
  3.1.8项目JavaScript部分
  3.1.9项目CSS部分
  3.1.10练习与实训
 3.2JavaScript进阶——以日历为例
  3.2.1项目HTML部分
  3.2.2数组
  3.2.3函数
  3.2.4内置对象
  3.2.5项目JavaScript部分
  3.2.6项目CSS部分
  3.2.7练习与实训
 3.3HTML DOM对象——以用户注册为例
  3.3.1项目HTML部分
  3.3.2项目CSS部分
  3.3.3DOM
  3.3.4HTML DOM文档
  3.3.5HTML DOM的属性与方法
  3.3.6HTML DOM事件
  3.3.7创建JS对象
  3.3.8项目相关技术
  3.3.9项目JavaScript部分
  3.3.10练习与实训
 3.4定时器——以随机点名程序为例
  3.4.1项目HTML部分
  3.4.2项目CSS部分
  3.4.3定时器函数
  3.4.4项目相关技术
  3.4.5项目JavaScript部分
  3.4.6补充案例:万花筒
  3.4.7练习与实训
 3.5标签——以制作动画为例
  3.5.1项目界面部分
  3.5.2绘图技术
  3.5.3项目JavaScript部分
  3.5.4补充案例:笑脸
  3.5.5补充案例:《黑客帝国》屏保
  3.5.6练习与实训
 3.6综合项目:画册
  3.6.1Font Awesome图标
  3.6.2项目文件结构
  3.6.3HTML部分
  3.6.4CSS部分
  3.6.5项目相关技术
  3.6.6JavaScript部分
  3.6.7练习与实训
模块4 综合实例
 4.1准备工作
 4.2静态页面实现
  4.2.1页面结构分析和初始化代码
  4.2.2header区域实现
  4.2.3logo区域实现
  4.2.4menu区域实现
  4.2.5main区域实现
  4.2.6news区域实现
  4.2.7department区域实现
  4.2.8slogan区域实现
  4.2.9footer区域实现
 4.3使用JavaScript添加动态效果
  4.3.1下拉菜单实现
  4.3.2飘浮广告实现
  4.3.3轮播图片实现
 4.4实例小结
参考文献
秦久明,扬州工业职业技术学院副教授。
  • Vue.js 3前端开发项目教程

    主编:陈希球 肖红 黄校尧

    本书是针对 Web前端开发人员编写的一本快速掌握 Vue js 3前端框架技术的教程。本书按照 Web前端开发职业岗位的实际需要编写而

    ¥55
  • ASP.NET Web程序设计

    主编:李学勇

      本教材是为高职高专计算机及相关专业编写的教材。本书以通俗易懂的语言介绍了使用ASP NET进行Web程序设计需要掌握的知识,包括ASP NET

    ¥46