1. 为什么要学习这门课程?
在信息技术时代,网络信息的搜集、处理及发布是基本技能,而Web前端设计是信息发布的基础,了解和掌握HTML、CSS及JavaScript的相关知识和技术非常必要。
2. 这门课程讲些什么?
Web前端设计基础课程以培养综合应用能力为主线,通过网站建设项目,使学生在完成网站策划、网页设计与制作、网站测试与发布的过程中,掌握Web前端设计的相关规范、HTML超文本标记语言、CSS样式等基本知识和操作技术,可为将来学习更多Web相关技术打下基础。
3. 学习这门课程可以获得什么?
通过课程的学习,你将了解Web前端设计技术的发展现状和趋势,理解Web前端设计规范;掌握HTML5、CSS3和JavaScript的基本知识;掌握Web前端设计基本技能,能够应用HTML5、CSS3和JavaScript合理地设计和制作网页;能够遵守网络信息发布与传播的基本规范和相关法律法规,能顺利地与教师和同学进行交流和讨论。
4. 这门课程有什么特色?
课程基于OBE理念,采用工作流程+项目+任务驱动的教学模式,按照基础知识、操作技能、应用提高三个层次组织教学(如图所示)。
l 基于网页设计与制作的过程,确定网站主题——收集处理素材——搭建框架结构——填充页面内容-——定义网页样式——实现交互功能——测试发布网站,以建设项目网站为工作任务,通过任务实践提升实践应用能力。
l 基于工作过程的理念解构课程内容,分解项目案例,提取典型任务,设计教学单元;再拆分为若干个教学任务,设定每个教学任务的学习目标、知识点和技能点;再整合、序化教学内容,构建课程框架及内容体系。
l 教学内容分层分模块(基础知识、操作技能、应用提高三个层次,基础知识、HTML、CSS、综合应用四个模块),不同水平的学生可依据需求选择不同阶段的内容开始学习。
通过课程的学习,学生能够达到的知识、能力和素质目标如下:
1. 知识目标
了解Web前端设计技术的发展现状和趋势,理解Web前端设计规范
掌握HTML5、CSS3和JavaScript的基本知识
2. 能力目标
掌握Web前端设计基本技能
能够应用HTML5、CSS3和JavaScript合理地设计和制作网页
3.素质目标
能够遵守网络信息发布与传播的基本规范和相关法律法规,尤其是遵守《网络信息内容生态治理规定》
能够顺利地与教师和同学进行交流和讨论
具备一定的计算机基础知识和操作能力。
为积极响应国家低碳环保政策, 2021年秋季学期开始,中国大学MOOC平台将取消纸质版的认证证书,仅提供电子版的认证证书服务,证书申请方式和流程不变。
电子版认证证书支持查询验证,可通过扫描证书上的二维码进行有效性查询,或者访问 http://www.icourse163.org/verify,通过证书编号进行查询。学生可在“个人中心-证书-查看证书”页面自行下载、打印电子版认证证书。
完成课程教学内容学习和考核,成绩达到课程考核标准的学生(每门课程的考核标准不同,详见课程内的评分标准),具备申请认证证书资格,可在证书申请开放期间(以申请页面显示的时间为准),完成在线付费申请。
认证证书申请注意事项:
1. 根据国家相关法律法规要求,认证证书申请时要求进行实名认证,请保证所提交的实名认证信息真实完整有效。
2. 完成实名认证并支付后,系统将自动生成并发送电子版认证证书。电子版认证证书生成后不支持退费。
配套教材:
《Web前端设计基础》,薛晓霞、王晓红主编,清华大学出版社,2020.9
主要参考网站:
w3school在线教程:http://www.w3school.com.cn
菜鸟教程:http://www.runoob.com
Q1. 为什么网站的首页文件名为index或default?
这是一种网站首页命名规范。在浏览器地址栏输入网址,即使不输入首页名称index,浏览器也能正确找到该文件并正确显示出来,因为Web服务器默认的首页文件名是index。通过设置,Web服务器常用的默认首页文件名有index、default等。
Q2. 为什么有时网页图片不可见或超链接页面找不到?
检查网页中图片的src属性、超链接中的href属性的URL书写是否正确,如果图片、页面文件不存在或不在此路径下,就会出现网页中的图片文件无法显示、点击超链接无法找到页面文件的现象。
Q3. 为什么制作好的网页在不同的计算机上浏览效果不一样呢?
这是因为各计算机的分辨率不同所致,可在计算机桌面单击鼠标右键,从选项菜单中选择“屏幕分辨率“操作来设置分辨率。
Q4. 为什么在进行网页制作时建议尽量使用相对路径呢?
绝对路径是指提供文档完整的路径,其中包括使用的协议。而相对路径是指相对于当前文件的路径,使用相对路径可以在整个目录方便地移动内容,且测试方法比较灵活,特别是本机测试时比较方便。
Q5. 为什么浏览网页时会出现乱码现象呢?
在编写网页时,如果未指定字符集就可能会出现乱码现象,可以在<head>区域中添加<meta charset="utf-8">来指定字符集,utf-8中已存储所有的文字。