《网页设计与网站建设》理论教学大纲

赵景海编写

何汉华审阅

一、课程的性质与任务

课程的性质：

《网页设计与网站建设》是高等高专计算机类专业的一门实践环节课程，也可以作为其他相关专业的实践课程或选修课，是一门操作性和实践性很强的课程。

课程的任务：

本课程的主要内容是以Macromedia公司开发的中文版Dreamweaver 8.和Fireworks 8.为平台，力求展现最通俗易懂的文字和最合理的结构安排，并用案例贯穿全书的所有知识点，将具体的命令融于案例之中，通过案例来分解知识点，变抽象的理论说教为具体的案例操作，案例中提供了思路分析、操作要点以及操作步骤，使学生能够学以致用。

前导课程：《计算机应用基础》

后续课程：《WEB程序设计》

二、教学基本要求

《网页设计与网站建设》是我校信息工程系所有专业开设的一门很重要的实践环节课程。通过本课程学习，要求了解当今网页制作的基本风格，理解网页制作的全程步骤。掌握网页制作和设计的基础知识，掌握CSS样式表和动态网页JavaScript等综合运用并学会网页制作关键软件工具的使用。

课程的教学要求大体上分为三个层次：了解、理解和掌握。

了解：是能正确判别有关概念和方法；

理解：是能正确表达有关概念和方法的含义；

掌握：是在理解的基础上加以灵活应用。

三、教学条件

1.有投影仪的实训机房，每生一台高性能微机；

2.IE6..0以上版本；

3.软件装载Dreamweaver 8.; Fireworks 8. ;Adobe Photoshop CS2.。

四、教学内容及课时分配

五、教法说明

本课程的教学以多媒体课件作为新的教学媒体，采用大屏幕投影教学，着重体现理论和实践的结合。授课、上机操作并结合具体的设计课题进行教学，及时解决设计中遇到的实际问题，通过丰富多彩的范例引起学生兴趣，以实例设计激起学生的动力。即讲授理论的同时加入具体的练习项目，力求达到实战的效果。

六、考核方式及评分办法

课程成绩由三部分组成：

1.由教师出题、上机做出具体的设计项目，作为平时成绩，占

2.0%；

2.综合网页设计，自由选题，能综合运用网页制作工具、图像处理工具设计制作出包含一定JavaScript脚本的专业性网站并能够顺利发布、浏览。占6.0%；

3.网站设计的电子文档，占2.0%；

七、教材与参考书

教材：

《网页设计与制作案例教程》，姜春莲主编，中国铁道出版社，2.007.年

参考书：

《网页设计与制作》，黄学光、关南宝、钟剑主编，北京邮电大学出版社，2.004.年

《网页设计与制作实验》，黄学光、关南宝主编，北京邮电大学出版社，2.004.年

《网页制作教程》，夏宏、陈泓婕主编，清华大学出版社，2.005.年

《网页制作实用教程》，赵英良主编，清华大学出版社，2.003.年

《Dreamweaver MX 2.004.标准教程》，郭光等编著，中国青年出版社，2.004..1.；

《Flash MX动画高级实例教程》，丁剑超编著，海洋出版社、中国青年出版社，2.002..7.；

《Flash MX网页设计教程》，胡世斌等编著，冶金工业出版社，2.003..1.；

《Firework MX 2.004.标准教程》，郭光等编著，中国青年出版社，2.004..1.。

八、课程内容与考核要点

网页设计与制作案例教程

第一章网页与网站制作概述

【教学目的与要求】

1.了解Internet相关知识

2.了解网页与网站的基本概念

3.掌握网页制作常用的工具和方法

4.掌握网站建设的基本流程

【考核要点】

1.网页制作常用工具与方法

2.网站建设的基本流程

【教学内容】

第一节Internet相关知识

Internet概念

Internet来源于英文Internet network,即”互相联结各个网络”,简称”互联网”。

全球Internet形成和发展

互联网络于2.0世纪6.0年代末起源于美国。

我国Internet的发展

我国Internet起步于2.0世纪8.0年代末，虽起步较晚，但发展迅速。

万维网的有关概念

万维网是Word Wide Web(全球网)的缩写。

万维网应用的相关名词

超文本

HTML：超文本标记语言。

URL：统一资源定位。

HTTP

超链接

ISP：网络服务提供商。

浏览器

Internet地址

1.IP地址

2.域名

第二节网页与网站的概念

网页：是WWW的基本文档。

网站：逻辑上为一个整体的网页的集合。

主页：网站中的特殊页面，是进入网站的第一个页面。

静态页面：客户端运行的页面。

动态页面：服务器端运行的页面。

第三节建立网站的基本流程

网站设计

域名注册

网站安置服务商选择

网页设计

上传网页

网站优化

网站推广

第四节网页制作工具与方法

一、手工编码方式：直接对文本进行代码编辑的方式。

二、可视化工具方式：利用制作工具进行编辑的方式。如：Dreamweaver等。

三、编码和可视化工具结合方式

第二章 HTML语言入门

【教学目的与要求】

1.了解构成网页的常见元素及其特点

2.了解各种网页元素对应的创作工具

3.掌握HTML语言编写网页文件的基本结构

4.掌握HTML语言的基本语法

5.会用HTML编写简单页面

6.熟练阅读并能修改由HTML编写的页面代码

【考核要点】

1.HTML语言编写网页文件的基本结构

2.HTML语言的基本语法

3.HTML编写简单页面

【教学内容】

第一节网页中的常见元素

一、文本

二、图形图像

1.GIF格式：图形交换格式。

2.JPEG格式：联合图形专家组格式。

3.PNG格式：可移植网络图形格式。

三、声音和视频

四、超链接

五、表格

六、表单

七、导航条

八、其他常见元素

第二节网页元素对应创作工具

一、网页图像制作工具

1.Fireworks

2.Photoshop

二、动画制作工具

1.Flash

2.Director

第三节 HTML基础知识

一、HTML基本概念：超文本标记语言。

二、HTML文档的基本构成

由三部分构成：即HTML部分、HEAD部分和BODY部分。

三、HTML文档的常用标签及作用

1.Html

2.head

3.body

4.script

5.title

6.font

7.p

8.br

9.hr

1.0align

1.1.div

1.2.span

1.3.center

第三章Dreamweaver 8.软件及站点建立前期准备

【教学目的与要求】

1.掌握站点规划的作用

2.了解本地站点和远程站点的关系

3.根据具体要求规划本地站点

4.掌握Dreamweaver环境下站点的规划和建立

【考核要点】

1.Dreamweaver环境

2.站点的规划和建立

【教学内容】

第一节 Dreamweaver 8.介绍

一、Dreamweaver 8.基本功能

是建立Web站点和应用程序的专业工具。

二、Dreamweaver 8.软件环境

1.标题栏

2.菜单栏

3.插入面板组

4.工具栏

5.文档窗口

6.状态栏

7.属性面板

8.浮动面板组

三、Dreamweaver 8.基本参数设置

1.窗口菜单

2.编辑菜单

3.查看菜单

4.站点菜单

第二节站点制作前期准备

一、规划站点

二、创建站点

三、管理站点

四、站点文件管理

第四章网页素材的添加

【教学目的与要求】

1.掌握页面总体属性的设置

2.文本和特殊符号的添加

3.文本属性设置、文本序列号的添加

4.图片的添加及属性设置

5.图片和文本的混合编排

6.网络多媒体的添加：动画、音乐和其他

7.网站相册的制作

8.导航条的制作

【考核要点】

1.页面属性的设置

2.页面元素的合理添加

【教学内容】

第一节页面属性的总体设置

一、“页面属性”对话框的使用

二、设置页面的头内容

第二节文本和特殊符号的插入

一、一般文本的添加

二、复制和粘贴文本

三、特殊字符的输入

四、连续空格的添加

五、复制和粘贴HTML代码

六、日期的插入

七、水平线的添加

第三节文本格式设置

一、标准格式

二、文本字体的设置

三、文本字号的设置

四、文本颜色的设置

五、文本对齐方式的设置

六、序列号设置

第四节插入图片

一、一般图片素材的添加

二、插入其他图像元素

1.插入图像占位符

2.鼠标经过图像

第五节网站相册制作

第六节图像和文本混排

第七节添加网络多媒体

第八节设置插件属性

第五章超链接的应用

【教学目的与要求】

1.掌握超级连接的概念和作用及分类

2.了解超级连接建立的准备

3.文本超级连接的建立

4.图片超级连接的建立

5.图片热点区域超级连接的建立

6.电子邮件超级连接的建立

7.锚点超级连接的建立

8.空的超级连接的作用和建立

【考核要点】

1.确立链接的源端点和目标端点

2.超级链接路径的确定

【教学内容】

第一节超链接基础

第二节超链接的分类

一、按照超链接源端点的链接方式分类

1.文本链接

2.图像链接

3.表单链接

4.空链接

二、按照超链接目标端点的不同类型分类

1.外部链接

2.外部链接

3.锚点链接

4.电子邮件链接

第三节创建超链接前的准备

一、绝对路径

二、相对路径

1.根相对路径

2.文档相对路径

第四节超链接的建立

第六章网页布局基础和表格的应用

【教学目的与要求】

1.掌握布局的基本概念

2.了解布局的四种基本方法

3.掌握表格在页面设计中的两大作用

4.掌握表格基本属性设置

5.掌握表格有规律数据的存放、排序和格式化

6.掌握表格布局页面：包括表格的嵌套等设置

【考核要点】

1.页面布局的方法和步骤

2.有规律数据的表格化存放

3.用表格布局页面

【教学内容】

第一节网页布局基础

一、网页布局的基本概念

1.页面尺寸

2.整体造型

3.页头

4.页脚

二、网页布局的方法

1.表格布局法

2.框架布局法

3.图层布局法

4.层叠样式表CSS

第二节表格的作用

一、表格的属性

二、单元格的属性

第七章层与框架的应用

【教学目的与要求】

1.掌握图层的作用

2.掌握图层的属性设置

3.利用图层的容器功能完成页面的布局

4.了解利用图层的可见属性配合行为完成特定动态效果

5.掌握框架的作用

6.掌握框架页面的建立和保存

7.掌握框架页面的属性设置

8.掌握用框架的导航功能完成页面的组织

【考核要点】

1.层布局技术中层的容器功能的实现

2.配合图层和行为实现特效页面

3.框架及框架集的建立、保存及属性的设置

【教学内容】

第一节层的概念和作用

一、层的容器功能

二、层的HTML代码及兼容问题

第二节层的建立及属性设置

一、层的建立

二、层属性的设置

第三节层的操作和管理

一、层面板的使用

二、选择层

三、调整层的大小和对齐方式

四、移动层

五、将层对齐网格

六、层的删除和复制

七、改变层的叠放顺序

第四节嵌套层的建立

第五节层与表格的转换

一、表格转换为图层

二、图层转换为表格

三、使用层的一些建议

第六节框架的基本概念和作用

一、框架的基本概念

二、框架的作用和优缺点

第七节框架的创建与保存

一、框架集的创建方法

二、框架文件的保存和命名

第八节框架及框架集属性的设置

一、框架属性的设置

二、框架集属性的设置

三、框架链接目标位置的设定

第九节处理浏览器不能显示的框架

第八章 CSS应用

【教学目的与要求】

1.类型样式的设置（主要设置页面文字效果）

2.背景样式的设置（对页面中的任何元素添加背景）

3.区块样式的设置（主要针对页面中某个区域设置文字效果）

4.方框样式的设置（控制页面中的表格、图层、图片放置方式）

5.边框样式的设置（主要设置表格的边框、边距、颜色等）

6.列表样式的设置（为文本添加特殊的序列号图片）

7.定位样式的设置（主要用于将标签或选中的文本定义为层）

8.扩展样式的设置（主要设置光标的外观和一些特殊滤镜效果）

【考核要点】

1.CSS文档样式建立、应用和导出

2.页面代码

3.样式冲突的解决办法

【教学内容】

第一节CSS的概念和作用

CSS简称层叠样式表，可以有效地对页面的布局、字体、颜色、背景和其他效果进行精确的控制。

第二节 CSS的创建

一、CSS文件的存在形式

即可以是内部的，也可以是以独立的文件存在。

二、“新建CSS文件规则”对话框的参数详细解释

第三节 CSS的设置

一、类型的设定

二、背景样式的设定

三、区块样式的设置

四、方框样式的设置

五、边框样式的设置

六、列表样式的设置

七、定位样式的设置

八、CSS扩展功能

第四节 CSS样式的管理和应用

一、CSS样式的编辑和删除

二、CSS样式的链接和导入

三、CSS样式的应用

1.标签样式

2.超链接样式

3.类样式

四、导出页面内的CSS样式表

第五节关于CSS样式的冲突及解决办法

第九章表单的建立

【教学目的与要求】

1.掌握表单和表单网页的概念和作用

2.掌握表单对象（表单线）的作用及添加方法

3.掌握表单对象的属性设置方法

4.掌握常用表单页面的规划和制作方法

【考核要点】

1.表单页面的规划

2.表单对象的添加及属性设置

【教学内容】

第一节表单的概念和作用

一、表单的作用

实现信息的交换。

二、表单和表单页面的概念

表单就是用户可以在网页中填写信息的一种网页元素。

包含表单的页面称为表单页面。

第二节表单页面的创建

一、认识表单对象（表单域）

二、规划表单内容

三、创建表单

1.表单名称

2.动作

3.方法设置

4.目标

5.“MIME类型”下拉列表框

四、添加表单对象

1.创建文本域

2.创建文件域

3.创建隐藏域

4.创建复选框

5.创建单选按钮

6.创建单选按钮组

7.创建列表和菜单

8.创建文本表单按钮

9.创建图形提交按钮

第十章交互行为综合运用

【教学目的与要求】

1.了解行为的概念和作用

2.掌握行为的建立及应用

3.了解时间轴的概念及作用

4.掌握时间轴、图层、行为三者配合实现页面动态效果

【考核要点】

1.行为触发事件的确实

2.动态效果的合理编排

【教学内容】

第一节行为和事件的概念

行为的建立包括：事件和动作

事件分为两部分：键盘和鼠标触发事件和时间触发事件

动作是指用来响应事件而去执行的程序。

第二节行为面板及命令菜单

第三节时间轴的概念与应用

第十一章站点的测试、发布与管理

【教学目的与要求】

1.掌握站点文件窗口的使用

2.掌握站点地图的管理

3.掌握本地站点测试的基本内容

4.掌握站点发布的基本操作

5.掌握远程站点文件的上传、下载和维护操作

【考核要点】

1.本地站点的测试和文件管理

2.站点文件上传和下载

3.远程站点维护

【教学内容】

第一节网站测试

一、超链接检查

二、修正超链接

三、检验文件的大小和下载时间

四、网页对不同浏览器的兼容性

第二节站点发布与管理

一、注册域名

二、租用服务器空间（或者申请免费空间）

三、上传站点文件

第三节网站的推广

一、注册好记的域名

二、在各大搜索引擎上登录注册站点

三、在电子邮件签名中添加站点地址

四、到BBS上公布站点信息

五、与相关站点建立友好链接

六、通过博客宣传自己的站点

第十二章使用第三方插件

【教学目的与要求】

1.了解第三方插件的概念和作用

2.掌握Dreamweaver插件的安装、管理

3.掌握插件的使用方法

【考核要点】

1.插件属性和功能的了解和作用

【教学内容】

第一节插件介绍

一、Dreamweaver 8.插件的概念和作用

二、Dreamweaver 8.插件的分类

第二节安装第三方插件

一、如何获得插件

二、安装插件

三、使用插件管理器安装并管理插件

第十三章 Fireworks 8.基础

【教学目的与要求】

1.掌握网页图像的格式及特点

2.了解Fireworks的基本功能(位图和矢量图的创作)

3.了解Fireworks的基本操作

【考核要点】

1.图像

2.位图和矢量图

3.Fireworks的基本功能

【教学内容】

第一节网页图像概述

一、各种格式图像特点比较

1.BMP

2.TIFF

3.JPEG/JPG

4.GIF

5.PNG

二、矢量图和位图的比较

1.矢量图像

2.位图图像

3.位图图像与矢量图像比较

第二节Fireworks 8.功能简介

第三节 Fireworks 8.操作基础

一、Fireworks 8.工作窗口

1.菜单栏

2.文档窗口

3.工具栏

4.浮动面板

二、浮动面板

1.属性面板

2.优化面板

3.层面板

4.混色器和样本面板

5.帧和历史记录面板

6.资源面板

7.特殊字符面板

8.图像编辑面板

9.自动形状属性面板

1.0查找面板

1.1.行为面板

1.2.信息面板

三、Fireworks 8.文档的基本操作

1.创建文档

2.浏览和查看文档

3.关闭文档

4.保存文档

第四节其他操作

一、布局工具的使用

1.显示标尺

2.显示网格

3.靠齐网格

4.设置网格选项

二、选择工具的使用

三、组织和管理对象

1.移动对象

2.对齐对象

3.设置对象的重叠顺序

4.隐藏和显示对象

5.组合对象

第十四章位图编辑与矢量图创作

【教学目的与要求】

1.掌握位图编辑工具

2.掌握矢量图的编辑工具的运用

【考核要点】

1.位图处理

2.矢量图创作

【教学内容】

第一节位图的编辑

一、位图编辑工具

二、选择工具

三、“铅笔”工具

四、“刷子”工具

五、“橡皮擦”工具

六、位图局部修饰工具

七、橡皮图章工具

八、位图裁剪工具

第二节位图编辑案例

第三节矢量图像的绘制与编辑

一、图像的绘制模式

二、矢量图像工具

1.绘制直线工具

2.形状的绘制

3.绘制自由路径工具

4.变形工具

5.刀子工具

6.文本工具

第十五章文本特效创作和样式的运用

【教学目的与要求】

1.掌握文本工具的运用

2.了解样式的建立和运用

【考核要点】

1.特效文字的构思与创作

【教学内容】

第一节文本工具

一、认识文本工具

二、文本工具属性面板

第二节特效文本创作案例

第三节样式、库、URL和自定义形状的运用

一、使用样式

二、使用元件和库

三、使用URL

四、使用自动形状创建对象

第十六章 GIF动画和Web动态效果的实现

【教学目的与要求】

1.了解动画形成的原理；

2.掌握动画建立的2.种方式(渐变动画和帧帧动画)；

3.掌握元件、图层和帧的概念；

4.掌握按钮、导航条、下拉菜单的创作方法；

5.掌握热点、切片、图像映射创作方法。

【考核要点】

1.GIF动画创作

2.导航条的制作

【教学内容】

第一节动画形成原理及方法

一、动画形成原理

二、创作动画要解决的关键问题

三、创作动画的方法

四、动画创作必须了解的基本概念

1.元件的概念

2.层和共享层的概念

3.帧和洋葱皮概念

五、动画的浏览和输出

第二节动画创作案例

一、逐帧动画的建立

二、渐变动画的建立

第三节Web动态效果的实现案例

第十七章图像的优化与输出

【教学目的与要求】

1.了解图像优化的原理和原则

2.掌握图像优化的方法

【考核要点】

1.优化参数设置

2.不同格式文件的输出

【教学内容】

第一节图像的优化

一、图像优化的基本概念和操作

二、优化图像应考虑的因素

1.选择适当的文件格式

2.设置不同格式的特定选项参数

3.图像颜色调整

三、图像优化的途径

1.使用优化面板选择图像格式，设置相应参数

2.通过预览窗口比较优化效果

第二节调色板的使用

第三节图像的输出

一、导出预览

二、常规输出

三、输出一个图像的区域

四、输出切片

五、使用“导出向导”

第四节图像的批处理

《HTML CSS JavaScript网页制作案例教程》_教学大纲讲解

《HTML+CSS+JavaScript网页制作案例教程》课程教学大纲 （课程英文名称） 课程编号：201509210011 学分：5学分 学时：64学时（其中：讲课学时：45 上机学时： 19 ） 先修课程：计算机基础、计算机网络、计算机应用 后续课程：UI设计、 JavaScript网页特效 适用专业：信息及其计算机相关专业 开课部门：计算机系 一、课程的性质与目标 《HTML+CSS+JavaScript网页制作案例教程)》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、JavaScript 编程基础与事件处理等内容。通过本课程的学习，学生能够了解HTML、CSS及JavaScript语言的发展历史及未来方向，熟悉网页制作流程、掌握常见的网页布局效果、学会制作各种企业、门户、电商类网站。 二、课程的主要内容及基本要求 第一章网页那点事（2学时） [知识点] 认识网页 常见的互联网专业术语 Web标准 HTML简介 CSS简介 JavaScript简介 常用浏览器介绍 Dreamweaver 工具的使用

使用Dreamweaver创建第一个页面 [重点] Web标准 Dreamweaver工具的使用 [难点] Web标准 Dreamweaver工具创建第一个页面 [基本要求] 了解Web标准，明确HTML、CSS及JavaScript在其中的作用。 熟悉Dreamweaver工具的基本操作，能使用Dreamweaver创建简单的网页。第二章从零开始构建HTML页面（4学时） [相关案例] 【案例1】简单的网页： 【案例2】新闻页面： 【案例3】图文混排： [知识点] HTML文档基本格式

网页工作设计综合实验总结报告

网页设计实验报告 课程名称： 作业名称： 学生姓名： 本人学号： 专业班级： 任课老师： 本人签名：

网页设计实验报告 《网页设计》课程综合性实验报告 第 1 页

以上是网站的部分截图 二．Dreamweaver部分 Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发 工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的 2

网页设计实验报告 网页。 本博客网站利用Dreamweaver实现静态网页，运用了表格将网站页面进行整体布局，页面专业美观，色彩和谐。网页绝大部分画面都是由其完成 三．超链接部分 超链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后，链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。 本网站中，导航栏，图片及部分文字部分均设置了超链接，为查找相关的知识提供了便利的条件。 四．Flash部分 Flash 是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。通常，使用 Flash 创作的各个内容单元称为应用程序，即使它们可能只是很简单的动画。您也可以通过添加图片、声音、视频和特殊效果，构建包含丰富媒体的 Flash 应用程序。 网站在视频部分，插入了视频，可供来访人员欣赏，丰富了网站内容。五．CSS部分 级联样式表（Cascading Style Sheet）简称“CSS”，通常又称为“风格样式表（Style Sheet）”，它是用来进行网页风格设计的。比如，如果想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，可以统一地控制HTML中各标志的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。 第 3 页

网页设计与制作一体化教学总结与评价高艳秋

《网页设计与制作》一体化教学总结与评价 高艳秋 一、课程在专业中的地位与作用 《网页设计与制作》课程是计算机专业、电子商务等专业的一门专业课程，是一门实践性很强的专业技术基础课程，又是一门主干课程，是为加强对学生技术应用能力的培养而开设的综合性课程，它涵盖了 HTML 语言、 Dreamweaver 、 photoshop 、 Flash 等相关知识，全面介绍 WEB 站点开发、设计、制作、维护等技术。通过本课程的学习，使学生掌握该软件的操作方法和操作技巧，学会运用其创建个人网站、具备一定的网站设计能力，学会网站的测试、维护、发布及推广等。通过实例的讲解，让学生掌握网页制作和网站开发的知识。从如何策划网站、收集网站资料、准备素材、各个页面的逻辑关系和链接的建立到网站动态系统的开发，如何申请空间和域名，如何上传网站以及网站测试、维护、发布及推广等。二、课程学习目标 通过本课程的学习，使学生掌握 HTML 语言的语法规则及文字、链接、列表、表格、表单、图像、多媒体、框架元素标签及属性，能设计出多窗口网页、动态网页；能熟练运用Dreamweaver 进行网站的导入、规划、管理、发布的相关技术及网页制作的操作技能；能熟练运用 photoshop 、进行图片处理，能熟练运用 Flash 制作网页动画；能维护、管理和设计 WEB 应用程序；能独立设计 WEB 站点。 1．通过综合实训进一步巩固、深化和扩展学生的理论知识与专业技能。 （1）掌握规划网站的内容结构、目录结构、链接结构的方法。 （2）熟练掌握网页制作软件Dreamweaver cs3的基本操作和使用技能。 （3）掌握页面的整体控制和头部内容设置的方法。 （4）熟练掌握网页页面布局的各种方法。 （5）熟练掌握在网页中输入、设置标题和正文文字的方法。 （6）熟练掌握在网页中插入图像、flash动画、背景音乐的方法。 （7）掌握建立各种形式超级链接的方法。 （8）掌握表单网页制作方法。 （9）掌握网页特效的制作方法。 （10）掌握网站测试的方法。 2．训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、flash动画和网页特效等。

(完整版)《网页设计》课程教学大纲

《网页设计》课程教学大纲 一、课程说明： 课程类别：选修课 适用专业：工商管理、电子商务专业、信息管理与信息系统专业和计算机相关专业、艺术设计专业等。 计划学时：60学时（讲课24学时，上机实验36学时） 学分：4 先修课程：计算机基础 执笔： 审阅： 二、课程的教学目的 以培养应用型人才为目标，充分考虑远程教育学生的学习基础和学习特点。简单介绍HTML语言、CSS样式、javascript语言，全面介绍与网页设计制作有关的知识，通过对Web页制作技术和制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。并使学生具有解决一般网页制作问题的能力。掌握运用Dreamweaver CS6网页制作软件制作网页的方法，掌握运用Fireworks CS6、photoshop cs6图像处理软件进行网页中图形制作版式设计及切片的应用。掌握运用flash CS6动画制作软件设计网页中动画的方法，进而掌握将这四个软件互相配合，完成网页设计与制作任务的方法。为今后从事网页设计与制作工作打下基础。 三、课程教学基本要求： 1、课程重点 掌握网页制作三剑客Dreamweaver、Fireworks、flash及photoshop在网页设计过程中的应用，使学生具备网站策划、网页设计与制作、效果图设计与制作等方面的技能，提高学生分析解决问题能力和项目实施能力，注重学生在学习和实践过程中职业素质的养成。通过学习，使学生熟练掌握运用Dreamweaver网页制作软件制作网页，掌握运用Fireworks、Photoshop图形图像处理软件进行网页中图形图像的设计与制作，掌握运用flash动画制作软件设计网页中动画的方法。 2、课程难点 （1）理解HTML语言各种文本格式、字符格式、段落设置、列表、标记的作用； （2）理解CSS样式表中属性单位的作用和意义； （3）理解javascript语言脚本程序的工作方式； （4）深入理解超级链接、图形图像各种功能和应用； （5）深入理解表格、AP Div、框架、表单的作用； （6）深入理解模板、库、行为和脚本的高级应用； （7）理解网站测试的目的和测试方法； （8）深入理解“切片”和“热点”的涵义和应用； （9）深入理解动画的组成“时间轴”、“场景”、“帧”的涵义及各种动画的制作； （10）理解使用图像设计软件进行版式设计的方法。 3、能力培养要求 （1）了解HTML语言的基本内涵。理解基本标记的用法； （2）掌握在网页中添加CSS样式的方法。熟练使用CSS设置网页格式和列表的格式； （3）熟练掌握网页中文本的输入、特殊字符的插入及字符格式的设置方法； （4）掌握在网页中嵌入图象和多媒体的方法；

网页设计的实验报告心得

网页设计的实验报告心得 一实验过程 1.资料的搜集。 2.熟悉制作软件。 3.构建站点框架。 打开dremweaver后第一步便是新建站点 4设计主页及二级页面。 5实现网页间的链接 链接的过程其实很简单，主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。 6向静太网页插入动态效果 具体情况如下： 通过这半年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例，教会我们。使更丰富全面的软件技术和应用技巧，使我们真正对所学的软件融会贯通。所以我结合所学专业的内容制作了个人网站，作为实习的成果。其内容是多样化的。制作网页用的软件是ｄreamweaver,banner软件。dreamweaver大大加速了网络时代电子交易应用中的项目交付。它提供了网页和表单的动态生成到企业级的解决方案，如电子商店，库存管理系统和企业内部局域网的数据库应用等功能。例如，网页上很流行的阴影和立体按纽等效果，只需单击一下就可以制作完成。当然，其最方便之处是，它可以将图象切割，图象映射，悬停按纽，图象翻转等效果直接生成html代码，

或者嵌入到现有的网页中，或者作为单独的网页出现。主图是一个网页的门面，它能体现出这个网页的整体风格。 制作网页,首先是确定主题,经过再三考虑,就做了个关于中国的网站,平时也总是浏览类似的网站,对这些还有些了解,于是确定主题,做一些类似的网站,但考虑到,现在网络上好多类似的网站,但有些内容不适合我们大学生阅读,对于我们来说有点不实际,根据这种情况,最后决定建立一个简单的中国介绍和相关的事迹网站,专门介绍一些即使用,又便宜的小秘笈。于是网站主题确立。 然后是整体规划，每一版块都有其个性的色彩，清晰明了，便于阅读浏览，大致分几部分，中国简介，中国历史，用户登录注册页面留言，再加入个别网站等，每一部分又分几小部分，内容比较充分，多样。 再后是收集资料与素材，大量浏览相关网站，收集关于中国的一些事迹历史图片，好的文章和图片等，还有参考一些好的网站的布局，特色，颜色搭配，背景图等。 再后是设计网页图片，用flash制作网页的banner。 再后是建立站点，站点分布如下： 再后是制作网页了，使用dreamweaver制作。 首页内容精彩丰富，简洁明快，语言风趣，通俗易懂。页面可爱清爽。首页主要是导航作用。首页制作时，时刻考虑着网页的基本原则：统一，连贯，分割，对比及和谐的原则，内容统一，都是为了主题服务，一个网站强调的就是一个整体，只有围绕一个统一的目标

网页制作教学总结

网页制作教学总结 篇一：网页设计教学工作总结 网页设计教学工作总结 本学期本人担任学校11级计算机专业的网页设计的教学工作。下面就这一学期的教学工作进行总结： 一、期初制定计划及落实情况 在学期初，按照网页设计教学安排,制定周密详细的教学计划和教学进度表。在教学过程中，自始至终能按照计划进行教学，按照任务驱动，让学生通过案例作品设计，极大的提高了学生的计算机操作能力。 二、课前准备工作 1、认真钻研教材，结合新课标理念，以学生为主体，精心设计好教案，想好教法。 2、了解学生原有的知识技能的质量，他们的兴趣、需要、方法、习惯，学习新知识可能会有哪些困难，采取相应的预防措施。因材施教，使学生能真正的学到知识。 3、考虑教法，综合运用任务驱动法，边讲边练法和学生自主探究法等教学方法，使学生能在课堂上理解每节课的内容和不断的提高学生的信息素养。 三、在教学中取得的一些体会 1．网页设计的教学中，采用边教学、边思考的方法。在教学中不断

反思，一学期下来，积累了不少的经验。发现了问题就及时解决，对自己和对学生都是一个不断提高的过程。 2．网页设计的教学以操作课为主，老师主要讲解操作过程和工 具的功能，之后学生在操作的过程中掌握各种工具的使用，最终达到教学效果。并且要求学生能够良好的运用所学知识，来制作相关作品。在作品的制作过程中，我也进行了相关的指导，使他们能够在已学知识上有所拓展及提高。在教学中也不断的进行知识的深入及对学生所感兴趣知识的讲解，使其始终能保持足够的兴趣，这样的学习才是轻松的学习。 四、对以后教 学的打算 在今后的网页设计课程上，我会继续珍惜时间，善于思考，大胆实践。努力提高学生的学习效率，同时加强先进教育教学理念和学科专业知识的学习，提高自身素质，做一名优秀的学科教师，把《网页设计与制作》打造成精品课程。 对待学生方面：多与学生交流，倾听他们的心声，关注他们的需要，激发他们的学习兴趣，努力提高他们的学习能力和信息素养。 篇二：网页制作教学总结 教师个人工作总结范文 时间过得真快，转眼间一学期的教学工作已接近尾声，为了更好地做好今后的工作，总结经验、吸取教训，本人特就这学期的工作小结如下：

静态网页设计-教学大纲

《静态网页设计》教学大纲 课程类别：专业基础课 课程属性：必修课 学分/学时： 4学分/64学时 制订人：课题组 适用专业：信息技术相关专业 一、课程的性质 “静态网页设计”是信息技术类专业学生的专业基础课之一。属于必修课范畴。同时它是一门针对性、实践性较强的课程。主要是培养学生静态网页设计的基本知识和静态网页设计制作的基本技能。 二、与其它课程的关系

三、教学目标 1.知识目标 (1)网站、网页、网页设计等的基本概念； (2)理解HTML语言中的各种文本格式、段落设置、列表等标记知识； (3)理解和掌握基本的DIV＋CSS技术知识； (4)理解和掌握表格的基本知识； (5)理解和掌握数据表单的基本知识； (6)理解和掌握基本的框架网页知识； (7)理解和掌握网页图像、动画等多媒体应用知识； (8)理解和掌握网页超级链接知识； (9)掌握基本的动画制作知识； (10)了解网页美工相关知识； (11)了解网站的测试、发布与维护的基本知识； (12)掌握网站制作流程 2.能力目标 (1)能运用HTML语言设置和编辑网页元素； (2)会使用Dreamweaver等网页设计工具制作网页； (3)能使运用基本的CSS技术设置网页风格； (4)能在网页中嵌入图像、动画、视频等多媒体元素； (5)能运用表格布局并设计网页； (6)能正确运用文字超链接、图像超链接技术设计网页； (7)掌握框架制作网页的方法，会使用框架设计网页； (8)掌握制作表单的方法，会利用表单建立交互式页面； (9)能看懂基本的HTML网页源代码。

(10)会设计网页线框图，并能运用PS进行网页效果图设计 (11)掌握切片的基本原则和基本方法，综合运用网页排版技术进行切片素材排版 (12)熟悉网站项目工作流程，能独立进行中小型网站设计。 3.素质目标 (1)具有信息资料收集与整理能力； (2)具备简单的需求市场分析能力； (3)具有一定的语言表达、沟通和协调能力； (4)具有良好的心理素质和责任意识，能及时完成任务的能力； (5)具有踏实肯干的工作作风； (6)具有一定的创新意识和艺术设计素质 四、内容结构与目标任务

网页制作综合性实验报告模板

“巴黎文化之旅”简介 华南师范大学大学网页制作基础课程综合设计性实验报告 年级专业：协作小组编号： 以小组名义写报告，一个小组一份。红字部分为提醒学生修改的部分。记得删除指导教师：李桂英 学号姓名（组长排名第一） 20080000001 张三 200802010301 李四 摘要：网页是当前Intetnet的最常见应用之一，是人们获取和发布 信息的主要途径，掌握网页制作的原理和方法，对今后工作生活有很 大的帮助。本综合实验是在了解了网页设计的原则方法，掌握了Fireworks、Dreamweaver等工具处理网页中的图形图像及建立、编 辑网页页面的操作技能后，运用所学过的所有相关知识综合设计制作 一个介绍巴黎文化和风光的网站。通过设计与制作，了解和掌握了网 站的设计建立流程与网页的制作方法。 关键词：图形图像处理、表格布局、网页模板、超链接、框架、音频、 视频 一、“巴黎文化之旅”设计要求

1、绘制网站结构图，将各模块关系用简明的图示描述出来 2、网站制作时需要使用Dreamweaver建立并管理站点，并在 站点根目录下建立images等文件夹。 3、网站至少包括10个以上的网页，每个同学至少制作2个以 上的网页。 4、要求至少要使用模板技术或框架技术中的一种来搭建网站 整体架构。 5、页面美观，包含多种媒体，如文字、图片、动画（GIF或 FLASH等）音频、视频等。 6、网站制作完成后采用压缩工具将整个网页文件夹转换成压 缩文件再上传。 二、“巴黎文化之旅”设计方案 ⑴网站标题：巴黎文化之旅 ⑵网站内容简介：本网站通过图片、视频、音乐、文字等多种媒体的形式展现花都巴黎的文化和城市风光、并为旅行者提供了旅游信息和建议。 ⑶网站结构图 网站首页 (FLASH) Index.htm 内文首页default.htm

网页制作教学心得体会

网页制作教学心得体会 网页制作教学心得体会 我们从一些事情上得到感悟后，写心得体会是一个不错的选择，如此可以一直更新迭代自己的想法。怎样写好心得体会呢？下面是小编帮大家整理的网页制作教学心得体会，仅供参考，欢迎大家阅读。 网页制作教学心得体会1目前，互联网是最快捷的信息传播渠道之一，学习网页制作成了学生必须掌握的一项技能。在几年的教学实践之中，我总结了《制作简单网页》教学中值得注意的几个问题： 一、激发学生的学习兴趣，唤醒求知欲望 现阶段信息技术课程的主要任务之一是培养学生对信息技术的兴趣和意识。兴趣是学生基于自己的学习需要而表现出来的一种认识行为，它在学生的学习中具有重要的作用。我认为，教师激发学习兴趣，挖掘学习需求是授课前必须解决的问题。从知识结构看，网页制作是在学生掌握了一定的理论基础和操作技能之后，对互联网有了一定的了解、浏览过相当数量的网页和站点之后引入的。在准备期中教师应该适当地引导学生，可以采取展示法、教学对话法等，也可以融合多种方法进行。 例如，在学习浏览网页时，我有计划地挑选一些专题网站和个人站点推荐给学生，他们在看过之后一定会有自己的想法，老师再给他们提些问题。我经常推荐给学生我校的学生及班级制作的站点与网页。学生会把他们自己的见解说得头头是道。接下来就提出问题：如果由你来做这个站点，哪些地方需要修改？如果把你做一个站点该如何设计？在学生的头脑中先有了一些模糊的认识，产生了做个站点的想法，再在老师的帮助下梳理成一个比较成型的站点框架，接下来就是：怎么做网页？用什么工具？有了兴趣，带着这些问题，进入这一阶段的学习，就比较主动，学习效果也会比较好。 二、合理调整教学顺序和重点，理顺理论与操作的关系 学习网页制作，首先接触的是概念和理论性的知识。回顾学习一些应用软件的过程，肯定不是先把理论背熟，而是从操作使用开始的。我并不是说理论不重要，而是切入的时机要掌握好。对于这一部分的教学，可以根据教学实际，合理调整教学顺序和重点。对涉及到的理论知识，可以尽量在教操作的时候渗透。一些纯理论的知识，不妨一带而过，教学取得阶段成果后，再单独强调。 三、注重培养学生知识迁移的能力 正在进行的新课程改革，提倡的是教给学生可迁移的知识。我体会，迁移是理论到实践。很多应用软件，模式基本上是统一的，在窗口组成、菜单内容和操作方法等方面是相通的。对这类内容，我认为可以采用比较法、示范法、启发法等教学方法。例如，制作网页和保存网页两个知识点：可以在介绍了工具软件（如frontpage）窗口组成之后，就布置学生输入并编辑一段文字，然后把该文件保存在指定位置。这些操作都是前面学过的，对学生来讲既是学习也是复习。作为老师，我们在纠正学生错误的同时，还可以帮助学生比较这几个软件在使用中的异同。比如，输入文字，在word和frontpage中可在编辑区中直接写，而在powerpoint中必须写在文本框里。通过比较，加深印象，达到学习和提高的目的。在这部分中，除文字处理外，像修饰网页、插入表格等内容都可以这样比较着讲。 四、认识螺旋式上升的学习模式和探究式学习的方式，重视课前准备 学习是一个循序渐进、螺旋式提高的过程。在这个过程中，作为教学组织者和指导者，教师的教学设计和准备工作非常重要。例如，在学习网页修饰时，可采用了示范法和演示法结合的教学方法，先设计几个页面，都是在上一节课作的、样例页面的基础上改的。上课时，让学生打开上节课制作的网页，他一看，老师的页面上比他多了个图片，马上问怎么

(完整版)《网页设计与制作》课程教学大纲.docx

《网页设计与制作》课程教学大纲 课程名称：网页设计与制作 学分及学时： 4 学分总学时72学时，理论36 学时 适用专业：网络工程 开课学期：第四学期 开课部门：计算机与互联网学院 先修课程：计算机文化基础计算机网络 考核要求：考试 使用教材及主要参考书： 向知礼主编：《网页设计与制作》航空工业出版社2017 年 杨松主编：《网页设计案例教程》航空工业出版社2015 年 一·课程性质和任务： 本课程全面地介绍网页制作技术的基本理论和实际应用。全书共 10 章，分为 3 大部分。前 5 章为第 1 部分，主要介绍网页制作的基本理论——HTML，同时穿插介绍Fireworks，Flash， Anfy 等软件在网页制作过程中的应用；第 6 章～第 8 章为第 2 部分，主要介绍网页 制作技术，包括CSS技术、客户端脚本技术(DHTML)以及 XML 技术；第9 章～第 10 章为第3 部分，主要介绍当前最流行的网页制作工具——Dreamweaver ，通过应用实践能够从实际 应用的角度进一步巩固所学知识。 课程内容不但包括各种网页制作技术的基础理论，而且强调网页制作的具体应用，使读者既能打下坚实的理论基础，又能掌握实际的操作技能。 二·课程教学目的与要求 以Dreamweaver 的使用为主线，介绍网页制作的相关技术。使学生理解网页制作的基本 概念和理论 ,掌握站点的建立和网页的设计 ,能用 HTML 语言修改网页 ;掌握网页制作和站点的基本 知识 ;掌握站点的创建和网页的编辑 ;掌握超链接、图像、 CSS样式的使用 ;掌握表格、框 架、表单、多媒体对象的使用 ; 理解行为、模板、库、 CSS布局的概念和使用 ;理解 HTML 语言、 网站的测试与的发布； 要求：教学过程中，须注重学生实践操作能力的培养，采取“面向实践、能力为先”的 教学思路，教学内容应结合当前WEB 技术的发展趋势，把握未来企业级WEB 页面开发的发 展方向，兼顾各行各业的需求变化，力争面向社会，服务于企业“互联网+”战略。

网页制作实验报告详细版

文件编号：GD/FS-4910 （报告范本系列） 网页制作实验报告详细版 The Short-Term Results Report By Individuals Or Institutions At Regular Or Irregular Times, Including Analysis, Synthesis, Innovation, Etc., Will Eventually Achieve Good Planning For The Future. 编辑：_________________ 单位：_________________ 日期：_________________

网页制作实验报告详细版 提示语：本报告文件适合使用于个人或机构组织在定时或不定时情况下进行的近期成果汇报，表达方式以叙述、说明为主，内容包含分析，综合，新意，重点等，最终实现对未来的良好规划。文档所展示内容即为所得，可在下载完成后直接进行编辑。 一、实验目的及要求 本实例是通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。 二、仪器用具 1、生均一台多媒体电脑，组建内部局域网，并且接入国际互联网。 2、安装windowsxp操作系统；建立iis服务器环境，支持asp。 3、安装网页三剑客（dreamweavermx；flashmx；fireworksmx）等网页设计软件； 三、实验原理

通过“站点定义为”对话框中的“高级”选项卡创建一个新站点。 四、实验方法与步骤 1）执行“站点＼管理站点”命令，在弹出的“管理站点”对话框中单击“新建”按钮，在弹出的快捷菜单中选择“站点”命令。 2）在弹出的“站点定义为”对话框中单击“高级”选项卡。 3）在“站点名称”文本框中输入站点名称，在“默认文件夹”文本框中选择所创建的站点文件夹。在“默认图象文件夹”文本框中选择存放图象的文件夹，完成后单击“确定”按钮，返回“管理站点”对话框。 4）在“管理站点”对话框中单击“完成”按钮，站点创建完毕。

网页制作工程师工作总结

工作汇报/工作计划/工程师工作总结 姓名：____________________ 单位：____________________ 日期：____________________ 编号：YB-ZJ-020649 网页制作工程师工作总结Sample work summary of web page production engineer

网页制作工程师工作总结 在这段试用期中可以说是有喜也有忧。喜的是和同事们工作相处中，自己慢慢转变为一个社会人，自身实践经验和工作能力得到提高。忧的是自己还有许多方面有待于提高。 记得初到公司时，我对公司的了解仅仅局限于公司网站的简单介绍，除此之外，便一无所知了。但是，在领导和同事们的支持和帮助下，我不仅加深了对公司的了解，而且很快就掌握和熟悉本岗位工作的要求及技巧，严格做到按时按量完成产品终端页等页面的制作，保证页面的与效果图的一致性和页面在各个浏览器中的兼容性。同时，减少页面中冗余的代码，保证页面的加载速度。此外，注意用户体验问题，站在用户的角度浏览网页，发现问题、解决问题，以提高网站的浏览量。 自从担任网页制作以来，虽然在工作中取得了较好的成绩，但也还存在一些不足之处。例如：工作中没有充分领会领导的意图，有时会忽视公司的工作流程等等，这些都是由于工作态度和细节决定的。这些不足都需要在今后的工作中加以改进。 在今后的工作中，我将努力提高技术水平，克服不足，朝着以下两个方向努力：

1、在以后的工作中不断学习技术知识，通过多看、多学、多问、多练来不断的提高自己的各项业务技能。 2、提高自己解决实际问题的能力，并在工作过程中慢慢克服急躁情绪，积极、热情、细致地的对待每一项工作。 短短三个月的时间，我学到了很多专业的知识，能够得心应手开展工作;在一个和谐的环境下，开心的工作;可以说都是受益于各位领导的栽培和各位同事的赐教。 总的来说，由于本人工作经验不多，能力还有欠缺。虽然能胜任本职工作，但是社会在不断的进步，技术在不断的更新，我还需要更多的磨砺。为此，今后在工作中，我需要进一步增强开拓创新精神，刻苦钻研新的技术。在上级的正确领导下，努力拼搏，扎实工作，以更好的质量、更高的效率、更扎实的作风做好本职工作，为我们这个光荣的集体、辉煌的事业做出应有的贡献。 XX图文设计 YumBo Graphic Design Co., Ltd.

《网页设计》教学大纲

网页设计教学大纲 教材：《网页设计》 总学时：134学时 开课学期：第1—2学期 课程类别：必修 课程性质：专业基础课 适用专业：设计类 第一部分大纲说明 一、课程的性质和任务 在中等职业技术学校设计类专业所设置的课程中，网页设计是一门进阶性的设计课程，可以在平面学习的基础之上，不仅了解印刷产品谁，同时也能掌握电子产品内设计。网页设计行业也是从事专业技术工作人员必须掌握的一项职业技能。 对中职学校的设计类专业来说，本课程的任务是培养学生具有一定的网页设计基础，同时也能够了解网页的结构以及简单的设计技巧，进一步提高学生全面素质，形成综合职业能力。 二、课程教学目的 通过本课程教学，使学生了解网页设计常用软件工具、功能的使用；理解WEB界面设计的流程及规范；同时了解WEB界面设计中各行业的设计风格；理解企业客户对设计的需求和期望值；掌握网站及软件界面设计的技能和技巧。 第二部分大纲内容 第一章WEB界面设计规范及流程 1、WEB界面结构与作用 2、WEB界面设计规范及流程 3、网页中的字体设计 4、网页中的图标设计 5、Banner设计 第二章企业网站WEB界面设计 1、了解企业网站结构、制作流程及设计规范 2、企业网站根据模块划分进行设计

3、企业网站色彩搭配 4、企业网站WEB界面赏析 第三章网站专题页WEB界面设计 1、了解专题页网站结构、制作流程及设计规范 2、专题页网站根据模块划分进行设计 3、专题页网站色彩搭配 4、专题页网站WEB界面赏析 第四章电子商务网站WEB界面设计 1、电子商务网站结构、制作流程及设计规范 2、电子商务网站根据模块划分进行设计 3、电子商务网站色彩搭配 4、电子商务网站WEB界面赏析 第五章 PC客户端软件界面设计 1、赏析PC客户端软件界面的类型 2、企业OA办公软件、触摸屏管理展示系统界面的分析与设计 3、PC端界面设计注意事项 第六章 WEB界面版式设计 1、运用所掌握的美学知识，进行版面的“点、线、面分割”，颜色搭配进行设计 2、设计出美观实用的WEB版面。 3、赏析优秀版式界面 第七章 WEB标准化布局基础 1、标签的使用 2、（X）HTML/HTML5语言 3、CSS/CSS3层叠样式表 4、导航排版布局 5、内容排版布局 第八章 WEB综合项目实战 1、企业网站项目实战 2、电商网站项目实战 3、专题网站项目实战

《网页设计与制作基础》实验指导

实验一网页的认识 实验目的 1、掌握利用Internet进行信息游览、搜索，下载网页、图片、文字和文件； 2、利用记事本来编辑HTML文档并浏览； 3、熟悉HTML基本标记的使用。 实验环境 WindowsXP操作系统，内部组成局域网，外连Internet互联网。 实验重点及难点 ◆熟悉HTML的结构、语法。 ◆熟悉HTML基本标记的使用。 实验内容 1、从网上（如网页制作大宝库https://www.wendangku.net/doc/7f12266853.html,等）下载网页制作时需要的小图片、 动画及flash等网页制作素材。 2、收集你认为比较好的网页并从网页主题、网页内容、结构布局、色彩搭配等方面来分析 网页。 3、通过浏览新浪网站主页分析其网页基本元素，查看其源代码，收藏到收藏夹中，将其设 为主页。 4、制作一个简单的网页sy1-1.html，用记事本编辑，网页标题为“熟悉HTML文档的结构”， 内容为司空曙的《江村即事》，如下图所示。 5、通过附录1的练习熟悉HTML基本标记的使用。（可参考第二章内容）

实验二 Dreamweaver基本操作（一） 实验目的 1、熟悉Dreamweaver的工作环境并了解本地站点的建设和管理； 2、熟悉网页文件的基本操作； 3、熟练掌握在网页文件中文本、图像、超链接的添加和设置。 实验环境 WindowsXP操作系统，Dreamweaver CS3软件，内部组成局域网，外连Internet互联网。实验重点及难点 ◆文字的插入及设置。 ◆图像的插入及设置。 ◆各种超链接的创建。 实验内容 1、使用Dreamweaver建立一个本地站点并命名为“Dreamweaver基本操作”，包含以下几 个文件和文件夹：图片文件夹（images）；音乐文件夹（sound）等。 2、在站点“Dreamweaver基本操作”中新建一个名为sy2-1.html的网页文件，从提供的网 页原始素材中把相关文字复制到该网页文件中，并进行适当的文字设置，结果如下图所示。 3、在站点“Dreamweaver基本操作”中对网页sy2-1.html按如下要求进行编辑并另存为 sy2-2.html，效果如图所示。 ●标题文字大小用

标记； ●作者信息文字大小为24像素，字体为幼圆，颜色为红色； ●古诗文字大小为24像素，字体为隶书，颜色为蓝色； ●在作者信息后加一条水平线，居中，水平线宽度为浏览器的30%，水平线的粗细为20 个像素，颜色为棕色；

网页制作教学心得体会【精品】

页制作教学心得体会 我们从一些事情上得到感悟后，写心得体会是一个不错的选择，如此可以一直更新迭代自己的想法。怎样写好心得体会呢？下面是帮大家整理的页制作教学心得体会，仅供参考，欢迎大家阅读。 目前，互联是最快捷的信息传播渠道之一，学习页制作成了学生必须掌握的一项技能。在几年的教学实践之中，我总结了《制作简单页》教学中值得注意的几个问题： 一、激发学生的学习兴趣，唤醒求知欲望 现阶段信息技术课程的主要任务之一是培养学生对信息技术的兴趣和意识。兴趣是学生基于自己的学习需要而表现出来的一种认识行为，它在学生的学习中具有重要的作用。我认为，教师激发学习兴趣，挖掘学习需求是授课前必须解决的问题。从知识结构看，页制作是在学生掌握了一定的理论基础和操作技能之后，对互联有了一定的了解、浏览过相当数量的页和站点之后引入的。在准备期中教师应该适当地引导学生，可以采取展示法、教学对话法等，也可以融合多种方法进行。 例如，在学习浏览页时，我有计划地挑选一些专题站和个人站点推荐给学生，他们在看过之后一定会有自己的想法，老师再给他们提些问题。我经常推荐给学生我校的学生及班级制作的站点与页。学生会把他们自己的见解说得头头是道。接下来就提出问题：如果由你来做这个站点，哪些地方需要修改？如果把你做一个站点该如何设计？在学生的头脑中先有了一些模糊的认识，产生了做个站点的想法，再在老师的帮助下梳理成一个比较成型的站点框架，接下来就是：怎么做页？用什么工具？有了兴趣，带着这些问题，进入这一阶段的学习，就比较主动，学习效果也会比较好。 二、合理调整教学顺序和重点，理顺理论与操作的关系 学习页制作，首先接触的是概念和理论性的知识。回顾学习一些应用软件的过程，肯定不是先把理论背熟，而是从操作使用开始的。我并不是说理论不重要，而是切入的时机要掌握好。对于这一部分的教学，可以根据教学实际，合理调整教学顺序和重点。对涉及到的理论知识，可以尽量在教操作的时候渗透。一些纯理论的知识，不妨一带而过，教学取得阶段成果后，再单独强调。 三、注重培养学生知识迁移的能力 正在进行的新课程改革，提倡的是教给学生可迁移的知识。我体会，迁移是理论到实践。很多应用软件，模式基本上是统一的，在窗口组成、菜单内容和操作方法等方面是相通的。对这类内容，我认为可以采用比较法、示范法、启发法等教学方法。例如，制作页和保存页两个知识点：可以在介绍了工具软件（如frontpage）窗口组成之后，就布置学生输入并编辑一段文字，然后把该文件保存在指定位置。这些操作都是前面学过的，对学生来讲既是学习也是复习。作为老师，我们在纠正学生错误的同时，还可以帮助学生比较这几个软件在使用中的异同。比如，输入文字，在word和frontpage中可在编辑区中直接写，而在powerpoint 中必须写在文本框里。通过比较，加深印象，达到学习和提高的目的。在这部分中，除文字

网页设计教学大纲

网页设计教学大纲 一、课程性质与任务 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.1实训意义 网页设计与制作综合实训是教学过程中重要的实践性教学环节。它是根据专业教学计划的要求，在教师指导下对学生进行的网页制作专业技能的训练，培养学生综合运用理论知识分析和解决实际问题的能力，实现由理论知识向操作技能的转化，是对理论与实践教学效果的检验，也是对学生综合分析能力与独立工作能力的培养过程。因此，加强实践教学环节，搞好实训教学，对实现本专业的培养目标，提高学生的综合素有着重要的作用。 1.2实训目的 1．通过综合实训进一步巩固、深化和扩展学生的理论知识与专业技能。 （1）掌握规划网站的内容结构、目录结构、链接结构的方法。 （2）熟练掌握网页制作软件Dreamweaver CS3的基本操作和使用技能。 （3）掌握页面的整体控制和头部内容设置的方法。 （4）熟练掌握网页页面布局的各种方法。 （5）熟练掌握在网页中输入、设置标题和正文文字的方法。 （6）熟练掌握在网页中插入图像、flash动画、背景音乐的方法。 （7）掌握建立各种形式超级链接的方法。 （8）掌握表单网页制作方法。 （9）掌握网页特效的制作方法。 （10）掌握网站测试的方法。 2．训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、flash动画和网页特效等。 3．培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。 4．培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力，树立自信心。 5．训练和培养团队协作精神和共同开发网站的综合能力。

网页设计教学总结

网页设计教学总结 这个学期我担任了10网络(1)(2)班和10商务班的的网页设计这门课程。在前面半个学期的教学中，我做到了认真制定计划，注重教学理论，认真备课和教学，努力上好每一节课，并和其它优秀老师交流，从中吸取教学经验，取长补短，提高自己的教学水平。按照课程要求进行施教，让学生掌握好网页设计知识。还注意以德为本，结合网站实例进行层层善诱，多方面、多角度去培养学生的实践能力、提升其操作技能。 下面从以下几个方面来谈谈我这个半个学期的教学总结： 教学进度 按照教学进度，我们已经完成了课程的全部内容的学习。教学进度基本上按照原计划已经完成了。 教学方法 教学中我从以下几方面进行努力： 一、课前准备。熟悉教材。解教材的结构，重点与难点，掌握知识的逻辑，能运用自如，知道应补充哪些资料，采用哪个实例作为网页教学实例；解学生的知识结构，解他兴趣、需要和习惯，知道他学习新知识可能会有哪些困难，采取相应的预防措施；结合学生情况采取何种教学方法，解决如何把教材上的知识系统地传授给学生，包括如何组织教材、如何安排每节课、如何讲解实例。设计一些实际中的商业网站案例。 二、课堂情况。网页设计课上。课堂上引起学生的兴趣，激发学生的创作兴趣。网页设计课里包含有一些图片设计和动画设计，这些需要有丰富的想象力才能制作出优秀的作品，课堂上，也尽力培养学生的想象力，引导学生想象。课堂上，始终以学生为学习主体，把学习的主动权交给学生，挖掘学生潜在能力，让学生自主学习，提高学生学习的独立性。记得在有节课，把一个网站拿来讲解，让学生先看，看了后让学生在草稿纸上画出自己的设计草图。最后我再来以不同的方式讲解该网站制作的方式，给学生从多角度进行分析。有时也让学生在教师机上当场操作，让学生的智慧、能力得到体验，使学生成了学习的主人，使学习成了需求，让他觉得学习中有发现、有乐趣、有收获。课堂上关注全体学生，注意信息反馈，调动学生的注意，使其保持相对安静，同时，激发学生的情感，使他产生愉悦的心境，创造良好的课堂气氛，课堂语言简洁明了努力克服重复的毛病，课堂提问面向全体学生，努力引发学生学网页课的兴趣。还要做好课后辅导工作。认真批改学生的作业。 三、课后工作。要提高教学质量。总结学生本次作业中的不足，解哪些知识学生还没有理解并在下一节课时进行补充说明。鼓励优秀学生，激发其它学生。课后多和学生交流，解其学习情况，以便改善教学。 存在问题: 一、教学中的相互合作有待提高。 二、网络教学资源还不是特别丰富，不能很好满足教学需求。今后将进一步加强网络资源建设，并提高资源利用率。 总结整个2007年上半年的教学工作，收获是丰富的，不管从知识，还是教学管理，还是教学经验上都是丰富的。给了我成长的道路上宝贵的一笔。虽然有很多时候都是在一种紧张，忙碌的状态下走过，但我知道，走过了这一段，人生就会是另一个起点，有另一个更大的目标等着我去前进。 屈明 2011-12-28

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

《网页设计与制作》课程教学大纲 一、课程的性质和任务 课程性质：《网页设计与制作》是现代汽车技术/计算机及应用专业的一门选修课程，是学习网页设计与制作的一门重要课程。 主要任务：向学生全面介绍与网页设计制作有关的知识，向学生阐明Web 基本工作机制，并使学生具有解决一般网页制作问题的能力。与此同时，通过对Web页制作技术和制作工具的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。掌握通过HTML语言、FrontPage、Flash工具软件设计制作一个网站的方法与技巧。 基本要求： 1、了解Internet的过去、现在和将来及有关WWW、HTTP、HTML、CSS的定义，概念和作用； 2、了解图像的几种格式：GIF、JPEG、PNG和矢量图格式，它们各自的特点和差别； 3、理解服务器、客户端、浏览器的概念和作用； 4、深入理解HTML语言中的各种文本格式、字符格式、段落设置、列表、标记、表格、框架、表单的作用； 5、理解客户端脚本程序的工作方式； 6、熟练掌握使用绝对和相对URL，创建超链接，图象链接，图象映射的建立方法； 7、会使用FrontPage2000、DreamWeaver等网页制作工具制作网页； 二、课时分配 课程教学总学时数为42学时，具体分配见课时分配表。 课时分配表

三、本课程的教学内容 第一章 HTML概述 什么是HTML；什么是WEB；HTML的定义；基本的HTML语法；标记符的属性； WEB页的基本结构；HTML标记；首部标记；正文标记符；添加注释；显示特殊字符。 第二章页面背景与颜色控制 页面背景；背景颜色；背景图案；字符和链接的颜色。 第三章文本格式 字符格式；物理字符样式；逻辑字符样式；段落格式；分段与换行；段落对齐。 第四章列表格式 有序列表；OL标记符和LI标记符；有序列表的嵌套；无序列表；定义无序列表；混合嵌套列表；定义列表；创建定义列表；使用定义列表缩排文档第五章使用图象 WEB页图象格式；在网页中插入图象；IMG标记符及其基本属性；图象布局；使用GIF动画；创建GIF动画；注意事项；使用网页图象的要点。 第六章使用超链接 超链接基础；URL简介；绝对URL与相对URL；BASE标记符；创建超链接；.1 指向本地网页的链接；指向其他网页的链接；指向页面中特定部分的链接；指向电子邮件的链接；图象与超链接；链接到图象；图象链接；图象映射；客户端图象映射；服务器端图象映射。 第七章使用表格 创建表格；表格标记符TABLE；创建表格标题；表格的表头；表格的行与列；表格的修饰；边框和分隔线；表格的对齐；控制单元格空白；行组；列组；使用表格设计网页布局；设置表格或单元格的背景；嵌套表格。