网页设计与制作_西南科技大学

SPOC学校专有课程

网页设计与制作

spContent=CSS3交互、HTML5、JavaScript，建立一个网站要懂这么多技术吗？不用焦虑，加入《网页设计与制作》课程，通过工作流程+项目+任务驱动的学习模式，你每次敲打键盘形成的代码，就会像变魔术似的成为一个个漂亮的网页！理想要靠行动实现，我们开始吧~

—— 课程团队

课程概述

　　1. 为什么要学习这门课程？　

　　在信息技术时代，网络信息的搜集、处理及发布是基本技能，而网页设计与制作是信息发布的基础，了解和掌握HTML、CSS及JavaScript的相关知识和技术非常必要。

　　2. 这门课程讲些什么？　　

　　本课程以培养学生的实践应用能力为主线，通过网站建设项目，使学生在完成网站策划、网页制作、网站测试与发布的过程中，掌握Web前端设计的相关规范、HTML超文本标记语言、CSS样式等基本知识和操作技术，可为将来学习更多Web相关技术打下基础。

　　3. 学习这门课可以获得什么？

　　通过课程的学习，你将具备Web前端设计的基本技能。熟知Web前端设计的基础知识和操作技术，能读懂页面文件的源代码，能合理设计和制作网页，能发布和管理站点，能收集和处理网页相关素材，能遵守网络信息发布与传播的基本规范和相关法律法规，能顺利地与教师和同学进行交流和讨论。

　　4. 这门课有什么特色？

　　课程基于OBE理念，采用工作流程+项目+任务驱动的教学模式，按照基础知识、操作技能、应用提高三个层次组织教学（如图所示）。

　　l 基于网页设计与制作的过程，确定网站主题——收集处理素材——搭建框架结构——填充页面内容-——定义网页样式——实现交互功能——测试发布网站，以建设项目网站为工作任务，通过任务实践提升实践应用能力。

　　l 基于工作过程的理念解构课程内容，分解项目案例，提取典型任务，设计教学单元；再拆分为若干个教学任务，设定每个教学任务的学习目标、知识点和技能点；再整合、序化教学内容，构建课程框架及内容体系。

　　l 教学内容分层分模块（基础知识、操作技能、应用提高三个层次，基础知识、HTML、CSS、综合应用四个模块），不同水平的学生可依据需求选择不同阶段的内容开始学习。

授课目标

通过课程的学习，学生应具备Web前端设计的基本技能。

成绩要求

考核方式：

课程成绩组成：线上学习成绩50%+期末考试成绩50%

线上学习成绩组成：单元测验占30%，单元作业占30%，讨论占10%，期末大作业占30%。

证书申请：认证证书的形式包括电子版和纸质版。你可以在课程结束后根据需要付费申请，证书的收费标准为100元/份。证书发放工作由爱课程网负责，有关问题请咨询：010-58556579。

说明：为了对学习者的在线学习过程更加严谨负责，中国大学MOOC不再发放免费证书，谢谢理解。

课程大纲

预备知识

具备一定的计算机基础知识和操作能力。

参考资料

主要参考网站：

常见问题

Q1. 为什么网站的首页文件名为index.htm或default.htm？

　　这是一种网站首页命名规范。在浏览器地址栏输入网址，即使不输入首页名称index，浏览器也能正确找到该文件并正确显示出来，因为Web服务器默认的首页文件名是index。通过设置，Web服务器常用的默认首页文件名有index、default等。

Q2. 为什么有时网页图片不可见或超链接页面找不到？

　　检查网页中图片的src属性、超链接中的href属性的URL书写是否正确，如果图片、页面文件不存在或不在此路径下，就会出现网页中的图片文件无法显示、点击超链接无法找到页面文件的现象。

Q3. 为什么制作好的网页在不同的计算机上浏览效果不一样呢？

　　这是因为各计算机的分辨率不同所致，可在计算机桌面单击鼠标右键，从选项菜单中选择“屏幕分辨率“操作来设置分辨率。

Q4. 为什么在进行网页制作时建议尽量使用相对路径呢？

　　绝对路径是指提供文档完整的路径，其中包括使用的协议。而相对路径是指相对于当前文件的路径，使用相对路径可以在整个目录方便地移动内容，且测试方法比较灵活，特别是本机测试时比较方便。

Q5. 为什么浏览网页时会出现乱码现象呢？

　　在编写网页时，如果未指定字符集就可能会出现乱码现象，可以在<head>区域中添加<meta charset="utf-8">来指定字符集，utf-8中已存储所有的文字。