网页制作实验报告.doc

附件：杭州美丽新娘有限公司商务网站设计报告书（范例）项目背景杭州美丽新娘限公司成立于 2010年，美丽新娘婚纱摄影连锁集团是香港弗斯特国际集团下属机构，总投资超过1亿元人民币，在中国许多城市设有分公司。拥有亚洲最大的六星级6000平米婚纱摄影殿堂美丽新娘西安旗舰店（总店）；亚洲最大的影楼人才培训基地香港弗斯特（西安）艺术学校；此外集团还拥有经典婚纱水晶工厂、数码制作室、大型后期制作车间等，员工总数超过1800人。专业从事婚纱摄影、写真、数码影像制作、新产品的研发等，是目前中国最具实力的婚纱摄影品牌。美丽新娘集团创办的香港弗斯特西安影楼人才学校为全国规模最大、在校人数最多、教学设备最先进的影楼人才学校，被专家誉为中国婚纱界的“哈佛”，学校顶尖的优秀教师与新新娘优秀的摄影师、化妆师组成的精英阵容，教学相长是新新娘独具魅力、领先同业、铸造一流品质的坚实后盾！ 网站建设的目标为宣传美丽新娘杭州分公司，同时达到拓展该公司的业务的目的，展示更多的公司产品，让更多的人知道美丽新娘这个国际品牌，构建该公司信息业务平台，加强与客户联系沟通，搭建改门户网站平台。相关网站借鉴：西安新新娘婚纱摄影有限公司 ：/index.html北京婚纱摄影有限公司:/index.html香港婚纱摄影有限公司:/index.html上海婚纱摄影有限公司: /index.html站点设计网站主页公司简介产品介绍公司架构售后服务会员中心留言版块用户注册用户登录联系我们网站风格用白色配深蓝色与浅蓝色色系，设计以蓝色为主，蓝色系的清爽度较高、给人一种自然美清馨高雅的感觉，符合婚纱这个系列的主题。因为蓝色具有清凉、自由的感觉，使人们容易联想到天空、海洋；而绿色具有新鲜、清爽的感觉，容易联想到大自然、春天；和白色搭配，就会感觉清新、爽快，从而给人一种健康的感觉。网站建设进度12月17日周一（上午）明确作业的目的与方向，在网络上搜索类似的相关资料参考相关网业，确定网站的框架，确定网站的设计风格，搜集相关的网站资源，开始制作网站的素材与整理现有的素材，确认目标，制定大致的网站设计时间流程。12月22日周六（下午）图片的收集及利用photoshop处理，利用搜集的相关网站，开始设计主页的效果图。12月22日周六（晚上）图片的收集及利用photoshop处理，利用搜集的相关网站，开始设计主页的效果图。12月24日周一（上午）图片的收集及利用photoshop处理，继续设计主页的网站，搜索iebook的相关素材下载素材，确定了模板及简单的制作了Iebook的基本框架。12月26日周三（晚上）利用photoshop 或Fireworks 软件最终确定效果图，制作局部的特效，进行网页输出，利用Flash软件制作网站所需的网站动画12月27日周四（下午）继续利用photoshop 或Fireworks 软件最终确定效果图，制作局部的特效，进行网页输出，利用Flash软件制作网站所需的网站动画12月28日周五（下午）进行了一定的图片收集及利用photoshop处理，制作了iebook关于婚纱宣传片。12月29日周六（晚上）定义站点，利用DreamWeaver软件进行其它页面的编辑修正与编辑，制作或调用样式表文件，制作网站模板。1月2日周三（晚上）继续利用DreamWeaver软件进行其它页面的编辑修正与编辑，利用模板，进行内容页的制作，确认网页的超级连接。1月3日周四（下午）利用模板，进行内容页的制作，确认网页的超级连接并进行网站的测试1月4日周五（上午）进行网站的发布与测试，对一些存在问题的网站进行修改。1月4日周五（晚上）整理相关的网页材料，书写课程设计的相关文档，填写试验报告，总结心得体会网站建设的总结评价课题立意：美丽新娘有限公司门户网站主要为宣传该公司，开辟与客户沟通的新渠道，利用dreamweaver 软件制作网站网页。技术难点：难点一：版面的布局，（在主页及各页面布局的情况下，是采用什么形式布局，大概分几块，使用表格还是用div+css布局,还是用层跟表格）难点二：用photoshop处理，（因为ps知识学得有限，很多需要的效果都不能表现，需要借助书本知识学习再进行处理，ps中进行图片的切割，之后对网页的重组过程花费了我很长时间）难点三：主页滚动条的制作难点四：flash的制作难点五：div+css布局设置调整难点六：采用css使各网页的模板一直（这个问题一直没解决，所以每个版块的模板没有统一）技术体会：经过两周多的学习，首先我觉得学习到了很多，能在自己制作网页的过程中自己去学习新的东西，然后应用到网页制作中，从网页制作的技术上来讲，我觉得我的页面设计布局的能力有所提高以及在制作过程中复习以前学习的内容，包括 div的应用、文本域的应用、时间轴、滚动条、导航条、页面登陆、spry效果等。这次作业下来我发现自己还有很多的不足：首先是因为平时生活中自己也不太利用课余时间去制作一些网页对很多效果的使用都不熟练，而且光光上课学得知识也是不够得应该自己利用课余时间去扩充相关知识，我的版面设计的技术是不成熟的，还有css布局的不足，对于主页框架设计还不够明白，学习的不够深入有待提高。在网页制作的过程中也参考了其它的网站，看看其它网站的布局进行参考，参考它的形式来布局。参考其它网站对自己网站的制作进度有很大的帮助，这是一个很重要的学习方法。你看到的效果变化来源于你的改动，这本身就是一个加深记忆和理解的过程。由于在浏览的过程中，布局的排版会出问题，所以只能把页面简单化，这样看起来比价清晰、清爽、简介。这次作业我总结了几条技术经验：1) 命名站点或者文件夹的的时候一定要注意，最好用相应的英语或者汉语拼音，要见名知意，如图片文件夹用image或者picture，这样可以避免页面调用时不正确的现象发生。2) 调用Style时可以单击鼠标右键选择Custon Style来调用Style标准，也可以在状态栏中的元素列表上单击右键来调用Style。虽然不同的方法达到的效果看似一样，但实际上产生的HTML代码则完全不同。在这个过程中，我同样认识到网页设计不是一门学科的独秀，而是多种课程的综合，它是Flash、Photoshop等网页软件的综合应用。3) 层次关系。图像的比例关系等空间因素表示进去。网页设计中，三维空间的构成和虚拟现实、网络上的三维空间是一个假想空间、图片、文字位置前后叠压 或页面位置变化所产生的视觉效果都各不相同。网站上常见的页面上。下、左、右、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次，这两种位置关系使产生的空间层次富有弹性，同时也让人发生轻松或紧迫的感受。思想体会：我觉得上完网页制作课最深的心得体会是，学习网页制作不能一蹴而就它是一个循序渐进的积累过程。想要更快更好地学习网页制作，想要自己做好完整又美观的网页，除了需要勤奋努力外，还需要培养自己的审美能力以及美术基础。这两周自己做作业下来做的困难重重啊，我请教了以为网页制作的专业朋友，他告诉了我一些方法他说要真正想学网页制作在学习制作网页前应对网页制作的各类软件进行一些了解，以便选择适合自己使用的软件。 网页制作的学习应遵循由易到难的规则先从简单的入手再慢慢提升制作难度以达到逐步提高网页制作能力的目的。 在学习过程中不能一味地去学习理论知识应将书本知识与实际操作相结合。这样既能加深对知识点的印象，也能提高学习的兴趣。 在学习时除了按书中提供的实例进行练习外，还应在该实例的基础上有自己的创意。 网页制作不能千篇一律地按一种固定的模式进行操作，应有独特的风格，这样才能体现出与众不同的魅力以吸引浏览者。运用模板制作网页可提高制作速度与效率，这也是统一网页风格的一个快捷方便的途径千万不可忽视模板的效用。 要善于借鉴别人的优点取长补短多上网浏览将风格独特、别具匠心的网页保存下来以作参考。；。听了之后收获还是蛮大的，但是由于时间的仓促我不可能在短短的时间里来完成这些达到这样的目标，但是我觉得网页制作真的是一门很好技术课程，它能把我一天的精力全部投放在其中乐此不疲的作图片处理美化图片等。我觉得对这门课我更加的热爱了，虽然有一定的难度，但是真的很有挑战，而且在生活中也非常的实用。今后打算：经过这一学期对网页制作的学习我对网页制作更感兴趣了，在这两周的网页制作作业过程中发现有太多的不足，每一门技术都是需要我们自己投入更多的课余时间去学习的，学要自己不断的去专研。在接下来的日子里，我会利用课余时间多多浏览网站页面，提高对页面的敏感度及灵感。当然也要多看看相关专