html教学大纲

《网页设计与制作》课程教学大纲

《网页设计与制作》教课纲领

（ 114 学时）

一、课程性质和任务

本课程是中等职业学校的计算机专业的一门专业课。 其主要任务是学习相关网页设计与制作的基础知识和基本技术， 使学生可以娴熟地制作出一般企事业单位所需的中高级水平的网页。

二、课程教课目的

本课程的教课目的是使学生掌握网页制作的基本知识和基本技

能，掌握网页内容对象的制作方法及技术， 拥有对网页内容多个对象进行合理布局与设计的初步能力。

（一）课程目标要求

1 、掌握制作简单网页的基本方法。

2 、掌握 HTML 常用标志及其功能格式。

3 、掌握向网页中输入对象的方法。

4 、会制作网页中各样超链接。

5 、掌握网页内容多个对象的布局方法。

6 、能给网页适合增添动向成效。

7 、认识高级网页制作技巧。

8 、能进行站点管理和保护。

（二）能力培育目标

1 、掌握 FrontPage 基本操作及技术。

2 、会用 HTML 编写改正简单网页。

3 、掌握在网页中输入标题、文本、插入图片、表格、表单等对象的方法。

4 、站点创立及站点内超链接的制作技巧。

5 、能绝对定位和相对定位，表格，框架对网页合理布局。

6 、会用模板、主题、款式制作高质量网页。 《网页设计与制作》课程教学大纲

7 、利用各样插件，控件脚本程序制作高级网页。

（三）思想教育目标

1 、培育学生网上分辨是非，合理运用网络资源的能力。

2 、培育学生踊跃长进的修业态度和较强的自控能力。三、教课内容和要求

（一）理论教课摸块

1 、FrontPage 基本观点

1 ）新增功能、工作界面构成。

2 、制作简单网页

1 ）网页文件基本操作方法。

2 ）输入文本、制作超链接的基本方法。

3 、HTML 语言基础

1 ）HTML 基本法与构造。

2 ）常用标志的功能、格式。

4 、增添网页元素

1 ）输入标题、文本并对其进行格式化。

《网页设计与开发》课程教学大纲

课程编号 建议学时 54 开课学期 第1或2学期

课程名称 网页设计与开发

课程介绍 网页设计课程是高等院校计算机、信息管理、电子商务和其他相关专业的一门重要的基础课程，也是一门实践性和技能性要求很强的学科。课程涵盖HTML基本元素、CSS样式表和JavaScript脚本编程语言、页面布局、HTML5页面设计、整站建设三大内容，全面介绍了WEB站点设计与开发的基本操作技术和应用技巧。本课程采用课堂与实践相结合讲授、案例向导的教学方式。

教学目标 通过本课程的学习，使学生对网页设计的基本原则、栏目和目录结构定义、主流页面布局方法、导航制作、图文排版、色彩理论等进行详细了解。掌握网站规划、设计、制作、管理、发布的相关技术及网页制作的操作技能；并熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体、表单网页、多媒体动态网页；掌握使用css技术进行网页布局的基本方法。掌握JavaScript脚本语言的基本语法知识，HTML中JavaScript程序的嵌入方法，对象的概念及使用JavaScript来进行开发、维护、管理和设置WEB应用程序；掌握HTML5新应用；掌握综合网站设计和发布的基本流程和方法。

课程设计指南 课程以培养面向商业化应用网站设计的网页设计师为目标，突出实用性和可操作性。因此，在教学方式上应以商业化案例讲授为导向，辅助各内容块相关实验项目的实践，由点到面，最终完成整站综合项目的设计任务。教学过程中可以配合数字教学平台电子资料、ppt、重点难点视频讲解、小技巧使用视频讲解、案例解答等多种技术手段进行辅助教学。

课程教学由简入深，主要采用以下教学方法：

（1）模仿精彩优秀的网站，了解其效果实现方法，并将其应用到实验中。（2）指定配套实验教材中的精典实例，让学生操作实现。（3）综合运用基本知识点，实现复杂综合功能。

成绩考评设置 说明：成绩评价组成及各部分权重。例：

- - 1 一、课程目标

 掌握HTML语言，能够直接编写网页程序；

 学会使用层叠样式表技术；

 了解最常用的客户端脚本语言JAVASCRIPT，能够编写客户端的常用脚本程序；

 学会使用Dreamweaver开发网页程序。

二、课程对象

 ACCP第一学期的学员

三、课程所需的预备课程

 《计算机基础》

 《软件技术基础》

 《程序设计基础：C语言实现》

 《VB可视化编程》

四、课程学时

理论课

(No. of Hrs) 上机课

(No. of Hrs) 在线培训

(No. of Hrs) 指导学习(No. of Hrs) 总学时

(No. of Hrs)

20 20 2 2 44

五、课程地位

- - 2

面向对象的分析与设计 J2EE实现企业级应用开发

.NET平台及C＃编程

编程 XML基础 Oracle数据库设计与实现

软件项目管理 预备课程：计算机基础

软件技术基础 程序设计基础：C语言实现

网页编程 关系型数据库及SQL语言 VB可视化编程

面向对象基础：C++实现

Java编程基础 VB高级编程

ASP网络编程 SQL SERVER数据库设计和实现 软件测试与质量保证 第一学期课程

WinForm 开发 第二学期课程

第二学年课程

数据库技术 程序设计和语言 软件工程和管理

- - 3 六、课程内容组织结构

七、课程各章内容、重点、组织结构及授课要求

理论部分,共20学时

第一章 简介和超链接

内容概述 本章主要介绍了网络和HTML的基础知识，HTML的基本的文档结构， 标记及属性，在HTML中如何表示一些特殊字属，以及如何链接页面。

本章目标  介绍网络、HTML的一些基础知识，使学员明白网络上的信息是如何产生、如何被访问的

 会写一个最简单的网页

 能够通过链接把页面链接起来

 通过介绍标记及属性，可以完成一些如网页过渡，网页的自动跳转等功能

1 HTML5与JavaScript 教学大纲

一、说明

（一）课程性质

学院平台选修课程。

（二）教学目的

通过本课程的学习，使学生掌握HTML5，CSS及JavaScript综合应用，掌握网页开发技术的基础与核心，熟悉开发符合Web标准规范网页的技巧与方法，能够使用HTML5与JavaScript编写可交互Web应用程序，创建一些实用的Web应用。

（三）教学内容

教学内容主要包括利用HTML5制作网站，使用CSS3美化HTML5 网页，JavaScript基础，JavaScript对象模型，JavaScript表单、样式与定位，HTML5画布， HTML5音频与视频， Web存储，Web 离线应用， Workers多线程处理，Geolocation地理位置等

（四）教学时数

本课程教学时数共72学时，其中讲授36学时，实验36学时。

（五）教学方式

使用讲授加实践的方式进行教学，由浅入深地进行各种基础知识的讲解。通过综合实例的训练让学生熟练掌握各种知识的实际应用。讲授时需利用多种现代化媒体进行教学辅助。

二、本文

理论部分

上篇 基础应用

第1章 利用HTML5制作网站

教学要点：

本章使学生重点掌握HTML5与之前的版本相比的革命性变化，包括网页结构、设计风格及理念的变化，表单数据内容进化，了解Web技术的变化趋势，掌握简单的HTML5网站的规划与实现。

教学时数：

3学时

教学内容：

1.1 HTML5时代的网页设计

1.2 HTML5带来的网页结构、设计风格及理念的变化

1.2.1 HTML 4时代的几个特征

1.2.2 Web标准与规范

1.2.3 一个典型的HTML5页面

1.3 HTML5带来的标签变化

1.3.1 什么是标签

1.3.2 标签的分类

1.3.3 近十几年来的HTML