网页设计与地图应用
网页设计与地图应用
1000+ 人选课
更新日期:2026/04/01
开课平台优课在线
开课高校湖北大学
开课教师李中元
学科专业工学计算机类
开课时间2026/03/01 - 2026/06/30
课程周期18 周
开课状态开课中
每周学时-
课程简介

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


课程大纲
互联网时代
课程介绍
时代变革
网页诞生历史
历年学生作品与学习心得体会集锦
打开编码的大门
VS Code下载与安装
VSCode中html代码的编写与预览
网页编程思想
VSCode新建文件与文件夹
Html网页基础
网页构成与标签
相对路径与绝对路径
压缩与解压缩
插入图片
插入视频音频
本章作品举例与常见问题解析
花里胡哨的网页
Style及CSS介绍
CSS重要知识点概览表
CSS样式级别与控制
CSS全局与局部
CSS样式代码分离
本章作品举例与常见问题解析
网页上机实践教程
作业如何压缩包
构建个人主页的HTML骨架上机教程
网页设计综合作业上机教程
AI赋能网页设计
加减乘除计算器
简介
函数
参数
逻辑判断
四则运算
代码调试
本章作品举例
数据可视化
简介
一天时间统计图
扩展提示
本章作品举例
我的在线地图
简介
第一个地图应用
地图控件
个性化地图
本章作品举例与常见问题解析
世界那么大
简介
出行参考
输入提示
本章作品举例与常见问题解析
地图上的足迹
简介
标记点
标记路线
路书
本章作品举例
弹个窗
简介
弹出图文信息
统计图表
本章作品举例
我的网站我做主
简介
布局与导航条
网站样式改造实践
本章作品举例
路漫漫其修远兮
学习扩展
总结报告参考附难度星级评定
App 下载
关注我们