《Web前端设计从入门到实战》教学大纲-仅供参考

《Web前端设计基础》教学大纲

适用专业：计算机科学与技术、软件工程、物联网

课程类别：非学位课，专业基础课

课程学时：51学时（周2+1学时）

课程编号：9051404

课程学分：3学分

一、课程性质

《Web前端设计基础》课程是计算机科学与技术、软件工程、物联网工程专业的一门专业基础课程，以Web基本概念和Web标准为基准点、通过对Web前端主流开发技术的学习和研究，让学生理解和掌握HTML5、CSS3以及JavaScript脚本语言的相关知识，通过这门课程的教学，不仅使学生通过项目实践培养学生开发和设计Web站点的基本技能，更要使学生充分了解Web思想，为进一步学习后续课程打下良好的基础。

二、课程教学目标与基本要求

本课程的教学目标是让学生理解HTML5、CSS3以及JavaScript脚本语言的基本语法，掌握常用的Web页面布局技术，理解并熟练应用JavaScript常用对象的属性方法，使用DOM技术编写页面的客户端程序，通过项目实训，培养学生具备设计实现Web客户端页面的初步能力。

本课程教学基本要求是让学生理解Web设计的基本原则、栏目和网站目录结构定义、标准页面布局方法、导航菜单制作、图文排版、页面交互等方面的基础知识；能够熟练运用HTML5中的文字、链接、列表、表格、表单、图像、多媒体等标记语言设计制作网页；熟练掌握CSS3对网页进行布局和修饰的基本方法；掌握JavaScript脚本语言的基本语法，理解对象的概念及使用JavaScript来编写客户端脚本程序。

三、课程内容

其中标记★为难点

第1章 Web技术概述

1.1 Internet概述

1.1.1 理解TCP/IP

1.1.2 理解主机和IP地址

1.1.3 理解域名和DNS

1.2 Web概述

1.2.1 了解Web历史

1.2.2 ★掌握Web体系结构

1.2.3 理解基本Web技术

1.2.4 了解Web服务器

1.3 超文本与标记语言

1.3.1 掌握超文本与超媒体

1.3.2 掌握标记语言

1.4 Web标准

1.4.1 掌握Web标准体系

1.4.2 了解采用Web标准的优势

1.5 浏览器

1.5.1 了解常用浏览器

1.5.2 掌握标准浏览器

1.6 Web开发工具

1.6.1 掌握JetBrains WebStorm

1.6.2 掌握测试和调试环境

第2章 HTML5基础

2.1 HTML5基础

2.1.1 掌握HTML5文档结构

2.1.2 掌握元素与标签

2.1.3 掌握属性

2.1.4 掌握语法规则

2.2 WebStorm基础

2.2.1 掌握WebStorm基本操作

2.2.2 了解WebStorm快捷键

2.3 文档结构元素

2.3.1 掌握标签

2.3.2 掌握标签

2.3.3 掌握标签

2.4 头部元素

2.4.1 掌握