《高级网页制作技术》课程教学大纲(精)大全

第一篇：《高级网页制作技术》课程教学大纲(精)大全

《高级网页制作技术》课程教学大纲

一、课程的地位、作用与任务

本课程是计算机科学与技术（本科）应用软件开发方向选修的专业课，通过本课程的学习，培养学生的网页制作技术与网页编程技术想结合的能力，同时也能够将相关课程中学习的多媒体技术和程序开发技术融合到本课程中，力求培养学生综合运用所学课程知识开发高级应用网页的能力。

学生通过学习该课程，能够根据自己的实践和经验制作出功能强大的动态网页，并具备管理站点和独立思考的能力。

二、学习内容和教学要求

第一部分 ASP.Net概述

1．教学内容和教学要求

（1）掌握

ASP.Net的特点、功能、编译原理及ASP.Net的运行环境及其安装。

（2）理解

ASP.Net相对于早期的ASP和JSP的新增功能。

（3）了解

ASP.Net的优点和发展历史。

2．能力培养要求

（1）能正确地安装ASP.Net的运行环境。

（2）能正确地运行第一个简单的ASP.Net程序。

（3）能正确理解ASP.Net的执行原理。

第二部分 ASP.Net的基本语法和C#语言

1．教学内容和教学要求

（1）掌握

ASP.Net的基本语法结构、C#语法及其数据类型以及ASP.Net编译器的合理配置。

（2）理解

ASP.Net与C#语言的关系。

（3）了解

C#语言与C语言和C++语言的联系与区别。

2．能力的培养要求

（1）能正确使用ASP.Net的基本语句编写简单的ASP.Net程序。

（2）能正确使用编辑器编写ASP.Net源程序。

（3）能正确使用C#语言编写简单的应用程序及程序的调试。

第三部分 常用对象的应用

1．教学内容和教学要求

（1）掌握

Request、Response、Server三种常用对象的使用；使用ASP.Net的输入输出

（2）理解

ASP.Net的对象应用与ASP的区别以及实现方法的差别。

（3）了解

其他的Request对象及方法。

2．能力的培养要求

（1）可以使用三种常用的对象编写基本的输入输出程序。

（2）可以使用Browser对象、环境变量收集客户机和服务器的系统信息。

第四部分 Server控件

1．教学内容和教学要求

（1）掌握

常用的HTML控件和Web控件的使用及其执行的原理、用户控件的使用。

（2）理解

HTML语言的格式、功能及其与ASP.Net语法的联系与区别。

（3）了解

自定义控件的使用方法。

2．能力培养要求

使用Server控件编写真正ASP.Net意义的程序。

第五部分 数据库访问

1．教学内容和教学要求

（1）掌握

DataSet对象的使用、ADO.Net的数据库操作方法、DataGrid等表格控件的使用方法与技巧。

（2）理解

数据绑定（DataBind）技术。

（3）了解

OLE.DB与SQL Server数据库的基本语法。

２．能力培养要求

具有将网页制作技术与数据库编程结合起来使网络具有网络数据处理功能的能力。

第六部分 ASP.Net的高级应用

1．教学内容和教学要求

（1）掌握

文本文件和二进制文件的操作技巧与编程方法、WebService程序的编写与实现方法、网络应用程序的编写、组件的编写及电子邮件、域名查询程序的实现等高级网页制作技术。

（2）理解

.Net平台中网络应用的实现方法，应用Code-Behind技术实现页面代码的分离。

（3）了解

文件中中文的处理方法。

２．能力培养要求

能使用ASP.Net的高级网页制作技术制作出功能强大的动态Web页面。

三、学生实验

实验一：ASP.Net环境的安装

实验二：利用ASP.Net的基本语法和C#编写简单的ASP.Net程序

实验三：基本输入输出程序的设计及收集客户机和服务器系统信息的方法

实验四：Server控件的使用

实验五：数据库访问技术

实验六：ASP.Net的高级网页制作技术

四、学时分配建议

序号 教学内容 学时分配

讲课 实验 技能训练 小计

１ ASP.Net概述 4 2 6

２ ASP.Net语法和C#语言 4 2 6 ３ 常用对象的应用 4 4 8 ４ Server控件 8 6 14 ５ 数据库访问 10 8 18

６ ASP.Net的高级应用 12 10 22 ７ 机动 2 2 4 合计 44 34 78

五、说明

１．本教学计划适合用于电大计算机科学与技术本科专业，完成本课程最少为78学时，本教学基本要求的学时分配是建议性的。

２．本课程与其他课程的衔接和分工

（１）本课程与《网页制作技术》课程和《数据库技术》衔接，特别是第一部分。两门课程间可以互相补充。

（２）与其它专业课程相比，该课程可做为计算机专业课设置。

３．各教学部分重点、难点和深广度教学说明。

（１）本课程第四、五、六部分是重点、难点，应给予重视。

（２）本课程第五部分与数据库技术联系比较密切，深广度可以根据学生前期数据库课程的特点进行调节。

第二篇：网页设计与制作课程教学大纲

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

1.课程设计的指导思想

（一）课程性质

1．课程类别：专业选修课 2．适应专业：软件工程 3．开设学期：第二学期

4．学时安排：周学时2＋2，总学时72 5．学分分配：

（二）开设目的

本课程是计算机类专业的专业选修课,它是一门操作性和实践性很强的课程。本课程开设的主要目的，是为了适应web技术的飞速发展，为学生今后在学习、工作中建立网站及网页制作打下基础。通过本课程的学习，让学生了解一定的网络应用基础知识；能够熟练掌握网页制作工具——网页三剑客Dreamweaver、Fireworks、Flash的使用，能自行设计各种网页、编辑一定的平面图像、网络动画。具备网站的建立、规划、管理、发布的相关技术及网页制作的操作技能，能独立设计 WEB 站点。

（三）基本要求

1、知识要求：

（1）网页设计基础知识（2）DREAMWEAVER 的使用（3）FIREWORKS 图像处理（4）FLASH 的使用（5）网站制作实例

2、能力要求：

（1）学会熟练运用 Dreamweaver、Flash 和 Fireworks 应用软件；（2）熟练掌握使用绝对和相对 URL，创建超链接，图像链接；（3）熟练掌握设置颜色、文本格式和列表；（4）掌握在网页中添加 CSS 的方法

（5）掌握在网页中嵌入图像、声音、多媒体信息的方法；（6）熟练掌握表格的使用方法，学会利用表格布局网页；（7）掌握框架制作网页的方法，会使用框架设计网页；（8）掌握用 Fireworks 处理矢量图和位图。（9）掌握用 Flash 制作网页动画。

3、素质要求：

（1）具有勤奋学习的态度，严谨求实、创新的工作作风；（2）具有良好的心理素质和职业道德素质（3）具有高度责任心和良好的团队合作精神

（4）具有一定的科学思维方式和判断分析问题的能力（5）具有较强的网页设计创意思维、艺术设计素质。

（四）主要内容 计算机网站基础知识、网页三剑客DREAMWEAVER 的使用、FIREWORKS 图像处理、FLASH 的使用。

（五）先修课程 计算机基础

（六）后继课程 Web 程序设计

（七）考核方式 上机考试

（八）使用教材

（九）参考书目

1、《网页设计与制作技术教程》 作者：王传华、段青玲、马钦? 清华大学出版社?第二版.2、网页和网站制作基础操作与实例教程.陕西科学技术出版社

3、Dreamweaver8PhotoshopCS2Flash8网页制作教材.陈笑；李景池.清华大学出版社

4、《使用网站技术基础》作者：德力、卢明波、王化宇.内蒙古教育出版社 教学内容

第一部分 网页设计与制作基础知识 教学目的

使学生了解什么是网页，网站，网页元素等概念 主要内容 什么是网页，网站;2 Html语言基础； 构建网站的一般过程； 教学要求

了解：网站设计与制作的前期准备 掌握： 绘制网站首页效果图 第二部分 网页制作软件Dreamweaver 教学目的

使学生了解网站设计概念；掌握软件界面及站点建立，Dreamweaver的基本功能，表单和CSS样式表的应用及网页制作的高级技术。主要内容

1、网站设计概念，要求达到“了解掌握”程度 网站的主题定位

网站的风格和创意设计 准备材料和结构规划 页面布局

定义站点、申请域名、空间 认识HTML语言

2、初识软件界面及站点建立，要求达到“了解掌握”程度 Dreamweaver软件界面 对象控制面板的使用 建立本地站点 建立远程站点 站点的更新和管理

3、Dreamweaver的基本功能，要求达到“掌握”程度，添加文本 插入图片 插入表格

超级链接和导航条的创建 插入多媒体

4、表单和CSS样式表的应用，要求达到“了解掌握”程度 插入表单

插入表单对象

创建并链接到外部CSS样式

5、网页制作高级技术，要求达到“了解掌握”程度 创建层 设置层

层与表格的相互转换 创建框架 行为操作 创建模板 模板的应用 教学要求

了解：网站设计概念

掌握：软件界面及站点建立，Dreamweaver的基本功能，表单和CSS样式表的应用及网页制作的高级技术。

第三部分 图形制作与处理软件Firewoks 教学目的

使学生了解Fireworks软件界面；掌握图像的绘制和编辑，文本与颜色的使用，层与元件的使用，滤镜和特效的使用，按钮和动画的制作。主要内容

1、Fireworks简介，要求达到“了解掌握”程度 Fireworks概述

Fireworks的系统需求 Fireworks的新增功能 Fireworks窗口界面 创建新文档

导入和导出文档

2、图像的绘制和编辑，要求达到“掌握”程度 绘制图像 编辑图像

3、文本与颜色，要求达到“掌握”程度 文本的使用 颜色的使用 设置画布

4、层与元件，要求达到“掌握”程度 层的使用 元件的使用

5、滤镜和特效，要求达到“了解掌握”程度 使用滤镜 使用特效

6、按钮和动画，要求达到“了解掌握”程度 按钮 动画

教学要求

了解：Fireworks软件界面

掌握：图像的绘制和编辑，文本与颜色的使用，层与元件的使用，滤镜和特效的使用，按钮和动画的制作。第四部分 动画制作与编辑软件Flash 教学目的

使学生了解Flash基本工作环境；掌握Flash绘图工具的使用方法，Flash动画基础及FIash影片制作和发布。主要内容

1、初识Flash，要求达到“了解”程度 Flash基本工作环境 认识舞台与时间轴.认识不同作用的面板

2、Flash绘图工具，要求达到“掌握”程度 矢量图与位图 线型与颜色

线条的绘制与修改 填充图形的绘制，选取工具 文本

变换工具 其他工具

3、Flash动画基础，要求达到“掌握”程度 层 帧 元件

Flash的基本操作

4、FIash影片制作和发布，要求达到“掌握”程度 动画基础 逐帧动画 形状渐变 动作渐变 蒙板

运动导线 按钮

轨迹追踪 导入声音 加入视频 测试发布 教学要求

了解：Flash基本工作环境

掌握：Flash绘图工具的使用方法，Flash动画基础及FIash影片制作和发布。第五章 综合实例 教学目的

使学生能够熟练掌握网页制作工具Dreamvwaver、Fireworks、Flash的使用，能自行设计各种网页、编辑一定的平面图象、网络动画。具备网站的建立、规划、管理、发布的相关技术及网页制作的操作技能，能独立设计 WEB 站点。主要内容

综合实例，要求达到“掌握”程度 网页设计准备工作

用Fireworks设计网页结构 用Dreamweaver生成网页 用Flash制作网页动画 整理网页

完成小型WEB站点网页的规划、设计、管理与维护 教学要求

掌握：Web网站建设的基本方法，掌握网页制作工具的使用方法和技巧，培养学生设计网站的能力。课时分配及其它

（一）课时分配

课程总教学时数为90学时，安排在第二学期，每周3＋2学时，上课18周。具体分配如下

教学内容 讲授学时数

章次

第一部分 网页设计与制作基础知识 4 第二部分 网页制作软件Dreamweaver 12 第三部分 图形制作与处理软件Firewoks 8 第四部分 动画制作与编辑软件Flash 8 第五部分 综合实例 4 合计

实验学时数 10 8 2 36

（二）考核要求

平时成绩（含考勤、作业与实验）占50%，期末（上机考试）成绩占50%。

第三篇：网页制作教学大纲(专业课)

《网页制作》教学大纲（40学时）

课程代码：13407334

一、课程性质、目的及开课对象

（一）课程性质：专业选修课

（二）目的：对学生进行网页制作技能训练，提高他们对网络资源利用开发的能力，处于信息时代，还应努力培养学生的信息素养，使他们掌握网页制作的基本技能和网络资源利用的基本能力，以及网络道德素养的培养与提高。

（三）开课对象：教育技术学专业本科学生，时间为第七学期。

二、先修课程：无

三、教学方法和考核方法

（一）教学方法：演示法、讲授法。

（二）考核方式：考查

四、学时数分配

总学时：40学时。授课20学时，实验20学时。

五、教学内容与学时

第一章 HTML基础（2学时）【主要内容】：

1.1 什么是HTML 1.Web页的基本概念 2.HTML的工作原理 3.创建和测试Web页 1.2 创建WEB页 1.标记符基础

2.Web页的基本结构 3.设置页面属性 4.添加注释 5.显示特殊符号 1.3 发布WEB页 1.创建本地站点 2.申请网页空间 3.用FTP上传网页

【重点难点】：站点的创建与使用

【学生掌握要点】：什么是HTML、站点的创建与使用 【习题】：

1.简要说明HTML的基本工作原理。

2.编写一个能够显示背景图案并能播放背景音乐的网页。

第二章 文本格式（2学时）【主要内容】： 2.1 文本分段

1.段落标记符P和换行标记符BR 2.水平线标记符HR 3.标题标记符Hn 4.段落对齐

2.2 控制文本的显示效果 1.字体控制标记符FONT 2.物理字符样式 3.逻辑字符样式 4.滚动文字效果 2.3 列表格式 1.有序列表 2.无序列表

【重点难点】：控制文本的显示效果 【学生掌握要点】：文本格式化 【习题】：

1、自行编写实例，尝试本章中介绍的所有标记符和属性。

第三章

使用图像（4学时）【主要内容】：

3.1 web页图像基础 1.位图与矢量图形 2.Web页图像格式 3.使用网页图像的要点 3.2 图像处理基本操作 1.Fireworks的界面 2.修改图像大小

3.用适当的格式导出图像 4.制作GIF动画 3.3 图像标记符IMG 1.插入图像 2.设置图像属性 3.4 创建超链接

1.相对地址和绝对地址 2.页面链接 3.锚点链接 4.电子邮件链接 3.5 使用图像映射 1.什么是图像映射 2.创建图像映射

【重点难点】：创建超级链接和对页面空间结构的理解。【学生掌握要点】：图像处理基础、图像处理、超级链接 【习题】：

1.2.3.4.简要说明GIF格式和JPEG格式各自的特点。说明在网页中使用图像时应注意的基本原理。

使用FRIEWORKS制作一个GIF动画，并将动画插入到网页中。制作一个简单的图像映射网页。

第四章

表格与框架（2学时）【主要内容】：

4.1 创建表格

1.表格的基本结构 2.合并单元格

3.构造表格的步骤 4.2 表格的属性设置 1.边框与分隔线 2.控制单元格空白 3.表格的对齐

4.3 使用表格设计网页布局 1.控制表格和单元格大小 2.控制表格和单元格的背景 3.使用嵌套表格

4.表格布局综合应用 4.4 创建框架 1.什么是框架 2.指定框架结构 3.框架的嵌套 4.框架的初始化

4.5 控制框架的显示效果 1.边框效果 2.设置框架空白

4.6 使用框架设计网页布局 1.指定超链接的目标框架 2.使用页面框架

【重点难点】：使用表格与框架设计网页布局

【学生掌握要点】：实现表格的各种作用、使用框架设计网页布局 【习题】：

1、按照讲解实例自行制作。

2、制作一个简单的个人网站，要求使用表格排版，并用到框架导航结构。请注意不同页面到框架页面的跳转，以及如何从框架页面跳出。第五章

CSS技术（4学时）【主要内容】：

6.1 CSS入门 1.什么是CSS 2.CSS的属性单位 6.2 在网页中使用CSS 1.在标记符中直接嵌套样式信息 2.在STYLE标记符中定义样式信息 3.链接外部样式表中的样式信息 4.样式的优先级 6.3 CSS样式定义

1.HTML标记符selector 2.具有上下文关系的HTML标记符selector 3.用户定义的类selector 4.用户定义的ID selector 5.虚类selector 6.4 CSS属性

1.字体与文本属性 2.颜色与背景属性 3.布局属性

4.定位和显示属性 5.列表属性 6.鼠标属性

6.5 CSS过滤器效果 1.过滤器属性列表 2.过滤器效果示例

【重点难点】：CSS样式定义

【学生掌握要点】：在网页中使用CSS 【习题】：

1.2.3.4.简要说明在网页中使用CSS的三种方式，并说明各自的特点。说明如何确定网页中特定CSS样式的优先级。试验各节介绍的各种CSS属性效果和过滤器效果。

制作一个个人网站，要求合理使用CSS技术和其他网页技术。

第六章

用DreamweaverMX制作网页（6学时）【主要内容】：

7.1 DreamweaverMX的界面 1.DreamweaverMX的界面元素 2.设置文档窗口 7.2 创建和管理站点 1.网站开发流程 2.创建本地站点 3.管理本地站点

4.创建与管理远程站点 7.3 文本修饰与超链接 1.制作网页的一般过程 2.设置字符格式 3.设置段落格式 4.设置列表格式 5.使用超链接 7.4 使用图像 1.插入图像 2.设置图像属性 3.制作图像映射 4.动态图像效果 7.5 使用多媒体对象 1.使用声音与视频 2.使用Flash对象 7.6 设置页面版式 1.使用表格排版 2.使用层排版 3.使用框架排版 7.7 表单与行为 1.创建表单 2.创建表单控件

3.添加表单控件标签 4.行为的概念与基本操作

5.使用DreamweaverMX自带的行为动作 7.8 使用样式

1.使用HTML样式 2.创建和应用CSS样式

3.创建和链接外部CSS样式表

【重点难点】：站点的建立与管理；网页设计与制作 【学生掌握要点】：用DreamweaverMX制作网页 【习题】：

1.简要说明Dreamweaver的界面组成元素及其相应功能。

2.简要说明网站建设的工作流程，规划站点时要考虑哪些问题？设计站点时要考虑哪些问题？

3.总结在Dreamweaver中制作网页的一般过程。4.如何在网页中使用声音和视频？

5.在Dreamweaver中分别用表格和层两种方法制作同一个页面效果。具体页面要求见授课内容。

6.在Dreamweaver中实现一个简单的网站（5－10页），要求使用框架导航结构。7.什么是行为？Dreamweaver提供哪些常用的行为动作？它们的作用是什么？

8.什么是HTML样式？它和CSS样式有何不同？在Dreamweaver中能够实现哪些类型的CSS样式？

9.简述在Dreamweaver中使用CSS样式表的步骤。

六、教材与教参

（一）教材：

无

（二）教参：

1、《网页制作教程》

2、《网页制作三剑客实例精粹》

3、《跟我学Dreamweaver MX》

赵丰年等 姜谷鹏等 甘登岱等6

人民邮电出版社航空工业出版社人民邮电出版社 2005年 2003年 2002年

第四篇：网页设计高级课程

网页设计高级课程（5个月）

学习内容：使用Dreamweaver制作网页、使用Photoshop处理图像、网站配色与布局、制作Flash动画、DIV+CSS、淘宝网店装饰与推广、网站架构与策划、PHP+MySql网站开发、SEO网站优化与推广。白云技师学院，最好的计算机培训课程，电脑培训课程，网页设计高级课程。电话020-36093333 px.byxy.com byxy.com

网页设计制作基本概述

理解网页设计制作原理、基本手段、流程与制作要求。

1．互联网、网页、网站、超级连接、HTML语言等基础网络知识的概念及定义

2．网站设计制作的常用工具与基本流程

3．HTML语言的基本结构和语法

熟练掌握网页设计制作的基础操作。讲解HTML代码。主要包括：

1、如何建立站点

2、对于网站文字，图片，超链接的设置

3、以及以上网页元素所对应的html代码

熟练掌握常用的页面版式与布局控制技术。

1、表格的应用

2、表单的应用

3、框架的使用

熟练掌握css+div的模式进行网页设计，并能够使用css制作特殊的效果的样式。讲解css和div的相关知识，主要包括：

1.css的基本概念，基础知识

2.css对于文字，图片的设置

3.css对于网页布局的控制，css的特殊效果等

使用JavaScript的相关行为进行网页的一些特效以及验证。

1、讲解JavaScript的基础知识

2、讲解JavaScript的常用方法。

了解网页设计色彩的搭配原则以及网站logo设计的基本原则。

1、网页色彩的色调组合，网页设计中色彩的基本原则

2、网站logo设计的原则以及基本创意

3、优秀网站作品赏析

掌握网站导航条的设计制作技巧以及网站banner的制作方法。

1、导航条设计的原则

2、导航条设计的创意

3、网站banner的表现手法

4、制作网站banner常用的技法

5、如何制作有创意且美观的网站banner

白云技师学院，最好的计算机培训课程，电脑培训课程，网页设计高级课程。电话020-36093333

px.byxy.com byxy.com 欢迎前来报读

第五篇：《网页设计与制作(HTML+CSS)》课程教学大纲（精选）

《网页设计与制作(HTML+CSS)》课程教学大纲

任课教师：张志慧 编写时间：2018-12-14

一、课程的性质与目标

《网页设计与制作(HTML+CSS)》是面向计算机相关专业的一门专业基础课，涉及计算机基础、互联网等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果、学会制作各种企业，门户，电商类网站。

二、课程的主要内容及基本要求