hi,小慕
网页制作(HTML5+CSS3)
第7次开课
开课时间: 2022年03月15日 ~ 2022年07月31日
学时安排: 3
当前开课已结束 已有 2750 人参加
立即自学
往期不提供结课证书,想参加下学期课程, 点击这里预约>>
课程详情
课程评价(126)
spContent=随着互联网的发展速度迅猛,前端工程师职业越来越火热,HTML5+CSS3作为静态网页的最新技术,具有广泛的应用场合,是前端工程师岗位的必备技术基础,并为后续的响应式动态网站开发,移动应用开发打下坚实基础。
随着互联网的发展速度迅猛,前端工程师职业越来越火热,HTML5+CSS3作为静态网页的最新技术,具有广泛的应用场合,是前端工程师岗位的必备技术基础,并为后续的响应式动态网站开发,移动应用开发打下坚实基础。
—— 课程团队
课程概述

课程内容包括4个章节,第一章讲解HTML5和CSS3的基础知识;第二章以GreenStart项目为主线,让学生在做项目的同时掌握相关的知识和操作技能;第三章总结和归纳了项目中的核心知识要点,并对这些核心知识进行重点剖析和讲解;第四章以学校两学一做网站主页为背景,展示其从页面设计效果到网页实现的全过程。

课程大纲

第一章常用开发工具使用简介

1.1DW初体验

1.2使用Sublime开发第一个页面

1.3扩展阅读-Emmet语法

1.4单元讨论

1.5单元课件

第一章单元测验

第一章单元作业

第二章HTML基础

2.1认识HTML常用标签

2.2使用链接和锚点

2.3使用图片

2.4单元讨论

2.5单元课件

第二章单元测验

第二章单元作业

第三章盒子模型

3.1样式的三种引入方式

3.2盒子模型

3.3单元讨论

3.4单元课件

第三章单元测验

第三章单元作业

第四章CSS3样式基础

4.1边框样式

4.2背景样式

4.3单元讨论

4.4单元课件

单元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单元课件

展开全部
预备知识

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

参考资料

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?tid=1460994448

    2.《Java程序设计》https://www.icourse163.org/course/NBCC-1002529025?tid=1460989454


Q:到哪里可以免费下载教材中的工具软件?

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



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

郑哲

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

卢秋锦

卢秋锦

副教授

李利杰

李利杰

副教授,软件设计师,移动互联应用开发高级工程师

推荐课程

下载
下载

下载App