网站设计报告

0网页设计报告班级：电子商务二班姓名：高芳授课教师：高海霞完成日期：2012-4-121前言网站是企业向用户和网民提供信息（包括产品和服务）的一种方式，是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处。版式设计通过文字图形的空间组合，表达出和谐与美。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，我们将反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。2目录前言..................................................................................................................................................1目录..................................................................................................................................................2正文..................................................................................................................................................3一.实训意义...........................................................................................................................3二.实训目的...........................................................................................................................31．理论知识与专业技能.................................................................................................32.提高动手能力.............................................................................................................33.理论知识.....................................................................................................................44.理论联系实际.............................................................................................................4三．实验步骤...........................................................................................................................41、网站主题.....................................................................................................................42、网站材料.....................................................................................................................43、网站规划.....................................................................................................................44、网站的制作工具.........................................................................................................55、制作网站的网页.........................................................................................................66、上传测试网站.............................................................................................................6四．设计特色...........................................................................................................................6五．心得体会...........................................................................................................................6六．设计总体风格...................................................................................................................7总结..................................................................................................................................................93正文一.实训意义网页设计与制作综合实训是教学过程中重要的实践性教学环节.它是根据专业教学计划的要求,在教师的指导下对学生进行网页制作专业技能的训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的转化,是对理论与实践教学效果的检验,也是对学生综合分析能力与独立工作能力的培养过程.因此加强实践教学环节,搞好实训教学,对实现本专业的培养目标,提高学生的综合素质有着重要的作用。二.实训目的1．理论知识与专业技能通过综合实训进一步巩固，深化和拓展学生的理论知识与专业技能。(1)掌握规划网站的内容结构，目录结构,链接结构的方法。(2)熟练掌握网页制作软件Deamweaver和的基本操作和使用技能。(3)掌握页面的整体控制和头部内容设置的方法。(4)熟练掌握网页页面布局的各种方法。(5)熟练掌握在网页中输入,设置标题和正文文字的方法。(6)熟练掌握在网页中插入图象,flash动画和背景音乐的方法。(7)熟练建立各种形式的超级链接的方法。(8)掌握层制作方法。(9)掌握网页特效制作方法。(10)掌握网站测试的方法。2.提高动手能力训练和培养学生获取信息和处理信息的能力,充分培养和提高学生的动手能力,学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图象资料、flash动画和网页特效等。43.理论知识培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。4.理论联系实际培养学生理论联系实际的工作作风,严肃认真的科学态度以及独立工作的能力,树立自信心。三．实验步骤1、网站主题我的网站的主题是介绍我的家乡为主题设计。旅游景点有：雪山旅游区，雪山彩虹谷，费县仙人洞，蒙阴蒙山国家森林公园，沂南汉墓博物馆，王羲之故居，天然地下画廊，孟良崮，滨海革命烈士陵园，明文化旅游区，诸葛亮故里，孟良崮国家级森林公园，指动石，平邑沂蒙山国家森林公园，费县塔山森林公园……2、网站材料主要在网站上搜集所要的网页信息，包括图片、文字、相关的新闻。同时，查询相关的书籍、百度和素材光盘等方式收集所需的文字资料,图象资料,flash动画和网页特效等，用以得来更加具有说服力的页面。要想做好自己的网站，能够给浏览者好的欣赏感受，就要尽量搜集材料，搜集得材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。3、网站规划我的网站共有3个频道：主页，临沂风景，当地历史名人。如下图：5该作品是以介绍我的家乡为主题设计，临沂市位于山东省东南部，地近黄海，东连日照,西接枣庄、济宁、泰安，北靠淄博、潍坊，南邻江苏。地跨东经117度24秒─119度11秒，北纬34度22秒─36度22秒，南北最大长距228公里，东西最大宽度161公里，总面积17184平方公里，是山东省面积最大的地级市。区位上，东靠青岛港、日照岚山港和连云港，属于亚欧大陆桥东方桥头堡范畴，处于山东和江苏两个经济大省的交界处，南北交汇，海陆兼济，发展空间广阔。网站整体色调为白色，然后点缀其他不同的颜色相配，突出主题，颜色没有过多，过杂，用以避免给人一种杂乱的感觉。版面设计十分灵活，根据各部分内容的不同适当的自由设计。网页布局主要用框架和表格，用框架定位内容的大体结构，再用表格具体定位。位子的设计也是重要的一个部分，根据具体内容决定字体风格，另外，为了网页布局的协调，我加入了适当的flash透明动态图片，用以达到更好的浏览效果。4、网站的制作工具做网页时主要使用的是Deamweavercs3。另外，为了处理网页中的其他元6素，还使用了photoshopcs4等软件。5、制作网站的网页素材、风格、模板都设计好以后，下一步就是具体的制作网页。制作网站时，首先要做的就是站点的规划，建立一个本地站点“index”，建立的各个页面都应该放在本地站点中，在网页制作时所需的各个元素都进行了统一的管理，建立统一的文件夹放同一类型的文件，我在制作时建立了“photos”文件夹来存放图片。同时，由于“相册”页面中的信息太多，于是建立了一个专门的文件夹存放相册信息，网页中的文件也应统一管理，做到有条不紊。我的主页插入了一个flash动画，用以给浏览者好的视觉享受。导航栏我用层插入相关链接的菜单栏，一方面为了布局合理，弥补左下角的空缺，另一方面给浏览者提供放表的导航，点击其中任意一个都会连接到其他网页。主页的页面整体美观漂亮。最后，还要制作各个页面的链接，把整个网页链接起来，形成一个统一的整体，方便浏览者进行各个页面间的跳转。6、上传测试网站网页制作完毕以后，要进行反复的测试，保存后在IE浏览器上反复运行自己的网站，用以发现设计中的缺陷并及时改正。四．设计特色我觉得我的网页设计的最大特点就是色彩淡雅，布局协调，结构清晰。观之，给人以清丽，纯朴的感觉。另外，设计过程中使用了大量的网页特效，如：层效果、flash特效等。五．心得体会第一：我非常感谢学校给了我这次制作网页的机会，通过这次实训，我学到了很多有