《网页设计与制作》课程设计规范要求B

第一篇：《网页设计与制作》课程设计规范要求B

《网页设计与制作》课程设计（B）

一、课程设计任务

培养学生计算机操作的能力和用计算机设计网站的基本技能，使学生具备分析问题、用编程思维解决问题的能力，达到计算机初级网页设计员的水平。

二、课程设计目的

1．提高学生实际操作中收集信息，对信息进行价值判断，进行信息整理、加工的能力。2．在实际的项目任务中培养网页设计方面的素养。

3．在实际的项目任务中使学生网页编程和制作的能力得到提高。

三、课程设计的要求

《网页设计与制作》的课程设计课题选择应从专业网站建设的实际出发。具体要求如下： 1.学生是课程设计环节的主体，教师只起辅助引导、协调作用。2.自选主题，主题内容要合法、健康，主题突出、内容丰富。

3.要仔细考虑网站定位。分析面向的潜在访客群体的需求特点，选择内容和版式。网站结构应层次分明，页面设计要注意色彩的搭配、布局的合理性。

4.站点设计合理、无多余文件和文件夹、管理有序。文字、图片各类素材分类存放，文件或文件名命名要规范，不使用汉字或带有空格的名称，首页命名应该使用index。

5.各个页面之间的链接要合理有效，路径要正确（相对路径）；注意网站的大小，图片保存格式和图片大小要合适。

6．站点至少要有两层结构，页面数不得少于4页；其中一页必须是注册页面。7.每个网页都要有导航栏、水平线、版权说明；每个网页都能够点击链接返回主页。8.使用CSS样式美化网页，包括文字、链接。9.添加行为效果，如欢迎对话框、弹出式广告等。10．使用层，制作图片的显示-隐藏效果。

四、课程设计内容

（一）选题范围

根据课程的教学大纲和教材内容，结合网站在生产、科研、管理、教学以及日常生活等各个领域的应用都可作为课程设计的选题。以下课题可供参考： 1． 个人网站 2． 购物网站 3． 游戏网站

4． 旅游网站 5． 游戏网站 6． 影视网站

（二）课程设计进程表

1.设计方案：（2课时）

(1)了解潜在访客群体的需求特点，版式和内容的需求；(2)站点目录结构图：

(3)色彩方案：主色调、次色调；

(4)布局方案：导航和其他网页内容的位置； 2.制作网页主页：（3课时）(1)查找文字、图片和动画。(2)使用表格或框架布局网页。(3)添加内容；

(4)使用CSS优化网页；

3.制作其他页，完善优化网站：（6课时）(1)查找文字、图片和动画。(2)制作注册页面

(3)使用主页主体CSS样式，保持风格统一(4)链接各网页

4.完善优化网站：（2课时）(1)测试网站(2)优化网站

第二篇：《网页设计与制作》课程设计要求

《网页设计与制作》课程设计要求

最终提交：《网站策划报告》一份及独立制作网站一个

使用所学知识独立制作一个网站，网站的主题可以是文学、音乐、影视、自我介绍（求职）、家乡介绍等。

1．作业基本要求

（1）站点目录层次分明，管理有序，无多余的文件

和文件夹，不能将内容都放在站点根目录下，不要使用中文，为每种类型文件都建立一个独立的目录。（例如images、css、swf、MP3、flv文件夹用于存放图象、样式、flash动画、音频文件及flash视频,目录的层次不能没有，但必须尽量少，以便于管理。）首页命名应为index.html或default.html，其它文件命名不使用中文及带空格的文件名。

（2）网页数为8页以上（网页数量不足扣分，缺少2

张以上视为无效作业）

（3）传站点压缩文件，压缩文件命名方式：学号+姓名）

（4）主页必须包含内容要求： a)

b)主页上有flash按钮、鼠标经过图像或跳转菜单，跳转菜单中有如下链接 主页上最少有5个栏目（一级页面）的导航链接，首页用表格进行页面布局（其它页面必须使用表格或DIV、层）

(5)内页内容类型相近的要使用模板，此项目加分10%

(6)正确合理的使用CSS文件设置文字、图片、页面的样式，正确合理使用ID、类、标签、复合选择器，此项目加分10%

(7)网站内容结构不少于三层

2.创意加分：

在完成标准要求的前提下，对作业有独创性及设计美观的作业跟据情况给予加分。方法如下：

（1）思想性、科学性

主题明确，内容积极、健康向上，文字内容通顺，无错别字

（2）创造性

素材获取及其加工属原创、主题表达形式新颖，构思独特、巧妙，具有想象力和个性表现力，内容、结构设计合理

（3）技术性

选用制作工具和制作技巧恰当，导航和链接准确、页面浏览速度快

（4）艺术性

反映出作者有一定的审美能力，完美运用各种形式表现主题，有感染力、界面美观、布局设计独到，富有新意。

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

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

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%。

第四篇：商务网页设计与制作课程设计要求

商务网页设计与制作课程设计要求

一、主题要明确（5）

网站必须是企业网站或是商务网站，网站名字要具体、简短、网站logo要适合网站内容，明确具体，表现形式可以是文字也可以是图片

二、网页结构布局科学合理，网页颜色搭配合适，风格统一（10分）

三、网站结构清晰、内容丰富且完整，所有网页元素存放合理（35分）

一级页面一个（首页）；首页中需包含一个浮动广告，利用层中时间轴的方法设计浮动路线或者是随滚动条滚动的对联广告，如果是淘宝店铺此类效果可以自行设计应用到其他页面。

二级页面不少于5个。主要为导航页面。

三级页面不少于9个，此类中必须包含一个用户注册页面，有一个页面中需包含产品或者宝贝的显示隐藏效果

注：少于12个网页者该部分分数记不合格。

四、网页元素应用丰富（图片、文字、超链接、表单、表格布局、div+css、层、行为、css样式、滚动效果（垂直连续或水平连续）等。（50分）

该部分主要考核网站的创新创意与实际可操作性，网站美观度等。

所学的知识和技能特效应用恰当。

时间要求：

16周：

第一次课 上交网站的主题，网站的结构图，进度安排表；

第二次课 完成网站素材的收集，网页结构图的绘制

17周：

第一次课 检查网站初稿

第二次课 上交网站最终稿

最后作品在1月5日之前交给沈云涛，以班级为单位统一用U盘拷到我办公室。

第五篇：网页设计与制作课程学习论文

《网页设计与制作》课程学习论文

作为一个二十一世纪的大学生，学习如何设计与制作网页变为一个必不可少的过程。经过这几个星期的学习，我开始对网页设计与制作有了初步的认识，并且学习了一些网页设计与制作的基础。随着时代的发展，网站建设越来越接近于一门艺术而不仅仅是一门技术。网站设计日有必要的益被重视，学习网页设计与制作这门学科是非常。

作为网页设计的初学者，我对网页设计非常感兴趣，一心想设计出一个美观、实用、内容丰富的个人网页。我通过自己动手、动脑，通过网络资源，老师的指导，在不断发现问题和解决问题的过程中学到了很多知识，也增强了我的创作能力和动手能力，在网页设计过程中，从构思到设计、完善、维护，整个过程我都全身心投入，使我真正学到了网页设计的知识。

互联网成为人们快速获取、发布和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。网页设计伴随着网络的快速发展而快速兴起，作为上网的主要依托，由于人们使用网络的频繁而变得非常的重要。网页讲究的是排版布局，其功能主要就是提供一种形式给每个上网者，让他们能够了解网站提供的信息。

网页设计与制作包含视听元素于版式设计两项内容，以主题鲜明、形式与内容统一、强调整体为设计原则，具有互交性与持续性、综合性、版式的不可以控性、艺术与技术的结合的紧密型等特点。美和功能都是为了表达网站的主题。我认为在一个网站中，最重要的页面当属主页，所以在此以主页为例，说明在网页制作中版面设计的问题。从版面设计来讲,一个有特色的主页,必须包含有四个要素：文字，图片，排列方式和主色调，这四者相辅相成，缺一不可。图片要素

要设计出漂亮的主页，首先要成为计算机图形高手，仅这一点就可以让初学者花上一年半载的时间。排列方法要素，主页的第二个要素是排列方法，即网页布局。色彩在网页所占比重很大。有了合理清新的色调，会弥补主页上的其它不足。页面的色彩搭配是与网站的主题分不开的，一个网站必须有一种或两种主题色。不至于让浏览者迷失方向，也不至于单调乏味。一般来说，页面的主体文字应尽量使用黑色等较深的颜色，与背景对比明显，按钮、边框等使用彩色。例如教育类网站使用蓝色为主题色，再用红色和黑色作为配色，就能表达出严肃、稳重的效果。网页作为一种版面，既有文字，又有图片；文字有大有小，还有标题和正文之分；图片页有大小而且有横竖之别。图片和文字都需要同时展示给观众，不能简单地将其罗列在一个页面上，否则会搞得杂乱无章。关于具体的网页布局，常见的有“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等，关于它们，在网页设计的相关书籍中或者在网络上都可以看到详细的叙述

网页作为传播信息的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则。但是，由于表现形式、运行方式和社会功能的不同，网页设计又有其自身的特殊规律。网页的艺术设计，是技术与艺术的结合，内容与形式的统一。一般的来说，绝大多数普通受众图形，插件，applets和其它有关的高级Web浏览器特性。对我们来说，页面的实用可能比漂亮更重要，对于用户来说，没有什么比页面能够快速下载更重要了，简而言之，精简你的站点，这是一条最佳的捷径。就站点设计而言，的确能够通过成功的图形设计招徕或者丢失访问者。并非所有的访问者可以完全看到图片，某些人为了加快存取网络的速度已经关闭了浏览器端的图形。简而言之，图形并不能正确的在客户端加载。然而，图形经常被用来作为导航按钮。使用可以把一个浏览器分成几个不同的窗口，对于站点的结构的把握是一个不错的方法。但是，你还是必须知道，还是有人在使用不支持帧的浏览器。在你开始打算设计一个帧的时候，你该仔细的考虑考虑你是否的确真的需要。经常，你这样的需求可以通过表格来组织站点的结构。网页设计涉及到对多种软件、多种知识的学习和应用，以及个人的审美观等等。所以要想制作出漂亮的网页，需要一个逐步学习和经验积累的过程。

随着互联网的不断发展和中国网络人口的日益增长，建立个人网站，不但可以很好的展示自己，而且可以提高自己在计算机应用方面的能力。个人在设计时考虑的多为个人的兴趣喜好，而不注重商业的展示。内容以反映个人为中心，从而使个人网站真正的成为展示自己的网络名片。一张完美的主页设计需要积累丰富的知识以及掌握大量的技巧。

由于平时课程比较繁忙，学习时间比较少，对于网页设计软件的强大功能运用得还不够。不知不觉网页设计的课程将要结束了，这门课程所包含内容的丰富是让我从没有想到的。在整个的学习过程中，我学习了Flash、Fireworks、Html语言、IIS、网站建设的基本思想等重要内容。在网页设计过程中，由于没有网页制作代码的知识，所以在设计时也遇到了很多麻烦，有时插入一个特效脚本也是很麻烦。在网页制作过程中，想提高设计水平，想有个理想的网页，必须学会代码的运用，我将在以后的学习过程中不断加强这方面的学习，希望老师能简单介绍一下代码，让我也对它有个初步的认识，以后再加强学习也才会有所提高。

总体来说，通过今次的对网页设计的学习，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善。也希望老师在今后的日子里多指导。网页设计还有更多的技巧，有待于我们去挖掘和研究。