网页设计报告

1、中国海洋大学中国海洋大学青岛学院青岛学院网站设计网站设计题 目游戏网站设计学生姓名曹明轩 蒲鹏飞 付尚东指导教师汪桂兰 辛琰学 院信息科学与工程学院专业班级网络系统管理 2008 级 1 班2组内分工姓名主要任务占系统比例曹明轩制作网页全局统筹蒲鹏飞编写报告整体把握付尚东收集材料3网络游戏网站目目 录录前前 言言.41、实、实 训训 心心 得得.51.1 意义意义.51.2 目的目的.51.2.1 理论知识与专业技能.51.2.2 资料.61.2.3 问题.61.2.4 信心.61.3 步骤步骤.61.3.1 主题.61.3.2 网站材料.62、 需需 求求 分分 析析.72.1 网站的需求分

2、析网站的需求分析.72.2 网站的界面设计网站的界面设计.73、 网站的总体规划网站的总体规划.73.1 制作网页的一般步骤制作网页的一般步骤.73.2.1 文本 .83.2.2 图像 .83.2.3 超级链接 .83.2.4 表格 .84、 网页的层次结构以及相关图表网页的层次结构以及相关图表.95、 总总 体体 设设 计计.106、 实实 践践 心心 得得 体体 会会.107、 相相 关关 模模 块块 代代 码码.114网络游戏网站前前 言言对于现在的社会，科技的飞速发展已经成为社会发展的标志。其中计算机的发展可谓快中之快，而在计算机的发展中计算机网络的发展又是首当其冲的。计算机网络从为我

3、们所知，到现在才经历的短短的几年时间，在这几年中随着计算机网络的广泛应用，特别是internet 的普及和发展，网络已经成为了不可或缺的通信手段。不论是最新的新闻信息、新产品的出台、新游戏的发布、最新的各种 it 动态。但是什么为这所有的一切提供平台的呢。我们又是通过什么来获取这些消息的呢对就是网页。现如今，数以万计的网站以网页的方式提供了丰富、精彩的信息。在人类社会进入信息时代的时候，在网络成为通信的主要手段的时候，在计算机网络普及的今天，网页也在它自己的岗位上做出了突出的贡献。网页是我们在网络上的“带言人” 。我们将什么样的信息传达给浏览者，要讲述什么要的事情，网页在这里起着重用的作用。5

4、网络游戏网站1、实、实 训训 心心 得得1.1 意义意义网页设计与制作综合实训是教学过程中重要的实践性教学环节.它是根据专业教学计划的要求,在教师的指导下对学生进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的转化,是对理论与实践教学效果的检验,也是对学生综合分析能力与独立工作能力的培养过程.因此加强实践教学环节,搞好实训教学,对实现本专业的培养目标,提高学生的综合素质有着重要的作用。1.2 目的目的1.2.1 理论知识与专业技能(1)掌握规划网站的内容结构，目录结构,链接结构的方法。(2)熟练掌握网页制作软件 frontpage 2003

5、 和的基本操作和使用技能。(3)掌握页面的整体控制和头部内容设置的方法。(4)熟练掌握网页页面布局的各种方法。(5)熟练掌握在网页中输入,设置标题和正文文字的方法。(6)熟练掌握在网页中插入图象,flash 动画和背景音乐的方法。(7)熟练建立各种形式的超级链接的方法。(8)掌握表单网页制作方法。(9)掌握网页特效制作方法。(10)掌握网站测试的方法。1.2.2 资料养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图象资料、flash 动画和网页特效等。6网络游戏网站1.2.3 问题用所学的理论知识和技能解决网站开发过程中所遇

6、到的实际问题的能力及其基本工作素质。1.2.4 信心论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。1.3 步骤步骤1.3.1 主题主题我们的网站的主旨在于从各个方面全面的介绍网络游戏。最重要的是做出我们自己的风格，给浏览者好的欣赏感受。 1.3.2 网站材料网站材料主要在网站上搜集所要的网页信息，包括图片、文字、相关的新闻。同时，查询相关的书籍、百度和素材光盘等方式收集所需的文字资料,图象资料,flash 动画和网页特效等，用以得来更加具有说服力的页面。要想做好我们的网站，能够给浏览者好的欣赏感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选我们收集的

7、材料，作为我们制作网页的素材，这样就可以做好一个好的网站。2、 需需 求求 分分 析析2.1 网站的需求分析网站的需求分析internet 是目前世界上最大的计算机互联网络，它遍布全球，将世界各地各种规模的网络连接成一个整体。作为 internet 上一种先进的。易于被人们所接受的信息检索手段，发展十分迅速，成为目前世界上最大的信息资源宝库。web 站点向用户提供的服务将越来越7来丰富，越来越人性化。因此网站建设在 internet 应用上的地位显而易见，它已成为政府，企业网络游戏网站事业信息化建设中的重要组成部分，从而备受人们的重视。提高公司知名度，扩大公司规模。我们网站可以实现的功能可以方

8、便直观的观看到最新最好的网络游戏，还有会员登入和注册以及热门游戏的查询。2.2 网站的界面设计网站的界面设计3、 网站的总体规划网站的总体规划3.1 制作网页的一般步骤制作网页的一般步骤 先组织好你的网页内容，然后确定网页所具有的外观和特色，目的就是让用户被你的网页所吸引。如果你只是要把很多漂亮的画面堆在一起，而不管内容，那将没人看。应该让你的网页不仅漂亮，更重要的是实用。 最后，等网页做好了，就该发布站点了。站点发布后，为了保持站点的吸引力，要经常修改网页的内容（添加新的内容，更换已过时的图象等） ，就要更新和维护你的站点了。3.2 3.2 网页包括的元素网页包括的元素设计网页的目的主要是发

9、布信息，因此，作为信息载体的文本和图像也就成为了网页的基本组成部分。3.2.1 文本文本文本一直是人类最重要的信息载体和交流工具，网页中的信息也以文本为主，与图像8相比，文字虽不如图像那样能够很快的引起浏览者的注意，但却能准确地表达信息的内容和含义，为了克服文字固有的缺点，人们赋予了网页中文本更多的属性，如文字，字号，颜色，底纹和边框，通过不同格式的区别，突出显示重要的内容，此外，用户还可以在网页中设计网络游戏网站各种各样的文字列表来清晰表达一系列项目，这些功能都给网页中的文本赋予了新的生命力。3.2.2 图像图像图像在网页中具有提供信息，展示作品，装饰网页，表达个人情调和风格的作用。用户可以

10、在网页中使用很多种图像文件格式。3.2.3 超级链接超级链接 超级链接技术可以说是万维网流行起来的最主要的原因，它是从一个网页指向另一个目的端的链接，例如指向另一个网页或相同网页上的不同位置，这个目的端通常是另一个网页，但也可以是一幅图片，一个电子邮件地址，一个文件，一个程序或本网页中的其它位置，其载体通常是文本，图片或图片中的区域，也可以是一些不可见的程序脚本。3.2.4 表格表格在网页中表格用来控制网页中信息的布局方式。这包括两方面：一是使用行列的形式来布局文本和图像以及其它的列表化数据。二是还可以用表格来美化网页。9网络游戏网站4、 网页的层次结构以及相关图表网页的层次结构以及相关图表5

11、、 总总 体体 设设 计计第一层导航栏第二层标题链接栏第三层内容标题导航栏会员登录界面网络游戏总介游戏好处的描述下载动态合作伙伴成功案例有更多特权清晰的导航10标题栏通过 photoshop 软件进行处理，文字的制作以及面板的处理与排版；导航栏、会员登录界面、案例模块、游戏介绍模块同样运用 ps 工具进行图文的切割，通过 css 样式进行排版，用 dreamweaver 软件制作图文，从百度搜索图片进行整理；好处模块通过网络游戏网站marquee 方法进行运作；合作伙伴通过 flash 软件进行制作。6、 实实 践践 心心 得得 体体 会会实践让我们走向科技应用,走出课堂.当前,我们缺少的主要

12、不是知识,而是缺少将知识与实际相结合的能力.我们在课堂上所学的,与在实际当中遇到的是不尽相同的.其往往具有不具有明显的特征,这需要我们进行抽象概括才能解决各种问题.作为当代中国的大学生,应该不再只是被动的等待别人告诉你应该做什么,而是应该主动的去了解自己要做什么,然后全力以赴的去完成.所以在大学期间我们觉得多与社会接触,多了解自己所处的环境,多了解你将会面对的种种问题,对以后的发展和继续深造都是非常非常有益处的.当然,也要摆正勤工助学于学习的关系,切不可因打工而荒废四年的青春,荒废人生宝贵的大学学习时期.正如有名的 microsoft 公司副总裁李开复教授曾说过的一样:打工只是学习生活中的一种

13、补充,学习才是最重要的.实践是学生接触社会,了解社会,服务社会,运用所学知识实践自我的最好途径.亲身实践,而不是闭门造车.实现了从理论到实践再到理论的飞跃.增强了认识问题,分析问题,解决问题的能力.为认识社会,了解社会,步入社会打下了良好的基础.同时还需我们在以后的学习中用知识武装自己,用书本充实自己,为以后服务社会打下更坚固的础! 网页设计跟学习别的东西一样，也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。11学习网页设计需要耐心，如果没有耐心，就学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我们就碰到过一个问题，用了很长时间才解决。学习网

14、页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，因此我们要不断的学习并且学习网页设计不要掉入技术的陷阱，如果你的网页设计技术一流，并且对软件的掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是网络游戏网站介于平面设计和编程技术两者之间的边缘科学.不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到 html,javascript,css,asp,php 等编程语言技术方面的知识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的 web 页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能，并且我们认为网页设

15、计应该注重实用性，因为它是让人浏览的，是用户可以抚摸，可以评论，可以交互的。因此我们提倡简单的美。不要过于注重色彩的灿烂，只要简单就行。我们最终追求的主要是实用价值。实训其中的酸甜苦辣我们会在今后的日子里不断地去咀嚼，去回味，去探索。从制作网页过程中，我们学到了新的美化网页的方法，运用了更多以前未运用的技巧。这使我们学到了更多的知识，并且为我们自己在制作网页这方面积累了一些经验。这些将是我们人生中的一次重要的经历，将是我们今后走上社会后的一笔巨大的财富。这次实训的收获对我来说有不少，我们感觉在知识、技能等方面都有了不少的收获。总体来说这次是对我们的综合素质的培养，锻炼和提高。 7、 相相 关关 模模 块块 代代 码码12导航条：导航条：首页    !-|   公司新闻    -|    竞技游戏  &nbs