hi,小慕
网页制作(HTML5+CSS3)
第10次开课
开课时间: 2024年04月09日 ~ 2024年07月31日
学时安排: 4
当前开课已结束 已有 723 人参加
老师已关闭该学期,无法查看
课程详情
课程评价(170)
spContent=随着互联网的发展速度迅猛,前端工程师职业越来越火热,HTML5+CSS3作为静态网页的最新技术,具有广泛的应用场合,是前端工程师岗位的必备技术基础,并为后续的响应式动态网站开发,移动应用开发打下坚实基础。
随着互联网的发展速度迅猛,前端工程师职业越来越火热,HTML5+CSS3作为静态网页的最新技术,具有广泛的应用场合,是前端工程师岗位的必备技术基础,并为后续的响应式动态网站开发,移动应用开发打下坚实基础。
—— 课程团队
课程概述

课程内容包括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单元课件

展开全部
预备知识

本课程只须具备计算机基本操作能力,无需任何专业知识背景,适合广大对网页制作感兴趣的初中级用户

参考资料


  1. 电子工业出版社 ISBN: 978-7-121-49437-6 主编:郑哲 、傅冬、卢秋锦、孙超红等 2025.01
  2. 《Web前端技术项目教程(HTML5+CSS3)》科学出版社 ISBN: 9787030676245  主编:卢秋锦、郑哲 2021.06
  3. Adobe 官方教程《 Dreamweaver CS6 Classroom in a Book》


常见问题

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:可以在网上搜索和下载,也可以在课程交流区中留言,团队将会将需要的资料通过邮件发送给您

宁波城市职业技术学院
1 位授课老师
郑哲

郑哲

系统分析师、副教授、国家精品在线开放课程负责人

推荐课程

彭凯平教积极心理学

大渔大师课

257人参加

彭凯平教情绪心理学

大渔大师课

75人参加
下载
下载

下载App