◆ ◆
个人介绍
网页设计与制作

主讲教师：叶沿飞

教师团队：共1位

  • 叶沿飞
学校： 贵州电子信息职业技术学院
开课院系： 计算机科学系
专业大类： 电子信息大类
开课专业： 计算机应用技术
课程英文名称： HTML+CSS
课程编号： 102115
学分： 5
课时： 96
课程简介
教师团队

叶沿飞

职称：副教授

单位：贵州电子信息职业技术学院

部门：计算机科学系

职位：教师

课程定位及目标



一、教学方法

教学方法选用

（1）讲解与演练结合

在教学中对于工作任务所涉及的新技术，教师通过讲解和演示制作的方法，快速引导学生进行学习并及时加以掌握。

（2）探究与互动教学

通过实例效果展示、分解任务，启发学生思考，指出项目制作过程中常出现的问题，并组织讨论，引导学生主动并带着任务寻找解决问题的方法。

（3）小组协作学习与自主学习相结合

学生参与项目制作或课程设计时，利用学习小组激发学生学习兴趣，通过自主式学习、角色式学习、协作式学习，进行具体实训活动的策划、组织与实施。教师起到创设学习情境、提出问题、指导、监控（激励、答疑、纠错）评估学生的学习活动。

（4）注重激励与榜样学习

教学中采用“榜样学习”的教学方法，即让学生演示制作和讲解，完成相同或类似的任务制作，以巩固学生对知识的掌握，并树立学习信心和成就感。经常邀请动手能力强、掌握快的同学进行操作示范、介绍经验，其他同学自由提问，为学生之间的交流、切磋创造环境。教学方法的采用和实施如下图所示：

二、教学设计思路



三、教学过程设计



五、实训条件


六、课程资源概述

更详细的课程资源，请参见HTML5开发技术自建网站平台  http://xiaozhukl.site


七、课程考核方式

采用两种考核方式：

（1）提倡教考分离，鼓励学生努力创新承接企业项目进行自主开发，通过提供企业需求说明文档、web页面效果图、项目上线截图、企业评价认可报告综合评定学生考试成绩。

（2）采用态度纪律考核、项目技能考核、期末考核相结合的考核方式，具体考试比例如下。                               

 

考核项目

 

考核方法

 		 

比例（%）

 
 

过 

程 

考 

核

 		 

态度纪律

 		 根据作业完成情况、课堂回答问题、课堂实践示范情况，由教师和学生干部综合评定学校态度的得分； 

根据上课考勤情况，由教师和学生干部评定纪律得分。 

 

10%

 
 

项目技能

 		 根据学生实践情况，由学生自评、他人评价和教师评价相结合的方式评定成绩； 

根据完成的时间、功能的完善、程序是否有创新，由小组长评定和教师抽评相结合的方式评定成绩。 

 

50%

 
 

期 

末 

考 

核

 		 

操作（机试） 

 由教师根据项目完成情况、系统功能、编程规范来评定上机考试成绩。  

40%

 
 

合计

 		 

100%

 

课程评价

教学资源
课程章节资源
课程章节 | 文件类型   | 修改时间 | 大小 | 备注
1.1 1-1、网页相关基本概念
文档
.pptx
2020-08-25 3.01MB
 
视频
.mp4
2020-08-25 82.81MB
 
作业
.work
2020-08-25 --
1.2 1-2、浏览器介绍
文档
.pptx
2020-08-25 987.92KB
 
视频
.mp4
2020-08-25 46.86MB
 
作业
.work
2020-08-25 --
1.3 1-3、网页编辑工具介绍
文档
.pptx
2020-08-25 2.42MB
 
视频
.mp4
2020-08-25 23.50MB
 
作业
.work
2020-08-25 --
2.1 2-1、HTML标记（语法及结构介绍）
文档
.pptx
2020-08-25 1.39MB
 
视频
.mp4
2020-08-25 80.05MB
 
作业
.work
2020-08-25 --
2.2 2-2、HTML标记（head部分）
文档
.pptx
2020-08-25 562.97KB
 
视频
.mp4
2020-08-25 56.73MB
 
作业
.work
2020-08-25 --
2.3 2-3、HTML标记（body部分-文本及排版）
文档
.pptx
2020-08-25 566.95KB
 
视频
.mp4
2020-08-25 85.24MB
 
作业
.work
2020-08-25 --
2.4 2-4、HTML标记（sublime工具使用介绍）
文档
.pptx
2020-08-25 561.07KB
 
视频
.mp4
2020-08-25 103.42MB
 
作业
.work
2020-08-25 --
2.5 2-5、HTML标记（body部分-列表标记）
文档
.pptx
2020-08-25 890.37KB
 
视频
.mp4
2020-08-25 69.72MB
 
作业
.work
2020-08-25 --
2.6 2-6、HTML标记（body部分-图像和表格）
文档
.pptx
2020-08-25 1.10MB
 
视频
.mp4
2020-08-25 92.32MB
 
作业
.work
2020-08-25 --
2.7 2-7、HTML标记（body部分-超链接标记）
文档
.pptx
2020-08-25 589.45KB
 
视频
.mp4
2020-08-25 46.28MB
 
作业
.work
2020-08-25 --
2.8 2-8、HTML标记（body部分-块元素和内联元素）
文档
.pptx
2020-08-25 563.15KB
 
视频
.mp4
2020-08-25 57.19MB
 
作业
.work
2020-08-25 --
2.9 2-9、HTML标记（body部分-表单）
文档
.pptx
2020-08-25 659.62KB
 
视频
.mp4
2020-08-25 104.64MB
 
作业
.work
2020-08-25 --
3.1 3-1、CSS概述及语法
文档
.pptx
2020-08-25 571.42KB
 
视频
.mp4
2020-08-25 74.80MB
 
作业
.work
2020-08-25 --
 
作业
.work
2020-08-25 --
3.2 3-2、CSS基础选择器
文档
.pptx
2020-08-25 572.61KB
 
视频
.mp4
2020-08-25 68.91MB
 
作业
.work
2020-08-25 --
3.3 3-3、CSS关系选择器
文档
.pptx
2020-08-25 569.03KB
 
视频
.mp4
2020-08-25 42.51MB
 
作业
.work
2020-08-25 --
3.4 3-4、CSS属性选择器和伪类
文档
.pptx
2020-08-25 560.76KB
 
视频
.mp4
2020-08-25 43.99MB
 
作业
.work
2020-08-25 --
3.5 3-5、CSS盒子模型
文档
.pptx
2020-08-25 1.10MB
 
视频
.mp4
2020-08-25 106.53MB
 
作业
.work
2020-08-25 --
3.6 3-6、CSS优先级
文档
.pptx
2020-08-25 642.03KB
 
视频
.mp4
2020-08-25 75.86MB
 
作业
.work
2020-08-25 --
3.7 3-7、CSS基础属性（字体及文本）
文档
.pptx
2020-08-25 746.38KB
 
视频
.mp4
2020-08-25 74.98MB
 
作业
.work
2020-08-25 --
3.8 3-8、CSS基础属性（背景）
文档
.pptx
2020-08-25 727.62KB
 
视频
.mp4
2020-08-25 49.79MB
 
作业
.work
2020-08-25 --
3.9 3-9、CSS基础属性（边框）
文档
.pptx
2020-08-25 563.24KB
 
视频
.mp4
2020-08-25 36.81MB
 
作业
.work
2020-08-25 --
3.10 3-10、CSS基础属性（Padding）
文档
.pptx
2020-08-25 771.16KB
 
视频
.mp4
2020-08-25 39.76MB
 
作业
.work
2020-08-25 --
3.11 3-11、CSS基础属性（Margin）
文档
.pptx
2020-08-25 715.20KB
 
视频
.mp4
2020-08-25 87.42MB
 
作业
.work
2020-08-25 --
3.12 3-12、CSS缩写规则
文档
.pptx
2020-08-25 574.77KB
 
视频
.mp4
2020-08-25 75.43MB
 
作业
.work
2020-08-25 --
4.1 4-1、CSS浮动属性
文档
.pptx
2020-08-25 576.41KB
 
视频
.mp4
2020-08-25 66.60MB
 
作业
.work
2020-08-25 --
4.2 4-2、CSS清除浮动
文档
.pptx
2020-08-25 563.89KB
 
视频
.mp4
2020-08-25 42.88MB
 
作业
.work
2020-08-25 --
4.3 4-3、CSS相对定位
文档
.pptx
2020-08-25 567.85KB
 
视频
.mp4
2020-08-25 31.04MB
 
作业
.work
2020-08-25 --
4.4 4-4、CSS绝对定位
文档
.pptx
2020-08-25 976.81KB
 
视频
.mp4
2020-08-25 48.04MB
 
视频
.mp4
2020-08-25 38.95MB
 
作业
.work
2020-08-25 --
4.5 4-5、CSS固定定位
文档
.pptx
2020-08-25 564.55KB
 
视频
.mp4
2020-08-25 34.61MB
 
作业
.work
2020-08-25 --
4.6 4-6、制作九宫格
文档
.pptx
2020-08-25 580.91KB
 
视频
.mp4
2020-08-25 32.68MB
 
作业
.work
2020-08-25 --
4.7 4-7、制作聚划算产品列表图
文档
.pptx
2020-08-25 756.00KB
 
视频
.mp4
2020-08-25 120.49MB
 
作业
.work
2020-08-25 --
4.8 4-8、制作产品缩略图列表
文档
.pptx
2020-08-25 1.18MB
 
视频
.mp4
2020-08-25 63.32MB
 
作业
.work
2020-08-25 --
4.9 4-9、制作网站导航下拉菜单
文档
.pptx
2020-08-25 654.52KB
 
视频
.mp4
2020-08-25 40.79MB
 
作业
.work
2020-08-25 --
4.10 4-10、使用css+jquery制作网站导航
文档
.pptx
2020-08-25 693.92KB
 
视频
.mp4
2020-08-25 82.64MB
 
视频
.mp4
2020-08-25 60.59MB
 
视频
.mp4
2020-08-25 25.71MB
 
作业
.work
2020-08-25 --
4.11 4-11、轮播图的制作方法
文档
.pptx
2020-08-25 1.72MB
 
视频
.mp4
2020-08-25 145.70MB
 
作业
.work
2020-08-25 --
4.12 4-12、列表排版及动画制作方法
文档
.pptx
2020-08-25 951.82KB
 
视频
.mp4
2020-08-25 85.91MB
 
作业
.work
2020-08-25 --
5.1 5-1、导航页制作
文档
.pptx
2020-08-25 749.63KB
 
视频
.mp4
2020-08-25 76.70MB
 
作业
.work
2020-08-25 --
5.2 5-2、简单图文混排
文档
.pptx
2020-08-25 767.90KB
 
视频
.mp4
2020-08-25 126.46MB
 
作业
.work
2020-08-25 --
5.3 5-3、简单公司网页排版
文档
.pptx
2020-08-25 746.03KB
 
视频
.mp4
2020-08-25 105.10MB
 
视频
.mp4
2020-08-25 66.37MB
 
作业
.work
2020-08-25 --
5.4 5-4、网站后台菜单的制作
文档
.pptx
2020-08-25 757.80KB
 
视频
.mp4
2020-08-25 102.39MB
 
作业
.work
2020-08-25 --
5.5 5-5、综合网页排版
视频
.mp4
2020-08-25 14.39MB
 
视频
.mp4
2020-08-25 47.94MB
 
视频
.mp4
2020-08-25 45.66MB
 
视频
.mp4
2020-08-25 50.12MB
 
视频
.mp4
2020-08-25 31.73MB
 
作业
.work
2020-08-25 --
5.6 5-6、百度H5页面制作
文档
.pptx
2020-08-25 1.78MB
 
视频
.mp4
2020-08-25 46.06MB
 
视频
.mp4
2020-08-25 89.74MB
 
视频
.mp4
2020-08-25 51.75MB
 
作业
.work
2020-08-25 --
6.1 6-1、html5新功能
文档
.pptx
2020-08-25 1.43MB
 
视频
.mp4
2020-08-25 50.13MB
 
作业
.work
2020-08-25 --
6.2 6-2、html5新增语义化标签
文档
.pptx
2020-08-25 629.80KB
 
视频
.mp4
2020-08-25 87.91MB
 
作业
.work
2020-08-25 --
6.3 6-3、html5表单新功能
文档
.pptx
2020-08-25 609.10KB
 
视频
.mp4
2020-08-25 99.36MB
 
作业
.work
2020-08-25 --
6.4 6-4、html5视频和音频
文档
.pptx
2020-08-25 869.81KB
 
视频
.mp4
2020-08-25 128.97MB
 
作业
.work
2020-08-25 --
6.5 6-5、html5中本地存储
文档
.pptx
2020-08-25 790.28KB
 
视频
.mp4
2020-08-25 55.11MB
 
作业
.work
2020-08-25 --
7.1 7-1、border-radius属性
文档
.pptx
2020-08-25 614.40KB
 
视频
.mp4
2020-08-25 38.79MB
 
作业
.work
2020-08-25 --
7.2 7-2、box-shadow和text-shadow属性
文档
.pptx
2020-08-25 650.07KB
 
视频
.mp4
2020-08-25 37.60MB
 
作业
.work
2020-08-25 --
7.3 7-3、text-overflow属性
文档
.pptx
2020-08-25 584.65KB
 
视频
.mp4
2020-08-25 14.96MB
 
作业
.work
2020-08-25 --
7.4 7-4、transition属性
文档
.pptx
2020-08-25 633.18KB
 
视频
.mp4
2020-08-25 32.66MB
 
作业
.work
2020-08-25 --
7.5 7-5、transition-2d变换
文档
.pptx
2020-08-25 993.56KB
 
视频
.mp4
2020-08-25 51.01MB
 
作业
.work
2020-08-25 --
7.6 7-6、transform-3d变换
文档
.pptx
2020-08-25 578.50KB
 
视频
.mp4
2020-08-25 30.52MB
 
作业
.work
2020-08-25 --
7.7 7-7、rgba与opacity
文档
.pptx
2020-08-25 610.17KB
 
视频
.mp4
2020-08-25 36.88MB
 
作业
.work
2020-08-25 --
7.8 7-8、CSS3属性选择器
文档
.pptx
2020-08-25 581.07KB
 
视频
.mp4
2020-08-25 35.26MB
 
作业
.work
2020-08-25 --
7.9 7-9、CSS3伪类选择器
文档
.pptx
2020-08-25 610.50KB
 
视频
.mp4
2020-08-25 51.78MB
 
作业
.work
2020-08-25 --
8.1 项目一：HTML+CSS网页设计概述
文档
.pptx
2020-09-07 8.39MB
 
文档
.pptx
2020-09-07 1.16MB
 
文档
.pptx
2020-09-07 2.69MB
 
文档
.docx
2020-09-07 215.29KB
8.2 项目二：HTML标记
文档
.pptx
2020-10-09 2.32MB
 
文档
.pptx
2020-10-09 1.21MB
 
文档
.pptx
2020-10-09 1.50MB
 
文档
.pptx
2020-10-09 1.58MB
 
文档
.pptx
2020-10-09 1.59MB
 
文档
.pptx
2020-10-09 458.08KB
 
文档
.pptx
2020-10-09 411.89KB
 
文档
.pptx
2020-10-09 458.08KB
 
文档
.pptx
2020-10-09 854.04KB
 
文档
.pptx
2020-10-09 188.40KB
8.3 项目三：CSS基础
文档
.pptx
2020-11-23 654.30KB
 
文档
.pptx
2020-11-23 460.32KB
 
文档
.pptx
2020-11-23 576.79KB
 
文档
.pptx
2020-11-23 854.04KB
 
文档
.pptx
2020-11-23 118.76KB
 
文档
.pptx
2020-11-23 3.44MB
 
文档
.pptx
2020-11-23 399.59KB
 
文档
.pptx
2020-11-23 1.63MB
 
文档
.pptx
2020-11-23 100.25KB
 
文档
.pptx
2020-11-23 200.30KB
 
文档
.pptx
2020-11-23 391.85KB
 
文档
.pptx
2020-11-23 223.39KB
 
文档
.pptx
2020-11-23 321.94KB
 
文档
.pptx
2020-11-23 965.90KB
8.4 项目四：浮动和定位
文档
.pptx
2020-11-23 457.85KB
 
文档
.pptx
2020-11-23 216.34KB
 
文档
.pptx
2020-11-23 647.05KB
 
文档
.pptx
2020-11-23 368.36KB
8.5 项目五：HTML5网页元素
文档
.pptx
2020-12-02 585.97KB
 
文档
.pptx
2020-12-02 247.99KB
 
文档
.pptx
2020-12-02 466.52KB
更多
课程章节
1
第一章、html与css网页设计概述
2
第二章、html标记
3
第三章、CSS基础知识
4
第四章、CSS浮动与定位
5
第五章、网页布局实例
6
第六章、HTML5页面元素
7
第七章、CSS3新增功能
8
教学课件
举报
提示框
取消 进入课程
提示框
确定要报名此课程吗？
确定取消

京ICP备10040544号-2

京公网安备 11010802021885号