网页设计与制作课程作业任务书

第一篇：网页设计与制作课程作业任务书

广新09级《网页设计与制作》课程作业任务书

一、目的与任务

《网页设计与制作》课程作业是《网页设计与制作》课程教学中的一个重要的环节，是对学生进行的一次较为全面的网页设计与制作的训练和考核。其基本目的是：

（1）培养学生理论联系实际的设计思想，训练综合运用所学的基础理论知识，结合生产实际分析和解决网页设计与制作中问题的能力，从而使基础理论知识得到巩固和加深。

（2）学习掌握网站的一般设计过程和方法。

（3）对学生所学知识的程度进行考核。

二、教学基本要求

（1）确定设计网站的主题和风格。

（2）合理设计网站结构图。

（3）根据网站结构图，对各个页面进行布局和样式设计。

（4）完成课程作业报告。

三、课程作业题目具体要求

1、网站有一个主题，比如：个人网站、购物网站等；

2、每个网站至少包含5个以上的html文件；（网站的首页统一名称为:index.html）

3、最后提交两个内容：

1)打印纸质报告（具体要求见报告模板）；

2)网站源文件。

做完后找老师验收通过后发到365109338@qq.com。邮件主题上一定要写明：学号+班级+姓名+网页设计与制作

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

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

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

第三篇：《网页制作课程设计》任务书

《网页制作课程设计》任务书

一、课程设计的目的及功能定位：

1.巩固远程站点管理的知识和技能； 2.巩固本地站点管理的知识和技能； 3.巩固网页页面设计的知识和技能； 4.巩固网页制作的知识和技能；

5.培养以上知识和技能的综合应用能力；

二、课程设计总体要求： 1.自己负责作品的保存；

2.课程设计可以独立完成，也可以合作（不多余3人）； 3.申请免费域名、免费主页空间，并发布站点；

4.站点设计合理、管理有序、无多余文件和文件夹、大小合适；不要使用媒体（视频文件）； 5.站点至少要有三层结构，页面数不得少于5页；其中一页必须是留言板； 6.自选主题，主题内容要合法、健康、实用； 7.网页要有落款、版权说明；

8.分析面向的潜在访客群体的需求特点，选择内容和版式； 9.网站主题突出、内容丰富；

10.网站风格统一，设计适合于主题的LOGO；

11.各页面设计合理、美观，有创意，适用于各种显示器的分辨率和颜色； 12.各个页面之间的链接要合理有效； 13.代码结构清晰，无垃圾代码

三、课程设计进程表： 1.设计方案：

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

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

(4)布局方案：导航和其他网页内容的位置；

(5)平面设计图：使用photoshop绘制网页平面设计图； 2.制作网页：(1)切割图片；(2)制作动画；(3)录入文字；(4)制作网页；

3.在课程设计的最后一次课上提交课程设计报告和作品。

四、站点结构图：

五、课程设计评分细则：

项目 指标 分数 3 2 2 2 3 3 2 远程站点 有效的主页空间，并上传站点 5 分 有效的域名

主页文件名正确

本地 主页保存位置正确

站点 站点资源组织（目录结构）合理 42 分 站点中无多余文件和文件夹

站点中平均网页大小小于 400K 站点至少有三层

页面数 5 — 8 页（2*5+1*3）

各页之间跳转方便，各子页均可返回到主页 没有无效链接

文字内容使用 CSS 样式表文件控制 合理使用 JavaScript 脚本或行为 合理使用 Js 文件，并含有适当的注释 各网页内容合法、健康、实用

内容

网站主题突出、内容丰富 分

各网页主次分明，文章流畅，内容正确

网站风格统一 LOGO 设计新颖、美观 网页布局设计合理、清晰

网页 色彩搭配合理平面

动静搭配合理

设计 分 图像、动画设计美观、大方、专业、有创意

导航设计实用美观 文字清晰、规范

适用于各种显示器分辨率和颜色 浏览速度正常

技术 图片和动画能够正常显示 12 分 代码结构清晰，无垃圾代码

表单使用合理，提交后打开浏览留言页； 考勤（缺勤 2 课时以上不予以评分）

其它 按时提交设计方案报告（课设进行第二天前必须提交，否10 分 则不予以评分）

按时提交课程设计报告（提交报告后评分）

合计 13 2 3 4 2 3 4 2 2 2 5 2 3 3 5 3 2 3 2 3 3 4 4 3 3 105

六、推荐的主题：

1.肇庆学院计算机学院学生成绩查询系统 2.花卉市场 3.理发店 4.洗衣店

5.肇庆学院计算机科学学院学生会 6.肇庆学院饮食服务公司 7.肇庆学院后勤服务中心 8.肇庆学院求职网 9.个人网站

八、参考网站：

1.内蒙古师范大学首页http://www.xiexiebang.com 4.中华手套网http://www.xiexiebang.com

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

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

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

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

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

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

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

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

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

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

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

第五篇：《网页设计与制作》课程设计任务书(2011-2012-2)

《网页设计与网站建设》课程设计

课程设计是课程教学中的一项重要内容，是完成专业教学计划，达到教学目标的重要环节，课程设计是通过真实工作任务或产品设计等综合性较强的实例而进行的实践环节，它对帮助学生全面掌握课堂教学内容，培养学生实践和实际动手能力，培养团队协作，人际交往等素质的提高具有很重要的意义，《网页设计与网站建设》是一门实用性和实践性都很强的课程，课程设计应占有更重要的地位。

一、课程设计任务

针对计算机各专业岗位技能要求，进行网页设计与网站建设项目工作，培养学生计算机操作的能力和用计算机设计网站的基本技能，使学生具备分析问题、用编程思维解决问题的能力，达到计算机初级网页设计员的水平，使学生养成既善于独立思考，又乐于与人沟通、具备团队合作意识的职业素质。

二、课程设计目的

课程设计总的目的在于加深对网页设计与网站建设的基本知识的理解，网页设计与网站建设技能综合运用和提高，通过真实工作任务，是学生能设计出有一定水平的网页并解决培养解决实际问题的能力，掌握实际网页设计与网站建设开发流程和开发方法。

具体的课程设计应达到以下目的：

1．提高学生在实际操作中收集信息，对信息进行价值判断，进行信息整理、加工的能力。

2．在实际的项目任务中培养网页设计方面的素养。

3．在实际的项目任务中使学生网页编程和制作的能力得到提高。4．培养学生团队协作和人际交往方面的能力。5.培养相关知识和技能的综合应用能力。

三、课程设计的要求

《网页设计与网站建设》的课程设计课题选择应从专业网站建设的实际出发。具体要求如下：

1.自选主题，主题内容要合法、健康、实用。

2.学生是课程设计环节的主体，教师只起辅助引导、协调作用。

3.站点设计合理、管理有序、无多余文件和文件夹、大小合适。首页命名要规范，存放位置要正确，不可以是zhuye.htm、main.htm、我的主页.htm等。主页文件名应该使用 1 index。其他文件或文件名命名也要规范，不使用汉字或带有空格的名称。最好是符合各种系统命名规则。

4.站点至少要有二层结构，页面数不得少于6页； 5.必须包含的布局方式：表格、浮动框架。6.网页中必须适当添加行为效果。

7.必须对页面元素进行合理的CSS设置，使页面、文字美观。8.网页要有版权说明； 9.网站主题突出、内容丰富；

10.网站与网页风格应该协调一致，网站结构应层次分明，内容重点突出，页面设计要符合追求色彩的搭配、布局和合理性，以及要有一定的创意。

11.各页面设计合理、美观，有创意。不要太花哨或太孩子气。要有网页平面设计过程，不要只是各种元素的随意拼凑。图片动画选用要适合主题，不要在网页中插入不相干的图片。适用于各种显示器的分辨率和颜色。不要太宽，否则显示器分辨率小时会出现水平滚动条。

12.各个页面之间的链接要合理有效，路径要正确（相对路径）； 13.注意网站的大小，图片保存格式和图片大小要合适； 14.代码结构清晰，无垃圾代码

四、课程设计内容

（一）选题的基本原则

（1）选题应反映本专业的培养目标，符合专业综合训练的要求。（2）选题要有利于深化所学的专业知识和拓展所学的知识面。

（3）选题的难易程度和工作量要适当，保证在规定的时间内，在教师的指导下，经过努力能够完成。

（二）选题范围

围绕本课程的教育目标，根据课程的教学大纲和教材内容，结合网站在生产、科研、管理、教学以及日常生活等各个领域的应用都可作为课程设计的选题。以下课题可供参考：

1.山西大学商务学院 2.山西大学商务学院学生会 3.山西大学商务学院饮食服务公司 4.山西大学商务学院后勤服务中心 5.校内精品课程网站 6.求职网 7.个人网站

8.公司网站 9.娱乐性网站 10.旅游网站 11.花卉市场

12.其他类型的网站等等

（三）课程设计进程表

1.设计方案。

(1)潜在访客群体的需求特点：版式和内容的需求；(2)站点目录结构图：(3)色彩方案：主色调、次色调；(4)布局方案：导航和其他网页内容的位置；

(5)平面设计图：使用Photoshop或Fireworks绘制网页平面设计图； 2.制作网页主页。

(1)切割图片；(2)制作动画；(3)录入文字；(4)制作网页； 3.制作其他页，完善优化网站。(1)优化代码(2)优化图片(3)链接各网页 4.完善优化网站。

(1)测试网站(2)优化网站(3)制作动态效果

五、成绩考核办法

课程设计的考核必须充分重视学生的创新能力和实践能力的培养，全面提高学生的工作能力和综合素质。考该方法如下：

（1）指导教师在评分中坚持严格要求和实事求是的原则，根据学生在课程设计中独立完成的实际情况和评分标准做出评定。

（2）采取“结构评定成绩”进行成绩的综合评定，即课程设计成绩由平时成绩、实验成绩、课程设计作品及课程设计说明书三部分组成。其中：平时成绩占20%（其中：出勤10%，作业10%)，实验10 %，课程设计作品占70 %。