2024年,《Web前端开发技术-HTML5、CSS3、JavaScript(第4版·题库·微课视频版)》入选江苏“十四五”普通高等教育本科省级规划教材,同时该教材入选清华大学出版社2024最受欢迎计算机类图书奖。
荣获“2019-2023年度科技类图书最受欢迎作者奖”、“2023年科技类畅销新书奖”。!
2021年,Web前端开发技术-HTML5、CSS3、JavaScript(第3版)》荣获首批江苏省优秀本科培育教材、2022年清华大学出版社“科技类最受高校欢迎教材奖”。同时第4版教材入选国家级实验教学示范中心联席会计算机学科组“十四五”规划教材。
本课程教学主要围绕前端开发的三大基础脚本语言HTML5、CSS3、JavaScript进行展开。
Web前端开发技术简介
第一阶段讲解HTML。HTML主要是为“网页创建和其它可在网页浏览器中所见到的信息”设计的一种标记语言,为搭建网页结构做出第一步,本阶段主要介绍了HTML的语法基础、表格、表单、等标签,并有案例结合,达到学以致用。通过这一阶段的学习,您可以制作出简单的具有丰富元素的网页,以下两个案例插入了列表、文字、超链接、多媒体文件等各种元素。
项目3-1 简易灯箱画廊 项目3-2 多媒体及滚动字幕网页设计效果
第二阶段讲解CSS。CSS是一种定义样式结构如字体、颜色、位置等样式的脚本语言,被用来为页面装饰效果(美化外在表现,即“化妆”)。本阶段主要介绍了CSS的基础语法、选择器、文本、背景、列表、盒子模型、浮动、定位以及网页的布局方式。另外学生掌握结合使用DIV+CSS技术进行网页布局的基本方法,下面的案例分别采用了DIV+CSS及表单两种布局方法。
项目5-2 设计《2015年CERNET华东北地区年会》网站 项目7-2 大学生暑期社会调查表页面
第三阶段讲解JavaScript。JavaScript是一种解释性脚本语言,主要用来向HTML页面添加交互行为。本阶段主要带领大家学习JavaScript的基本语法、流程控制语句、函数、对象、DOM、BOM、事件以及轮播图的案例,实现网页的交互效果。另外学生理解对象的概念及使用JavaScript来进行开发、维护、管理和设置Web应用程序,如案例11-1所示。
实训11-1 校园办公系统认证页面
通过课程学习,使学生拥有初步的前端开发能力,能够制作简单的具有交互功能的网页,为下一阶段的学习打下良好的基础。