Web前端开发技术(Web客户端编程)
学分：3.5  学时：56 (28时理论/28时上机)
一、课程的性质、地位与任务
《Web前端开发技术》（又名“Web客户端编程”）课程是计算机科学与技术、信息管理与信息系统、软件工程、网络工程、数字媒体、物联网工程等专业的一门专业课程，也是其他计算机相关专业的普及型课程，通过对Web前端三大主流开发技术学习和研究，让学生理解和掌握HTML5、CSS3、JavaScript等脚本语言的相关知识，通过项目实践培养学生开发和设计Web站点的基本操作技能和工作岗位适应能力。
二、课程的教学目标与基本要求
本课程教学基本要求是让学生理解Web前端开发与设计的基本原则、Web网站的目录结构定义、主流页面布局方法、导航菜单制作、图文排版、页面交互等方面的基础知识。掌握网站规划、设计、制作、管理、发布的相关技术及Web前端设计的操作技能；并熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、框架标记及属性设计出框架网页、表格与表单网页、多媒体动态网页；掌握使用DIV+CSS结合技术进行网页布局的基本方法。掌握JavaScript脚本语言的基本语法知识，HTML中JavaS
cript程序的嵌入方法，理解对象的概念及使用JavaScript来进行开发、维护、管理和设置Web应用程序；掌握综合网站设计和发布的基本流程和方法。
本课程的教学目标是让学生理解HTML5、CSS3、JavaScript三大脚本语言的基本语法，掌握常用的Web页面布局技术，理解并熟练应用JavaScript常用的对象的属性与方法，熟练地使用DOM 技术编写页面交互的客户端程序，通过项目实训，培养学生Web页面布局和页面交互设计初步能力。
三、课程内容（重点△，难点★）
1 Web前端开发技术综述
1.1 Web概述
1.1.1 了解Web起源
1.1.2 理解Web特点
1.1.3理解Web工作原理
1.1.4 掌握Web相关概念，掌握URL构成、Web服务器、超链接基本概念。
1.2 Web前端开发职业需求
了解Web前端开发职业需求
1.3 Web前端开发技术
1.3.1 △理解HTML概念及在网页中的作用，理解HTML文档定义。
1.3.2理解CSS在Web页面设计中作用
1.3.3理解JavaScript在Web页面设计中作用
1.3.4了解HTML DOM、BOM及AJAX在页面设计中的作用
1.3.5了解jQuery 含义及基本用途
1.4 Web前端开发工具
△掌握EditPlus、Adobe  Dreamweaver、Sublime Text、WebStorm、HBuilder
等开发工具
1.5 浏览器工具
熟悉常用五类浏览器安装与使用
1.6 熟悉综合实例
2 HTML基础
2.1 HTML文档结构
2.1.1 △理解HTML文档组成结构
2.2 头部
△掌握HTML头部标记作用及标题标记、元信息meta标记的语法
2.3 主体
2.3.1 △掌握HTML主体标记作用
2.3.2 △掌握主体标记主要属性及其设置方法
2.4 HTML基本语法
△掌握标记类型语法及HTML属性语法
2.5 注释
掌握两种注释标记的使用方法及作用，重点掌握<!-- -->标记的使用。
2.6 HTML文档编写规范
2.6.1 掌握HTML代码书写规范
2.6.2 掌握HTML文档命名规则
2.7 HTML文档类型<!DOCTYPE>
了解3种HTML文档类型和HTML5的DTD定义方法。
2.8掌握综合实例中所使用的标记语法
3 格式化文本与段落
3.1 Web页面初步设计
3.1.1 △掌握在<body>添加文字信息的方法
3.1.2 掌握标题字标记语法及对齐属性的设置方法
3.1.3 掌握添加空格、特殊符号的方法
3.2 格式化文本标记
3.2.1 掌握文本修饰标记的使用方法
3.2.2 了解计算机输出标记的使用方法
3.2.3 理解引用和术语标记的使用方法
3.2.4 △掌握字体font标记的face、size、color属性语法
3.3 段落与排版标记
3.4.1 △掌握段落p标记语法及align属性的设置
3.4.2 掌握换行、水平分隔线、拼音/音标注释ruby标记和rt/rp标记拼音/音标注释ruby
标记和rt/rp标记、预格式化、块引用等标记的使用及属性怕设置
3.4 综合实例
学会运用所学知识完成Web页面设计
4 列表
4.1 列表概述
4.1.1 了解列表的定义和常用列表的分类
4.2 无序列表
4.2.1 △掌握无序列表基本语法
4.2.2 ★学会使用列表type属性的改变列表的符号样式
4.3 有序列表
4.3.1 △掌握有序列表基本语法
4.3.2 ★学会使用列表type、start属性的改变列表的编号样式
4.3.3 了解使用有序列表项value属性改变列表项编号
4.3.4理解列表的type与列表项type属性冲突时对列表项编号的影响
4.4 列表嵌套
4.4.1 △掌握无序列表与有序列表嵌套的方法
4.5 定义列表
4.5.1 △掌握定义列表基本语法
4.5.2 △★理解定义列表与无序、有序列表的外在表现上的差异
4.6 综合实例
学会运用所学知识完成Web页面设计
5 超链接与浮动框架
5.1 超链接概述
5.2超链接语法、路径及分类
5.2.1 △掌握超链接基本语法及href、target、title等属性的设置方法
5.2.2 理解超链接中路径的分类和应用场合
5.2.3 △掌握内链接、外链接的定义方法
5.3 超链接的应用
5.3.1 掌握创建HTTP文件下载链接的语法
5.3.2 △掌握FTP站点访问链接的基本语法及创建方法
5.3.3 △掌握图像超链接的基本语法及创建方法
5.3.4 △掌握链接的基本语法及创建方法
5.3.5△★掌握书签链接的基本语法及创建方法
5.4 浮动框架
掌握浮动框架使用语法和使用方法。
5.5 综合实例
学会运用所学知识完成Web页面设计
6 图像与多媒体文件
6.1 图像
6.1.1 掌握<img>标记基本语法
6.1.2 △会利用<img>属性src、width、height、border、alt、hspace、vspace、align
等来修饰图像
6.2 滚动文字
6.2.1 掌握滚动文字标记的基本语法
6.2.2 △学会利用滚动文字标记的direction、behavior、loop、scrollamount、
scrolldelay等属性来设置滚动文字的效果
6.3音频、视频及Flas件
6.3.1 ★掌握<embed>标记的语法。△学会正确设置<embed>标记的src、loop、autostart、width、height等属性。
6.4 综合实例
学会运用所学知识完成Web页面设计
7 CSS基础
7.1 CSS概念
7.1.1 了解CSS基本概念
7.1.2 了解传统HTML的缺点
7.1.3 了解CSS的特点
7.1.4 了解CSS的优势
7.1.5 了解CSS编辑方法
7.2 使用CSS控制Web页面
7.2.1 掌握CSS的基本语法
7.2.2 掌握CSS选择器类型（包括标记选择器、类选择器、id选择器
、伪类选择器、属性选择器等）
7.2.3 △掌握CSS选择器声明类型
7.2.4 △掌握CSS定义与引用方法（包括内联样式表(行内样式表)、内部样式表、外部样式表（链接外部样式表、导入外部样式表）等。）
7.3 CSS继承与层叠
理解CSS的继承与层叠区别
7.4 综合实例
学会运用所学知识完成Web页面设计
8 DIV与SPAN
8.1 △div图层
8.1.1 掌握div定义方法
8.1.2 学会设置div图层的属性
8.2 △图层嵌套与层叠
8.2.1学会使用多个<div>进行页面布局
8.2.2学会使用图层嵌套与图层层叠
8.3 div标记与span标记
理解div标记与span标记的使用区别
8.4 综合实例
学会运用所学知识完成Web页面设计
9 CSS样式属性
9.1 CSS属性中的单位
掌握CSS属性中绝对单位与相对单位
9.2 CSS字体样式
9.2.1 掌握字体font-size、font-style、font-variant、font-weight、font-family等
属性的设置方法
9.2.2 掌握字体font复合属性的设置方法
9.3 CSS文本样式
掌握letter-spacing、text-indent、text-decoration、text-transform、text-align、
vertical-align、line-height等排版样式属性的设置方法
9.4 CSS颜与背景
9.4.1 掌握颜属性的设置方法
9.4.2 掌握背景background-color、background-image、background-repeat、
background-attachment、background-position等子属性的设置方法
9.4.3 掌握背景复合属性background的设置方法
9.5 CSS列表样式
掌握列表样式语法，学会使用list-style-type、list-style-image、list-style-position 等属性美化列表的外观
9.6 CSS盒模型
9.6.1 理解CSS盒模型结构
9.6.2 学会设置边界margin、边框属性border、填充属性padding及其子属性的设置方法
9.7 综合实例
学会运用所学知识完成Web页面设计
10 DIV+CSS页面布局
10.1 页面布局设计
能够根据常规页面布局编写出DIV结构和定义出CSS样式
学会使用DIV+CSS实现简单Web页面布局
10.2 导航菜单设计
html href属性10.2.1 掌握一级水平导航菜单的设计方法
10.2.2 掌握二级水平导航菜单的设计方法
11 表格
11.1 表格
熟悉常用表格的标记及作用
11.2 表格标记
11.2.1 △掌握<table>标记语法及所有表格标记的语法
11.2.2 △会利用<table><tr><td>绘制简易表格
11.2.3 学会使用表格标题<caption>、<th>标记定义表格标题和表头
11.3 表格属性设置
11.3.1 掌握表格边框及边框样式属性设置方法
11.3.2 掌握表格宽度、高度的设置方法
11.3.3 掌握表格的背景颜和背景图像的设置方法

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。