课程内容包括4个章节,第一章讲解HTML5和CSS3的基础知识;第二章以GreenStart项目为主线,让学生在做项目的同时掌握相关的知识和操作技能;第三章总结和归纳了项目中的核心知识要点,并对这些核心知识进行重点剖析和讲解;第四章以学校两学一做网站主页为背景,展示其从页面设计效果到网页实现的全过程。
《网页制作》课程是计算机应用技术专业的一门专业群平台基础课程。根据人才培养方案,课程任务是通过网页设计、网页布局、样式设计、应用发布等相关知识的学习和训练,使学生掌握制作静态网页的能力。为后续的Web前端开发、移动互联网等相关课程提供必要技术准备。
第一章常用开发工具使用简介
1.1DW初体验
1.2使用Sublime开发第一个页面
1.3Emmet语法基础
1.3扩展阅读-Emmet语法
1.4单元讨论
1.5单元课件
第一章单元测验
第一章单元作业
第二章HTML基础
2.1认识HTML常用标签
2.2使用链接和锚点
2.3使用图片
2.4单元讨论
2.5单元课件
第二章单元测验
第二章单元作业
第三章盒子模型
3.1样式的三种引入方式
3.2盒子模型
3.3Emmet语法应用实例
3.3单元讨论
3.4单元课件
第三章单元测验
第三章单元作业
第四章CSS3样式基础
4.1边框样式
4.2背景样式
4.3单元讨论
4.4单元课件
单元04自测题
单元04作业
第五章CSS3选择器
5.1CSS基本选择器
5.2CSS高级选择器
5.3单元讨论
5.4单元课件
单元测验
第六章浮动
6.1浮动特性01
6.2浮动特性02
6.3浮动特性03
6.4浮动特性04
6.5单元讨论
6.6单元课件
第七章定位
7.1fixed定位
7.2relative定位
7.3absolute定位
7.4单元讨论
7.5单元课件
7.4京东秒杀页面制作
单元自测
第八章GreenStart项目实战1
8.1快速创建标准化页面
8.2创建header背景
8.3添加logo
8.4添加nav导航条
8.5单元讨论
8.6单元课件
第九章GreenStart项目实战2
9.1移动侧边栏
9.2调整container
9.3设置背景和边框
9.4制作侧边栏导航
9.5单元讨论
9.6单元课件
第十章GreenStart项目实战3
10.1图片占位符
10.2页面模板设计
10.3完善细节
10.4字体族
10.5单元讨论
10.6单元课件
第十一章GreenStart项目实战4
11.1背景图
11.2自定义类样式
11.3id样式
11.4链接和伪类
11.5单元讨论
第十二章GreenStart项目实战5
12.1三维菜单导航
12.2打印机样式
12.3根据模板创建页面
12.4更新模板
12.5单元讨论
第十三章GreenStart项目实战6
13.1库元素(library item)
13.2服务端包含(SSI)
13.3制作GreenNews页面
13.4制作GreenTips页面
13.5单元讨论
第十四章GreenStart项目实战7
14.1制作ContactUs页面
14.2创建表格
14.3边框线折叠和单元格样式
14.4 导入表格数据
14.5单元讨论
14.6单元课件
第十五章GreenStart项目实战8
15.1 插入图片
15.2插入链接
15.3外部链接
15.4链接锚点
15.5单元讨论
15.6单元课件
第十六周GreenStart项目实战9
16.1spry菜单
16.2表单
16.3单元讨论
16.4单元课件
本课程只须具备计算机基本操作能力,无需任何专业知识背景,适合广大对网页制作感兴趣的初中级用户
Q : 课程咨询的联系方式是怎样的?
A : 课程咨询的邮箱是:nbcc_support@126.com。
Q: 如何学习更多相关课程?
A:
1.《网页制作(HTML5+CSS3)》 https://www.icourse163.org/course/NBCC-1205793801
2.《Java程序设计》https://www.icourse163.org/course/NBCC-1002529025
3.《多媒体高级技术应用》https://www.icourse163.org/course/NBCC-1464103170
4.《JSP开发技术应用》https://www.icourse163.org/course/NBCC-1001710008
Q:到哪里可以免费下载教材中的工具软件?
A:可以在网上搜索和下载,也可以在课程交流区中留言,团队将会将需要的资料通过邮件发送给您