SPOC学校专有课程
静态网页设计
分享
spContent=《静态网页设计》课程是软件工程专业的一门专业课程，也是其他计算机相关专业的普及型课程，通过对Web前端三大主流开发技术学习和研究，让学生理解和掌握HTML、CSS等相关知识，通过项目实践培养学生开发和设计Web站点的基本操作技能和工作岗位适应能力。
—— 课程团队
课程概述

本课程教学基本要求是让学生理解Web前端开发与设计的基本原则、Web网站的目录结构定义、主流页面布局方法、导航菜单制作、图文排版、页面交互等方面的基础知识。掌握网站规划、设计、制作、管理、发布的相关技术及Web前端设计的操作技能；熟练运用HTML中的文字、链接、列表、图像、多媒体、框架标记及属性设计出框架网页、多媒体动态网页；掌握使用DIV+CSS结合技术进行网页布局的基本方法；掌握HTML中JavaScript程序的嵌入方法；掌握综合网站设计的基本流程和方法。



授课目标

本课程的教学目标是让学生理解HTML、CSS的基本语法，掌握HTML中JavaScript程序的嵌入方法,掌握常用的Web页面布局技术。通过项目实训，培养学生Web页面布局设计的初步能力。

 

成绩要求

本课程考核方式为考查。期末成绩占60%，平时成绩占40%。平时成绩由出勤、课堂表现、作业三部分构成。

课程大纲
预备知识

计算机基础

参考资料

  1. w3c官方学习网站 https://www.w3school.com.cn/ 

  2. 《Web前端开法技术实验与实践——HTML5、CSS3、JavaScript（第3版）》 储久良 编著 清华大学出版社

  3. 《Web前端设计与开发》 缪亮 陶颖 主编 清华大学出版社

  4. 后续课程大家可以学习   “移动开发技术”

    https://www.icourse163.org/course/BJFU-1205989803

常见问题

  1. Q :  什么是Web前端开发？

    A :  “Web前端开发”起源于“网站设计”，早期Web技术下，静态网站较多，网站前端、后端界限模糊，网站设计主要指设计与制作网站中网页的过程。随着技术发展，很多系统由网站形式呈现，前端就是用户接触到的界面，后端就是对数据进行存取和处理的部分。这时就逐步细分出web前端开发了。

     

  2. Q :  这门课使用到的软件与环境？

    A :  课程中的代码都可以使用记事本编辑。本门课程主要用到的程序编辑器是Hbuilder。