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

王鹰汉 副教授

单位:上饶职业技术学院

部门:信息工程系

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

汪兴来 副教授

单位:上饶职业技术学院

部门:信息中心

职位:专业教师

李丹 副教授

单位:上饶职业技术学院

部门:信息工程系

陈颖 讲师

单位:上饶职业技术学院

部门:信息工程系

职位:专业教师

卞晨晨 讲师

单位:上饶职业技术学院

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

于长江 讲师/博士

单位:上饶职业技术学院

部门:信息工程系

职位:电子商务技术教研组组长

邱慧玲 助教

单位:上饶职业技术学院

部门:信息工程系

职位:教师

李孝金 工程师

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

部门:项目设计

职位:经理

课程定位

       

        本课程是计算机应用技术、计算机网络技术、电子商务技术专业开设的一门重要的专业核心课程,是Web前端设计系列课程之一。本课程的主要任务是,让学生掌握在Dreamweaver中利用HTML与CSS进行网页设计与制作,主要讲授HTML与CSS、盒子模型、列表与超链接、表格与表单、元素的浮动与定位等网页制作基础知识,通过本课程的学习,学生能够独立进行静态网站项目的设计与开发。

       本课程在重视传授理论知识的同时,重视培养学生的实践动手操作能力。教学过程中,设计了大量的网页设计案例,使学生在学习理论知识的同时,加深对每一个知识点的理解。最后通过一个综合项目的制作,让学生对所学的基础知识进行巩固和利用。


课程重难点


      本课程的重点是如何培养学生的创新设计能力,如何利用HTML与CSS等网页制作知识完成各类网页的布局与美化,综合利用HTML 语言与CSS 样式进行页面的设计、编码、调试、维护能力。


     本课程的难点是如何理解网页中的盒子模型、元素的浮动与定位等一些抽象的概念。同时,该课程也是一门技术更新较快的课程,面对信息技术的快速发展,如何能让学生快速的接受新的技术也是本课程教学的一个难点。


成果展示



参考教材


主编:传智播客高教产品研发部,中国铁道出版社

课程评价

教学资源
课程章节 | 文件类型   | 修改时间 | 大小 | 备注
1.1 Web基本概念
视频
.mp4
2019-04-13 307.46MB
 
作业
.work
2019-04-13 0.00KB
 
文档
.pdf
2019-04-13 1.64MB
1.2 网页制作入门
视频
.mp4
2019-04-13 241.59MB
 
作业
.work
2019-04-13 0.00KB
 
文档
.pdf
2019-04-13 968.38KB
1.3 Dreamweaver工具的使用
视频
.mp4
2019-04-13 237.18MB
 
作业
.work
2019-04-13 0.00KB
 
文档
.pdf
2019-04-13 828.25KB
2.1 什么是HTML
视频
.mp4
2019-04-08 201.64MB
 
作业
.work
2019-04-08 0.00KB
 
文档
.pdf
2019-04-08 729.18KB
2.2 HTML文本控制标记
视频
.mp4
2019-04-04 352.32MB
 
作业
.work
2019-04-04 0.00KB
 
文档
.pdf
2019-04-04 538.28KB
2.3 HTML图像标记
视频
.mp4
2019-04-09 221.66MB
 
作业
.work
2019-04-09 0.00KB
 
文档
.pdf
2019-04-09 593.96KB
3.1 CSS核心基础
视频
.mp4
2019-04-16 346.97MB
 
视频
.mp4
2019-04-16 231.49MB
 
作业
.work
2019-04-16 0.00KB
 
文档
.pdf
2019-04-16 643.77KB
3.2 CSS文本相关样式
视频
.mp4
2019-04-04 416.40MB
 
作业
.work
2019-04-04 0.00KB
 
文档
.pdf
2019-04-04 717.29KB
3.3 CSS高级特性
视频
.mp4
2019-04-04 490.02MB
 
作业
.work
2019-04-04 0.00KB
 
文档
.pdf
2019-04-04 621.59KB
4.1 认识盒子模型
视频
.mp4
2019-04-15 131.48MB
 
作业
.work
2019-04-15 0.00KB
 
文档
.pdf
2019-04-15 820.58KB
4.2 盒子模型的边框属性
视频
.mp4
2019-04-13 328.20MB
 
作业
.work
2019-04-13 0.00KB
 
文档
.pdf
2019-04-13 1007.09KB
4.3 盒子模型的边距属性
视频
.mp4
2019-04-13 258.64MB
 
作业
.work
2019-04-13 0.00KB
 
文档
.pdf
2019-04-13 722.58KB
4.4 盒子模型的背景属性
视频
.mp4
2019-04-13 398.84MB
 
作业
.work
2019-04-13 0.00KB
 
文档
.pdf
2019-04-13 478.47KB
4.5 盒子的宽与高
视频
.mp4
2019-04-13 187.58MB
 
作业
.work
2019-04-13 0.00KB
 
文档
.pdf
2019-04-13 428.32KB
4.6 元素的类型与转换
视频
.mp4
2019-04-13 561.49MB
 
作业
.work
2019-04-13 0.00KB
 
文档
.pdf
2019-04-13 508.78KB
4.7 块元素垂直外边距的合并
视频
.mp4
2019-04-13 175.58MB
 
作业
.work
2019-04-13 0.00KB
 
文档
.pdf
2019-04-13 418.72KB
5.1 列表标记
视频
.mp4
2019-04-13 284.92MB
 
作业
.work
2019-04-13 0.00KB
 
文档
.pdf
2019-04-13 772.02KB
5.2 CSS控制列表样式
视频
.mp4
2019-04-13 343.61MB
 
作业
.work
2019-04-13 0.00KB
 
文档
.pdf
2019-04-13 629.09KB
5.3 超链接标记
视频
.mp4
2019-04-13 291.63MB
 
作业
.work
2019-04-13 0.00KB
 
文档
.pdf
2019-04-13 749.76KB
5.4 链接伪类控制超链接
视频
.mp4
2019-04-13 122.12MB
 
作业
.work
2019-04-13 0.00KB
 
文档
.pdf
2019-04-13 633.22KB
6.1.1 表格标记(一)
视频
.mp4
2019-04-13 156.04MB
 
作业
.work
2019-04-13 0.00KB
 
文档
.pdf
2019-04-13 1.05MB
6.1.2 表格标记(二)
视频
.mp4
2019-04-13 274.95MB
 
作业
.work
2019-04-13 0.00KB
 
文档
.pdf
2019-04-13 723.39KB
6.2 CSS控制表格样式
视频
.mp4
2019-04-03 241.01MB
 
作业
.work
2019-04-03 0.00KB
 
文档
.pdf
2019-04-03 652.03KB
6.3 认识表单与创建表单
视频
.mp4
2019-04-03 215.62MB
 
作业
.work
2019-04-03 0.00KB
 
文档
.pdf
2019-04-03 733.47KB
6.4 表单控件
视频
.mp4
2019-04-03 335.61MB
 
作业
.work
2019-04-03 0.00KB
 
文档
.pdf
2019-04-03 697.51KB
6.5 CSS控制表单样式
视频
.mp4
2019-04-03 159.80MB
 
作业
.work
2019-04-03 0.00KB
 
文档
.pdf
2019-04-03 499.82KB
7.1 元素的浮动
视频
.mp4
2019-04-13 399.96MB
 
作业
.work
2019-04-13 0.00KB
 
文档
.pdf
2019-04-13 490.33KB
7.2 overflow属性
视频
.mp4
2019-04-13 137.22MB
 
作业
.work
2019-04-13 0.00KB
 
文档
.pdf
2019-04-13 405.38KB
7.3 元素的定位
视频
.mp4
2019-04-13 365.70MB
 
作业
.work
2019-04-13 0.00KB
 
文档
.pdf
2019-04-13 571.40KB
8.1 CSS布局
视频
.mp4
2019-04-13 209.36MB
 
作业
.work
2019-04-13 0.00KB
 
文档
.pdf
2019-04-13 1.11MB
8.2 使用HTML+CSS布局网页-准备工作
视频
.mp4
2019-04-17 338.31MB
 
作业
.work
2019-04-17 0.00KB
 
文档
.pdf
2019-04-17 971.27KB
8.3 使用HTML+CSS布局网页—头部的制作
视频
.mp4
2019-04-17 244.71MB
 
作业
.work
2019-04-17 0.00KB
 
文档
.pdf
2019-04-17 698.26KB
8.4 使用HTML+CSS布局网页—主体的制作
视频
.mp4
2019-04-13 318.36MB
 
作业
.work
2019-04-13 0.00KB
 
文档
.pdf
2019-04-13 977.10KB
8.5 使用HTML+CSS布局网页—底部的制作
视频
.mp4
2019-04-13 161.35MB
 
作业
.work
2019-04-13 0.00KB
 
文档
.pdf
2019-04-13 701.53KB
提示框
提示框
确定要报名此课程吗?
确定取消