静态网页设计专业课程教学大纲（精选）

第一篇：静态网页设计专业课程教学大纲（精选）

《静态网页设计》课程教学大纲

课程名称（中文/英文）：静态网页设计

课程性质：专业基础课必修课 适用专业：计算机科学与技术 学 时 数： 76 其中：实验/上机学时：38 学 分 数： 4 考核方式：任务上机方式进行考核。成绩构成如下：平时：40%期末：60% 先修课程：无 后续课程： 动态网页设计、JSP 等 教学参考书：

1.温谦，赵伟等，网页制作综合技术教程，人民邮电出版社，2009 2．向隅，网页设计实用教程，北京邮电出版社，2009 3.张磊，网页设计技术，中国铁道出版社 2006 开课部门：计算机系计算机科学与技术教研室 课程简介：

《静态网页设计》主要讲解如何应用Dreamweaver创建和管理网站、网页制作基本知识，讲授Dreamweaver网页制作集成工具使用方法等内容。本课程介绍html的基础知识，CSS的基础知识，以及开发WEB最流行的工具Dreamweaver的使用方法。主要包括基本html语句的语法，各种内容在网页中的插入，表格布局，css样式表，层的使用等。

教学目的和要求

《静态网页设计》是计算机科学与技术专业的一门重要专业基础课。通过本课程学习，使学生掌握构建网站的基本知识，熟悉网页开发平台的使用，能够独立的创建个人网站。

教学重点和难点

Html中页面标签元素的使用，CSS样式表的设计

教学方法

启发式教学，引导学生通过实例获取知识，巩固知识。多媒体教学，机房授课 教学主要内容

第一章 网页设计基础知识（4学时）1.1 网页的基础概念 1.2 网页与HTML 1.3 WEB标准

1.4 网页设计与开发过程 1.5 HTML基础 1.6 简单的HTML案例 1.7 网页源文件的获取

1.8 利用Dreamweaver快速建立基本文档 第二章 用HTML设置文本和图像（4学时）2.1 文本排版 2.2文字列表

2.3 HTML标记与HTML属性

2.4 HTML标记与HTML属性的局限性 2.5 特殊文字符号 2.6 使用图像 2.7 设置图片的尺寸 2.8 设置图像的替换文本

2.9 利用Dreamweaver设置文本和图像2.10 利用Dreamweaver代码提高效率 第三章 超链接（4学时）3.1 设置文字超链接 3.2 设置页面内部超链接 3.3 设置图片超链接 3.4 设置电子邮件超链接 3.5 设置链接页面的目标窗口 3.6 创建热点区域 3.7 框架之间的链接

第四章 使用表格与表单（4学时）4.1 使用表格 4.2 使用表单

4.3 Dreamweaver中的模版

第五章(X)HTML与CSS概述（4学时）5.1 HTML与 XHTML 5.2(X)HTML与CSS

5.3 构造CSS规则 5.4 基本CSS选择器

5.5 在HTML中使用CSS的方法 第六章 CSS样式设置实践（6学时）6.1 手工编写页面

6.2 使用Dreamweave进行CSS设置 6.3 复合选择器 6.4 CSS的继承特性 6.5 CSS的层叠特性

第七章 用CSS设置文本和图像（6学时）7.1 使用CSS设置文本样式 7.2 用CSS设置图像样式 7.3 用CSS设置背景样式

第八章 用CSS设置链接与导航菜单（6学时）8.1 丰富的超链接特效 8.2 控制鼠标指针 8.3 设置项目列表样式 8.4 创建简单的导航菜单

8.5 应用滑动门技术的玻璃效果菜单

第九章 用CSS设置表格和表单样式（6学时）9.1 控制表格 9.2 美化表格 9.3 案例—日历 9.4 CSS与表单

第十章 CSS盒子模型（8学时）10.1 “盒子”与“模型”的概念探究 10.2 边框 10.3 设置内边距 10.4 设置外边距 10.5 盒子之间的关系

10.6 盒子在标准流中的定位原则 第十一章 盒子的浮动与定位（8学时）11.1 盒子的浮动 11.2 盒子的定位 11.3 z-index空间位置 11.4 盒子与display属性

第十二章 CSS+div布局方法剖析（8学时）12.1 CSS排版观念

12.2 固定宽度且居中的款式 12.3 左中右版式 12.4 块的背景色问题

12.5 div 排版与传统的表格方式排版的分析 案例设计（8学时）

执笔人： 魏荣华

审核人：

第二篇：静态网页设计知识点

第一章 概述 4学时

教学目的：

了解网页及网站基本概念及网页的基本要素分析 教学重点与难点：

网页、网站设计流程，网页基本要素

第一节 网页和网站

一、网页

二、网站

三、网页的基本功能

第二节 网页中的主要元素

一、文本

二、图像

三、链接标志

四、其他的基本要素

第三节 网页制作工具

一、网页编辑工具

二、网页图像编辑工具

三、动态网页技术

第四节 网页设计的基本流程

一、网站的设计流程

二、网页的设计与制作

三、网页的测试

四、网页上传和发布

第二章 HTML语言基础 6学时

教学目的：

了解HTML文件的基本结构，掌握HTML中文本的编辑及图像的语法，掌握HTML中各种设置超级链接的语法，掌握HTML中表格和框架的基本语法。

教学重点与难点：

HTML的语法结构、超级链接的语法、表格和框架的基本语法。

第一节 HTML概述

一、HTML简介

二、HTML语法结构

第二节 文本的编辑

一、段落标记

二、文本标记

三、标题显示等级

四、列表

第三节 图像编辑

一、插入图像

二、使用背景图像

第四节 建立超链接

一、建立超链接

二、使用书签

三、标记新窗口和基准链接

第五节 表格与框架

一、建立表格

二、表格属性

三、建立框架

四、框架属性

第三章 Dream weaver基础 2学时

教学目的：

了解DW的操作界面及常用命令，掌握规划和创建站点的操作，掌握基本的网页操。

教学重点与难点：

规划站点的结构、网页的基本操作

第一节 Dream weaver 工作界面

一、启动和退出Dreamweaver

二、Dreamweaver操作界面

第二节 规划与创建站点

一、规划网站的整体结构

二、建立本地站点

三、管理本地站点

第三节 网页文件的基本操作

一、新建网页

二、保存网页

三、关闭网页

四、打开网页

五、预览网页

第四章 网页中的基础元素 4学时

教学目的：

通过本章的学习可以掌握在网页中的文本和段落的设置方法，掌握图像的插入及其属性的设置的方法，熟悉页面属性的设置，熟悉各种超级链接及设置。

教学重点与难点：

文本和段落的设置文本、图像的插入及其属性的设置、超链接

第一节 在网页中插入文本

一、插入文本

二、设置文本格式

三、段落格式的编辑

四、设置列表

五、简单的CSS样式应用

第二节 在网页插入图像

一、插入图像

二、设置图像属性

三、编辑图像

四、图像外部编辑

五、鼠标经过图像

六、创建导航条

第三节 插入其他网页元素

一、水平线

二、日期和时间

第四节 设置网页的页面属性

一、打开页面属性对话框

二、设置网页的标题

三、设置网页的背景

四、设置网页的文本

五、设置网页的边界

第五节 设置超级链接

一、超链接的路径

二、创建基本超链接

三、锚点链接

四、热区链接

五、电子邮件链接

第五章 页面布局规划 4学时

教学目的：

学会运用表格进行数据展示及进行网页布局，学会使用框架结构建立网页。

教学重点与难点：

表格的插入、表格的编排和设置、利用表格进行布局

第一节 表格的基本操作

一、插入表格

二、添加内容

三、选择表格

四、设置表格属性

五、编辑表格的基本操作

第二节 表格布局

一、布局视图

二、绘制布局表格和布局单元格

三、编辑布局表格和布局单元格

第三节 框架布局

一、建立框架

二、框架面板

三、设置框架的属性

四、保存框架

五、框架中的超链接

第六章 网页中的层和时间轴 2学时

教学目的：

通过教学，使学生掌握Dream weaver层的概念、层的操作方法；时间轴的概念、时间轴中各元素的功能及时间轴的常用操作方法。

教学重点与难点：

层的操作方法、时间轴操作方法

第一节 层

一、创建层

二、层的基本操作

三、层与表格的转换

第二节 时间轴

一、认识时间轴

二、创建动画

第七章 表单的应用 4学时

教学目的：

表单，可以收集用户的信息和反馈意见，是网站管理者与浏览者之间沟通的桥梁，在本章将学习如何使用表单创建描述表单信息的网页。

教学重点与难点： 创建表单、处理表单的方法

第一节 创建表单

一、表单概述

二、表单对象

三、插入表单

四、表单属性

第二节 创建表单对象

一、创建文本域

二、创建复选框

三、创建单选按钮

四、创建列表/菜单

五、创建文件域

六、创建跳转菜单

七、创建按钮

八、创建单选按钮组

九、创建图像域

第三节 处理表单

一、使用行为验证表单

二、利用邮件传送表单

第八章 CSS样式使用 6学时

教学目的：

通过教学，使学生掌握CSS样式表的基本概念，会使用CSS样式面板。掌握创建CSS样式表的方法，新建CSS样式表，设置CSS样式定义对话框，创建外部CSS样式表，使用和编辑自定义CSS样式表。

教学重点与难点：

新建和和应用CSS样式表，CSS经典应用（大字、下划线）、滤镜的作用。

第一节 CSS样式概述

一、认识CSS样式

二、CSS样式的类型

三、CSS样式面板

第二节 使用CSS样式

一、创建CSS样式

二、附加外部CSS样式

三、应用CSS样式

四、编辑CSS样式

五、删除CSS样式

第三节 CSS样式设置

一、类型

二、背景

三、区块

四、方框

五、边框

六、列表

七、定位

八、扩展

第四节 CSS样式经典实例

一、改变鼠标形状

二、更改超链接的样式

三、应用CSS滤镜

第九章 在网页中使用行为 2学时

教学目的：

通过教学，使学生掌握Dreamweaver中行为的概念，熟练掌握使用行为面板对行为的各种操作方法。使用Dreamweaver 的内置行为为网页对象添加各种常用的行为。

教学重点与难点： 使用Dreamweaver 的内置行为为网页对象添加各种常用的行为

第一节 认识行为

一、认识行为

二、使用行为面板

三、增加行为的基本步骤

四、修改行为

第二节 使用Dreamwerver内置的行为

一、播放声音

二、打开浏览器窗口

三、弹出消息

四、转到URL

五、设置状态栏文本

六、控制Shockwave或Flash 第十章 网页中的多媒体应用 2学时

教学目的：

通过教学，使学生掌握在Dreamweaver中插入音频文件的方法，掌握在Dreamweaver中插入Flash文件的方法，掌握在Dreamweaver中嵌入视频文件的方法。

教学重点与难点：

在Dreamweaver中插入音频文件、Flash文件、嵌入视频文件的方法。

第一节 在网页中插入音频

一、链接到音频文件

二、在网页中嵌入音频文件

三、在网页加入背景音乐

第二节 在网页中插入Flash动画

一、插入Flash文本

二、插入Flash按钮

三、插入Flash动画

第三节 在网页中插入视频

一、链接到视频文件

二、在网页中嵌入视频文件

第十一章 模板和库 1学时 教学目的：

通过教学，使学生了解模板的概念；理解历史记录和库的概念；熟练掌握模板的创建和使用方法；掌握历史记录和库的使用方法。

第一节 模板

一、模板的创建

二、利用模板更新网页

第二节 库

一、创建库项目

二、利用库项目更新网页

第十二章 网站的测试与上传 1学时

教学目的：

通过教学，使学生了解测试的目的以及测试所包含的内容；熟练掌握测试的方法；掌握HTML优化的方法；掌握上传站点的方法。

第一节 网站的测试、发布与域名

一、网站的测试与发布

二、网站的维护

三、网站的管理

第二节 域名

一、域名的概念

二、域名的注册

三、虚拟主机

四、整机托管

第三篇：静态网页设计总结报告

网页设计总结报告

目录

一、设计介绍.................................................................................................................2

二、制作过程............................................................................................................................3

1、布局……………………………………………………………………………………………………………………………..…3

2、相关插入……………………………………………………………………………………………………………………………..4

3、相关链接……………………………………………………………………………………………………………………………..4

三、制作代码.................................................................................................................5

四、心得体会.............................................................................................................7

五、参考资料.............................................................................................................8

一、网页设计介绍

从文件的角度来说，一个网页就是一个HTML文件。当浏览者输入一个网址或单击某个链接后，在浏览器中显示出来的就是一个网页。一般网页上都会有文本、图片等信息，而复杂一些的网页上还会有声音、视频、动画等多媒体内容，为网页增添了丰富的色彩和动感。静态网页是指网页文件中没有程序，只有HTML代码，一般以.html或.htm为后缀名的网页，静态网站内容不会在制作完成后发生变化，任何人访问都显示一样的内容。网站是一系列逻辑上可以视为一个整体的网页集合，是许多相关网页有机结合而组成的一个信息服务中心。对于小型网站，是指带有一定主题的多个网页集合；对于大型网站还包含数据库和服务器端应用程序等如新浪、网易、搜狐等门户网站。在构成网站的众多网页中，有一个页面比较特殊，称为首页，即网站的设计课，与以前的课相比更加注重个人的创意能力和软件的运用实战能力，更加综合的考验了我，使我更加完善自我。现将我的作业情况汇报如下：

将理论与社会实践相结合，通过行业生产实践的形式，进一步了解、认识网页艺术设计工作在实际生活中广泛应用的表现渠道和表现方法，提高认知水平，缩短工作磨合期。根据项目课题要求，结合本专业所学网页设计理论知识，通过对网络广告等方面的调研和项目实践形成文字思路，并以自命题目设计完成多媒体网页设计制作。两项内容要求准确、完整，工作过程报告内容既要客观实际又要有认识深度，设计作品新颖有创意。

我首先的工作就是制作网站整体框架和收集资料，将其通过美图秀秀完善图片，然后导入Dreamweaver进行排版，并进一步的加以制作，完善美化，如加 入 Flash Css。由于我在某些方面的技术运用还不能得心应手，许多情况下不得不求他人。

我经过初步的构思，我因为要做的是湖南特色美食设计，所以要有一个时光主题，我在网上自己找到一些图片和文字，做一个简单的网站初步积累，考虑到主要是锻炼我们相关软件的操作能力与代码初步掌握的熟练成度，由于我们这段时间没有进行网站相关的课程，刚着手时，很多技术上的问题就暴露出来了，我感觉制作网页是需要耐心的，如果你没有耐心，你学不好网页设计，这是我最大的体会。因为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要长时间去解决，我就碰到过一个问题，用了很长时间才解决，在网上查各种资

料，向同学请教。学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，只有综合运用多种知识，富于个性的页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能。我完成了全部课件内容，忙碌的几周让大家从新熟悉制作网站的过程，由于这次课程的网页都是静态的，难度不算大。但收获还是很多的。比如将你的标志尽可能的放在每个页面上最突出的位置，突出你的标准色彩，这些就是我的经验收获。

参考资料：

网站建设自学资料；

百度百科。

江苏大学

静态网页制作报告

学院:计算机学院

班级 :网络1302

姓名:刘赛雄

学号:3130610036

第四篇：大学生活主题静态网页设计范文

毕业综合实践报告

Graduation Synthesis Practice Report

大学生活主题静态网页设计

Static Webpage Design of University Class Theme

系别:计算机工程系

班级:

学生姓名:

学号:

指导老师:

完成日期:2014/4/30

第五篇：网页设计教学大纲

网页设计教学大纲

一、课程性质与任务

1、课程性质

《网页设计与制作》是中计算机专业开设的一门专业必修课，是计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，它是一门操作性和实践性很强的职业技术课程。本课程的主要内容为系统介绍网页编辑与制作软件Dreamweaver cs3，通过这种有代表性的网页制作软件的使用，掌握网站设计的全过程，并能熟练地制作出有专业水准的网站。2、课程任务

本门课程在专业教学计划中起着十分重要的作用，通过这门课程，学生可以掌握以下技能和知识：

* 掌握网站的开发流程，如建站规划、效果图制作、建立站点等相关知识。

* 掌握各种网页元素在Dreamweaver cs3中的使用。例如表格、文本、图像、超级链接、层和表单等。

* 熟悉一些网页设计辅助软件的功能和使用方法。例如Flash、Fireworks、Photoshop等。* 掌握测试和发布网站的方法。包括网站测试的内容和方法。* 能够解决一些网页设计中的常见问题。

* 了解ASP开发平台的搭建，Dreamweaver cs3在动态网页制作方面的应用。

二、课程教学目标与要求

1、本课程的基本目标

（1）使学生通过本课程的学习，掌握Dreamweaver cs3的使用方法，学会使用Dreamweaver cs3制作Web网页的技术。

（2）本课程学习结束后，学生应能自行设计各种网页、开发一定规模的网站，使学生通过本课程的学习，熟练掌握其基本制作方法和技巧，并最终设计一个综合性的网站并且编制简单的脚本上传到互联网上。

2、课程在知识、素质方面的基本要求（1）知识要求

深入了解Internet，理解WWW、HTTP、HTML等概念及作用；掌握网站设计和发布的1 流程。理解网站维护管理的意义及重要性，理解服务器、客户端、浏览器的概念和作用；了解多种网页制作软件和图像处理软件相结合设计网站的好处。了解Dreamweaver cs3在动态网站上的应用。（2）素质要求

本课程将培养学生以下几方面的职业素质： 服务意识：能够为他人提供优质的服务；

文明法制意识：网站内容应积极健康向上，不做违法的事；

合作精神：能够与他人进行合作，具有协调工作能力和组织管理能力； 较强的自我知识及技术更新能力：快速跟踪网页制作的新技术及市场应用动态。

三、教学内容结构

学生应按照《网页设计与网站建设课程设计指导书》的要求认真设计。教师应掌握好课程设计的总体进度，并组织答疑，以保证学生按时保质、保量地完成任务。学生最后所完成的《网页设计与网站建设课程设计报告》应当做到内容齐全、条理清楚、文字通畅、打印或书写规范。

（1）网站建设总体策划

（2）域名注册与建站方式选择论证（3）网站总体设计（4）网站静态页面设计（5）Web数据库设计

（6）网站测试、发布与维护管理

四、教学内容与要求

第一章

网页设计概述：重点讲授网站，网页设计的概念；了解网页设计设计的相关概念；了解网页设计的语言HTML；掌握学习网页设计的某一种工具；理解网站和网页的关系。

第二章

网页赏析：初步了解网页赏析要求；理解网页赏析的理论要求；掌握网页突破性设计的要素；分清各类网站的设计要求和框架；理解实例分析过程。

第三章

网页规划与布局：了解网页的组织结构，掌握网页内容上的组织方法；熟悉网页设计的流程和注意事项；了解网站的规划与建设；熟悉网站设计，掌握网站与网页的区别。

第四章

网页设计创意：通过对创意思维及创意手法的讲解，辅以对优秀网页作品的分析，启发学生全面的创新思维，进而从多角度的思维中独树一帜，培养学生的个性化意识。让学生对优秀设计的创意进行解读和阐释，并分析其创新之处，鼓励学生敢于发觉新意，提2 出自己独到的见解。

第五章

网页编程语言：了解HTML、CSS的定义、概念和作用；理解HTML语言中的各种文本格式、字符格式、段落设置、列表标记的作用；会用HTML语言总的标记设置颜色、文本格式和列表；掌握HTML的语法结构，掌握HTML语言中标记的使用方法；理解表格、框架、表单的作用。理解CSS样式表的作用和意义；掌握CSS样式表的结构；掌握在网页中添加CSS的方法。掌握三种添加样式信息的方法，会使用CSS设置网页格式和列表的格式。

第六章

网页制作工具：

（1）通过教学，使学生能够用基本法和高级法新建站点、编辑站点，掌握如何在站点中新建文件和文件夹，会预览网页。

（2）掌握表格的组成和基本操作方法；熟练掌握穿件表格、表格操作、表格编辑的方法；（3）掌握表单的基本概念和表单的各个组成元素；掌握插入表单以及表单元素的方法；会制作具有表单的网页。

（4）通过教学，掌握在动画中添加声音的操作方法以及设置动画声音的各种属性。（5）通过教学，使学生掌握导出与发布Flash动画的方法，能够准确设置Flash8动画作品的发布格式。

第七章

动态网页介绍：掌握静态网页和动态网页的概念；了解实现动态网页的四种技术（CGI、ASP、JSP和PHP）的特点；掌握数据库、数据库管理系统、Web数据库的概念及关系数据库的特点；理解数据库在开发动态网页中的地位；了解ASP、JSP、PHP如何访问Web数据库。

第八章

设计实例：综合运用前七章所学的知识创建和编辑一个站点，掌握主页和子页、子页之间、以及站内和站外的链接。

五、教学实施、教学方法：本课程是一门应用型课程，涉及到以前所学知识点较多，因此在教学中应注意启发式教学并加强项目教学的直观性。、教学场所与设备要求：安装有 Windows XP 或 Windows 2000 的机房均可以进行实验，教学要求在多媒体教室进行。

六、考核与评价方式

有笔试和机试两种考试形式，主要由选择题、实验操作题组成。在总成绩中，笔试成绩和上机考试成绩各占50%。