个人介绍
HTML+CSS网页设计与制作 李舒亮等
提供学校: 新余学院
院系: 数学与计算机学院
专业大类: 计算机学科
专业: 计算机类专业、电商类专业
学分: 3
课时: 48
教师团队

李舒亮 教授

单位:新余学院

部门:数学与计算机学院

廖志斌 教授

单位:新余学院

部门:数学与计算机学院

职位:副院长

周西柳 副教授

单位:新余学院

部门:数学与计算机学院

杨春蓉 副教授

单位:新余学院

部门:数学与计算机学院

刘芳 副教授

单位:新余学院

部门:数学与计算机学院

章洁 讲师

单位:新余学院

部门:数学与计算机学院

课程描述

《html+css网页设计与制作》是一门Web前端开发技术的入门课程,开始于2004年,前身为《网页设计与制作》,在我校开设已有十多年的历史,授课对象为计算机科学与技术(本科)、软件工程(本科)专业的学生和计算机应用技术、软件技术、计算机网络技术专业的学生。每年授课人数达到200人以上。本课程为我校最早的校级精品课程,已完成了精品课程的建设并通过验收。 

在设计制作网页时,要考虑的最核心的两个问题是“网页内容是什么”和“如何表现这些内容”,可概括为“内容”和“表现”这两个方面。过去由于CSS技术的应用尚不成熟,人们更多地关注HTML,想尽办法使HTML同时承担“内容”和“表现”两方面的任务。而现在,CSS的应用已经相当完善,使用它可以制作出符合Web标准的网页。Web标准的核心原则是“内容”与“表现”分离,HTML和CSS各司其职。本课程详细地讲解用CSS设计制作符合Web标准的网页的方法,使学生可以熟练快速地掌握它们,并设计制作出高质量的网页。


参考教材

1、《css网页设计标准教程》 温谦编著  人民邮电出版社

2、《html+css+Javascript》网页制作案例教程  传智博客高教产品研发部  人民邮电出版社

教学条件

该课程已开发建设的资源包括网络课程、多媒体课件、信息化教学设计、操作视频、 授课视频、获奖教材等,实现了优质数字化教学资源的系统化,获得省级和市级以上各种奖励多项,形成课程的优势项目,并累计了多项与该课程建设相关的教改课题。 

现已完成录制的授课视频中包括主讲教师讲授的课程设计、教学单元授课、多媒体授课教学、网络课程等类型,已将授课视频上网,供在校学生或已毕业学生学习。

本课程项目团队校企融合、优势互补,知识结构合理,专业技术能力强。本课程教学团队同时具备教学能力和教育技术开发的能力。

本课程建设标准和评价机制明确, 项目建设资金使用管理制度科学。 经费投入、团队管理、资源审核、资源更新及共建共享机制能够保障精品在线开放课程的持续建设与应用。

教学视频

课程评价

教学资源
课程章节 | 文件类型   | 修改时间 | 大小 | 备注
1.1 认识网页
视频
.mp4
2018-01-19 217.12MB
 
作业
.work
2018-01-19 0.00KB
1.2 网页术语
视频
.mp4
2018-01-19 109.68MB
 
作业
.work
2018-01-19 0.00KB
1.3 web标准
视频
.mp4
2018-01-19 128.13MB
 
作业
.work
2018-01-19 0.00KB
1.4 常见浏览器
视频
.mp4
2018-01-19 228.21MB
 
作业
.work
2018-01-19 0.00KB
2.1 Html概述和语法规则
视频
.mp4
2018-01-19 192.62MB
 
作业
.work
2018-01-19 0.00KB
2.2 头部标签
视频
.mp4
2018-01-19 126.52MB
 
作业
.work
2018-01-19 0.00KB
2.3 文本类标签
视频
.mp4
2018-01-19 161.22MB
 
作业
.work
2018-01-19 0.00KB
2.4 列表标签
视频
.mp4
2018-01-19 203.27MB
 
作业
.work
2018-01-19 0.00KB
2.5 表格标签
视频
.mp4
2018-01-19 112.90MB
 
作业
.work
2018-01-19 0.00KB
2.6 图像标签
视频
.mp4
2018-01-19 136.81MB
 
作业
.work
2018-01-19 0.00KB
2.7 绝对路径和相对路径
视频
.mp4
2018-01-19 181.93MB
 
作业
.work
2018-01-19 0.00KB
2.8 链接标签
视频
.mp4
2018-01-19 296.81MB
 
作业
.work
2018-01-19 0.00KB
2.9 上机练习
作业
.work
2018-03-15 0.00KB
3.1 版面设计原则
视频
.mp4
2018-01-19 128.43MB
 
作业
.work
2018-01-19 0.00KB
3.2 文字编排原则
视频
.mp4
2018-01-19 94.14MB
 
作业
.work
2018-01-19 0.00KB
3.3 色彩三要素
视频
.mp4
2018-04-07 295.57MB
3.4 色彩搭配原则
视频
.mp4
2018-01-20 388.99MB
 
作业
.work
2018-01-20 0.00KB
3.5 网页配色方法
视频
.mp4
2018-01-20 118.19MB
 
作业
.work
2018-01-20 0.00KB
3.6 网页开发工具
视频
.mp4
2018-01-19 402.54MB
 
作业
.work
2018-01-19 0.00KB
3.7 上机作业
作业
.work
2018-03-30 0.00KB
4.1 构造CSS规则
视频
.mp4
2018-01-19 160.36MB
 
作业
.work
2018-01-19 0.00KB
4.2 CSS基本选择器
视频
.mp4
2018-01-19 413.41MB
 
作业
.work
2018-01-19 0.00KB
4.3 CSS样式的引用
视频
.mp4
2018-01-19 371.84MB
 
作业
.work
2018-01-19 0.00KB
4.4 CSS文本的设置
视频
.mp4
2018-01-19 387.65MB
 
作业
.work
2018-01-19 0.00KB
4.5 上机作业
作业
.work
2018-04-08 0.00KB
5.1 css复合选择器
视频
.mp4
2018-01-19 397.05MB
 
作业
.work
2018-01-19 0.00KB
5.2 CSS特性
视频
.mp4
2018-01-19 332.77MB
 
作业
.work
2018-01-19 0.00KB
5.3 上机作业
作业
.work
2018-04-12 0.00KB
6.1 盒子模型的概念及基本结构
视频
.mp4
2018-01-19 176.43MB
 
作业
.work
2018-01-19 0.00KB
6.2 设置盒子模型
视频
.mp4
2018-01-19 278.24MB
 
作业
.work
2018-01-19 0.00KB
6.3 多个盒子的相互影响
视频
.mp4
2018-01-19 244.87MB
 
作业
.work
2018-01-19 0.00KB
6.4 背景的设置
视频
.mp4
2018-01-19 318.16MB
 
作业
.work
2018-01-19 0.00KB
6.5 上机作业
作业
.work
2018-04-20 0.00KB
 
作业
.work
2018-04-20 0.00KB
7.1 标准文档流
视频
.mp4
2018-01-19 278.10MB
 
作业
.work
2018-01-19 0.00KB
7.2 display属性和DOM文档树
视频
.mp4
2018-05-04 115.82MB
 
作业
.work
2018-05-04 0.00KB
7.3 上机作业
作业
.work
2018-04-27 0.00KB
8.1 浮动的概念和属性设置
视频
.mp4
2018-05-04 345.90MB
 
作业
.work
2018-05-04 0.00KB
8.2 清除浮动的影响
视频
.mp4
2018-01-19 333.72MB
 
作业
.work
2018-01-19 0.00KB
8.3 定位的概念和分类
视频
.mp4
2018-01-19 195.58MB
 
作业
.work
2018-01-19 0.00KB
8.4 设置定位
视频
.mp4
2018-01-19 428.22MB
 
作业
.work
2018-01-19 0.00KB
8.5 上机作业
作业
.work
2018-05-04 0.00KB
9.1 css的列表属性
视频
.mp4
2018-01-25 238.24MB
 
作业
.work
2018-01-25 0.00KB
9.2 链接的伪类
视频
.mp4
2018-03-08 109.82MB
 
作业
.work
2018-03-08 0.00KB
9.3 垂直导航的制作
视频
.mp4
2018-03-08 118.68MB
 
作业
.work
2018-03-08 0.00KB
9.4 水平菜单的制作
视频
.mp4
2018-01-19 258.80MB
 
作业
.work
2018-01-19 0.00KB
9.5 上机作业
作业
.work
2018-05-10 0.00KB
10.1 常见的布局形式
视频
.mp4
2018-01-19 256.31MB
 
作业
.work
2018-01-19 0.00KB
10.2 单列布局的实现
视频
.mp4
2018-01-19 143.55MB
 
作业
.work
2018-01-19 0.00KB
10.3 两列布局的实现
视频
.mp4
2018-01-19 102.59MB
 
作业
.work
2018-01-19 0.00KB
10.4 三列布局的实现
视频
.mp4
2018-01-19 71.05MB
 
作业
.work
2018-01-19 0.00KB
10.5 混合布局的实现
视频
.mp4
2018-01-19 115.03MB
 
作业
.work
2018-01-19 0.00KB
10.6.1 搭建Html文档结构
视频
.mp4
2018-05-18 109.94MB
10.6.2 添加主要的类名
视频
.mp4
2018-05-17 68.30MB
10.6.3 公共样式的设置
视频
.mp4
2018-05-17 101.81MB
10.6.4 页眉样式的设置
视频
.mp4
2018-05-17 163.56MB
10.6.5 主体样式的设置
视频
.mp4
2018-05-17 320.83MB
10.7 上机作业
作业
.work
2018-05-17 0.00KB
11.1 认识表单
视频
.mp4
2018-01-19 147.67MB
 
作业
.work
2018-01-19 0.00KB
11.2 input控件
视频
.mp4
2018-05-25 173.18MB
 
作业
.work
2018-05-25 0.00KB
11.3 select控件和textarea控件
视频
.mp4
2018-05-26 142.53MB
 
作业
.work
2018-05-26 0.00KB
11.4.1 搭建表单的html文档结构
视频
.mp4
2018-05-26 142.68MB
11.4.2 定义类名
视频
.mp4
2018-05-25 94.84MB
11.4.3 定义公共样式
视频
.mp4
2018-05-25 149.93MB
11.4.4 设置表单控件样式
视频
.mp4
2018-05-25 326.85MB
11.5 上机作业
作业
.work
2018-05-26 0.00KB
12.1 分栏属性
视频
.mp4
2018-05-31 216.86MB
 
作业
.work
2018-05-31 0.00KB
12.2 text-shadow
视频
.mp4
2018-05-31 440.74MB
 
作业
.work
2018-05-31 0.00KB
12.3 Border-radius
视频
.mp4
2018-05-31 283.17MB
 
作业
.work
2018-05-31 0.00KB
12.4 transition
视频
.mp4
2018-05-31 237.47MB
 
作业
.work
2018-05-31 0.00KB
12.5 transfrom
视频
.mp4
2018-05-31 283.71MB
 
作业
.work
2018-05-31 0.00KB
12.6 css3照片墙的制作
视频
.mp4
2017-12-21 193.84MB
12.6.1 案例分析
视频
.mp4
2018-06-08 193.84MB
12.6.2 照片处理
视频
.mp4
2018-06-08 274.27MB
12.6.3 照片摆放
视频
.mp4
2018-06-08 237.23MB
12.6.4 照片样式的设置
视频
.mp4
2018-06-08 206.97MB
12.7 上机作业
作业
.work
2018-05-31 0.00KB
13.1 遵从WEB标准的网页设计流程
视频
.mp4
2018-06-07 252.77MB
 
作业
.work
2018-06-07 0.00KB
13.2 案例分析与实现---页面的粗略设计
视频
.mp4
2018-06-07 232.67MB
 
作业
.work
2018-06-07 0.00KB
13.3 案例分析与实现---页面的精细设计
视频
.mp4
2018-06-07 374.71MB
 
作业
.work
2018-06-07 0.00KB
13.4 案例分析与实现---页面的交互设计
视频
.mp4
2018-06-07 253.54MB
 
作业
.work
2018-06-07 0.00KB
13.5 网页设计与制作综合大作业
作业
.work
2018-06-13 0.00KB
课程章节
提示框
提示框
确定要报名此课程吗?
确定取消