网页设计与制作课程设计——那些年我们一起看过的世界杯.doc

河南城建学院
《网页设计》课程设计报告
学号
专业信息管理与信息系统
姓名赵文普
题目那些年我们一起看过的世界杯
指导教师张妍琰景伟娜张玉花
设计时间 2013-6-24—2013-6-28
目录
第1章课程设计目的与要求 1
课程设计目的 1
课程设计的实验环境 1
课程设计的预备知识 1
课程设计要求 1
第2章课程设计内容 2
网站开发需求分析 2
开发工具的选用及介绍 2
网页设计的要素 3
制作网页的步骤 3
网页的设计技巧 4
5
5
第3章课程设计的问题与解决 11
课程设计的问题 11
问题的解决思路 11
11
参考文献 13
第1章课程设计目的与要求
课程设计目的
本课程的课程设计实际是学****完《网页设计与制作》课程后,进行的一次全面的综合训练,其目的在于加深对基本知识的理解。
课程设计的实验环境
硬件要求能运行Windows 7操作系统的微机系统。
课程设计的预备知识
熟悉有关网页设计的工具软件.
课程设计要求
按课程设计指导书提供的课题(参考),应根据下一节给出的基本需求独立完成各个方面的设计,可以组成设计小组,分模块进行,共同协作完成一个应用系统的开发任务。
第2章课程设计内容
网站开发需求分析
一个网站项目的确立是建立在各种各样的需求上面的,这种需求往往来自于客户的实际需求或者是出于公司自身发展的需要,其中客户的实际需求也就是说这种交易性质的需求占了绝大部分。面对网站开发拥有不同知识层面的客户,项目的负责人对用户需求的理解程度,在很大程度上决定了此类网站开发项目的成败。因此如何更好地的了解、分析、明确用户需求,并且能够准确、清晰以文档的形式表达给参与项目开发的每个成员,保证开发过程按照满足用户需求为目的正确项目开发方向进行,是每个网站开发项目管理者需要面对的问题。
随着人们生活水平的不断提高,人们在工作的同时学会了享受。越来越多的人喜欢看世界杯,因此设计关于世界杯的网站势在必行。
开发工具的选用及介绍
Dreamweaver简介
Dreamweaver 是美国Adpbe公司开发的及网页制作和管理网站于一身的所见即所得网页编辑器,它是一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。它不仅是优秀的WYSIWYG编辑器,更是优秀的代码编辑器,有代码加亮,代码提示等丰富功能,提供各种示例代码,并支持Javascript、PHP、ASP、JSP等多种脚本语言。
网页设计的要素
1、网页的整体布局设计
网页设计作为一种视觉语言,要讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处,应充分加以利用和借鉴。版式设计通过文字图形的空间组合,表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处,才能使整个网页生辉。
2、网页设计中色彩的运用
色彩是艺术表现的要素之一,在网页设计中,根据和谐、均衡和重点突出的原则,将不同的色彩进行组合、搭配来构成美丽的页面。根据色彩对人们心理的影响,合理地加以运用,按照色彩的记忆性原则,一般暖色较冷色的记忆性更强一些。
3、网页形式与内容相统一
要将丰富的意义和多样的形式组织成统一的页面结构,形式语言必须符合页面的内容,体现内容的丰富含义。运用对比与调和、对称与平衡、节奏与韵律以及留白等手段,通过空间、文字、图形之间的相互关系建立整体的均衡状态,产生和谐的美感。如对称原则在页面设计中,它的均衡有时会使页面显得呆板,但如果加入一些富有动感的文字、图案,或采用夸张的手法来表现内容往往会达到比较好的效果。
制作网页的步骤
在做网页之前,我确定了做网页的五个步骤。
1、确定网站主题:网站主题就是要建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。
2、搜集材料:明确了网站的主题以后,你就要围绕主题开始搜集材料了。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,作为自己制作网页的素材。
3、规划网站:一个网站设计得成功与否,很大程度上决定于设计者的规划水平。
4、选择合适的制作工具:尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。
5、制作网页:材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致