模块1  网页设计与制作基础    1
单元1.1  认识网页与网站    1
1.1.1  认识网页    1
1.1.2  网页类型    2
1.1.3  网页基本元素    3
1.1.4  网页设计常用基本语言    6
1.1.5  认识网站    7
1.1.6  网址与域名    7
1.1.7  网站建设的一般流程    8
单元1.2  使用HTML制作简单的网页    9
1.2.1  HTML5简介    9
1.2.2  常用的HTML5标签    13
1.2.3  使用记事本编辑简单网页    23
模块实训1.3  制作个人简介网页    23
知识与技能训练    24
模块2  网页版式设计与色彩搭配    26
单元2.1　网页版式设计    26
2.1.1　网页版式设计概述    26
2.1.2　网页版式构成要素    27
2.1.3　网页版式设计风格    28
2.1.4　网页版式设计原则    30
2.1.5　网页版式设计的视觉流程    30
2.1.6　网页版式设计的步骤    31
2.1.7　解析“故宫博物院”网页版式    31
2.1.8　使用Axure进行网页原型设计    32
单元2.2　网页色彩搭配    33
2.2.1　色彩基础知识    33
2.2.2　色彩的视觉效果    34
2.2.3　网页中色彩的作用    36
2.2.4　网页配色原理    36
2.2.5　网页配色技巧    37
2.2.6　网页中色彩的表示    37
2.2.7　分析“青花瓷配色”在网页中的应用    38
2.2.8　使用AI配色工具生成青花瓷主题配色方案    39
模块实训2.3　“黄河流域生态保护”网站首页效果图设计    41
知识与技能训练    41
模块3  Dreamweaver工具的使用    43
单元3.1　认识中文版Dreamweaver    43
3.1.1　Dreamweaver主要功能    43
3.1.2　Dreamweaver界面介绍    45
3.1.3　在Dreamweaver中创建、保存网页文件    50
3.1.4　在Dreamweaver中创建简单文本页面    51
3.1.5　预览网页文档    51
单元3.2　规划与创建站点    52
3.2.1　认识站点    52
3.2.2　规划站点    53
3.2.3　创建本地站点    53
3.2.4　管理站点    55
3.2.5　创建“启航网页设计之旅”页面    57
3.2.6　设置页面属性    58
模块实训3.3　制作“我的网上家园”欢迎页面    63
知识与技能训练    63
模块4  CSS3样式    65
单元4.1　定义CSS3基础样式    65
4.1.1　CSS3简介    65
4.1.2　CSS3样式设置规则    67
4.1.3　定义CSS样式选择器    68
4.1.4　CSS3样式的调用    69
4.1.5　布局及定义CSS3基础样式    72
4.1.6　链接或导入外部CSS3样式    79
4.1.7　查看CSS3样式    79
4.1.8　编辑与删除CSS3属性    80
4.1.9　常用CSS3属性含义及属性值    80
4.1.10　使用AIGC制作传统节日灯笼飘动效果    81
单元4.2　CSS3高级特性    82
4.2.1　CSS3的新增选择器    82
4.2.2　CSS3的特性    84
4.2.3　使用CSS3美化网页    85
4.2.4　使用CSS3设置文字特效    87
4.2.5　CSS3浏览器支持情况    89
4.2.6　AI自动浏览器兼容性检测    90
模块实训4.3　使用CSS3样式实现文章列表功能    91
知识与技能训练    93
模块5  网页文本和图像    95
单元5.1　制作文本类网页    95
5.1.1　在网页中添加文本元素    95
5.1.2　在网页中创建与设置列表    96
5.1.3　制作唐诗赏析网页    98
5.1.4　设置文本属性    99
5.1.5　使用CSS设置段落样式    101
5.1.6　插入特殊字符、水平线和日期    102
单元5.2　在网页中插入图像    104
5.2.1　网页中常用的图像格式    104
5.2.2　在网页中添加图像元素    104
5.2.3　设置网页图像属性    105
5.2.4　用CSS设置网页图像样式    106
5.2.5　用CSS设置网页的背景图像    107
5.2.6  设计“敦煌壁画”主题图文混排页面    108
5.2.7  AI图像优化工具    111
模块实训5.3　设计制作图书推荐网页    111
知识与技能训练    113
模块6  网页超链接与导航    115
单元6.1　为网页增加超链接元素    115
6.1.1　认识超链接    115
6.1.2　创建各类超链接    117
6.1.3　创建图像地图    120
6.1.4  为腊八节网页添加超链接    121
6.1.5　用CSS设置超链接    123
单元6.2　设计网页导航    124
6.2.1　网页导航概述    124
6.2.2　网页导航分类    124
6.2.3　网页导航设计原则    128
6.2.4　为“中国地理”网页增加导航    128
6.2.5  AI驱动的动态导航设计    132
模块实训6.3　设计制作“点点星空”网站页面    133
知识与技能训练    135
模块7  表格化网页布局    137
单元7.1　表格的插入与编辑    137
7.1.1　认识表格    137
7.1.2　表格标签    138
7.1.3　表格属性面板    138
7.1.4　插入表格    139
7.1.5　编辑表格    140
7.1.6　美化表格    142
单元7.2　使用表格布局“非遗手工艺展览”网页    143
7.2.1  “非遗手工艺展览”网站首页效果分析    143
7.2.2　插入与编辑表格    144
7.2.3　在表格中插入网页元素    144
7.2.4　导入表格式数据    145
7.2.5　进一步美化“非遗手工艺展览”网站首页    146
模块实训7.3　使用表格设计制作“旅游信息网”    147
知识与技能训练    149
模块8  使用Div+CSS布局网页    152
单元8.1  设计制作“古诗欣赏”网页    152
8.1.1　盒子模型    152
8.1.2　元素的定位    154
8.1.3  使用盒子模型设计“古诗欣赏”网页    155
8.1.4　模拟实现Windows10桌面效果    156
8.1.5　Div标签与span标签    158
单元8.2　设计中国传统戏剧文化页面    160
8.2.1　常用Div+CSS布局版式    160
8.2.2　设计中国传统戏剧文化网站    164
8.2.3　定位在网页布局中的应用    168
8.2.4　AI辅助实现响应式布局    170
模块实训8.3　Div+CSS网页布局案例    171
8.3.1　使用Div+CSS实现婚纱网站最新作品列表设置    172
8.3.2　使用Div+CSS布局学院教学成果申报网站首页    173
知识与技能训练    174
模块9  多媒体网页和网页特效    176
单元9.1　制作多媒体网页    176
9.1.1  网页中常用的多媒体元素    176
9.1.2　制作“电子相册”网页    179
9.1.3　制作休闲娱乐多媒体网页    181
单元9.2　设计“皮影戏”主题页面网页特效    182
9.2.1　行为概述    182
9.2.2　动作与事件    183
9.2.3　添加行为    185
9.2.4　制作网页加载时弹出公告页    186
9.2.5　使用行为设置交换图像特效    187
9.2.6　使用行为设置文本特效    188
9.2.7　使用行为设置跳转菜单效果    190
模块实训9.3　制作多媒体网页和创建网页特效案例    192
9.3.1　实训一　制作动态的“美食展示”网页    192
9.3.2　实训二　设置变换图像的导航栏    193
知识与技能训练    193
模块10  使用表单对象    195
单元10.1　设计“非遗文化保护志愿者”注册表单    195
10.1.1　表单与表单对象    195
10.1.2　插入文本域    200
10.1.3　插入单选按钮    201
10.1.4　插入复选框    202
10.1.5　插入选择    203
10.1.6　插入按钮    204
模块实训10.2　设计网上报名页面    205
知识与技能训练    206
模块11  基于JavaScript的前端开发技术    208
单元11.1  设计“传统手工艺分类”下拉菜单    208
11.1.1  JavaScrip概述    208
11.1.2  JavaScript的使用方法    209
11.1.3  JavaScript语言基础    211
11.1.4  流程控制语句    216
11.1.5  函数的定义与调用    222
11.1.6  用JavaScript实现网页的交互    225
11.1.7  使用AI工具生成JavaScript交互代码    228
单元11.2  使用Bootstrap框架创建响应式网页    229
11.2.1  响应式网页设计    229
11.2.2  Bootstrap框架    232
11.2.3  Bootstrap布局容器    233
11.2.4  Bootstrap栅格系统    234
11.2.5  Bootstrap常用样式    236
11.2.6  Bootstrap常用组件    239
11.2.7  使用Bootstrap框架制作山水万象网页    244
11.2.8  使用AI工具制作响应式注册页面    248
模块实训11.3  基于JavaScript的前端开发技术应用    248
11.3.1  使用JavaScript制作两款网页特效    248
11.3.2  使用JavaScript完成下拉列表项左右移动    249
11.3.3  使用BootStrap制作智能家居网页    251
知识与技能训练    252
模块12  使用模板设计网页    257
单元12.1　创建基于模板的时尚礼品网    257
12.1.1　模板概述    258
12.1.2　创建模板的方法    259
12.1.3　定义模板区域    260
12.1.4　创建基于模板的网页    261
12.1.5　管理模板    264
单元12.2　应用库项目    265
12.2.1　库概述    265
12.2.2　创建库项目    266
12.2.3　在网页中应用库项目    267
12.2.4　更新库项目    267
12.2.5  使用AI工具批量管理库项目    268
模块实训12.3　使用模板创建网页及在网页中应用库项目    269
12.3.1　实训一　使用模板创建网页    269
12.3.2　实训二　在网页中应用库项目    270
知识与技能训练    272
模块13  网站的发布与推广    273
单元13.1　免费空间的申请及使用    273
13.1.1　FTP上传工具    273
13.1.2　申请免费空间    274
13.1.3　发布站点    275
单元13.2　域名注册及收费空间的申请    277
13.2.1　域名    277
13.2.2　网站空间    278
13.2.3　注册域名    279
13.2.4　租用服务器空间    280
单元13.3　网站的宣传与推广    282
13.3.1　网站推广的作用    282
13.3.2　网站推广的方法    283
13.3.3　将网站提交给百度搜索引擎    285
13.3.4　使用论坛推广网站    286
13.3.5　搜索引擎优化    287
模块实训13.4　通过论坛推广网站    288
知识与技能训练    289
模块14  综合实战项目    290
单元14.1　设计制作工作室网站    290
14.1.1　网站建设流程    290
14.1.2　网站需求分析    292
14.1.3　网站原型设计    292
14.1.4　创建站点    294
14.1.5　网站首页设计    295
14.1.6　栏目页设计    303
14.1.7　type.css参考代码    303
单元14.2　设计制作企业类网站    308
14.2.1　企业宣传类网站首页布局规划    308
14.2.2　布局网站首页    309
14.2.3　搭建首页页头的Div    311
14.2.4　搭建“公司简介”部分的Div    312
14.2.5　首页主体部分的Div    312
14.2.6　栏目页设计    314
14.2.7　Flash动画展示部分的Div    316
14.2.8　搭建“产品系列”部分的Div    317