1.;十四五职业教育国家规划教材改版； 2.本书案例融入了课程思政元素，更好地符合教学要求，方便教师进行思政教学； 3.本书配套丰富的教学资源，包括教学PPT、教学大纲、教学设计、源代码、课后习题及答案等。为帮助读者更好地学习本书中的内容，编写团队还提供了在线答疑服务。

本书从初学者的角度出发，以通俗易懂的语言详细介绍HTML5、CSS3和JavaScript的相关知识，以及如何进行网页制作的核心方法。本书共8个项目，内容包括网页制作基础知识、“旅行游记”页面制作、“网上花店”专题页制作、“爱家居”企业网站首页制作、“博学谷”网站首页制作、“书隅”网站注册页面制作、“视频8”网站首页制作和“甜心物语”网站首页制作。本书配套丰富的教学资源，包括教学PPT、教学大纲、教学设计、源代码、课后习题及答案等。为帮助读者更好地学习本书中的内容，编写团队还提供了在线答疑服务。本书既可作为高等教育本、专科院校计算机相关专业的教材，也可作为网页制作爱好者的自学参考书。黑马程序员是传智教育旗下高端IT教育品牌，传智教育是国内首个实现A股IPO的教育企业。依托于传智雄厚的教育资源，秉承传智教育“为中华民族伟大复兴而讲课，为千万学生少走弯路而著书”的使命，致力于培养高精尖数字化人才，为国家建设现代化经济体系的战略目标培养科技人才。黑马程序员课程涵盖了Java EE、鸿蒙应用开发、HTMLJS十前端、Python大数据开发、人工智能、电商视觉设计、软件测试、新媒体、产品经理等热门精品学科。已在北京昌平、北京顺义、上海、广州、深圳、武汉、郑州、西安、长沙、济南、重庆、南京、杭州、石家庄、成都、合肥、太原16个城市设立17所分校。项目1 网页制作基础知识 1任务1_1　认识网页　1任务描述　1知识储备　11．网页的构成　12．网页的相关名词　33．Web标准　4任务1_2　网页制作入门技术　5任务描述　5知识储备　51．HTML5简介　52．CSS3简介　63．JavaScript简介　64．常用浏览器介绍　7任务1_3　网页编辑器　7任务描述　7知识储备　81．常见网页编辑器介绍　82．HBuilder　X的安装与使用　83．VS　Code的安装与使用　11项目总结　14AIGC辅助编程：在网页编辑器中引入AIGC工具　15课后习题　15项目2　“旅行游记”页面制作　16任务2_1　认识HTML　17任务描述　17知识储备　181．HTML文档基本格式　182．HTML标签　183．HTML标签的属性　194．HTML标签的关系　195．HTML文档头部相关标签　20任务2_2　HTML文本控制标签　21任务描述　21知识储备　211．页面格式化标签　212．文本格式化标签　233．特殊字符　24知识拓展　25任务2_3　HTML图像应用　26任务描述　26知识储备　261．常见图像格式　262．图像标签　263．绝对路径和相对路径　28任务2_4　页面建设准备工作　29页面分析　29页面布局　29任务2_5　制作头部模块　30效果分析　30模块制作　30任务2_6　制作游记模块　31效果分析　31模块制作　31任务2_7　制作页脚模块　32效果分析　32模块制作　32项目总结　33AIGC辅助编程：快速学习CodeGeeX　33课后习题　33项目3　“网上花店”专题页制作　34任务3_1　CSS核心基础　34任务描述　34知识储备　351．结构与表现分离　352．CSS样式规则　353．CSS样式的引入　364．CSS基础选择器　39任务3_2　CSS文本样式属性　42任务描述　42知识储备　421．CSS字体样式属性　422．CSS文本外观属性　45知识拓展　49任务3_3　CSS高级特性　50任务描述　50知识储备　501．CSS复合选择器　502．CSS层叠性与继承性　523．CSS优先级　54任务3_4　页面建设准备工作　56页面分析　56定义基础样式　56任务3_5　制作标题模块　57效果分析　57模块制作　57任务3_6　制作分类模块　58效果分析　58模块制作　58任务3_7　制作热卖模块　59效果分析　59模块制作　60任务3_8　制作页脚模块　61效果分析　61模块制作　61项目总结　62AIGC辅助编程：添加CSS样式　62课后习题　62项目4　“爱家居”企业网站首页制作　63任务4_1　认识盒子模型　63任务描述　63知识储备　64任务4_2　盒子模型基础属性　65任务描述　65知识储备　651．边框属性　652．内边距属性　713．外边距属性　724．背景属性　745．宽度属性和高度属性　78任务4_3　盒子模型新增属性　79任务描述　79知识储备　791．透明度　792．圆角　803．阴影　834．渐变　84任务4_4　元素的类型与转换　88任务描述　88知识储备　881．元素的类型　882．标签　893．元素的转换　90知识拓展　92任务4_5　元素的浮动　95任务描述　95知识储备　951．元素的浮动属性　952．清除浮动　973．overflow属性　101任务4_6　元素的定位　102任务描述　102知识储备　1021．元素的定位属性　1022．静态定位　1033．相对定位　1034．绝对定位　1045．固定定位　1056．z_index属性　106任务4_7　页面建设准备工作　106页面分析　106定义基础样式　107任务4_8　制作导航和banner模块　108效果分析　108模块制作　108任务4_9　制作热门推荐模块　110效果分析　110模块制作　110任务4_10　制作夏日生活模块　112效果分析　112模块制作　112任务4_11　制作版权信息模块和悬浮框模块　113效果分析　113模块制作　114项目总结　115AIGC辅助编程：快速生成符合需求的浮动样式　115课后习题　115项目5　“博学谷”网站首页制作　116任务5_1　列表标签　116任务描述　116知识储备　1171．无序列表　1172．有序列表　1183．定义列表　1194．列表的嵌套应用　120任务5_2　CSS控制列表样式　121任务描述　121知识储备　1211．list_style复合属性　1212．将背景图像作为列表项目符号　121任务5_3　超链接标签　122任务描述　122知识储备　1221．创建超链接　1222．锚点链接　1243．链接伪类控制超链接状态　125任务5_4　页面建设准备工作　127页面分析　127定义基础样式　127任务5_5　制作导航模块　128效果分析　128模块制作　129任务5_6　制作banner模块和课程分类模块　130效果分析　130模块制作　130任务5_7　制作热门课程模块　133效果分析　133模块制作　134任务5_8　制作版权信息模块　136效果分析　136模块制作　136项目总结　137AIGC辅助编程：模拟通讯录列表　137课后习题　137项目6　“书隅”网站注册页面制作　138任务6_1　认识表格相关标签　138任务描述　138知识储备　1391．表格的创建　1392．标签的属性　1413．标签的属性　1444．

标签的属性　1455．

标签　147任务6_2　CSS控制表格样式　147任务描述　147知识储备　1481．CSS控制表格边框　1482．CSS控制单元格边距　1493．CSS控制单元格的宽度和高度　150任务6_3　表单概述　151任务描述　151知识储备　1511．初识表单　1512．创建表单　152任务6_4　基础表单控件　153任务描述　153知识储备　1531．input控件　1532．textarea控件　1563．select控件　157任务6_5　新增表单控件类型和属性　160任务描述　160知识储备　1601．新增input控件类型　1602．新增input控件属性　165任务6_6　CSS控制表单样式　172任务描述　172知识储备　172任务6_7　页面建设准备工作　174页面分析　174定义基础样式　174任务6_8　制作头部模块和导航模块　175效果分析　175模块制作　176任务6_9　制作banner模块和内容模块　177效果分析　177模块制作　178任务6_10　制作页脚模块　182效果分析　182模块制作　182项目总结　183AIGC辅助编程：实现调查问卷的表单页面　183课后习题　183项目7　“视频8”网站首页制作　184任务7_1　在网页中嵌入视频和音频　184任务描述　184知识储备　1851．视频、音频嵌入技术概述　1852．嵌入视频　1863．嵌入音频　1884．浏览器对视频和音频文件的兼容　1895．控制视频的宽度和高度　190任务7_2　在网页中添加过渡效果　192任务描述　192知识储备　1921．transition_property属性　1922．transition_duration属性　1933．transition_timing_function属性　1944．transition_delay属性　1955．transition属性　195任务7_3　在网页中添加变形效果　196任务描述　196知识储备　1961．2D变形　1962．3D变形　201任务7_4　在网页中添加动画效果　205任务描述　205知识储备　2051．@keyframes规则　2052．animation_name属性　2063．animation_duration属性　2064．animation_timing_function属性　2075．animation_delay属性　2086．animation_iteration_count属性　2087．animation_direction属性　2088．animation属性　209任务7_5　页面建设准备工作　210页面分析　210定义基础样式　211任务7_6　制作引导栏模块　212效果分析　212模块制作　212任务7_7　制作导航模块　214效果分析　214模块制作　214任务7_8　制作banner模块　216效果分析　216模块制作　216任务7_9　制作内容模块　219效果分析　219模块制作　220任务7_10　制作页脚模块　223效果分析　223模块制作　223项目总结　224AIGC辅助编程：在网页中嵌入多媒体　225课后习题　225项目8　“甜心物语”网站首页制作　226任务8_1　JavaScript基础知识　227任务描述　227知识储备　2271．JavaScript简介　2272．JavaScript代码的引入方式　2293．JavaScript基础语法　2314．编写简单的JavaScript程序　232任务8_2　变量　233任务描述　233知识储备　2331．变量的声明　2332．变量的赋值　233任务8_3　数据类型和运算符　234任务描述　234知识储备　2341．数据类型　2342．运算符　236任务8_4　流程控制语句　241任务描述　241知识储备　2411．条件语句　2412．循环语句　2463．跳转语句　249任务8_5　函数　250任务描述　250知识储备　2511．函数的定义　2512．函数的调用　2513．函数中变量的作用域　252任务8_6　对象　253任务描述　253知识储备　2531．认识对象　2532．创建对象和删除对象属性　2533．内置对象　255任务8_7　数组　259任务描述　259知识储备　2591．初识数组　2592．创建数组　2603．数组的常用属性和方法　2604．二维数组　262任务8_8　BOM对象和DOM对象　263任务描述　263知识储备　2631．BOM对象　2632．DOM对象　269任务8_9　事件处理　275任务描述　275知识储备　2751．事件和事件调用　2752．常用的JavaScript事件　276任务8_10　页面建设准备工作　277页面分析　278定义基础样式　278任务8_11　制作头部及导航模块　279效果分析　279模块制作　280任务8_12　制作banner模块　281效果分析　281模块制作　282任务8_13　制作简介模块　285效果分析　285模块制作　285任务8_14　制作推荐模块　288效果分析　288模块制作　289任务8_15　制作页脚模块　293效果分析　293模块制作　293项目总结　293AIGC辅助编程：实现网页交互效果　294课后习题　294