个人介绍
视频播放器 is loading.
当前时间 0:00
/
时长 0:00
加载完毕: 0%
进度: 0%
媒体流类型 直播
剩余时间 -0:00
 
1x
HTML5应用开发

主讲教师:王锦

教师团队:共8

  • 王鹰汉
  • 汪兴来
  • 李丹
  • 陈颖
  • 卞晨晨
  • 于长江
  • 邱慧玲
  • 李孝金
学校: 上饶职业技术学院
开课院系: 计算机学院
专业大类: 计算机类
开课专业: 计算机应用技术、计算机网络技术、电子商务技术
课程英文名称: Web Design & Production (HTML + CSS)
课程编号: 030110
学分: 5.5
课时: 84
XY 课程介绍
    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 样式进行页面的设计、编码、调试、维护能力。


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


成果展示



参考教材

                              

主编:传智播客高教产品研发部,中国铁道出版社             主编:刘春茂,清华大学出版社   

                              

          主编:陈承欢,人民邮电出版社                             主编:姬莉霞等,清华大学出版社

XY课程简介

《网页设计与制作(HTML+CSS)》是一门实践性较强的课程,本课程在教授过程中,融入了81个案例,通过视频教学、在线答疑、自主学习等方式让大家看得懂、学得会、做得出。

在内容编排上,本课程将一些非常复杂、难以理解的思想和问题简单化,让初学者能够轻松理解并快速掌握。对每个知识点都进行了深入地分析,并针对每个知识点精心设计了相关案例,然后模拟这些知识点在实际工作中进行应用,真正做到了知识的由浅入深、由易到难。

本课程共分为8个章节,在课程内容结构上是从基础到进阶,再到核心知识,层层递进。其中第1、2、3章节主要介绍了HTML与CSS网页设计基础知识,要求初学者掌握HTML与CSS语言的基本语法,熟悉常用的HTML文本标记、图像标记等,能够熟练地使用CSS控制网页中的字体和文本外观样式。第4、5、6、7章节是学习网页制作的核心,分别讲解了盒子模型、列表与超链接、表格与表单、元素的浮动与定位等内容,只有掌握好这部分内容,才能在网页制作中随意地控制各种网页元素。第8章节为实战开发,结合前面学习的基础知识,带领学生开发一个电脑科技网的首页。


XY课程收获

通过本课程的学习,学生能熟练地掌握Dreamweaver工具的使用,能学习到HTML与CSS的相关基础知识,同时也能掌握网页制作的核心知识盒子模型、列表与超链接、表格与表单、元素的浮动与定位等内容,能熟练的应用HTML与CSS进行网页设计与制作,为学生打开学习Web 前端设计课程的大门,使其将来可以更深入地学习Web 前端设计体系中的后续课程,比如HTML5、CSS3、JavaScript、Ajax、jQuery等课程。

XY学习人群

课程内容难易适中,对每个知识点都进行了深入地分析,并针对每个知识点精心设计了相关案例,然后模拟这些知识点在实际工作中进行应用,做到了知识的由浅入深、由易到难,所以非常适合在校学生和社会上有志于从事Web 前端设计工作的初学者。

课程评价

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

京ICP备10040544号-2

京公网安备 11010802021885号