个人介绍
网页设计与制作(HTML+CSS) 王鹰汉等
提供学校: 上饶职业技术学院
院系: 信息工程系
专业大类: 计算机类
专业: 计算机应用技术
课程英文名称: Web Design and Production (HTML + CSS)
课程编号: 030110
学分: 5
课时: 84
课程介绍
   HTML与CSS是网页制作技术的核心和基础,也是每个网页制作者必须要掌握的基本知识,两者在网页设计中不可或缺。《网页设计与制作(HTML+CSS)》是一门实践性较强的课程,在教授过程中,融入了81个案例,8个章节,通过视频教学、在线答疑、自主学习等方式让大家看得懂、学得会、做得出。
    在内容编排上,本课程将一些非常复杂、难以理解的思想和问题简单化,让初学者能够轻松理解并快速掌握。对每个知识点都进行了深入地分析,并针对每个知识点精心设计了相关案例,然后模拟这些知识点在实际工作中的运用,真正做到了知识的由浅入深、由易到难。
    本课程共分为8个章节,第1、2、3章节主要介绍了HTML与CSS网页设计概述,要求初学者掌握HTML与CSS语言的基本语法,熟悉常用的HTML文本标记、图像标记等,能够熟练地使用CSS控制网页中的字体和文本外观样式。第4、5、6、7章节是学习网页制作的核心,分别讲解了盒子模型、列表与超链接、表格与表单、元素的浮动与定位。第8章节为实战开发,结合前面学习的基础知识,带领学生开发一个电脑科技网的首页。
教师团队

王鹰汉 副教授

单位:上饶职业技术学院

部门:信息工程系

职位:专业带头人、院学术委员会委员、浙江大学国内访问学者

汪兴来 讲师

单位:上饶职业技术学院

部门:信息中心

李丹 讲师

单位:上饶职业技术学院

部门:信息工程系

陈颖 讲师

单位:上饶职业技术学院

部门:信息工程系

卞晨晨 讲师

单位:上饶职业技术学院

部门:上饶职业技术学院党委办公室

李孝金 工程师

单位: 上饶星缘网络科技有限公司

部门:项目设计

职位:经理

课程标准

教学内容

课程教学大纲






教学案例




多媒体课件

课程评价

教学资源
课程章节 | 文件类型   | 修改时间 | 大小 | 备注
1.1.1 网页、常见浏览器与Web名词介绍
视频
.mp4
2018-11-19 13.55MB
 
文档
.pptx
2018-11-19 5.06MB
1.1.2 Web标准
视频
.mp4
2018-11-19 5.75MB
 
文档
.pptx
2018-11-19 5.21MB
1.1.3 HTML与CSS简介
视频
.mp4
2018-12-05 10.99MB
 
文档
.pptx
2018-12-05 4.40MB
1.1.4 DW界面介绍与初始化设置
视频
.mp4
2018-12-06 12.55MB
 
文档
.pptx
2018-12-06 5.23MB
1.1.5 创建一张简单的网页
视频
.mp4
2018-12-06 6.48MB
 
文档
.pptx
2018-12-06 4.95MB
1.2.1 HTML文档基本格式
视频
.mp4
2018-12-06 8.30MB
 
文档
.pptx
2018-12-06 4.21MB
1.2.2 HTML标记与属性
视频
.mp4
2018-12-06 14.90MB
 
文档
.pptx
2018-12-06 4.22MB
1.2.3 HTML文档头部相关标记
视频
.mp4
2018-12-06 23.43MB
 
文档
.pptx
2018-12-06 4.22MB
1.2.4 HTML文本控制标记
视频
.mp4
2018-12-06 20.23MB
 
文档
.pptx
2018-12-06 4.23MB
1.2.5 HTML图像标记
视频
.mp4
2018-12-06 13.20MB
 
文档
.pptx
2018-12-06 4.20MB
1.2.6 相对路径和绝对路径
视频
.mp4
2018-12-06 16.19MB
 
文档
.pptx
2018-12-06 4.24MB
1.3.1 分析效果图与制作页面结构
视频
.mp4
2018-12-06 4.89MB
 
文档
.pptx
2018-12-06 4.59MB
1.3.2 控制图像与控制文本
视频
.mp4
2018-12-06 3.77MB
 
文档
.pptx
2018-12-06 4.37MB
1.4.1 CSS样式规则与CSS样式表的引入
视频
.mp4
2018-12-06 30.24MB
 
文档
.pptx
2018-12-06 4.15MB
1.4.2 CSS基础选择器
视频
.mp4
2018-12-05 15.16MB
 
文档
.pptx
2018-12-05 4.13MB
1.4.3 CSS字体样式属性和文本外观属性
视频
.mp4
2018-12-06 18.49MB
 
文档
.pptx
2018-12-06 4.17MB
1.4.4 CSS复合选择器
视频
.mp4
2018-12-06 9.53MB
 
文档
.pptx
2018-12-06 4.13MB
1.4.5 CSS层叠性和继承性
视频
.mp4
2018-12-06 6.42MB
 
文档
.pptx
2018-12-06 4.13MB
1.4.6 CSS优先级
视频
.mp4
2018-12-06 8.83MB
 
文档
.pptx
2018-12-06 4.13MB
1.5.1 分析效果图与制作页面结构
视频
.mp4
2018-12-06 4.04MB
 
文档
.pptx
2018-12-06 4.23MB
1.5.2 定义CSS样式
视频
.mp4
2018-12-06 7.12MB
 
文档
.pptx
2018-12-06 4.21MB
2.1.1 认识盒子模型
视频
.mp4
2018-12-06 10.72MB
 
文档
.pptx
2018-12-06 4.53MB
2.2 盒子模型相关属性
视频
.mp4
2019-01-24 4.00MB
 
视频
.mp4
2019-01-24 4.47MB
 
视频
.mp4
2019-01-24 2.85MB
2.2.1 边框属性
视频
.mp4
2018-12-06 26.48MB
 
文档
.pptx
2018-12-06 4.15MB
2.2.2 内边距属性
视频
.mp4
2018-12-06 8.39MB
 
文档
.pptx
2018-12-06 4.13MB
2.2.3 外边距属性
视频
.mp4
2018-12-06 12.08MB
 
文档
.pptx
2018-12-06 4.13MB
2.2.4 背景属性
视频
.mp4
2018-12-06 18.67MB
 
文档
.pptx
2018-12-06 4.14MB
2.2.5 盒子的宽与高
视频
.mp4
2018-12-06 6.43MB
 
文档
.pptx
2018-12-06 4.13MB
2.3 元素的类型与转换
视频
.mp4
2019-01-20 5.75MB
2.3.1 元素的类型
视频
.mp4
2018-12-06 11.95MB
 
文档
.pptx
2018-12-06 4.13MB
2.3.2 div与span标记
视频
.mp4
2018-12-06 9.89MB
 
文档
.pptx
2018-12-06 4.13MB
2.3.3 元素的转换
视频
.mp4
2018-12-06 7.82MB
 
文档
.pptx
2018-12-06 4.13MB
2.4.1 相邻块元素垂直外边距的合并
视频
.mp4
2018-12-06 4.28MB
 
文档
.pptx
2018-12-06 4.13MB
2.4.2 嵌套块元素垂直外边距的合并
视频
.mp4
2018-12-06 7.67MB
 
文档
.pptx
2018-12-06 4.13MB
2.5.1 分析效果图与制作页面结构
视频
.mp4
2018-12-06 7.30MB
 
文档
.pptx
2018-12-06 4.28MB
2.5.2 定义CSS样式
视频
.mp4
2018-12-06 6.82MB
 
文档
.pptx
2018-12-06 4.19MB
3.1.1 无序列表ul
视频
.mp4
2018-12-06 8.12MB
 
文档
.pptx
2018-12-06 4.17MB
3.1.2 有序列表ol
视频
.mp4
2018-12-06 5.86MB
 
文档
.pptx
2018-12-06 4.17MB
3.1.3 定义列表dl
视频
.mp4
2018-12-06 7.70MB
 
文档
.pptx
2018-12-06 4.17MB
3.1.4 列表的嵌套应用
视频
.mp4
2018-12-06 5.15MB
 
文档
.pptx
2018-12-06 4.17MB
3.2.1 list-style-type属性
视频
.mp4
2018-12-06 4.89MB
 
文档
.pptx
2018-12-06 4.17MB
3.2.2 list-style-image属性
视频
.mp4
2018-12-06 4.34MB
 
文档
.pptx
2018-12-06 4.17MB
3.2.3 list-style-position属性
视频
.mp4
2018-12-06 4.51MB
 
文档
.pptx
2018-12-06 4.17MB
3.2.4 list-style属性
视频
.mp4
2018-12-06 10.45MB
 
文档
.pptx
2018-12-06 4.17MB
3.3.1 创建超链接
视频
.mp4
2018-12-06 11.96MB
 
文档
.pptx
2018-12-06 4.18MB
3.3.2 锚点链接
视频
.mp4
2018-12-06 4.75MB
 
文档
.pptx
2018-12-06 4.17MB
3.3.3 链接伪类控制超链接
视频
.mp4
2018-12-06 12.28MB
 
文档
.pptx
2018-12-06 4.17MB
3.4.1 分析效果图与制作页面结构
视频
.mp4
2018-12-06 5.87MB
 
文档
.pptx
2018-12-06 4.18MB
3.4.2 定义CSS样式
视频
.mp4
2018-12-06 5.68MB
 
文档
.pptx
2018-12-06 4.16MB
4.1.1 创建表格
视频
.mp4
2018-12-06 7.77MB
 
文档
.pptx
2018-12-06 4.18MB
4.1.2 表格标记属性
视频
.mp4
2018-12-06 9.38MB
 
文档
.pptx
2018-12-06 4.30MB
4.1.3 表格的结构
视频
.mp4
2018-12-06 5.51MB
 
文档
.pptx
2018-12-06 4.17MB
4.2.1 CSS控制表格边框
视频
.mp4
2018-12-06 4.54MB
 
文档
.pptx
2018-12-06 4.17MB
4.2.2 CSS控制单元格边距
视频
.mp4
2018-12-06 4.97MB
 
文档
.pptx
2018-12-06 4.17MB
4.2.3 CSS控制单元格的宽高
视频
.mp4
2018-12-06 3.71MB
 
文档
.pptx
2018-12-06 4.17MB
4.3.1 表单介绍
视频
.mp4
2018-12-06 13.62MB
 
文档
.pptx
2018-12-06 4.29MB
4.3.2 表单控件
视频
.mp4
2018-12-06 21.07MB
 
文档
.pptx
2018-12-06 4.20MB
4.3.3 CSS控制表单样式
视频
.mp4
2018-12-06 10.03MB
 
文档
.pptx
2018-12-06 4.17MB
4.4.1 分析效果图与制作页面结构
视频
.mp4
2018-10-19 6.02MB
 
视频
.mp4
2018-12-06 6.02MB
 
文档
.pptx
2018-12-06 4.25MB
4.4.2 定义CSS样式
视频
.mp4
2018-12-06 9.18MB
 
文档
.pptx
2018-12-06 4.18MB
5.1.1 元素的浮动属性
视频
.mp4
2018-12-06 14.09MB
 
文档
.pptx
2018-12-06 4.20MB
5.1.2 清除浮动
视频
.mp4
2018-12-06 12.74MB
 
文档
.pptx
2018-12-06 4.21MB
5.1.3 overflow属性
视频
.mp4
2018-12-06 5.33MB
 
文档
.pptx
2018-12-06 4.20MB
5.2.1 元素的定位属性与静态定位
视频
.mp4
2018-12-06 5.51MB
 
文档
.pptx
2018-12-06 4.20MB
5.2.2 相对定位(relative)
视频
.mp4
2018-12-06 5.10MB
 
文档
.pptx
2018-12-06 4.48MB
5.2.3 绝对定位
视频
.mp4
2018-12-06 11.81MB
 
文档
.pptx
2018-12-06 4.50MB
5.2.4 固定定位与z-index层叠等级属性
视频
.mp4
2018-12-06 13.22MB
 
文档
.pptx
2018-12-06 4.20MB
5.3.1 分析效果图与制作页面结构
视频
.mp4
2018-12-06 6.32MB
 
文档
.pptx
2018-12-06 4.26MB
5.3.2 定义CSS样式
视频
.mp4
2018-12-06 8.12MB
 
文档
.pptx
2018-12-06 4.24MB
6.1.1 需求分析与工作原理
视频
.mp4
2018-12-06 8.82MB
 
文档
.pptx
2018-12-06 4.85MB
6.1.2 案例实战—精品课程(分析效果图、准备图片、搭建页面结构)
视频
.mp4
2018-12-06 3.58MB
 
文档
.pptx
2018-12-06 4.13MB
6.1.3 案例实战—精品课程(定义CSS样式)
视频
.mp4
2018-12-06 8.31MB
 
文档
.pptx
2018-12-06 4.13MB
6.2.1 需求分析与工作原理
视频
.mp4
2018-12-06 3.17MB
 
文档
.pptx
2018-12-06 4.16MB
6.2.2 案例实战—梯形网站导航(分析效果图、准备图片、搭建页面结构)
视频
.mp4
2018-12-06 4.82MB
 
文档
.pptx
2018-12-06 4.19MB
6.2.3 案例实战—梯形网站导航(定义CSS样式)
视频
.mp4
2018-12-06 6.15MB
 
文档
.pptx
2018-12-06 4.13MB
6.3.1 对同级元素应用负margin
视频
.mp4
2018-12-06 3.84MB
 
文档
.pptx
2018-12-06 4.15MB
6.3.2 对子元素应用负margin
视频
.mp4
2018-12-06 3.45MB
 
文档
.pptx
2018-12-06 4.14MB
6.3.3 案例实战—登录注册模块(分析效果图、书写HTML结构页面)
视频
.mp4
2018-12-06 3.46MB
 
文档
.pptx
2018-12-06 4.20MB
6.3.4 案例实战—登录注册模块(书写CSS样式)
视频
.mp4
2018-12-06 4.56MB
 
文档
.pptx
2018-12-06 4.15MB
7.1.1 版心和布局流程
视频
.mp4
2018-12-06 3.30MB
 
文档
.pptx
2018-12-06 4.43MB
7.1.2 单列布局
视频
.mp4
2018-12-06 5.39MB
 
文档
.pptx
2018-12-06 4.22MB
7.1.3 两列布局
视频
.mp4
2018-12-06 6.31MB
 
文档
.pptx
2018-12-06 4.22MB
7.1.4 三列布局
视频
.mp4
2018-12-06 6.60MB
 
文档
.pptx
2018-12-06 4.22MB
7.1.5 通栏布局
视频
.mp4
2018-12-06 5.89MB
 
文档
.pptx
2018-12-06 4.22MB
7.1.6 网页模块命名规范
视频
.mp4
2018-12-06 2.62MB
 
文档
.pptx
2018-12-06 4.20MB
7.2.1 CSSHack
视频
.mp4
2018-12-06 4.09MB
 
文档
.pptx
2018-12-06 4.21MB
7.2.2 IE条件注释语句
视频
.mp4
2018-12-06 4.65MB
 
文档
.pptx
2018-12-06 4.20MB
7.2.3 使用!important解决高度自适应问题
视频
.mp4
2018-12-06 4.34MB
 
文档
.pptx
2018-12-06 4.20MB
7.3.1 常见IE11浏览器的兼容问题
视频
.mp4
2018-12-06 5.40MB
 
文档
.pptx
2018-12-06 4.19MB
8.1.1 建立站点、站点初始化设置
视频
.mp4
2018-12-06 10.78MB
 
文档
.pptx
2018-12-06 4.81MB
8.1.2 首页面效果图分析、准备图片素材、页面布局
视频
.mp4
2018-12-06 8.63MB
 
文档
.pptx
2018-12-06 6.10MB
8.2.1 制作头部和导航
视频
.mp4
2018-12-06 8.61MB
 
文档
.pptx
2018-12-06 4.36MB
8.2.2 banner和通告
视频
.mp4
2018-12-06 9.09MB
 
文档
.pptx
2018-12-06 4.20MB
8.2.3 主体内容区域
视频
.mp4
2018-12-06 20.17MB
 
文档
.pptx
2018-12-06 6.04MB
8.2.4 底部版权区域
视频
.mp4
2018-12-06 7.76MB
 
文档
.pptx
2018-12-06 4.25MB
8.3.1 模板的作用与建立模板的步骤
视频
.mp4
2018-12-06 8.31MB
 
文档
.pptx
2018-12-06 6.03MB
8.4.1 “关于我们”页面制作
视频
.mp4
2018-12-06 14.14MB
 
文档
.pptx
2018-12-06 5.11MB
8.4.2 课程介绍页面制作
视频
.mp4
2018-12-06 10.61MB
 
文档
.pptx
2018-12-06 5.19MB
8.4.3 课程详细介绍页面制作
视频
.mp4
2018-12-06 15.44MB
 
文档
.pptx
2018-12-06 7.21MB
提示框
提示框
确定要报名此课程吗?
确定取消