移动端
立即下载

下载优课UOOC APP

立即下载

扫描二维码关注公众号

登录 注册
Loaded: 0%
Progress: 0%
Mute
Remaining Time -0:00
Duration Time 0:00
Current Time 0:00
授课对象

有一定计算机基础的同学

网页设计与地图应用

WebsiteDesign&MapApplication

湖北大学 / 李中元( )

开课语种

中文

开课次数

12次

累计选课

2195人

选择周期:
【MOOC学分课】2025春季学期
加入课程

已关注: 36人 分享:

课程简介

      本课程旨在以实际案例任务驱动的方式,让学生在不断地实现目标过程中逐步积累,最终形成一个完整作品的思路来引导学生学习。通过对于网络历史的了解,编程游戏的学习,以及我的简历、流程图、第一个网页、我的课程表、四则运算、网页计算器、百度地图同学录、百度地图长征故事、百度地图西游记故事等案例的实现,逐步掌握html, css, javascript, bootstrap等网页制作的基本技能,调动学生对于网页设计的兴趣,进而启发大家对于编程的兴趣。本课程的特色在于每周一练,逐步积累,步步为营,希望同学们能够针对相应的案例多加练习。


教学目标

       本课程面向零编程基础的学生,旨在通过循序渐进的实例操作启发网页设计与编程兴趣,降低学生对于编程的畏难情绪。以兴趣为导向,任务驱动的方式进行教学。培养学生的实践动手能力和自学能力,发散学生互联网思维,扩展学生视野。

       希望同学们在上完这门课后,能够具备利用互联网思维进行思考、总结归纳等能力;能够具备简单的网页设计与开发、网络地图应用等实践能力,以及具备通过互联网资源进行自学的能力。除此之外,通过简单的互联网技术的实践动手操作与学习,让学生参与其中,调动学生的学习积极性,培养学生发现问题、分析问题、解决问题的能力。



教学方法

       总体以兴趣和需求为导向,以任务为驱动,通过循序渐进、由易到难的方式开展教学。

       首先,归还学生的学习自主权,把学习的大部分时间交给学生。 

       其次,循序渐进引导式学习,教师通过循序渐进的方式布置一定的实践动手任务,引导学生从问题和实际需求出发,在完成作业的同时能够产生一分耕耘一分收获的体会,逐渐增加学生的信心。

       再次,积极分享、取长补短,在同学们完成作业和任务的同时,将同学们的优秀作品和个性创意整理成素材及时共享,这样既可以增加学生的学习积极性,同学们也可以从同学作业分享中互相借鉴、不断提升自己。

       最后,对学生的作业和问题进行及时反馈,学生千辛万苦地完成老师布置的作业或任务,除了想得到一个成绩之外,更期待能够得到老师的意见反馈,指出作业中的不足之处,这样就可以在一次次不足中不断提升自己。当然,如果学生获得了进步,老师也会给予鼓励,能增加学生的学习兴趣和热情。


参考教材

head first htmlcss(2)

  

Elisabeth Robson/Eric Freeman

中国电力出版社

出版时间

20139

编写高质量代码:Web前端开发修炼之道

  

曹刘阳

机械工业出版社

出版时间

201006

HTML5CSS3基础教程(7)

  

Elizabeth Castro

人民邮电出版社

出版时间

201212


  • 1  第一章 互联网时代
    • 1.1  课程介绍
    • 1.2  时代变革
    • 1.3  网页诞生历史
    • 1.4  历年学生作品与学习心得体会集锦
  • 2  第二章 打开编码的大门
    • 2.1  思维导图
    • 2.2  层次结构图
    • 2.3  编程游戏
    • 2.4  VS Code环境配置
    • 2.5  网页编程思想
    • 2.6  Word文档
    • 2.7  本章作品举例与常见问题解析
  • 3  第三章 迈向成功的第一步
    • 3.1  作业提交代码压缩包
    • 3.2  网页构成与标签
    • 3.3  插入图片
    • 3.4  插入视频音频
    • 3.5  相对路径与绝对路径
    • 3.6  本章作品举例与常见问题解析
  • 4  第四章 花里胡哨的网页
    • 4.1  Style及CSS介绍
    • 4.2  CSS样式级别与控制
    • 4.3  CSS全局与局部
    • 4.4  CSS样式代码分离
    • 4.5  本章作品举例与常见问题解析
  • 5  第五章 给代码分个类
    • 5.1  编译器
    • 5.2  代码分类管理
    • 5.3  导航条与超链接
    • 5.4  网页结构与CSS控制
    • 5.5  本章作品举例与常见问题解析
  • 6  第六章 时间都去哪儿了
    • 6.1  标签与表格结构
    • 6.2  照片排版
    • 6.3  时间表制作
    • 6.4  本章作品举例与常见问题解析
  • 7  第七章 加减乘除计算器
    • 7.1  简介
    • 7.2  函数
    • 7.3  参数
    • 7.4  逻辑判断
    • 7.5  四则运算
    • 7.6  代码调试
    • 7.7  本章作品举例
  • 8  第八章 数据可视化
    • 8.1  简介
    • 8.2  一天时间统计图
    • 8.3  扩展提示
    • 8.4  本章作品举例
  • 9  第九章 我的在线地图
    • 9.1  简介
    • 9.2  第一个地图应用
    • 9.3  地图控件
    • 9.4  个性化地图
    • 9.5  本章作品举例与常见问题解析
  • 10  第十章 世界那么大
    • 10.1  简介
    • 10.2  出行参考
    • 10.3  输入提示
    • 10.4  本章作品举例与常见问题解析
  • 11  第十一章 地图上的足迹
    • 11.1  简介
    • 11.2  标记点
    • 11.3  标记路线
    • 11.4  路书
    • 11.5  本章作品举例
  • 12  第十二章 弹个窗
    • 12.1  简介
    • 12.2  弹出图文信息
    • 12.3  统计图表
    • 12.4  本章作品举例
  • 13  第十三章 我的网站我做主
    • 13.1  简介
    • 13.2  布局与导航条
    • 13.3  网站样式改造实践
    • 13.4  本章作品举例
  • 14  第十四章 路漫漫其修远兮
    • 14.1  学习扩展
    • 14.2  总结报告参考附难度星级评定
暂无章节

考核方法

本课程授课方式采取闯关模式

视频测验+网页作品

线上计分标准

视频 作业 测验 线上期末考试 讨论 签到 合计
20% 60% 20% 0% 0% 0% 100%

* 视频:每单个视频的观看进度大于90%才算完成,否则该视频不计入已完成视频个数;

讨论:发布2分/条,回复2分/条,加精5分/条,置顶5分/条,最高100分,再按权0%折算实际得分;

签到:累计0次得满分,每日只能签到一次(系统自动记录)。

视频和测验类任务点完成数达60.0%才能参加考试

周次

章节

任务

1

第一章

互联网时代

1.1课程介绍

1.2时代变革

1.3网页诞生历史

1.4历年学生优秀作品与学习心得体会集锦

2

第二章

打开编码的大门

2.1思维导图

2.2层次结构图

2.3编程游戏

2.4 Word文档

3

第三章

迈向成功的第一步

3.1网页构成与标签

3.2插入图片

3.3插入视频音频

4

第四章

花里胡哨的网页

4.1 Style及CSS介绍

4.2 CSS样式级别与控制

4.3 CSS全局与局部

4.4 CSS样式代码分离

5

第五章

给代码分个类

5.1编译器

5.2代码分类管理

5.3导航条与超链接

5.4网页结构与CSS控制

6

第六章

时间都去哪儿了

6.1标签与表格结构

6.2照片排版

6.3时间表制作

7

第七章

加减乘除计算器

7.1简介

7.2函数

7.3参数

7.4逻辑判断

7.5四则运算

7.6代码调试

8

第八章

数据可视化

8.1简介

8.2一天时间统计图

8.3扩展提示

9

第九章

我的在线地图

9.1简介

9.2第一个地图应用

9.3地图控件

9.4个性化地图

10

第十章

世界那么大

10.1简介

10.2出行参考

10.3输入提示

11

第十一章

地图上的足迹

11.1简介

11.2标记点

11.3标记路线

11.4路书

12

第十二章

弹个窗

12.1简介

12.2弹出图文信息

12.3统计图表

13

第十三章

我的网站我做主

13.1简介

13.2布局与导航条

13.3网站样式改造实践

14

第十四章

路漫漫其修远兮

14.1创意提示

15

第十五章

答疑

15.1答疑

16

第十六章

课程总结

16.1课程总结与学习扩展


暂无认证机构
2025春季学期
开课时间:2025.02.20 - 2025.06.07
建议学分:2.0分
建议学时:32学时
教学模式:闯关模式
教学团队

李中元

副教授

湖北大学

武汉大学博士,主要从事GIS开发应用方面的研究工作,曾参与国家863、科技支撑、国家自然科学基金重大专项、省部级课题10余项,近年主持国农业部、省教育厅、湖北大学自然科学基金项目各一项、地方横向课题10余项。在《遥感学报》、《地理空间信息》等国内外杂志上发表论文10余篇,软件著作权15项。获得2018年全国农业硕士专业学位研究生实践教学成果一等奖一项,指导学生获得2018年SuperMap杯第十六届全国高校GIS大赛一等奖一项;获得2017年湖北大学教质量优秀奖;指导学生获得第四届、第六届全国大学生GIS应用技能大赛二等奖;指导学生多次获得ESRI杯,Supermap杯各类奖项及优秀指导老师奖,并获得2015年第三届全国高校GIS青年教师讲课竞赛三等奖。是本课程的负责人和主讲老师.

梅新

教授

湖北大学

博士,湖北大学资源环境学院副教授,2007年毕业于中国科学院遥感应用研究所。主持省部级、厅局级和横向课题20余项,发表SCI EI及各类论文20余篇。主要讲授地理信息科学导论 测量学 GPS原理及其应用 农业应用系统开发等课程。2018年指导学生获得ESRI杯WebGIS开发大赛三等一项。负责该课程地图应用部分的课程设计

杜晓初

副教授

湖北大学

杜晓初,博士,副教授,2005年毕业于武汉大学,获博士学位,专业为地图制图学与地理信息工程。现为湖北大学资源环境学院地理信息系教师,主讲课程为数据库技术、空间分析方法与技术、农业传播技术及应用等,主要研究方向为地理信息系统理论及其应用。主持和参与多项农业信息相关研究项目,发表相关研究论文20余篇。主持湖北大学农业信息化专业学位研究生教改项目《农业信息化专业硕士课程标准化信息化研究》,发表相关教学研究论文2篇。

成晓强

副教授

湖北大学

武汉大学测绘遥感信息工程国家重点实验室博士后,研究方向:空间大数据可视化,Web制图,空间分析,地理信息服务等。2013年获武汉大学地图制图学与地理信息工程专业博士学位。共发表SCI/EI论文15篇,主持国家自然科学基金青年基金项目1项,各级开放基金4项;作为项目骨干参与国家863项目2项,面上项目1项。申请发明专利1项,获得国家测绘科技进步二等奖1项(排名第2)。参与开发若干地理信息系统软件工程,包括全国第二次土地调查自动缩编软件,应用于全国十余家企事业单位;参与开发的地理信息服务协同平台GeoSquare在多个高校的地理信息教学中得到了推广应用。在课程中主要负责地图应用部分讲义及课程设计。

陈志杰

实验师

湖北大学

陈志杰,硕士,湖北大学资源环境学院实验中心教师,负责GIS专业方向实验室日常运行管理和维护工作,是农业部遥感应用中心武汉分中心主要工作人员。参与完成省部级科研项目3项、其他项目6项。发表论文10篇,出版教材1部。参与项目“主要农作物遥感监测关键技术研究及业务化应用”获得2012年国家科技进步二等奖,同时获得中国农业资源与区划科学技术成果奖二等奖、三等奖各1项。该课程中负责助教