网站建设实训报告样本

1、实训要求求5个人一一组，每每个组员员分工合合作完成成一个公公司的网网站，例例如组员1负负责：网网站总设设计，公公共文件件，设计计公司LLOGOO,图片片组员2负负责：用用户浏览览模块组员3负负责：系系统管理理模块组员4负负责：数数据库设设计组员5负负责：网网站内容容编写每组确定定一个公公司的名名字，定定这个公公司的主主营产品品展示，公司简简介，新新闻中心心，企业业文化等等内容，联系我我们页面面就写每每个组员员的名字字1站点点结构与与命名。 站站点文件件夹为班班级学号号姓名(如：网网络0661（华华为）550张强强) 站点文文件夹中中所包含含文件夹夹：Immagees（存存放图片片文件）Temp

2、plattes（存放模模版文件件）Librraryy（存放放库文件件）otheer（存存放其它它文件）sourrce （存放放自己设设计的图图形、动动画文件件）其余视文文件夹需需要而添添加，全全部用英英文命名名 站点点文件夹夹中所包包含文件件： iindeex （首页） *.csss （样样式表文文件）其文件余余视需要要而添加加，全部部用英文文名 22.页面面布局合合理，色色彩和谐谐，链接接正确，图文并并茂并茂茂。网站站页面大大小应该该满足8800*6000分辨率率的客户户，兼顾顾10224*7768分分辨率。 主主要图片片和动画画为原创创（保存存有源文文件），主页标标题图片片（动画画）必须须

3、为原创创。实训报告告格式网站建建设实训训报告班级： _网络0091_姓名： _ 王旭旭_ _学号： _27_指导老师师：鲁志志萍时 间：20111年66月 113日 20011年年6月 24日日实训目的的进一步熟熟悉和掌掌握网站站建设的的基本流流程和技技术规范范；巩固运用用Dreeamwweavver网网页制作作软件制制作网页页、特别别是制作作动态网网页的知知识；巩固运用用Firrewoorkss图像处处理软件件进行网网页中图图形制作作和运用用flaash动动画制作作软件设设计网页页中动画画的知识识；巩固综合合运用DDreaamweeaveer、FFireeworrks、flaash三三个软件

4、件完成网网站建设设任务的的方法，能独立立设计一一个内容容完整、图文并并茂、技技术运用用得当的的网站；具备独立立撰写实实训报告告等科技技文件的的基本能能力；在网页设设计的实实践中培培养分析析问题、解决问问题的能能力，培培养协作作、交流流的能力力，培养养创新能能力和团团队意识识；为今后从从事网站站开发、维护和和管理奠奠定基础础。总体设计计一、明确确建立商商业网站站目标及及用户需需求在互联联网中，建设一一个网站站的目的的，应该该大家都都明白的的，在WWeb站站点设计计展现企企业形象象、介绍绍产品和和服务、体现企企业发展展战略重重要途径径，因此此必须明明确设计计站点的的目的和和用户需需求，从从而做出出

5、切实可可行的设设计计划划。要根根据消费费者需求求、市场场状况、运营模模式、企企业自身身情况等等进行综综合分析析，牢记记以“消消费者(cusstommer)”为中中心，而而不是以以“美术术”为中中心进行行设计规规划。在在这里想想与大家家说说一一下，不不管网站站制作师师设计什什么类型型的网站站时，都都要考虑虑到网站站是以客客户体验验为中心心来建设设的，而而不是考考虑到个个人的想想法或为为了追求求好看而而去设计计一些对对用户体体验很差差的网页页，要以以中小企企业的发发展及企企业的产产品风格格去设计计。二、网页页设计：展现企企业形象象，充分分结合企企业的CCI（Corrporratee Iddentt

6、ityy），突突出企业业形象。三、设计计主题鲜鲜明：在在目标明明确的基基础上，完成网网站的构构思创意意即总体体设计方方案。对对网站的的整体风风格和特特色做出出定位，规划网网站的组组织结构构。做到到主题鲜鲜明突出出，要点点明确，以简单单明确的的语言和和画面体体现站点点的主题题。整体体布局合合理，流流畅，表表达和谐谐；在网网站设计计中，网网站的整整体布局局是至关关重要的的一环，这将关关系到浏浏览者能能否清晰晰地、容容易地找找到所需需的信息息和内容容的关键键。每一一个栏目目、每一一幅页面面之间的的相关性性、连接接都要充充分考虑虑。四、网站站版式设设计网页设设计作为为一种视视觉语言言，要讲讲究编排排和

7、布局局，虽然然主页设设计不等等同于平平面设计计但它们们有许多多相近之之处，应应充分加加以利用用和借鉴鉴。 版版式设计计通过文文字图形形的空间间组合，表达出出和谐与与美。一一个优秀秀网页设设计者也也应该知知道哪一一段文字字图形该该落于何何处，才才能使整整个网页页生辉。 多页页面站点点页面的的编排设设计要求求把页面面之间有有机联系系反映出出来，特特别要处处理好页页面之间间和页面面内的秩秩序与内内容的关关系。为为了达到到最佳视视觉表现现效果，应讲究究整体布布局合理理性，使使浏览者者有一个个流畅的的视觉体体验五、使用用软件，硬件和和技术分分析说明明对专业网网页图像像设计的的FIRREWOORKSS，三

8、者者被MAACROOMEDDIA公公司称为为DREEAMTTEAMM(梦之之队)，足见市市场的反反响和MMACRROMEEDIAA公司对对它们的的自信。说到DDREAAMWEEAVEER我们们应该了了解一下下网页 HYPERLINK /view/499644.htm 编编辑器的的发展过过程，随随着 HYPERLINK /view/6825.htm 互联联网( HYPERLINK /view/11165.htm Intternnet) 的家家喻户晓晓， HYPERLINK /view/692.htm HTTML技技术的不不断发展展和完善善，随之之而产生生了众多多网页编编辑器，从网页页编辑器器基本

9、性性质可以以分为所所见即所所得网页页编辑器器和非所所见即所所得网页页编辑器器（则原原始代码码编辑器器），两两者各有有千秋。所见则则所得网网页编辑辑器的优优点就是是直观性性，使用用方便，容易上上手，您您在所见见即所得得网页编编辑器进进行网页页制作和和在 HYPERLINK /view/23213.htm WOORD中中进行文文本编辑辑不会感感到有什什么区别别，但它它同时也也存在着着致命的的弱点。最佳的制制作效率率Drreammweaaverr可以用用最快速速的方式式将Fiirewworkks， HYPERLINK /view/58639.htm FFreeeHannd，或或 HYPERLINK

10、/view/2929.htm Phootosshopp等档案案移至网网页上。使用检检色 HYPERLINK /view/1139733.htm 吸管管工具选选择荧幕幕上的颜颜色可设设定最接接近的网网页安全全色。对对于选单单， HYPERLINK /view/103895.htm 快捷捷键与格格式控制制，都只只要一个个简单步步骤便可可完成。Dreeamwweavver能能与您喜喜爱的设设计工具具，如PPlayybacck FFlassh，SShocckwaave和和外挂模模组等搭搭配，不不需离开开Dreeamwweavver便便可完成成，整体体运用流流程自然然顺畅。除此之之外，只只要单击击便可使

11、使Dreeamwweavver自自动开启启 HYPERLINK /view/137218.htm Firrewoork或或Phootosshopp来进行行编辑与与设定图图档的最最佳化。 网站管理理使用用网站地地图可以以快速制制作网站站雏形、设计、更新和和重组网网页。改改变网页页位置或或档案名名称，DDreaamweeaveer 会会自动更更新所有有连结。使用支支援文字字、HTTML码码、HTTML属属性标签签和一般般语法的的搜寻及及置换功功能使得得复杂的的网站更更新变得得迅速又又简单。 无可比拟拟的控制制能力Drreammweaaverr是唯一一提供RRounndtrrip HTMML、视视觉

12、化编编辑与原原始码编编辑同步步的设计计工具。它包含含HommeSiite和和BBEEditt等主流流文字编编辑器。帧(fframmes)和表格格的制作作速度快快的令您您无法想想像。进进阶表格格编辑功功能使您您简单的的选择单单格、行行、栏或或作未连连续之选选取。甚甚至可以以排序或或格式化化表格群群组，DDreaamweeaveer 支支援精准准定位，利用可可轻易转转换成表表格的图图层以拖拖拉置放放的方式式进行版版面配置置。所见见即所得得 Drreammweaaverr成功整整合动态态式出版版视觉编编辑及电电子商务务功能，提供超超强的支支援能力力给Thhirdd-paartyy厂商，包含AASP，

13、 Appachhe，BBroaadViisioon， Colld FFusiion，iCAAT， Tanngo与与自行发发展的应应用软体体。当您您正使用用Dreeamwweavver在在设计动动态网页页时，所所见即所所得的功功能，让让您不需需要透过过浏览器器就能预预览网页页。梦幻幻样版和和XMLL Drreammweaaverr将内容容与设计计分开，应用于于快速网网页更新新和 HYPERLINK /view/1004561.htm 团队队合作网网页编辑辑。建立立网页外外观的样样版，指指定可编编辑或不不可编辑辑的部份份，内容容提供者者可直接接编辑以以样式为为主的内内容却不不会不小小心改变变既定之

14、之样式。您也可可以使用用样版正正确地输输入或输输出XMML内容容。 Dreaamweeaveer还集集成了程程序开发发语言，对ASSP、.NETT、PHHP、JJS的基基本语言言和连接接操作数数据库，都是完完全支持持的。Acceess的的优点（1）存存储方式式简单，易于维维护管理理 Acccesss管理理的对象象有表、查询、窗体、报表、页、宏宏和模块块，以上上对象都都存放在在后缀为为（.mmdb或或.acccdbb）的数数据库文文件中，便于用用户的操操作和管管理。 (2)面面向对象象 Acccesss是一一个面向向对象的的开发工工具，利利用面向向对象的的方式将将数据库库系统中中的各种种功能对对

15、象化，将数据据库管理理的各种种功能封封装在各各类对象象中。它它将一个个应用系系统当作作是由一一系列对对象组成成的，对对每个对对象它都都定义一一组方法法和属性性，以定定义该对对象的行行为和外外国，用用户还可可以按需需要给对对象扩展展方法和和属性。通过对对象的方方法、属属性完成成数据库库的操作作和管理理，极大大地简化化了用户户的开发发工作。同时，这种基基于面向向对象的的开发方方式，使使得开发发应用程程序更为为简便。 （3）界界面友好好、易操操作 .Acccesss是一个个可视化化工具，是风格格与Wiindoows完完全一样样，用户户想要生生成对象象并应用用，只要要使用鼠鼠标进行行拖放即即可，非非常

16、直观观方便。系统还还提供了了表生成成器、查查询生成成器、报报表设计计器以及及数据库库向导、表向导导、查询询向导、窗体向向导、报报表向导导等工具具，使得得操作简简便，容容易使用用和掌握握。 （4）集集成环境境、处理理多种数数据信息息 Acccesss基于WWinddowss操作系系统下的的集成开开发环境境，该环环境集成成了各种种向导和和生成器器工具，极大地地提高了了开发人人员的工工作效率率，使得得建立数数据库、创建表表、设计计用户界界面、设设计数据据查询、报表打打印等可可以方便便有序地地进行。 （5）AAcceess支支持ODDBC（开发数数据库互互连，OOpenn Daata Basse CC

17、onnnecttiviity），利用用Acccesss强大的的DDEE（动态态数据交交换）和和OLEE（对象象的联接接和嵌入入）特性性，可以以在一个个数据表表中嵌入入位图、声音、Exccel表表格、WWordd文档，还可以以建立动动态的数数据库报报表和窗窗体等。Acccesss还可以以将程序序应用于于网络，并与网网络上的的动态数数据相联联接。利利用数据据库访问问页对象象生成HHTMLL文件，轻松构构建Innterrnett/Inntraanett的应用用。（6）支支持广泛泛，易于于扩展，弹性较较大 能够够将通过过链接表表的方式式来打开开EXCCEL文文件、格格式化文文本文件件等，这这样就可可以

18、利用用数据库库的高效效率对其其中的数数据进行行查询、处理。还可以以通过以以Acccesss作为前前台客户户端，以以SQLL Seerveer作为为后台数数据库的的方式（如ADDP）开开发大型型数据库库应用系系统。总总之，AAcceess是是一个既既可以只只用来存存放数据据的数据据库，也也可以作作为一个个客户端端开发工工具来进进行数据据库应用用系统开开发；即即可以开开发方便便易用的的小型软软件，也也可以用用来开发发大型的的应用系系统。六、网站站空间的的构成和和虚拟现现实网络上上的虚拟拟空间是是一个假假想空间间，网站站只能通通过这个个空间来来把他展展现到互互联网上上，让每每一个人人都能在在网络上上

19、看到你你的网站站设计与与网站中中的信息息，这种种空间关关系需借借助动静静变化.图像的的比例关关系等空空间因素素表现出出来。 制作网网站的同同时，都都要上传传页面中中，图片片、文字字位置前前后叠压压，或页页面位置置变化所所产生的的视觉效效果都各各不相同同。图片片、文字字前后叠叠压所构构成的空空间层次次目前还还不多见见，网上上更多的的是一些些设计比比较规范范、简明明的页面面，这种种叠压排排列能产产生强节节奏的空空间层次次，视觉觉效果强强烈。七、多媒体体功能的的利用传统统的宣传传也就是是永远不不可缺少少的，多多媒体宣宣传方面面真正是是一个品品牌宣传传的不重重要模式式，同时时网络资资源优势势之一是是多

20、媒体体功能。要吸引引浏览者者注意力力，页面面内容可可以用三三维动画画、FLLASHH等来表表现。但但要注意意，由于于网络带带宽限制制，在使使用多媒媒体的形形式表现现网页内内容时应应考虑客客户端的的传输速速度。八、网站内内容要每每天保持持更新一个个网站建建设已完完成了，那要如如何去增增加和丰丰富网站站的内容容呢!也也要企业业Webb站点建建立后，要不断断更新内内容。站站点信息息的不断断更新，让浏览览者了解解企业的的发展动动态和网网上职务务等，同同时也会会帮助企企业建立立良好形形象。 在企业业Webb站点上上，要认认真回复复用户的的电子邮邮件和传传统的联联系方式式如信件件.做到到有问必必答。最最好

21、将用用户用意意进行分分类，如如售前一一般了解解.售后后服务等等，由相相关部门门处理，使用站站访问者者感受到到企业的的真实存存在并由由此产生生信任感感。 注注意不要要许诺你你实现不不了的东东西，在在你真正正有能力力处理回回复之前前，不要要恳求用用户输入入信息或或罗列一一大堆自自己不能能及时答答复的电电话号码码。 如如果要求求访问者者自愿提提供其个个人信息息，应公公布并认认真履行行个人隐隐私保承承诺。网站地图图：企业网站站的总体体规划图图：详细设计计设计实现现：企业业网站主主要有两两个模块块。一是是前台用用户浏览览模块，二是后后台管理理模块。前台管管理模块块主要作作用用于于企业网网站的展展示（公公

22、司简介介，新闻闻中心，产品展展示、企企业文化化）和互互动（留留言板、联系我我们）同同时提供供后台管管理的接接口。后后台管理理系统包包括四个个方面：企业信信息管理理、新闻闻管理、产品管管理留言言管理。企业信信息管理理包括公公司介绍绍、联系系我们、企业文文化。新新闻管理理包括新新闻列表表、添加加新闻、产品管管理包括括产品类类别设置置、添加加产品类类别、产产品管理理、添加加产品。留言管管理包括括留言列列表。整整个系统统的数据据库采用用Acccesss数据库库，对于于小型企企业网络络相比SSQLsservver来来说比较较合适本本系统。Acccesss相比其其他数据据库操作作方便，简单易易懂对于于刚开

23、始始接触数数据库的的用户来来说比较较容易上上手，可可以更好好的对企企业内的的数据进进行管理理。本系系统数据据库名为为commpanny。包包含Addminns、IIntrro、MMesssagee、Neew、NNewssTyppe、PProdductt、prroduuctTTypee数据表表个数据表表的数据据内容Admiins：Intrro：Messsagee：New：NewssTyppe：Prodductt：prodducttTyppe：数据表之之间的联联系页面的设设计使用用DW(Dreeamwweavver)进行设设计开发发。开发发语言使使用Jaava语语言，AASP平平台进行行开发。主界

24、面主页是一一个网站站的门户户，一般般是用户户进入网网站浏览览的第一一个页面面。本系系统的主主页是defaaultt.assp 文文件。这这个页面面的上部部有链接接到其他他页面的的导航，主要位位置是企企业的相相关介绍绍，页面左侧侧的“网站公公告”和“公司简简介”两个模模块分别别引用的的是文件件l_bbullletiin.aasp 和l_prrofiile.aspp。点击击“公司简简介”下面的的“公司介介绍”、“联系我我们”和“企业文文化”相应的的内容在在页面的的右侧显显示。公司简介介“公司简简介”包含三三项内容容，分别别是“公司介介绍”、“联系我我们”和“企业文文化”，通过过点击页面左左侧的导导

25、航可以以在页面面右侧打打开。“公司简简介”的三项项内容存存入数据据库Inntroo 表中中，要显显示某一一项内容容，在每每次调用用inttro.aspp 文件件时把字字段InntrooNamme 的的值传递递给参数数typpe，并并通过语语句rss(CClicck_NNum) = rss(CClicck_NNum)+11统计文文件被访访问次数数。联系我们们界面留言板界界面guesstboook_addd.assp 文文件显示示留言板板页面，在这个个页面用用户可以以在线留留言。guesstboook_addd.assp 采采用模块块化设计计，页面面左侧引引用l_newws.aasp 文件和和l_

26、pprodductt.assp 文文件，页页面右侧侧引用mmsg.aspp 文件件。企业文化化新闻中心心界面newss.assp 文文件的主主要作用用是显示示所有新新闻列表表，包括括新闻类类型、新新闻标题题和更新新时间，对于当日日新闻给给予标示示。newss_innfo.aspp 文件件的主要要作用是是显示某某一新闻闻的详细细内容，包括新新闻题目目、新闻闻内容和和发布时间间及阅读读次数。管理员登登陆界面面系统管理理模块的的主要作作用是对对网站信信息进行行管理，如对信信息作添添加、修修改和删删除等操操作。主要分为为企业信信息管理理、新闻闻管理、产品管管理和留留言管理理四个部分分。为了网站站文件管

27、管理方便便，在coompaany 文件夹中创建建一个新新目录AAdmiin，用用于存放放系统管管理模块的的相关文文件。管理员登登录模块块主要由由三个文文件实现现，管理理员登录文件件loggin.aspp、验证管理理员登录信息息文件chhkaddminn.assp 和和检测管理理员是否否登录文文件chhklooginn.assp。产品管理理界面产品管理理由八个个文件实实现，分分别是添添加产品品文件pprodductt_addd.aasp、查看产产品列表表文件prodductt_liist.aspp、修改改产品文文件prroduuct_moddifyy.assp、保保存修改改结果文文件prrodu

28、uct_savve.aasp、删除产产品文件件prooducct_ddel.aspp、添加加产品类类型文件件prooducct_ttypee_addd.aasp、修改产产品类型型文件prodductt_tyype_moddifyy.assp 和和查看产产品类型型文件pprodductt_tyype_lisst.aasp。产品类别别设置界界面公司介绍绍修改界界面企业信息息管理主主要由iintrro_llistt.assp 来来实现。企业信信息有三三个项目目，分别别是公司司介绍、联系我们和和企业文文化。iintrro_llistt.assp 文文件可以以完成这这三个项项目内容容的修改改和查看看。联系我们们修改界界面产品添加加界面prodductt_addd.aasp 文件中中设计了了一个表表单，用用于接收收产品类类别、产产品名称称、关键键字、产产品图片和产产品说明明等信息息，并对对部分表表单内容容进行检检查。产品类别别设置界界面设计一个个表单，用于接