网页设计报告文档格式.docx
《网页设计报告文档格式.docx》由会员分享，可在线阅读，更多相关《网页设计报告文档格式.docx（14页珍藏版）》请在冰点文库上搜索。
2.1网站的需求分析7
2.2网站的界面设计7
3、网站的总体规划7
3.1制作网页的一般步骤7
3.2.1文本8
3.2.2图像8
3.2.3超级链接8
3.2.4表格8
4、网页的层次结构以及相关图表9
5、总体设计10
6、实践心得体会10
7、相关模块代码11
前言
对于现在的社会，科技的飞速发展已经成为社会发展的标志。
其中计算机的发展可谓快中之快，而在计算机的发展中计算机网络的发展又是首当其冲的。
计算机网络从为我们所知，到现在才经历的短短的几年时间，在这几年中随着计算机网络的广泛应用，特别是Internet的普及和发展，网络已经成为了不可或缺的通信手段。
不论是最新的新闻信息、新产品的出台、新游戏的发布、最新的各种IT动态。
但是什么为这所有的一切提供平台的呢。
我们又是通过什么来获取这些消息的呢——对就是网页。
现如今，数以万计的网站以网页的方式提供了丰富、精彩的信息。
在人类社会进入信息时代的时候，在网络成为通信的主要手段的时候，在计算机网络普及的今天，网页也在它自己的岗位上做出了突出的贡献。
网页是我们在网络上的“带言人”。
我们将什么样的信息传达给浏览者，要讲述什么要的事情，网页在这里起着重用的作用。
1、实训心得
1.1意义
网页设计与制作综合实训是教学过程中重要的实践性教学环节.它是根据专业教学计划的要求,在教师的指导下对学生进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的转化,是对理论与实践教学效果的检验,也是对学生综合分析能力与独立工作能力的培养过程.因此加强实践教学环节,搞好实训教学,对实现本专业的培养目标,提高学生的综合素质有着重要的作用。
1.2目的
通过网络将全州县推广到全国,让全国了解全州,从而促进全州的经济发展,同时也推进本县政府的工作更成熟.
1.3步骤
1.3.1主题
我们的网站的主旨在于从各个方面全面的介绍全州。
最重要的是做出我们自己的风格，给浏览者好的欣赏感受。
1.3.2网站材料
主要在网站上搜集所要的网页信息，包括图片、文字、相关的新闻。
同时，查询相关的书籍、XX和素材光盘等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。
要想做好我们的网站，能够给浏览者好的欣赏感受，就要尽量
搜集材料，搜集得材料越多，以后制作网站就越容易。
精选我们收集的材料，作为我们制作网页的素材，这样就可以做好一个好的网站。
2、需求分析
2.1网站的需求分析
Internet是目前世界上最大的计算机互联网络，它遍布全球，将世界各地各种规模的网络连接成一个整体。
作为Internet上一种先进的。
易于被人们所接受的信息检索手段，发展十分迅速，成为目前世界上最大的信息资源宝库。
Web站点向用户提供的服务将越来越来丰富，越来越人性化。
因此网站建设在Internet应用上的地位显而易见，它已成为政府，企业
事业信息化建设中的重要组成部分，从而备受人们的重视。
提高公司知名度，扩大公司规模。
我们网站可以实现的功能可以方便直观的观看到全州的历史,全州的现在,全州风土人情,全州的资源。
3、网站的总体规划
3.1制作网页的一般步骤
先组织好你的网页内容，然后确定网页所具有的外观和特色，目的就是让用户被你的网页所吸引。
如果你只是要把很多漂亮的画面堆在一起，而不管内容，那将没人看。
应该让你的网页不仅漂亮，更重要的是实用。
最后，等网页做好了，就该发布站点了。
站点发布后，为了保持站点的吸引力，要经常修改网页的内容（添加新的内容，更换已过时的图象等），就要更新和维护你的站点了。
3.2网页包括的元素
设计网页的目的主要是发布信息，因此，作为信息载体的文本和图像也就成为了网页的基本组成部分。
3.2.1文本
文本一直是人类最重要的信息载体和交流工具，网页中的信息也以文本为主，与图像相比，文字虽不如图像那样能够很快的引起浏览者的注意，但却能准确地表达信息的内容和含义，为了克服文字固有的缺点，人们赋予了网页中文本更多的属性，如文字，字号，颜色，底纹和边框，通过不同格式的区别，突出显示重要的内容，此外，用户还可以在网页中设计
各种各样的文字列表来清晰表达一系列项目，这些功能都给网页中的文本赋予了新的生命力。
3.2.2图像
图像在网页中具有提供信息，展示作品，装饰网页，表达个人情调和风格的作用。
用户可以在网页中使用很多种图像文件格式。
3.2.3超级链接
超级链接技术可以说是万维网流行起来的最主要的原因，它是从一个网页指向另一个目的端的链接，例如指向另一个网页或相同网页上的不同位置，这个目的端通常是另一个网页，但也可以是一幅图片，一个电子邮件地址，一个文件，一个程序或本网页中的其它位置，其载体通常是文本，图片或图片中的区域，也可以是一些不可见的程序脚本。
3.2.4表格
在网页中表格用来控制网页中信息的布局方式。
这包括两方面：
一是使用行列的形式来布局文本和图像以及其它的列表化数据。
二是还可以用表格来美化网页。
4、网页的层次结构以及相关图表
5、总体设计
标题栏通过photoshop软件进行处理，文字的制作以及面板的处理与排版；
导航栏、分类介绍、全州概况介绍模块同样运用PS工具进行图文的切割，通过CSS样式进行排版，用DREAMWEAVER软件制作图文，从XX搜索图片进行整理。
6、实践心得体会
实践让我们走向科技应用,走出课堂.当前,我们缺少的主要不是知识,而是缺少将知识与实际相结合的能力.我们在课堂上所学的,与在实际当中遇到的是不尽相同的.其往往具有不具有明显的特征,这需要我们进行抽象概括才能解决各种问题.
作为当代中国的大学生,应该不再只是被动的等待别人告诉你应该做什么,而是应该主动的去了解自己要做什么,然后全力以赴的去完成.所以在大学期间我们觉得多与社会接触,多了解自己所处的环境,多了解你将会面对的种种问题,对以后的发展和继续深造都是非常非常有益处的.
当然,也要摆正勤工助学于学习的关系,切不可因打工而荒废四年的青春,荒废人生宝贵的大学学习时期.正如有名的Microsoft公司副总裁李开复教授曾说过的一样:
"
打工只是学习生活中的一种补充,学习才是最重要的."
实践是学生接触社会,了解社会,服务社会,运用所学知识实践自我的最好途径.亲身实践,而不是闭门造车.实现了从理论到实践再到理论的飞跃.增强了认识问题,分析问题,解决问题的能力.为认识社会,了解社会,步入社会打下了良好的基础.同时还需我们在以后的学习中用知识武装自己,用书本充实自己,为以后服务社会打下更坚固的础!
网页设计跟学习别的东西一样，也需要兴趣，所谓的兴趣也不是三分钟热度，是一种执著。
学习网页设计需要耐心，如果没有耐心，就学不好网页设计，应为当你碰到一个问题时，如果不能立刻得到问题的答案，你可能需要很长时间去解决，我们就碰到过一个问题，用了很长时间才解决。
学习网页设计需要坚持，坚持不断的学习，因为设计网页的软件在不断的更新，因此我们要不断的学习并且学习网页设计不要掉入技术的陷阱，如果你的网页设计技术一流，并且对软件的掌握程度已经达到一定水平，但是你设计的网页确不堪目睹，这是因为网页设计是
介于平面设计和编程技术两者之间的"
边缘科学."
不仅涉及到美学,心理学,平面构成,色彩搭配等平面设计的方面的知识,还涉及到html,javascript,css,asp,php等编程语言技术方面的知识.只有综合运用多种知识,才能设计出视听特效,动感十足,富于个性的web页面,才能全面展现互联网这一新型媒体的独特魅力和多维空间的超强功能，并且我们认为网页设计应该注重实用性，因为它是让人浏览的，可以评论，可以交互的。
因此我们提倡简单的美。
不要过于注重色彩的灿烂，只要简单就行。
我们最终追求的主要是实用价值。
实训其中的酸甜苦辣我们会在今后的日子里不断地去咀嚼，去回味，去探索。
从制作网页过程中，我们学到了新的美化网页的方法，运用了更多以前未运用的技巧。
这使我们学到了更多的知识，并且为我们自己在制作网页这方面积累了一些经验。
这些将是我们人生中的一次重要的经历，将是我们今后走上社会后的一笔巨大的财富。
这次实训的收获对我来说有不少，我们感觉在知识、技能等方面都有了不少的收获。
总体来说这次是对我们的综合素质的培养，锻炼和提高。
7、相关模块代码
一主页：
<
!
DOCTYPEhtmlPUBLIC"
-//W3C//DTDXHTML1.0Transitional//EN"
"
http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
htmlxmlns="
//www.w3.org/1999/xhtml"
head>
metahttp-equiv="
Content-Type"
content="
text/html;
charset=gb2312"
/>
title>
无标题文档<
/title>
styletype="
text/css"
--
.STYLE6{
font-size:
36px;
color:
#FF0000;
font-family:
仿宋"
;
font-weight:
bold;
}
.STYLE19{font-size:
50px;
#FFFF33;
}
.STYLE21{
#993300;
-->
/style>
/head>
body>
tablewidth="
1143"
height="
896"
border="
1"
bordercolor="
#FFFF00"
<
tr>
tdheight="
200"
colspan="
3"
align="
center"
background="
minzubeij2副本.jpg"
&
nbsp;
/td>
/tr>
tdwidth="
224"
69"
file:
///C|/Users/Administrator/Documents/全州/设计网站主页_04.gif"
spanclass="
STYLE19"
ahref="
Untitled-5.html"
全州概况<
/a>
/span>
903"
2"
rowspan="
7"
valign="
top"
bgcolor="
#FFFF33"
pclass="
STYLE21"
全州县位于<
/view/4652.htm"
target="
_blank"
广西<
壮族自治区东北部，<
/view/48301.htm"
湘江<
上游，地处<
/view/395113.htm"
湘桂走廊<
，堪称广西北大门。
西接<
/view/8581.htm"
湖南<
永州市零陵区、双牌县，南界灌阳县、兴安县，西挨资源县，北达湖南新宁县、东安县。
南与桂林市相距125公里，北与<
/view/14560.htm"
湖南省<
的永州市相隔78公里，湘桂铁路与<
/view/157817.htm"
322国道<
平行贯穿全县南北。
全州县辖9个镇、7个乡、2个<
/view/257298.htm"
民族乡<
。
全州县历史悠久，拥有众多名胜古迹，自然资源丰富，地理位置优越。
全州名人辈出，古代有石涛大师等，当代名人有蒋淑玉、盘文波、蒋钦挥等。
素有广西北大门之称的全州县，位于东经110°
37'
－111°
29'
，北纬25°
－26°
23'
之间。
总人口78万人，已形成完整的金融、商业、文化等经贸体系，商业活跃、市场繁荣，是湘桂走廊上的明珠。
为<
/view/672632.htm"
桂林市<
面积最大、人口最多的县。
/p>
trbackground="
60"
旅游.html"
旅游<
61"
Untitled-6.html"
政务公开<
2_20090814080842_z8yvA.jpg"
54"
Untitled-9.html"
经济地图<
Untitled-10.html"
新闻<
留言.html"
在线问答<
324"
#F0F0F0"
/table>
/body>
/html>
8、制作过程及要点：
1、在首页左边分类：
分为概况、旅游、政务、经济、历史等几个部分在右边介绍全州概况。
2、在概况中分为历史、现状、经济等小类
3在政务中主要介绍县城的政府部门和法律法规。
4在经济地图中主要介绍全州的比较大的企业和比较出名的特产。
5新闻栏目主要介绍全州的一些趣味新闻和即时新闻等，因为一个县城也没多少大事发生。
9、设计总结
通过这次网页课程设计激发学习兴趣，调动学习的自觉性，自己动脑、动手，动口，运用网络资源，结合教材及老师的指导，通过自身的实践，创作出积聚个人风格、个性的个人网页。
总体来说，整个学期的学习过程，我学会了很多知识，
在设计网页的这几天里，我充分利用了这次设计的机会，全心全意投入到网页世界，去不断的学习，去不断的探索；
同时去不断的充实，去不断的完善自我，在网络的天空下逐渐的美化自己的人生！
做好页面，并不是一件容易的事，它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。
本次课程设计不是很好，页面过于简单，创新意识反面薄弱，这是我需要提高的地方。
需要学的地方还有很多，需要有耐心、坚持，不断的学习，综合运用多种知识，才能设计出好的web页面。
总体来说，通过这次的对网页课程设计，有收获也有遗憾、不足的地方，但我想，我已经迈入了网页设计的大门，只要我再认真努力的去学习，去提高，凭借我对网页设计的热情和执着，我将来设计出的网页会更加专业，更完善。
感谢老师、同学在这次课程设计中给我的帮助、指导。
升级会员 