Web前端设计
分享
课程详情
课程评价
spContent=Web前端就是我们熟知的网页,在生活中已广泛应用,无论是购物网站、户外媒体机还是手机APP,都有Web前端技术的身影。这些琳琅满目的页面是怎么做出来的?如何才能让网页效果更好?如何建立一个自己的网站?这些问题都能在本课程中找到答案。无需编程基础,没有理论要求,马上开始一段前端设计之旅吧!
—— 课程团队
课程概述
  • 课程目标

    随着互联网时代的到来,网页已成为互联网应用的主要载体,无论是企业还是个人都需要借助网页传递信息、获取资讯,因此,了解一些Web前端设计的知识对于我们大学生来说很有必要。

课程以网页制作过程为主线,围绕经典HTML+CSS+JavaScript三大工具,主要介绍网页制作的基本知识,由浅入深,帮助我们掌握网页设计的基本原理,同时结合最新的技术规范,制作出具有内容丰富、效果良好的网页。

    通过课程的学习,我们不仅可以学到网页设计的相关知识,还能对互联网技术(如:Web站点管理、内容生成等)有一定的了解,为将来学习更多Web相关技术(如:前端开发、Web开发、网络爬虫等)打下基础。

  • 课程特点

    (1) 知识碎片化。将主要内容划分为相对独立、知识量相当的章节,确保每个章节所需的教学时间为4课时左右(理论1-2课时、实践2-3课时),便于教师制定课堂教学计划,也便于使用教材自学的学生安排学习进度。同时,每章节对应4个10分钟左右的教学视频,符合学生的线上学习规律。

    (2) 顺序重构。根据多年教学经验,将知识点按学生学习过程中的需求,结合由浅入深的规律,将章节内容重新编排,使教学内容更适合学生的需求,提高学习兴趣。具体章节的编排顺序如下图所示。

    

    (3) 循序渐进。各章节使用的主要演示案例和实践任务前后关联,从简单到复杂,从单个网页到最终的完整网站,帮助学生理解知识点的前后关系,也让学生体验积少成多的成就感。同时,不同专业的同学可以选择不同的学习路径。


    (4) 增加“彩蛋”。每个章节增加一点“超纲”的内容,指导学生实现更加有趣的功能,既能给学有余力的同学更多的施展空间,也增加课程的趣味性,提升学生的学习兴趣。

    (5) 设置拓展知识。各章节通过拓展知识,介绍一些实际Web前端开发中实用的技巧、与Web前端开发有关的行业背景、Web开发技术在我国的发展等,以拓宽学生的知识面,增强教材内容的实用性。


授课目标

本课程的教学目标分如下几个层次:

  • 了解基本原理:了解Web应用基本原理,对互联网的基本常识;

  • 掌握网页设计:掌握网页设计的语言和方法,对开发工具有一定的熟悉;

  • 了解前端开发:了解前端开发的基本技能,通过参加更多资源,从事基本的前端开发。

课程大纲
预备知识

计算机基础

证书要求

为积极响应国家低碳环保政策, 2021年秋季学期开始,中国大学MOOC平台将取消纸质版的认证证书,仅提供电子版的认证证书服务,证书申请方式和流程不变。

 

电子版认证证书支持查询验证,可通过扫描证书上的二维码进行有效性查询,或者访问 http://www.icourse163.org/verify,通过证书编号进行查询。学生可在“个人中心-证书-查看证书”页面自行下载、打印电子版认证证书。

 

完成课程教学内容学习和考核,成绩达到课程考核标准的学生(每门课程的考核标准不同,详见课程内的评分标准),具备申请认证证书资格,可在证书申请开放期间(以申请页面显示的时间为准),完成在线付费申请。

 

认证证书申请注意事项:

1. 根据国家相关法律法规要求,认证证书申请时要求进行实名认证,请保证所提交的实名认证信息真实完整有效。

2. 完成实名认证并支付后,系统将自动生成并发送电子版认证证书。电子版认证证书生成后不支持退费。


参考资料

菜鸟教程:http://www.runoob.com/

建议先学HTML(HTML5),结合CSS(CSS3),再学JavaScript和jQuery