网站建设实训报告样本158011.docx

《网站建设实训报告样本158011.docx》由会员分享，可在线阅读，更多相关《网站建设实训报告样本158011.docx（18页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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

2、 Librrary （存放库库文件） otheer（存放放其它文件件） sourrce （存存放自己设设计的图形形、动画文文件） 其其余视文件件夹需要而而添加，全全部用英文文命名 站站点文件夹夹中所包含含文件： indeex （首首页） *.csss （样式式表文件）其文件余视视需要而添添加，全部部用英文名名 2.页面布局局合理，色色彩和谐，链链接正确，图图文并茂并并茂。网站站页面大小小应该满足足800*600分分辨率的客客户，兼顾顾10244*7688分辨率。 主要要图片和动动画为原创创（保存有有源文件），主主页标题图图片（动画画）必须为为原创。实训报告格格式网站建设设实训报告告 班级： _

3、 网络0091_姓名： _ 王旭_ _学号： _27_指导老师： 鲁志萍时 间： 20111年6月 13日 20111年6月月 24日日一、 实训目的1. 进一步熟悉悉和掌握网网站建设的的基本流程程和技术规规范；2. 巩固运用DDreammweavver网页页制作软件件制作网页页、特别是是制作动态态网页的知知识；3. 巩固运用FFirewworkss图像处理理软件进行行网页中图图形制作和和运用fllash动动画制作软软件设计网网页中动画画的知识；4. 巩固综合运运用Dreeamweeaverr、Firreworrks、fflashh三个软件件完成网站站建设任务务的方法，能独立设计一个内容完整、

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

5、企企业自身情情况等进行行综合分析析，牢记以以“消费者者(cusstomeer)”为为中心，而而不是以“美美术”为中中心进行设设计规划。在在这里想与与大家说说说一下，不不管网站制制作师设计计什么类型型的网站时时，都要考考虑到网站站是以客户户体验为中中心来建设设的，而不不是考虑到到个人的想想法或为了了追求好看看而去设计计一些对用用户体验很很差的网页页，要以中中小企业的的发展及企企业的产品品风格去设设计。二、网页页设计：展展现企业形形象，充分分结合企业业的CI（Corpporatte Iddentiity），突突出企业形形象。三、设计主主题鲜明：在目标明明确的基础础上，完成成网站的构构思创意即即总体

6、设计计方案。对对网站的整整体风格和和特色做出出定位，规规划网站的的组织结构构。做到主主题鲜明突突出，要点点明确，以以简单明确确的语言和和画面体现现站点的主主题。整体体布局合理理，流畅，表表达和谐；在网站设设计中，网网站的整体体布局是至至关重要的的一环，这这将关系到到浏览者能能否清晰地地、容易地地找到所需需的信息和和内容的关关键。每一一个栏目、每每一幅页面面之间的相相关性、连连接都要充充分考虑。四、网站版版式设计网页设设计作为一一种视觉语语言，要讲讲究编排和和布局，虽虽然主页设设计不等同同于平面设设计但它们们有许多相相近之处，应应充分加以以利用和借借鉴。 版版式设计通通过文字图图形的空间间组合，

7、表表达出和谐谐与美。一一个优秀网网页设计者者也应该知知道哪一段段文字图形形该落于何何处，才能能使整个网网页生辉。 多页面站站点页面的的编排设计计要求把页页面之间有有机联系反反映出来，特特别要处理理好页面之之间和页面面内的秩序序与内容的的关系。为为了达到最最佳视觉表表现效果，应应讲究整体体布局合理理性，使浏浏览者有一一个流畅的的视觉体验验五、使用软软件，硬件件和技术分分析说明对专业网页页图像设计计的FIRREWORRKS，三三者被MAACROMMEDIAA公司称为为DREAAMTEAAM(梦之之队)，足足见市场的的反响和MMACROOMEDIIA公司对对它们的自自信。说到到DREAAMWEAAV

8、ER我我们应该了了解一下网网页编辑器器的发展过过程，随着着互联网(Inteernett) 的家家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器），两者各有千秋。所见则所得网页编辑器的优点就是直观性，使用方便，容易上手，您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。最佳的制作作效率Dreeamweeaverr可以用最最快速的方方式将Fiirewoorks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工

9、具选择荧幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dreamweaver能与您喜爱的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dreamweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化。 网站管理使用网网站地图可可以快速制制作网站雏雏形、设计计、更新和和重组网页页。改变网网页位置或或档案名称称，Dreeamweeaverr 会自动动更新所有有连结。使使用支援文文字、HTTML码、HHTML

10、属属性标签和和一般语法法的搜寻及及置换功能能使得复杂杂的网站更更新变得迅迅速又简单单。 无可比拟的的控制能力力Dreeamweeaverr是唯一提提供Rouundtrrip HHTML、视视觉化编辑辑与原始码码编辑同步步的设计工工具。它包包含HommeSitte和BBBEditt等主流文文字编辑器器。帧(fframees)和表表格的制作作速度快的的令您无法法想像。进进阶表格编编辑功能使使您简单的的选择单格格、行、栏栏或作未连连续之选取取。甚至可可以排序或或格式化表表格群组，DDreammweavver 支支援精准定定位，利用用可轻易转转换成表格格的图层以以拖拉置放放的方式进进行版面配配置。所见

11、见即所得 Dreaamweaaver成成功整合动动态式出版版视觉编辑辑及电子商商务功能，提提供超强的的支援能力力给Thiird-ppartyy厂商，包包含ASPP， Appachee，BrooadViisionn， Coold FFusioon，iCCAT， Tanggo与自行行发展的应应用软体。当当您正使用用Dreaamweaaver在在设计动态态网页时，所所见即所得得的功能，让让您不需要要透过浏览览器就能预预览网页。梦梦幻样版和和XML Dreaamweaaver将将内容与设设计分开，应应用于快速速网页更新新和团队合合作网页编编辑。建立立网页外观观的样版，指指定可编辑辑或不可编编辑的部份份

12、，内容提提供者可直直接编辑以以样式为主主的内容却却不会不小小心改变既既定之样式式。您也可可以使用样样版正确地地输入或输输出XMLL内容。 Dreammweavver还集集成了程序序开发语言言，对ASSP、.NNET、PPHP、JJS的基本本语言和连连接操作数数据库，都都是完全支支持的。Accesss的优点点（1）存储储方式简单单，易于维维护管理 Acceess管理理的对象有有表、查询询、窗体、报报表、页、宏宏和模块，以以上对象都都存放在后后缀为（.mdb或或.acccdb）的的数据库文文件中，便便于用户的的操作和管管理。 (2)面向向对象 AAccesss是一个个面向对象象的开发工工具，利用用

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

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

15、ecctiviity），利利用Acccess强强大的DDDE（动态态数据交换换）和OLLE（对象象的联接和和嵌入）特特性，可以以在一个数数据表中嵌嵌入位图、声声音、Exxcel表表格、Woord文档档，还可以以建立动态态的数据库库报表和窗窗体等。AAccesss还可以以将程序应应用于网络络，并与网网络上的动动态数据相相联接。利利用数据库库访问页对对象生成HHTML文文件，轻松松构建Innternnet/IIntraanet的的应用。（6）支持持广泛，易易于扩展，弹弹性较大 能够够将通过链链接表的方方式来打开开EXCEEL文件、格格式化文本本文件等，这这样就可以以利用数据据库的高效效率对其中中的

16、数据进进行查询、处处理。还可可以通过以以Acceess作为为前台客户户端，以SSQL SServeer作为后后台数据库库的方式（如如ADP）开开发大型数数据库应用用系统。总总之，Acccesss是一个既既可以只用用来存放数数据的数据据库，也可可以作为一一个客户端端开发工具具来进行数数据库应用用系统开发发；即可以以开发方便便易用的小小型软件，也也可以用来来开发大型型的应用系系统。六、网站空空间的构成成和虚拟现现实网网络上的虚虚拟空间是是一个假想想空间，网网站只能通通过这个空空间来把他他展现到互互联网上，让让每一个人人都能在网网络上看到到你的网站站设计与网网站中的信信息，这种种空间关系系需借助动动

17、静变化.图像的比比例关系等等空间因素素表现出来来。 制作作网站的同同时，都要要上传页面面中，图片片、文字位位置前后叠叠压，或页页面位置变变化所产生生的视觉效效果都各不不相同。图图片、文字字前后叠压压所构成的的空间层次次目前还不不多见，网网上更多的的是一些设设计比较规规范、简明明的页面，这这种叠压排排列能产生生强节奏的的空间层次次，视觉效效果强烈。七、多媒体功能的利用传统的宣传也就是永远不可缺少的，多媒体宣传方面真正是一个品牌宣传的不重要模式，同时网络资源优势之一是多媒体功能。要吸引浏览者注意力，页面内容可以用三维动画、FLASH等来表现。但要注意，由于网络带宽限制，在使用多媒体的形式表现网页内

18、容时应考虑客户端的传输速度。八、网站内容要每天保持更新一个网站建设已完成了，那要如何去增加和丰富网站的内容呢!也要企业Web站点建立后，要不断更新内容。站点信息的不断更新，让浏览者了解企业的发展动态和网上职务等，同时也会帮助企业建立良好形象。 在企业Web站点上，要认真回复用户的电子邮件和传统的联系方式如信件.做到有问必答。最好将用户用意进行分类，如售前一般了解.售后服务等，由相关部门处理，使用站访问者感受到企业的真实存在并由此产生信任感。 注意不要许诺你实现不了的东西，在你真正有能力处理回复之前，不要恳求用户输入信息或罗列一大堆自己不能及时答复的电话号码。 如果要求访问者自愿提供其个人信息，

19、应公布并认真履行个人隐私保承诺。网站地图：企业网站的的总体规划划图：三、 详细设计设计实现：企业网站站主要有两两个模块。一一是前台用用户浏览模模块，二是是后台管理理模块。前前台管理模模块主要作作用用于企企业网站的的展示（公公司简介，新新闻中心，产产品展示、企企业文化）和和互动（留留言板、联联系我们）同同时提供后后台管理的的接口。后后台管理系系统包括四四个方面：企业信息息管理、新新闻管理、产产品管理留留言管理。企企业信息管管理包括公公司介绍、联联系我们、企企业文化。新新闻管理包包括新闻列列表、添加加新闻、产产品管理包包括产品类类别设置、添添加产品类类别、产品品管理、添添加产品。留留言管理包包括留

20、言列列表。整个个系统的数数据库采用用Acceess数据据库，对于于小型企业业网络相比比SQLsserveer来说比比较合适本本系统。AAccesss相比其其他数据库库操作方便便，简单易易懂对于刚刚开始接触触数据库的的用户来说说比较容易易上手，可可以更好的的对企业内内的数据进进行管理。本本系统数据据库名为ccompaany。包包含Admmins、IIntroo、Messsagee、Neww、NewwsTyppe、Prroducct、prroducctTyppe数据表表个数据表的的数据内容容Adminns：Introo：Messaage：New：NewsTType：Produuct：produuc

21、tTyype：数据表之间间的联系页面的设计计使用DWW(Dreeamweeaverr)进行设设计开发。开开发语言使使用Javva语言，AASP平台台进行开发发。主界面主页是一个个网站的门门户，一般般是用户进进入网站浏浏览的第一一个页面。本本系统的主主页是defauult.aasp 文文件。这个个页面的上上部有链接接到其他页页面的导航航，主要位位置是企业业的相关介介绍，页面左侧的的“网站公告告”和“公司简介介”两个模块块分别引用用的是文件件l_buullettin.aasp 和和l_proofilee.aspp。点击“公司简介介”下面的“公司介绍绍”、“联系我们们”和“企业文化化”相应的内内容在

22、页面面的右侧显显示。公司简介“公司简介介”包含三项项内容，分分别是“公司介绍绍”、“联系我们们”和“企业文化化”，通过点点击页面左侧侧的导航可可以在页面面右侧打开开。“公司简介介”的三项内内容存入数数据库Inntro 表中，要要显示某一一项内容，在在每次调用用intrro.assp 文件件时把字段段 IntrroNamme 的值值传递给参参数typpe，并通通过语句rrs(CClickk_Numm) = rs(Cliick_NNum)+1统计计文件被访访问次数。联系我们界界面留言板界面面guesttbookk_addd.aspp 文件显显示留言板板页面，在在这个页面面用户可以以在线留言言。gu

23、esttbookk_addd.aspp 采用模模块化设计计，页面左左侧引用ll_newws.assp 文件件和l_pproduuct.aasp 文文件，页面面右侧引用用msg.asp 文件。企业文化新闻中心界界面news.asp 文件的主主要作用是是显示所有有新闻列表表，包括新新闻类型、新新闻标题和和更新时间间，对于当日新新闻给予标标示。news_infoo.aspp 文件的的主要作用用是显示某某一新闻的的详细内容容，包括新新闻题目、新新闻内容和和发布时间及及阅读次数数。管理员登陆陆界面系统管理模模块的主要要作用是对对网站信息息进行管理理，如对信信息作添加加、修改和和删除等操操作。主要分为企企

24、业信息管管理、新闻闻管理、产产品管理和和留言管理理四个部分。为了网站文文件管理方方便，在commpanyy 文件夹中创建一一个新目录录Admiin，用于于存放系统管理模块的相相关文件。管理员登录录模块主要要由三个文文件实现，管管理员登录文件loogin.asp、验证管理员员登录信息文件chkkadmiin.assp 和检测管理员员是否登录文件件chklloginn.aspp。产品管理界界面产品管理由由八个文件件实现，分分别是添加加产品文件件 prodduct_add.asp、查查看产品列列表文件produuct_llist.asp、修修改产品文文件prooductt_moddify.asp、保

25、保存修改结结果文件pproduuct_ssave.asp、删删除产品文文件prooductt_dell.aspp、添加产产品类型文文件prooductt_typpe_addd.assp、修改改产品类型型文件produuct_ttype_modiify.aasp 和和查看产品品类型文件件 prodduct_typee_lisst.assp。产品类别设设置界面公司介绍修修改界面企业信息管管理主要由由 intrro_liist.aasp 来来实现。企企业信息有有三个项目目，分别是是公司介绍绍、联系我们和企企业文化。intro_list.asp 文件可以完成这三个项目内容的修改和查看。联系我们修修改界

26、面产品添加界界面produuct_aadd.aasp 文文件中设计计了一个表表单，用于于接收产品品类别、产产品名称、关关键字、产产品图片和产品品说明等信信息，并对对部分表单单内容进行行检查。产品类别设设置界面设计一个表表单，用于于接收产品品类型信息息，将接收收的数据保保存到数据据库，返回回产品类型型列表界面。新闻列表界界面通过 QUUERYSSTRINNG 集合合获取四个个参数：ppage、act、typee和id，根据据act 参数的值值判断是否删除相相应记录并并分页显示示新闻列表表。新闻添加界界面通过 REEQUESST 对象象的QUEERYSTTRINGG 集合获获取两个参参数：acct

27、 和typee，用SQLL 语句找找到添加记录录的新闻类类型编号，最最后将记录录添加到数数据库中。四、 结束语经过这两周周的实训，建建设网站，其其中遇到的的种种问题题也随着查查找资料、浏浏览相关网网站、老师师的指导、同同学的帮助助之下完成成了自己组组的网站建建设。从制制作过程中中，我运用用了更多以以前从未运运用的技巧巧，这使我我学到了更更多的知识识。并且为为我自己的的网站建设设积累了许许多经验，为为我以后的的工作经验验，走上社社会积累了了一些丰富富的经验。通通过这次实实训我获得得了许多，我我自己感觉觉在知识、技技能等方面面都有了不不少的收获获。五、实训中中遇到的问问题和解决决方法这次实训让让我

28、更加进进一步的了了解相互合合作的重要要性，相互互分工合作作比起之前前各做各的的所用时间间少了很多多，也让我我们知道相相互配合的的重要性，其其实我遇到到的问题比比较多，比比如打代码码比较繁多多，很让人人耐不住性性子，比如如要画图，要要制作数据据库表的设设计，很多多，很麻烦烦，但是把把这些繁重重的工作做做完，也蛮蛮有成就感感的，所以以我的这部部分工作最最主要的是是要耐下心心来做，耐耐下心来时时，会发现现时间过得得很快，这这也是我以以后要注重重的地方。另外该网站还有许多不尽人意的地方，网站还存在以下一些问题:(1)系统统在安全性性方面还有有一些问题题；(2)系统统的某些功功能还不能能够很好的的实现，同同时本系统统还某些方方面没有考考虑到；因此，以后后还应加强强这几个方方面的工作作和学习：对网站的的安全管理理方面的学学习和加强强；对一些些常用的应应用软件还还要多熟悉悉；更多地地加强对关关于网络功功能数据库库知识的学学习。