|
关于我们
书单推荐 更多 新书推荐 更多 |
网页设计与制作项目化教程(微课版) 读者对象:本书可作为职业本科、高职高专院校计算机相关专业的教材。 ![]()
本书以典型项目讲解网页设计与制作技术,全书共分为3个模块。模块1为启航项目,包括中国元素页面、古代诗词页面、中华美食页面、中国传统民俗页面、中国传统服饰页面、中国传统戏曲页面6个项目;模块2为综合项目,包括"舒适家居”企业网站、"中国传统书画艺术”网站两个综合案例项目;模块3为实训项目,以"中国建筑文化”网站为主题开展项目实训。 本书取材新颖、内容丰富、结构合理、条理清晰、深入浅出、通俗易懂、图文并茂并融入思政元素。本书配套微课教学视频与课件、大纲、案例素材等资源,更利于读者理解与学习,相关资源可在"华信教育资源网”免费下载。 本书可作为职业本科、高职高专院校计算机相关专业的教材。
许春艳,女,中共党员,吉林大学硕士研究生,副教授职称,现任长春职业技术大学人工智能教研室主任,长春师范大学计算机学院外聘硕士研究生导师,兼任信息学院党总支教师第三党支部书记。2023年获“吉林省优秀技术指导专家”、“吉林省技能竞赛专家库人才”称号。职业教育国家在线精品课程“数据库技术”课程负责人,主编国家级规划教材《人工智能导论(通识版)》,主编《MySQL数据库实用技术》、《数据结构(Python语言描述)》等6部教材,获全国高等院校计算机类专业教学能力大赛一等奖、国家信息化教学能力大赛三等奖、省级教学成果三等奖。
模块 1 启航项目
项目 1 中国元素页面...................................................................................................................... 2 任务 1.1 创建页面(网页设计与制作技术基础) ................................................................ 2 任务描述 ............................................................................................................................. 2 教学目标 ............................................................................................................................. 2 技能获取 ............................................................................................................................. 3 1.1.1 揭开网页的神秘面纱 ........................................................................................... 3 1.1.2 探索网页制作三大技术 ........................................................................................ 6 1.1.3 准备工具 ............................................................................................................ 7 1.1.4 创建第一个网页 .................................................................................................. 9 任务实施 ........................................................................................................................... 10 小结 ................................................................................................................................... 11 习题 ................................................................................................................................... 11 任务 1.2 制作图文混排页面(HTML5) ............................................................................ 11 任务描述 ........................................................................................................................... 11 教学目标 ........................................................................................................................... 12 技能获取 ........................................................................................................................... 12 1.2.1 走近 HTML5 ..................................................................................................... 12 1.2.2 探索网页的核心元素——标签 ............................................................................ 13 1.2.3 设定头标签 ....................................................................................................... 15 1.2.4 设定文本标签.................................................................................................... 16 1.2.5 设定图像标签.................................................................................................... 22 任务实施 ........................................................................................................................... 28 小结 ................................................................................................................................... 31 习题 ................................................................................................................................... 31 项目 2 中国古代诗词页面 ............................................................................................................ 32 任务 2.1 创建页面(CSS3 初级) ........................................................................................ 32 任务描述 ........................................................................................................................... 32 教学目标 ........................................................................................................................... 33 技能获取 ........................................................................................................................... 33 2.1.1 走近 CSS 与 CSS3 ............................................................................................. 33 2.1.2 运用基础选择器 ................................................................................................ 36 2.1.3 运用组合选择器 ................................................................................................ 38 任务实施 ........................................................................................................................... 42 小结 ................................................................................................................................... 45 习题 ................................................................................................................................... 46 任务 2.2 修饰页面(CSS3 进阶) ........................................................................................ 46 任务描述 ........................................................................................................................... 46 教学目标 ........................................................................................................................... 46 技能获取 ........................................................................................................................... 47 2.2.1 运用属性选择器 ................................................................................................ 47 2.2.2 运用关系选择器 ................................................................................................ 53 2.2.3 运用结构化伪类选择器 ...................................................................................... 56 2.2.4 运用伪元素选择器 ............................................................................................. 59 任务实施 ........................................................................................................................... 62 小结 ................................................................................................................................... 63 习题 ................................................................................................................................... 64 项目 3 中华美食页面.................................................................................................................... 65 任务 3.1 应用盒子模型(盒子模型) .................................................................................. 65 任务描述 ........................................................................................................................... 65 教学目标 ........................................................................................................................... 66 技能获取 ........................................................................................................................... 66 3.1.1 探索盒子模型.................................................................................................... 66 3.1.2 运用盒子模型的相关属性 .................................................................................. 67 3.1.3 运用 CSS3 新增的典型盒子模型属性 .................................................................. 83 3.1.4 运用元素的类型特性 ......................................................................................... 87 3.1.5 探究块级元素的垂直外边距 ............................................................................... 87 任务实施 ........................................................................................................................... 88 小结 ................................................................................................................................... 94 习题 ................................................................................................................................... 94 任务 3.2 认识布局属性(DIV+CSS 布局属性) ................................................................ 94 任务描述 ........................................................................................................................... 94 教学目标 ........................................................................................................................... 95 技能获取 ........................................................................................................................... 96 3.2.1 走近布局 .......................................................................................................... 96 3.2.2 运用元素的 float 属性 ........................................................................................ 97 3.2.3 运用元素的 position 属性 ................................................................................... 99 3.2.4 运用元素的 overflow 属性 ................................................................................ 101 3.2.5 运用元素的 z_index 属性 .................................................................................. 102 任务实施 ......................................................................................................................... 104 小结 ................................................................................................................................. 108 习题 ................................................................................................................................. 108 任务 3.3 控制布局(DIV+CSS 常用布局类型) .............................................................. 109 任务描述 ......................................................................................................................... 109 教学目标 ......................................................................................................................... 109 技能获取 ......................................................................................................................... 110 3.3.1 单列布局 ........................................................................................................ 110 3.3.2 两列布局 ........................................................................................................ 111 3.3.3 三列布局 ........................................................................................................ 113 3.3.4 运用 HTML5 的结构化语义元素 ....................................................................... 114 任务实施 ......................................................................................................................... 116 小结 ................................................................................................................................. 119 习题 ................................................................................................................................. 119 项目 4 中国传统民俗页面 .......................................................................................................... 120 任务 4.1 制作列表页面(列表) ........................................................................................ 120 任务描述 ......................................................................................................................... 120 教学目标 ......................................................................................................................... 120 技能获取 ......................................................................................................................... 121 4.1.1 走近列表标签.................................................................................................. 121 4.1.2 运用常用列表标签 ........................................................................................... 122 4.1.3 控制列表样式.................................................................................................. 125 任务实施 ......................................................................................................................... 127 小结 ................................................................................................................................. 133 习题 ................................................................................................................................. 134 任务 4.2 制作超链接页面(超链接) ................................................................................ 134 任务描述 ......................................................................................................................... 134 教学目标 ......................................................................................................................... 135 技能获取 ......................................................................................................................... 135 4.2.1 走近超链接标签 .............................................................................................. 135 4.2.2 运用超链接标签 .............................................................................................. 135 4.2.3 控制超链接样式 .............................................................................................. 139 任务实施 ......................................................................................................................... 140 小结 ................................................................................................................................. 146 习题 ................................................................................................................................. 146 项目 5 中国传统服饰页面 .......................................................................................................... 147 任务 5.1 制作表格页面(表格) ........................................................................................ 147 任务描述 ......................................................................................................................... 147 教学目标 ......................................................................................................................... 148 技能获取 ......................................................................................................................... 148 5.1.1 走近表格标签.................................................................................................. 148 5.1.2 CSS 控制表格和单元格样式 ............................................................................. 155 任务实施 ......................................................................................................................... 159 小结 ................................................................................................................................. 165 习题 ................................................................................................................................. 165 任务 5.2 制作会员注册页面(表单) ................................................................................ 166 任务描述 ......................................................................................................................... 166 教学目标 ......................................................................................................................... 166 技能获取 ......................................................................................................................... 167 5.2.1 表单概述 ........................................................................................................ 167 5.2.2 运用<label>标签 .............................................................................................. 168 5.2.3 运用<input>标签 ............................................................................................. 169 5.2.4 运用<textarea>标签 .......................................................................................... 177 5.2.5 运用<select>标签 ............................................................................................. 178 5.2.6 运用<datalist>标签 ........................................................................................... 179 5.2.7 CSS 控制表单元素与整体布局 .......................................................................... 179 任务实施 ......................................................................................................................... 184 小结 ................................................................................................................................. 188 习题 ................................................................................................................................. 189 项目 6 中国传统戏曲页面 .......................................................................................................... 190 任务 6.1 制作视频栏目 ........................................................................................................ 190 任务描述 ......................................................................................................................... 190 教学目标 ......................................................................................................................... 191 技能获取 ......................................................................................................................... 192 6.1.1 HTML5 支持的视频格式 .................................................................................. 192 6.1.2 在 HTML5 中嵌入视频 .................................................................................... 192 6.1.3 视频文件兼容性问题 ....................................................................................... 195 任务实施 ......................................................................................................................... 196 小结 ................................................................................................................................. 205 习题 ................................................................................................................................. 205 任务 6.2 制作音频栏目 ........................................................................................................ 206 任务描述 ......................................................................................................................... 206 教学目标 ......................................................................................................................... 207 技能获取 ......................................................................................................................... 208 6.2.1 HTML5 支持的音频格式 .................................................................................. 208 6.2.2 在 HTML5 中嵌入音频 .................................................................................... 208 6.2.3 音频文件兼容性问题 ....................................................................................... 209 任务实施 ......................................................................................................................... 210 小结 ................................................................................................................................. 214 习题 ................................................................................................................................. 214 模块 2 综合项目 项目 7 “舒适家居”企业网站 .................................................................................................. 216 任务 7.1 需求分析................................................................................................................ 216 7.1.1 项目背景 ........................................................................................................ 216 7.1.2 需求说明 ........................................................................................................ 216 任务 7.2 网站设计................................................................................................................ 217 7.2.1 网站主题设计.................................................................................................. 217 7.2.2 网站风格设计.................................................................................................. 217 任务 7.3 资源准备................................................................................................................ 217 7.3.1 网页布局 ........................................................................................................ 218 7.3.2 网页切片 ........................................................................................................ 219 任务 7.4 网页制作................................................................................................................ 221 7.4.1 环境搭建 ........................................................................................................ 221 7.4.2 制作主页面 ..................................................................................................... 225 7.4.3 制作子页面 ..................................................................................................... 233 小结 ................................................................................................................................. 240 项目 8 “中国传统书画艺术”网站(用 DeepSeek 实现代码生成) ................................. 241 任务 8.1 需求分析................................................................................................................ 241 8.1.1 项目背景 ........................................................................................................ 241 8.1.2 需求说明 ........................................................................................................ 243 任务 8.2 网站设计................................................................................................................ 244 8.2.1 网站主题设计.................................................................................................. 244 8.2.2 网站风格设计.................................................................................................. 244 任务 8.3 资源准备................................................................................................................ 244 任务 8.4 网页制作................................................................................................................ 245 8.4.1 环境搭建 ........................................................................................................ 245 8.4.2 网站基本框架设计 ........................................................................................... 245 8.4.3 网站个性化功能设计 ....................................................................................... 250 小结 ................................................................................................................................. 255 模块 3 实训项目 项目 9 “中国建筑文化”网站 .................................................................................................. 258 任务 9.1 需求分析................................................................................................................ 258 9.1.1 项目背景 ........................................................................................................ 259 9.1.2 需求说明 ........................................................................................................ 259 任务 9.2 网站设计................................................................................................................ 260 9.2.1 网站主题设计.................................................................................................. 260 9.2.2 网站风格设计.................................................................................................. 260 任务 9.3 资源准备................................................................................................................ 261 9.3.1 网页布局 ........................................................................................................ 261 9.3.2 网页切片 ........................................................................................................ 261 任务 9.4 网页制作................................................................................................................ 261 9.4.1 制作主页面 ..................................................................................................... 261 9.4.2 制作子页面 ..................................................................................................... 261
你还可能感兴趣
|

书单推荐 





