网页设计课程设计报告书1

沈阳航空航天大学北方科技学院课程设计说明书课程名称INTERNET网页设计学生姓名专业信息管理与信息系统班级B943201学号B94320107指导教师孟繁宇吕荣鑫成绩沈阳航空航天大学北方科技学院课程设计任务书课程设计题目旅游俱乐部网站设计教学部经管教学部专业信息管理与信息系统班级B243211学号B24321104姓名高英课程设计时间2011年12月19日至2011年12月30日课程设计的内容及要求1、强化网页设计的基本技能,设计出简单的网站。2、熟练应用网页表格布局方法、超链接、样式CSS、框架FRAME和组件等的操作方法进行页面设计。3、掌握用DREAMWEAVER或PHOTOSHOP软件工具的使用。4、具体内容本网站专为化妆品设计。主要分为护肤、彩妆、染发、护发、会员专区、留言板、电子商城、品牌故事共八个板块。为网站提供对内部会员发布最新讯息、收取会员意见和建议，以及和会员做一定的互动的平台，同时可以通过网络吸纳会员，招聘人员等。要求如下（1）请同学们根据课程设计题目通过查阅资料、调研等方式做好需求分析，要求设计合理，功能完善。（2）网页设计要求网页编辑与超链接，网页的定位技术，行为与时间轴及应用，层叠样式、模板与库，表单及应用等核心知识设计。增加FLASH动画内容,以及应用图象编辑软件（PHOTOSHOP,FIREWORK）修改设计图片。（3）应用相关技术对网页进行优化与再编辑，如PHOTOSHOP的切片技术、DIVCSS的网页构架技术、JAVASCRIPT动态网页设计技术等。（4）界面美观、布局合理、风格独特、内容完整，无非法链接。（5）设计功能完整的网站。（6）严禁上网下载。（7）设计原则上要求一人一题，如果学生过多，题目可重复，但学生必须独立完成系统设计。设计的系统程序必须在机器上演示验收。5、要求课设结束后，上交电子文档（在课程设计主页中有此网页）和设计任务书课设专用纸打印。课程设计报告应包括网站规划、网站结构图、工具简介、网站模块划分及其功能说明、业务流程图等部分。报告应按照统一的规范撰写，格式正确。除课程设计报告外，还应该上交电子文档和电子作品。指导教师孟繁宇吕荣鑫2011年12月19日课程设计成绩评定单课程名称INTERNET网页设计教学部经管教学部专业信息管理与信息系统（电子商务方向）课程设计题目化妆品网站设计学号B24321104姓名高英课程设计成绩指导教师（答辩组）签字年月日目录1需求分析12应用软件和工具321DREAMWEAVER322PHOTOSHOP33网站总体设计431网站主要功能模块432网站功能结构图44网站功能模块详细介绍541护肤页面542彩妆页面1243品牌故事1344留言板1445会员登录1549加入我们165结束语191需求分析首先仔细地看了现在网上的各种化妆品的网站，发现有以下几个特点1、信息很全面。包括该化妆品分类信息、最新推出产品信息、会员专区、电子商城等等应有尽有；2会员专区又分为试用体验和会员特价等等吸引顾客；3、这些网站有自己的特色与优势，当然也存在着一些问题，具体的有以下几点1、化妆品网站作为一个面向个体和集体的特色网站不仅要突出产品的特点还要突出自己产品公司的文化，大多数化妆品网站都没有注意而到自己产品公司文化的传播；2、随着品牌推出的市场的时间，会员的信息逐渐增多，对网站的信息发布的及时性、准确性的要求越来越高，很多的化妆品网站内容过于繁多，页面显得凌乱，对于会员们查找信息就相对麻烦一些，很容易漏掉一些重要信息。同时很少有网站关注记录会员们试用过哪些该产品；3、很多化妆品网站忽略了对顾客适合什么样的产品；4、同时随着智能手机的推出，很少化妆品公司会关注到微信等的推广。因此对于我设计的这个化妆品网站，做了如下的分析。通过各种渠道收集整理有关该化妆品的各方面的信息，了解该市场上化妆品的信息，需求方向、推销方式、吸收会员的方式等等。掌握了设计该化妆品的网站需要具备的功能模块，界面风格，模块内容等等。比如对化妆品需求不同分类，具体分为护肤，彩妆，护发，染发，品牌故事，会员专区，留言板和电子商城。然后再由这些大的板块再适合部位，颜色细分。在细节上让顾客感到被关怀和温馨的感觉，同时方便顾客的浏览在护肤等板块中都设有美容师在线为顾客分析皮肤问题，为顾客挑选更适合的产品。让顾客在该网站购物也可以享受到线下的服务。让顾客更加信赖该产品该板块的下方都设有二维码扫一扫，随时随地体验掌上皮肤诊断品牌故事这一栏设有关于品牌，品牌历程，公司简介，未来方向等。会员模块将会使用一个专门的页面来体现，应该使会员们对该化妆品最近将要推出的新产品，或是该化妆品节日推出什么优惠活动，有什么样的新的发展决策，与会员息息相关的一些信息会员能在第一时间通过手机APP获得，在这个模块要突出及时、简洁、准确的特点，让会员们不会遗漏任何相关的信息。俱乐部对非会员的信息发布（包括吸收会员、招聘人才、一些新产品的推荐等），这个模块要突出该产品自己的特色，以此来吸引更多的会员和工作人员。营销部和会员一定程度上的互动比如论坛、留言，尤其添加博客板块，每个会员都可以自己发布日志和大家分享自己参加俱乐部活动的心得体会，以及便于俱乐部的工作人员从中获取一些会员的建议和意见，相对于留言板这种互动模式，博客更显得亲切主动。综合以上的分析，需要本网站的设计基本具有一下几点突出化妆品的特色和对顾客专业性的护理能够让会员和非会员及时准确地获取相关信息具有全面、合理的功能模块具有登陆、用户注册等用户权限功能界面友好，简洁大方，色彩鲜艳2应用软件和工具21DREAMWEAVER是一款有着多年历史和良好口碑的可视化网页编辑工具（简称DW），他最大的优点就是所见即所得，对W3C网页标准化支持十分到位，同时它还支持网站管理，包含HTML检查、HTML格式控制、HTML格式化选项、HOMESITE/BBEDIT捆绑、图像编辑、全局查找替换、全FTP功能、处理FLASH和SHOCKWAVE等富媒体格式和动态HTML，而且还支持ASP、JSP、PHP、ASPNET、XML等程序语言的编写与调试。本网站设计运用的版本是MACROMEDIADREAMWEAVERCS6。MACROMEDIADREAMWEAVER是建立WEB站点和应用程序的专业工具。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。从对基于CSS的设计的领先支持到手工编码功能，DREAMWEAVER提供了专业人员在一个集成、高效的环境中所需的工具。开发人员可以使用DREAMWEAVER及所选择的服务器技术来创建功能强大的INTERNET应用程序，从而使用户能连接到数据库、WEB服务和旧式系统。22PHOTOSHOPPHOTOSHOP主要处理以像素（PIXELS）所构成的数字图像。利用其广泛的编修与绘图工具，可以更有效的进行图片编辑工作。独特的历史纪录浮动窗口和可编辑的图层效果功能使用户可以方便的测试效果。对各种滤镜的支持更令使用户能够轻松创造出各种奇幻的效果。目前，PHOTOSHOP也正在被更多的用于处理网络图片。PHOTOSHOP的几个后续版本中捆绑了一个独立的软件IMAGEREADY，加强了PHOTOSHOP对网络图像（主要是GIF图像文件）的支持功能。而在CS6中IMAGEREADY被FIREWORKS所代替。PHOTOSHOPCS6允许用户更容易升级到最新的硬件平台，支持苹果的INTEL为内核的系统。本网站设计运用到的是ADOBEPHOTOSHOPCS6其中主要运用到的技术有切片技术、图像合成技术、平面图设计技术等。3网站总体设计31网站主要功能模块会员专区在这个模块下主要是用于发布化妆品最新的活动信息，和一些正在进行的活动的详细情况，会员们可以通过这个窗口的留言板给俱乐部留言和通过会员渠道来领取试用装和优惠装。品牌故事在这个模块下，将对该品牌的成立、发展、发展方向、规章制度和创立人成就进行展示。让俱乐部的会员和非会员都可以对该化妆品品牌有一定的了解。护肤、彩妆、染发、护发这个模块下，浏览人员可以通过该平台了解各种化妆品的特点和用途。通过在线通道可与专业美容师进行了解来选取适合自己的产品。电子商城在这个模块，顾客将可以进入到各种商城来选取需要的产品。体验转移空间的购物愉快美妆手册这个模块是一个录像展示模块。该品牌聘请专业美容师现场录制的美容技巧与在线顾客和会员分享。微博互动这是一个类似于博客的模块。所有的会员都可以开通自己的BLOG。和大家分享一下自己在活动中的快乐与收获。加入我们这个模块就是针对非会员注册成为会员的平台。非会员在这里填写相关的信息资料，经过后天管理员的审核，就成为该品牌关注的会员了。32网站功能结构图化妆品网站护肤彩妆护发染发品牌故事会员专区电子商城图31网站功能结构图4网站功能模块详细介绍41护肤页面主页面主要是提供本网站的其他各个功能模块的链接，因此要求主页简单直观，美观大方。顶部LOGO和底部二维码宣传运用了PHOTOSHOP的切片技术以及绘图技术。效果如图41所示。图41护肤此页面导航下拉菜单代码是首页护肤锁水保湿美白淡斑深沉护理防晒隔离改善肌底复颜抗皱金致臻颜清润肌肤肌底护肤雪颜美白洁面乳彩妆眼线护唇膏唇部卸妆粉底睫毛眉笔护发精油营养精油营养精油营养精油营养精油营养精油营养精油营养精油营养精油营养精油营养精油营养精油营养精油营养精油营养精油营养精油营养染发色系选择棕色系棕色系棕色系棕色系棕色系棕色系棕色系棕色系棕色系棕色系棕色系棕色系棕色系棕色系棕色系棕色系棕色系棕色系品牌故事品牌简介品牌代言人会员专区试用体验积分换礼贵宾特价电子商城天猫商城沈阳店铺北京店铺上海店铺REDFOX留言板右部表格代码护肤需求锁水保湿美白保湿锁水淡斑产品分类洗面奶爽肤水锁水淡斑锁水淡斑锁水淡斑产品系列锁水淡斑锁水淡斑图42顶部链接顶部链接的代码是评测中心视频直播微博互动美妆手册42彩妆页面在这个模块，发布关于彩妆的信息。图44彩妆43品牌故事这个模块主要是发布一些关于品牌的介绍，品牌创始人故事，公司简介，未来方向的四个信息内容。效果如图45所示。图45关于品牌44留言板这个模块主要是会员登录后留言与工作人员相互交流的平台。效果如图46所示。图46俱乐部新留言板代码你有什么好的建议请留言45会员登录这个模块主要供会员登录领取会员礼品和相关优惠政策，会员可以通过此窗口报名参加。效果如图47所示。图47会员登录会员登录用户名密码49加入我们这个模块是会员注册的页面，非会员人士在此填写相关信息后注册为会员。效果如图412所示。表单代码你的昵称密码确认密码你主页的网址联系方式男女北京上海成都沈阳大连天津河南绵阳厦门深圳重庆你的爱好旅游看书听音乐写作上网看电影玩游戏购物工作睡觉你的个人简介5结束语经过这次的课程设计，我学会了MACROMEDIADREAMWEAVER8和ADOBEPHOTOSHOPCS3两种软件的基本运用，基本能熟练地制作一个较成熟的有一定主题的网站。但在实际课程设计过程中还有以下几点问题1、现在所学的的知识技术水平有限，做出来的效果达不到自己理想中的效果；2、DIVCSS的网页构架技术、JAVASCRIPT动态网页设计技知识太缺乏，做出来的页面不够生动活泼；3、对色彩搭配的感觉不够，每个页面的色彩搭配都很雷同，没有给人眼前一亮的感觉；4、对PHOTOSHOP的功能不够全面的了解运用，比如不能够熟练地运用其绘画的功能，以及不能熟练地对一些图片进行修饰修改，以致有的页面达不到理想的画面效果。希望自己在以后的学习实践中，加强对这些方面的学习练习，熟练地运用这些知识，做出更好、更生动、更理想的网站。在此感谢我的指导老师和同学给我的帮助，他们给我了很多网站设计的建议，比如在色彩搭配方面，页面布置方面，让我可以更好地完成这次课程设计任务下面是赠送的经典语录和搞笑语录，不需要的朋友可以下载后不急删除谢谢【感人的话】要学会感恩、同情、宽容、忍耐、积极与真诚。希望是心灵的一种支持力量逆境的回馈，使生命将更加精彩而富足【感人的话】每个人的好运跟坏运都是分配好的，虽然我的好运没有别人多，所以只要是一点点好事，我就非常感恩了。【祝福的话】这里有一本你当年用过的笔记，它有点儿泛黄了，书页里夹着的话也早已没了香气，却还是谢谢你把它借给了我。今天的我们已经分开，却依然是朋友。还是要跟以前一样，我听着你的述说，看着你笑，看着你难过委屈去安慰你。我会把祝福写在这本笔记里，在那多枯黄的花的旁边，我会写下我的祝福祝福你过得好祝福你过得比我好然后，将它寄给你。不要哭泣，你。【表白的话】爱你是一个念头，爱你是一种冲动，爱你是一种宿命，只属于我的宿命。爱你是一段旅程，爱你是一场幸福的长跑，爱你是一路沐浴阳光，爱你是一径的花香。爱你，是睡觉呼吸一般的自然请，给我你的爱。【有哲理的话】世上有三种人一是良心被狗吃了的人，二是良心没被狗吃的人，三是良心连狗都不吃的人【激励人的话】如果你看到面前的阴影，别怕，那是因为你的背后有阳光。【感人的话】一身白衣为你洗尽铅华，白衣白发白胜雪，捧一卷古墨，盈袭暗香，我踏着平平仄仄的长长短短，款款步入风情万种的宋词里。溪边桃红青染，流水潺潺，柳丝随风絮，我在桃花下写着红笺小字，一抹嫣然回眸，惊落了桃花，也惊落了你的心。佛说千年一轮回，今生，你在哪里【有哲理的话】母爱是一滴甘露，亲吻干涸的泥土，它用细雨的温情，用钻石的坚毅，期待着闪着碎光的泥土的肥沃；母爱不是人生中的一个凝固点，而是一条流动的河，这条河造就了我们生命中美丽的情感之景。【表白的话】我深深地恳求你；不要把我逐出你的爱门之外，我一分一秒也不能缺少你的爱。只有赢得你的爱，我的生命才有光彩。【表白的话】爱你，却要无欲无求，好难爱你，却要偷偷摸摸，好累爱你，却让自己心碎，好惨但竟然心甘情愿，好傻但是我能肯定的是我是真的很爱你【表白的话】我扬一把散沙粒粒想念漫天纷飞带给我对你的祝福，我洒下一瓢涟水滴滴飘洋流到你的心海，爱你，今生无悔，牵了你的情，爱了你的人，我会努力呵护你，一生一世【表白的话】你的热情，温暖了我冰冻的心；你的大胆，鼓起了我爱的热忱；你的关怀，激起了我感激之情。新年伊始，愿我们透过那爱湖的波光水雾，一起憧憬美好的未来。情人节快乐【表白的话】也许我的笑容不够灿烂，但足够为你扫清冬日里的阴霾；也许我的双手不够温柔，但还能为你拂去俗世尘埃如果命运安排我们在一起，我会好好珍惜你情人节快乐【甜言蜜语的话】我们结婚吧，好不好那样我们就可以不再对着电话诉说想念，就可以每天清晨起来看见你的睡脸，然后一起吃一顿不太丰盛却很温暖的早餐。我们结婚吧，好不好那样我们就可以拿着民政局发的红色小本子四处炫耀，我们可以在房间里挂满结婚照，看着看着就会不自觉的微笑。我们结婚吧。【表白的话】我需要你，就像冬天里的棉袄，夏天里的雪糕，黑暗中的灯泡，饥饿中的面包我不能没有你【有哲理的话】用真理检验真理永远是真理，用错误掩饰错误将会一错再错。我们不能拥有真理，但是我们可以防止错误。【离别的话】愿你作一滴晶亮的水，投射到浩瀚的大海；作一朵鲜美的花，组成百花满园；作一丝闪光的纤维，绣织出鲜红的战旗；作一颗小小的螺丝钉，一辈子坚守自己的岗位【离别的话】我们曾经在一起欣赏过美丽的花；我们曾经在一起幻想过美丽的季节。同学啊，同学，分别后不要忘了我们曾经一起走过的日子。【离别的话】红叶纷飞的枫林里，我们曾拥有多少回忆。那飘舞着的枫叶，将我们带进一个无比美妙的境界。【离别的话】别离，是有点难舍，但不怅然；是有点遗憾，但不悲观。因为我们有相逢的希望在安慰。【有哲理的话】人活着，第一要紧的事情就是要有眼光。有了眼光，并相应确定应该为之努力的目的和目标，工作就会出现乐趣，这样才有希望最终成为一个事业和生活的成功者，生命就会丰富多彩。【有哲理的话】在真相肯定永无人知的情况下，一个人的所作所为能显示他的品格。有些事情的确没有人知道，除你之外，没有人知道，但是你必须对得住自己，最好能问心无愧。因为问心无愧可生自信，而自信会让你生活得更从容。【有哲理的话】没有任何的动物是比蚂蚁更勤奋，然而它却是最沉默寡言的。与其埋怨世界，不如改变自己。管好自己的心，做好自己的事，比什么都强。人生无完美，曲折亦风景。别把失去看得过重，放弃是另一种拥有；不要经常艳羡他人，人做到了，心悟到了，相信属于你的风景就在下一个拐弯处。【有哲理的话】有些人成就不大，不在于智力或能力不够，而在于没有克服自己心理上的弱点和谬见，没有充分发挥自己既有的潜力和才能。只有不断向自己挑战，向生活挑战，才能取得更大成功。【有哲理的话】面对别人的反对意见，如果你针锋相对地进行争执和批驳，对方很难从内心真正接受，在表达方式上委婉一些，效果就好多了。【有哲理的话】当我们放眼这个世界的时候，如果以自我为中心，很可能会以为自己了不起，可一旦我们把心歇下来，用赤子之心来观察，就会发现我们是多么渺小。我们什么时候都能看清自己不如人的地方，那就是对生命有真正信心的时候。【有哲理的话】胸有平常心，幸福自然来。人的心态如同琴上的弦，太紧则易断，太松则无音，只有松紧适度，才能弹出美妙之音。保持一颗平常心，才是人生的真谛。怀一颗平常心，看淡得失，超越成败，不为物欲所迷，不被烦恼所扰，明心见性，随缘自适。平常心，是一种人生态度，也是一种生活智慧。【有哲理的话】绝大多数人都喜欢嘲笑别人，而不愿意被别人嘲笑。在别人处于尴尬境遇时，你如果能通过自己出丑来减少他的难堪，他一定对你非常感激。【有哲理的话】对于胸怀大志的有志之士和勤奋努力的人来说，障碍是不会起什么作用的。他们会说不会再有什么困难能拦得住我了。只要有百折不挠的信念，就会战胜许多强大的阻力。【有哲理的话】成功地推销自己是迈向成功的第一步。在推销自己的过程中，多动脑筋，设计一些小花样，就容易引起别人的兴趣和关注。搞笑语录一次，同事几个去美国，到超市买东西，用济南话讨论，有个美国人过来用标准的济南话说“你们是济南的”暴汗，原来这老外是以前战争时期留在中国的美国人后代，同事问他“那你英文怎么样啊”老外一拍大腿道“英语太他妈难学了”哈哈，有木有笑趴啊。公司加班到半夜，所有人都眼皮打架，一姑娘哀叹“我现在真想变成一个因字。”众问其故，姑娘说“就是一个人四肢平摊躺在大床上。”话音刚落，旁边一男同事嘟囔“困。”一先生感冒去医院挂吊针，护士小姐很麻利的给这位先生插上针挂好盐水，一个多小时过去了，盐水瓶的水打完了，护士过来马上又换上一瓶。这先生不解，问护士小姐说“小姐，处方单上不是只开了一瓶吗”护士小姐指着打完盐水的空瓶盖说，“先生，您运气真好，这瓶中奖了，再来一瓶”一退休老头，闲来无事就教鹦鹉说话，每天早上必教“早上好”可惜几个月后，鹦鹉仍不开口。一日，老头心情不佳，未教。只听鹦鹉大叫“老头，今天牛了连好也不问了啊”白雪公主逃出王宫，来到森林，看到一间小木屋，里面排列着七张小小的床。白雪公主就躺下睡着了。傍晚七个小人回来了，白雪公主说“你们就是我命中的七个小矮人吧。”七个人面面相觑，然后说“你走错地方了，我们是金刚葫芦娃。”爷孙三人去钓鱼，爷爷拿着鱼杆发呆，孙子看到后对爸爸说“瞧瞧，你爹在那发