网页设计基础
2024-07-06spContent=本课程聚焦于网页的背后是什么，具有网页呈现和网页源代码双视角。以“让自学成为可能”为教学理念，将概念、技术、实践、方法相融合，帮助学习者突破基本概念学习瓶颈、理清网页设计学习思路、掌握相关技术学习方法，指导学习者使用互联网资料支持学习，为持续学习奠定基础。
—— 课程团队
课程概述
本课程面向对网页设计、互联网信息抓取与分析感兴趣的各专业学生。课程内容聚焦于网页的背后是什么，包括：Web应用核心特征，客户端三大技术——HTML、CSS、JavaScript，以及客户端开发框架。
选课学生不需要编程基础。本课程以网页设计为载体，培养学生的计算思维。学生将初步理解互联网上最广泛的应用模式——Web；掌握标记语言和编程语言的学习方法，具备初级的开发调试能力；从呈现和源代码双重视角理解网页，理解“网页既是Web系统与用户交互的界面，也是规模最大的开放数据源”。
本课程以“让自学成为可能”为教学理念，将概念、技术、实践、方法相融合，指导学习者使用互联网资料支持学习，为持续学习奠定基础。学生完成本课程的学习后，能够在互联网学习资料的支持下进行网页设计、互联网信息抓取、网页信息抽取等项目实践。
授课目标
帮助学习者突破基本概念学习瓶颈、理清网页设计学习思路、掌握相关技术学习方法，指导学习者使用互联网资料支持学习，为持续学习奠定基础。
成绩 要求
MOOC成绩占50%，SPOC作业占20%，期末项目占30%。
课程大纲
参考资料
1、W3C官网：https://www.w3.org/
2、W3School中文网：https://www.w3school.com.cn/
3、《基于Web标准的网页设计与制作（第2版）》，唐四薪主编，2015年7月，清华大学出版社
4、jQuery官网：https://jquery.com/
5、jQuery UI官网：https://jqueryui.com/
jQuery UI中文网：https://www.jqueryui.org.cn/
6、Easy UI for jQuery官网： https://www.jeasyui.com/index.phpEasy UI for jQuery中文网：https://www.jeasyui.net/
常见问题
Q : 本期课程时间如何安排？
A : 本期课程包括线上自学MOOC和专属课堂学习两部分。
线上自学的MOOC从8月24日开始发布，每周一上午10:00发布新一周课程内容。11月9日开始进入期末复习、考试和成绩确认。选修本课程的同学必须学习该MOOC，并获得成绩。该成绩占《网页设计基础》通识课成绩的50%。
专属课堂采用翻转课堂教学，以MOOC学习为基础，重点进行总结、练习和指导，会布置专属课堂的作业题目，选课同学应按时完成这些专属课堂的作业题目，以确保自己能顺利完成本学期的学习任务。
Q : 该怎样学习这门课程？
A : （1）注重理解每种技术的用途、特征和学习思路。
（2）学习时多动手实践，在网页源代码和网页显示两个视图间切换、对比，理解所学内容。
（3）对于课上的示例代码，要自己按照课上演示的过程复习一遍，并做些改动。
（4）实践过程中多提出自己的改进需求，并尝试做出来，不知道怎样写代码时，可以将“需求”和“技术名称”输入搜索引擎，让互联网上的学习资源帮你解决问题。
（5）关注每周开课前的公告，它将为你安排一周的学习计划提供帮助。