网站建设实训报告样本

实训要求5个人一组，每个组员分工合作完成一个公司的网站，例如组员1负责：网站总设计，公共文件，设计公司LOGO,图片组员2负责：用户浏览模块组员3负责：系统管理模块组员4负责：数据库设计组员5负责：网站内容编写每组确定一个公司的名字，定这个公司的主营产品展示，公司简介，新闻中心，企业文化等内容，联系我们页面就写每个组员的名字1．站点结构与命名。站点文件夹为班级学号姓名(如：网络061（华为）50张强)站点文件夹中所包含文件夹：Images（存放图片文件）Templates（存放模版文件）Library（存放库文件）other（存放其它文件）source（存放自己设计的图形、动画文件）其余视文件夹需要而添加，全部用英文命名站点文件夹中所包含文件：index（首页）*.css（样式表文件）计其文件余视低需要而添加炮，全部用英便文名贸2.象页面布局合娘理，色彩和宜谐，链接正孝确，图文并兆茂并茂。网迎站页面大小纺应该满足8弹00*60咽0分辨率的锹客户，兼顾蛾1024*支768分辨绳率。驴主要和图片和动画影为原创（保和存有源文件碧），主页标皆题图片（动早画）必须为召原创。烟实训报告恢格式富《网站建设间实训报告》脊咬易趟宽壁朋菜班级：士__班臂网络091全_____粉_____虽_清姓名：降_抽王怜旭黎____首棉_延学号：样_____机27已_____廉_____桥____甚指导老师：掠妖鲁志萍腐时蒙间：护透2011年抬6月13和日离——凉2011年芳6月24钟日实训目的滚进一步熟悉朱和掌握趟网站建设的碑基本流程和困技术规范牛；外巩固运用D塘reamw苦eaver扫网页制作软些件制作网页裕、特别是制创作动态网页验的知识嫁；维巩固运用F理irewo阵rks图像暑处理软件进苹行网页中图拘形制作和运搜用flas集h动画制作旅软件设计网丘页中动画的幅知识；骂巩固综合运继用Drea芹mweav想er、Fi撞rewor袋ks、fl科ash三个胁软件完成网肢站建设任务院的方法，望能独立设计誓一个内容完枯整、图文并者茂、技术运岸用得当的网锹站；煌具备独立撰罗写实训报告册等科技文件裤的基本能力匠；谈在网页设计荡的实践中培野养分析问题特、解决问题仗的能力，培沫养协作、交燕流的能力，连培养创新能顽力和团队意宫识；棍祖为今后从事篮网站开发、狐维护和管理余奠定基础。总体设计让一、明确建疗立商业网站繁目标及用户促需求哨在互联欲网中，建设愤一个网站的迷目的，应该蔬大家都明白赶的，在We皇b站点设计勉展现企业形超象、介绍产躁品和服务、筛体现企业发宅展战略重要冬途径，因此响必须明确设漂计站点的目规的和用户需瞒求，从而做紫出切实可行哪的设计计划境。要根据消详费者需求、地市场状况、有运营模式、吩企业自身情尝况等进行综描合分析，牢月记以“消费仆者(cus掉tomer欺)”为中心砌，而不是以茎“美术”为蜜中心进行设贡计规划。在谋这里想与大惩家说说一下迈，不管网站楼制作师设计规什么类型的鸟网站时，都橡要考虑到网孙站是以客户遍体验为中心斥来建设的，唇而不是考虑葵到个人的想此法或为了追兄求好看而去唤设计一些对皆用户体验很骡差的网页，盐要以中小企秧业的发展及膀企业的产品犁风格去设计昌。碧美二、透网页设计：升展现企业形欺象，充分结敏合企业的镇CI画（纳Corpo树rate水Ident绝ity棉），突出企杀业形象。离三、婶设计主题鲜丽明：金在目标明确苦的基础上，裙完成网站的义构思创意即借总体设计方孟案。对网站暴的整体风格研和特色做出痕定位，规划匀网站的组织午结构。做到哑主题鲜明突罩出，要点明疾确，以简单挤明确的语言侨和画面体现浇站点的主题惑。教整体布局合约理，流畅，赚表达和谐；颗在网站设计闻中，网站的泪整体布局是治至关重要的慧一环，这将猛关系到浏览虹者能否清晰恨地、容易地旨找到所需的千信息和内容轻的关键。每疯一个栏目、惯每一幅页面纠之间的相关狂性、连接都锦要充分考虑禽。轰四、网站版罩式设计搞网页设峡计作为一种神视觉语言，弯要讲究编排静和布局，虽像然主页设计虏不等同于平愿面设计但它拿们有许多相介近之处，应指充分加以利据用和借鉴。觉版式设计农通过文字图耗形的空间组盲合，表达出披和谐与美。妙一个优秀网阀页设计者也业应该知道哪持一段文字图踩形该落于何艰处，才能使从整个网页生睛辉。多页虾面站点页面猴的编排设计食要求把页面宋之间有机联巩系反映出来割，特别要处泳理好页面之发间和页面内塌的秩序与内迅容的关系。除为了达到最僚佳视觉表现败效果，应讲猪究整体布局柔合理性，使无浏览者有一敌个流畅的视延觉体验衔五、秋使用软件，校硬件和技术语分析说明户对专业网页抄图像设计的秧FIREW立ORKS，近三者被MA址CROME乞DIA公司茄称为DRE盏AMTEA闭M(梦之队虎)，足见市嚼场的反响和暂MACRO莲MEDIA愿公司对它们顽的自信。说塌到DREA俩MWEAV也ER我们应虹该了解一下峡网页搏编辑器泪的发展过程梁，随着屈互联网渴(猛Inter拥net症)的家喻探户晓，芬HTML能技术的不断湿发展和完善偷，随之而产膨生了众多网猫页编辑器，绑从网页编辑主器基本性质慧可以分为所俭见即所得网昌页编辑器和振非所见即所熔得网页编辑丢器（则原始委代码编辑器便），两者各最有千秋。所膝见则所得网妹页编辑器的纽优点就是直工观性，使用穗方便，容易炼上手，您在午所见即所得屈网页编辑器中进行网页制撕作和在危WORD观中进行文本扶编辑不会感梨到有什么区败别，但它同粱时也存在着很致命的弱点析。买最佳的制作晨效率迅Dre犁amwea炸ver可以知用最快速的揉方式将Fi烫rewor沫ks，倦FreeH摆and牌，或凑Photo臣shop串等档案移至咳网页上。使贯用检色猜吸管工具锻选择荧幕上普的颜色可设奋定最接近的傲网页安全色腾。对于选单恰，章快捷键伪与格式控制迎，都只要一辜个简单步骤遇便可完成。农Dream页weave顶r能与您喜振爱的设计工哀具，如Pl武aybac阻kFla扛sh，Sh从ockwa势ve和外挂滋模组等搭配膊，不需离开盲Dream鹅weave覆r便可完成邮，整体运用挪流程自然顺响畅。除此之蛾外，只要单央击便可使D只reamw深eaver射自动开启厉Firew黎ork杨或Phot头oshop通来进行编辑武与设定图档绩的最佳化。填网站管理棍使用网米站地图可以订快速制作网席站雏形、设牺计、更新和轿重组网页。摧改变网页位务置或档案名火称，Dre警amwea包ver会跃自动更新所崇有连结。使拣用支援文字唤、HTML陆码、HTM汽L属性标签姨和一般语法钥的搜寻及置惧换功能使得忽复杂的网站做更新变得迅殖速又简单。佳鸦无可比拟的寇控制能力减Dre袄amwea侧ver是唯耽一提供Ro煮undtr壁ipHT县ML、视觉摩化编辑与原造始码编辑同狐步的设计工懒具。它包含箱HomeS鞭ite和B绞BEdit撑等主流文字纪编辑器。帧动(fram侄es)和表荷格的制作速悠度快的令您义无法想像。冰进阶表格编拴辑功能使您察简单的选择植单格、行、宝栏或作未连猫续之选取。尊甚至可以排烤序或格式化欠表格群组，加Dream彻weave腾r支援精遗准定位，利营用可轻易转肃换成表格的约图层以拖拉棚置放的方式遭进行版面配盛置。所见即茶所得Dr茂eamwe洋aver成依功整合动态覆式出版视觉拖编辑及电子益商务功能，委提供超强的悟支援能力给司Third持-part猫y厂商，包旺含ASP，竟Apac宴he，Br降oadVi毅sion，莲Cold岭Fusi勒on，iC堆AT，T检ango与诊自行发展的同应用软体。趁当您正使用器Dream闲weave疼r在设计动腐态网页时，罢所见即所得责的功能，让绑您不需要透汇过浏览器就辣能预览网页标。梦幻样版娘和XML唤Dream沸weave亲r将内容与团设计分开，宁应用于快速怕网页更新和迷团队合作撕网页编辑。阵建立网页外罩观的样版，坚指定可编辑名或不可编辑挂的部份，内爹容提供者可厅直接编辑以姿样式为主的厕内容却不会夫不小心改变浆既定之样式嫁。您也可以小使用样版正划确地输入或厨输出XML急内容。豪Dream匀weave恒r还集成了杜程序开发语离言，对AS蛮P、.NE研T、PHP胁、JS的基借本语言和连禾接操作数据屡库，都是完禁全支持的。抹Acces固s的优点满（1）存储蚕方式简单，红易于维护管旅理Acc婆ess管理根的对象有表掩、查询、窗持体、报表、得页、宏和模闲块，以上对膊象都存放在锈后缀为（.协mdb或.映accdb露）的数据库袜文件中，便语于用户的操动作和管理。麻戒(2)面向具对象Ac私cess是端一个面向对硬象的开发工爱具，利用面蓬向对象的方向式将数据库蔽系统中的各少种功能对象哪化，将数据林库管理的各速种功能封装解在各类对象连中。它将一辜个应用系统蔬当作是由一新系列对象组链成的，对每蔑个对象它都为定义一组方晌法和属性，术以定义该对侧象的行为和摘外国，用户花还可以按需槐要给对象扩狮展方法和属烧性。通过对别象的方法、柳属性完成数敲据库的操作屈和管理，极婶大地简化了蜻用户的开发扛工作。同时添，这种基于猫面向对象的敢开发方式，适使得开发应愚用程序更为肉简便。挑持（3）界面束友好、易操涛作.Ac哪cess是枪一个可视化承工具，是风挥格与Win仗dows完朵全一样，用友户想要生成罪对象并应用箭，只要使用朝鼠标进行拖禁放即可，非控常直观方便蝶。系统还提犯供了表生成裙器、查询生就成器、报表论设计器以及完数据库向导宜、表向导、辞查询向导、北窗体向导、互报表向导等池工具，使得身操作简便，肯容易使用和叙掌握。仓齐（4）集成映环境、处理启多种数据信竹息A稳ccess寨基于Win滚dows操扒作系统下的术集成开发环巡境，该环境牢集成了各种斤向导和生成朵器工具，极川大地提高了伙开发人员的渗工作效率，绸使得建立数胶据库、创建胡表、设计用泻户界面、设小计数据查询饰、报表打印笛等可以方便母有序地进行衡。猛（5）Ac寻cess支呼持ODBC族（开发数据如库互连，O摔penD悲ataB孩aseC翻onnec过tivit批y），利用盯Acces腊s强大的D释DE（动态怨数据交换）评和OLE（情对象的联接宜和嵌入）特返性，可以在抢一个数据表伟中嵌入位图从、声音、E露xcel表王格、Wor符d文档，还址可以建立动卫态的数据库杆报表和窗体材等。Acc说ess还可白以将程序应带用于网络，出并与网络上平的动态数据纽相联接。利邀用数据库访烘问页对象生陕成HTML诵文件，轻松缓构建Int慨ernet粱/Intr定anet的跳应用。订（6）咬支持广泛，添易于扩展，授弹性较大焦能够将样通过链接表享的方式来打挠开EXCE粉L文件、格巩式化文本文漫件等，这样青就可以利用链数据库的高家效率对其中雕的数据进行之查询、处理汁。还可以通持过以Acc堵ess作为姻前台客户端箱，以SQL医Serv雹er作为后呜台数据库的看方式（如A砍DP）开发贤大型数据库桑应用系统。压总之，Ac桂cess是俯一个既可以淡只用来存放委数据的数据跪库，也可以伍作为一个客隆户端开发工叶具来进行数成据库应用系梢统开发；即略可以开发方尚便易用的小默型软件，也候可以用来开用发大型的应抓用系统。喉六、网站空蝶间的构成和毕虚拟现实租网络上恢的虚拟空间顶是一个假想卧空间，网站才只能通过这练个空间来把您他展现到互屋联网上，让辞每一个人都饰能在网络上迎看到你的网鬼站设计与网葛站中的信息壶，这种空间迁关系需借助爱动静变化.床图像的比例露关系等空间比因素表现出仪来。制作召网站的同时您，都要上传灭页面中，图价片、文字位核置前后叠压池，或页面位银置变化所产裤生的视觉效柔果都各不相胀同。图片、哲文字前后叠法压所构成的够空间层次目执前还不多见劝，网上更多以的是一些设饶计比较规范离、简明的页覆面，这种叠性压排列能产至生强节奏的振空间层次，征视觉效果强轿烈。遣七、多贩媒体功能的迷利用徒传统的掉宣传也就是尊永远不可缺伟少的，多媒只体宣传方面进真正是一个接品牌宣传的伴不重要模式陷，同时网络党资源优势之渡一是多媒体糖功能。要吸瓣引浏览者注谣意力，页面蒙内容可以用刑三维动画、你FLASH螺等来表现。年但要注意，碎由于网络带阻宽限制，在戏使用多媒体惰的形式表现柳网页内容时经应考虑客户史端的传输速连度。葛八、网迫站内容要每变天保持更新陶一个网嚼站建设已完顽成了，那要闭如何去增加怠和丰富网站匙的内容呢!桑也要企业W烛eb站点建骆立后，要不垒断更新内容毙。站点信息妹的不断更新位，让浏览者满了解企业的薄发展动态和平网上职务等东，同时也会海帮助企业建酷立良好形象趟。在企业援Web站点妥上，要认真暗回复用户的敲电子邮件和蛇传统的联系妄方式如信件肿.做到有问胜必答。最好销将用户用意粉进行分类，越如售前一般忘了解.售后萝服务等，由熄相关部门处贷理，使用站锋访问者感受订到企业的真术实存在并由顺此产生信任葱感。注意打不要许诺你中实现不了的利东西，在你犬真正有能力跑处理回复之门前，不要恳受求用户输入把信息或罗列摩一大堆自己步不能及时答猎复的电话号巾码。如果以要求访问者扔自愿提供其茂个人信息，创应公布并认铺真履行个人射隐私保承诺帐。网站地图：寒企业角网站的堤总体规划脉图：详细设计炕设计实现：返企业网站主负要有两个模极块。一是前荒台用户浏览聚模块，二是冻后台管理模纯块。前台管捏理模块主要俊作用用于企嫌业网站的展傅示（公司简翅介，新闻中洪心，产品展摄示、企业文鬼化）和互动则（留言板、榴联系我们）响同时提供后屋台管理的接避口。后台管跪理系统包括测四个方面：乔企业信息管爱理、新闻管敏理、产品管皂理留言管理役。企业信息坡管理包括公展司介绍、联馅系我们、企量业文化。新朴闻管理包括饿新闻列表、春添加新闻、磨产品管理包久括产品类别勿设置、添加谊产品类别、丛产品管理、劫添加产品。鄙留言管理包绑括留言列表船。整个系统型的数据库采被用Acce青ss数据库果，对于小型脉企业网络相看比SQLs劳erver百来说比较合醒适本系统。训Acces洋s相比其他割数据库操作围方便，简单并易懂对于刚忘开始接触数执据库的用户乞来说比较容追易上手，可妄以更好的对再企业内的数芽据进行管理奋。本系统数咳据库名为c福ompan简y。包含A岸dmins蹦、Intr金o、Mes欠sage、标New、N悟ewsTy疫pe、Pr笛oduct葡、prod或uctTy墙pe数据表磨个数据表的粱数据内容卷Admin庆s：仰Intro柔：仙Messa助ge：New：冶NewsT长ype监：微Produ捷ct安：密produ敌ctTyp能e：胜数据表之间煤的联系近页面的设计叔使用DW(赢Dream习weave务r)进行设芬计开发。开像发语言使用纺Java语斤言，ASP谨平台进行开共发。主界面蚀主页是一个附网站的门户起，一般是用申户进入网站眨浏览的第一余个页面。本激系统的主页京是诞defau愈lt.as纽p舰文件。这个惹页面的上部覆有链接到其城他页面的导铅航，主要位丧置是企业的烈相关介绍，粘页面左侧的钉“当网站公告柳”各和沉“被公司简介墓”侮两个模块分迈别引用的是扇文件柜l_bul票letin张.asp晃和蚕l_pro仓file.肥asp晒。点击运“慕公司简介身”洽下面的凤“砌公司介绍亮”兆、陈“连联系我们忍”穴和锐“远企业文化蝇”尿相应的内容羞在页面的右直侧显示。公司简介描“周公司简介垃”压包含三项内悦容，分别是雪“果公司介绍尽”匠、或“己联系我们慎”抖和餐“芒企业文化抹”巴，通过点解击页面左侧繁的导航可以炼在页面右侧姜打开。滴“炊公司简介备”绸的三项内容仰存入数据库餐Intro企滥表中，要显宏示某一项内戏容，在每次样调用束intro喇.asp壁文件时把字样段搭菜Intro感Name语的值传递给串参数但type木，并通过语厌句锅rs("C贝lick_臭Num")便=rs屯("Cli柏ck_Nu瓣m")+1竿统计文件被造访问次数。必联系我们界六面留言板界面简guest叶book_燥add.a搜sp怪文件显示留漫言板页面，律在这个页面御用户可以在不线留言。叨guest猜book_学add.a狂sp栏采用模块化闻设计，页面楚左侧引用柔l_new晨s.asp证云文件和垫l_pro逐duct.枣asp袄文件，页面解右侧引用川msg.a卸sp递文件。企业文化偷新闻中心界廊面杂news.诉asp牢文件的主要华作用是显示绒所有新闻列涌表，包括新疼闻类型、新融闻标题和更贺新时间，街对于当日新迟闻给予标示艰。僻news_史info.豪asp桌文件的主要蒜作用是显示俭某一新闻的谋详细内容，陶包括新闻题抵目、新闻内闲容和软发布时间及晒阅读次数。自管理员登陆昼界面后系统管理模欧块的主要作誉用是对网站币信息进行管霸理，如对信袖息作添加、介修改和删除译等操作。摄主要分吸为迟企业信息管交理、新闻管霜理、产品管束理和留言管和理奖四丛个部分。忧为侄了网站文件套管理方准便喘，在卸compa鉴ny蔑文件度夹惠中创建一个如新目录恭Admin望，用于存炒放楼系统管店理模块的相让关文件。脑管理员衬登睛录模块主要身由三个文件念实现，管理乓员芦登纠录文件显login剂.asp朋、危验证胶管理员邮登概录信息客文件怪chkad肌min.a只sp吸和何检测处管理员是桃否登税录文件趟chklo庸gin.a出sp端。泉产品管理界炸面佛产品管理由万八个文件实趴现，分别是捧添加产品文度件方青produ夏ct_ad朽d.asp叶、查看产品尘列表文件挨produ半ct_li序st.as夺p阻、修改产品尸文件脸produ哥ct_mo膊dify.激asp攻、保存修改禾结果文件咱produ繁ct_sa搭ve.as鹅p补、删除产品码文件疾produ咽ct_de辆l.asp伞、添加产品可类型文件露produ涝ct_ty有pe_ad脆d.asp慰、修改产品研类型文件痛produ版ct_ty矿pe_mo朵dify.织asp弓和查看产品脏类型文件朽执produ诱ct_ty赛pe_li体st.as细p房。盾产品类别设丰置界面湖公司介绍修竟改界面秩企业信息管时理主要由歇枝intro无_list作.asp础来实现。企贝业信息有三击个项目，分垦别是公司介辜绍、联单系我们和企径业文化。氏intro判_list套.asp潜文件可以完偿成这三个项将目内容的修阔改和查看。探联系我们修梁改界面昂产品添加界症面俗produ际ct_ad盏d.asp狡啄文件中设计婶了一个表单架，用于接收疲产品类别、反产品名称、浪关键字、产轻品魔图片和产品富说明等信息命，并对部分贸表单内容进姥行检查。扰产品类别设歌置界面辜设计一个表凭单，用于接茫收产品类型榜信息，将接污收的数据保子存到数据库签，返回