课程设计报告网页设计与网站规划.doc

河南中医学院 《网页设计与网站规划》课程设计报告 题目：恋爱主义 院系： 信息技术学院 组长： *** 组员： *** *** *** 日期： 2012年6月15日 河南中医学院信息技术学院网站 题目综述 恋爱，它是男女互相爱慕的行为表现。在不同时代有不同的定义，而在现代定义为两个人基于一定的物质条件和共同的人生理想。在各自内心形成的的最真挚的仰慕，并渴望对方成为自己终生伴侣的最强烈、最稳定、最专一在远古的母系社会、古代的父系另一种体验，并不是单纯但随着社会的发展，爱情也在向文明的方向发展。　　初恋刚刚进入恋爱阶段，了解还不是很深入还有一定的模糊感。 　　热恋恋爱双方看到的都是彼此对周围环境漠不关心，可以说双方都已经迷恋其中了。 　　依恋 双方在日常生活已离不开对方，离开一阵子都会觉得不顺心、有一种心不安的感觉。 　　平淡恋爱双方都已经冷静下来，留下的大部分是理性，而缺少了激情，需要进一步的理由来点燃爱情的火焰，比如说婚姻。很多情侣都是在这一环节没走完的，当然，完成这一环节意味着下一步进入婚姻阶段。 Adobe Dreamweaver CS4、图片制作及修改涉及的软件为Adobe Fireworks CS4、动画制作涉及的软件为Adobe Flash。而开发环境为Windows 7.。 2.2 开发计划 首先需要在小组内讨论，共同制定网页的框架结构，得出要做什么网页，由此而开始设计各网页的页面，画出草稿，然后再根据已设计出的网页页面，搜集资料（包括文字和图片），并对资料进行整理及再次编辑，还要开始绘制banner以及logo，接着就要开始分工（下部分会有详细的分工内容），代码编辑和文字编辑要同时开始，在这个过程中会多次进行沟通，以避免代码和文字、图片的不相符，同时还要根据做的网页，不时地添加或删减原设计，尽量达到完美。还要将全部的网页进行链接，然后要对网页进行测试，使其能通过web标准测试，并尽可能在多个操作系统下能够正常访问，在多个手机系统下实现基本访问，并能在多个浏览器下能够正常表现。最后就是写出课程设计报告。 2.3 人员分工 2.3.1 网站结构：*** 2.3.2 页面设计：*** 2.3.4 资料搜寻：*** 2.3.5 代码编辑：*** 2.3.6 文字编辑：*** 2.3.7 图片及动画制作：*** 2.3.8 课程设计报告：*** 网站结构与文件目录 3.1 网站逻辑结构 3.1.1 网站栏目结构 3.1.2 网站文件层次图 3.2 网站文件目录 首页：文件均存在shouye中； 恋爱通告：文件均存在lianaitonggao中； 恋爱物语：文件均存在lianaiwuyu中； 心灵脉搏：文件均存在xinlingmaibo中； 樱空断点：文件均存在yingkongduandian中； 爱与成长：文件均存在aiyuchengzhang中； 心理测试：文件均存在xinliceshi中； 其他页面的文件也会存于相应的文件夹中 网页与关键元素设计理念 4.1 网站设计理念 4.1.1 设计风格 本次的课程设计以“恋爱”为主题，整体风格走“清新”、“甜蜜”路线，不管是文字、图片，还是动画，都会以其为主，比如文字内容，会有恋爱短信、恋爱情书、恋爱故事、恋爱诗词，同时也会有一些有关恋爱的感悟、技巧等，还会有恋爱的小测试；图片方面，景和物会以“心”形和代表爱情（比如：玫瑰）东西或是两两相关的东西（比如：对戒）为主，人物则多用恋人牵手、拥抱，或是一眼就能看出两人是恋人关系的图片；动画也会与其有关，这个会在下面详细介绍。 4.1.2 色彩 恋爱，给人的感觉是甜蜜、幸福、多姿多彩，所以我们的网站的色彩会以粉色为主，但同时也会辅以其他的浅色系的颜色，使网页更加的缤纷多彩，虽然颜色多，但不会杂乱。每种颜色都有它独特的意义，同时，不同的搭配也会有不同的效果，而我们就是要让网页看起来很舒服，不会有什么突兀的感觉。 4.2 关键元素设计理念 4.2.1 Logo 我们的主题是“恋爱” ，而logo也就与其有关，它是用“心”拼成的一个大的“心” 。先打开Fireworks应用软件，在画布上划出一个心，在色彩处理上，用彩色充满，表示恋爱中的多姿多彩，然后，将这个心再粘贴、复制多次，再用它们重新拼成一个大的心，而这么多的心围在一起，就是说恋爱时的男女双方，要多用心呵护他们之间的爱情。 4.2.2 导航 导航共分为七项，分别是：首页、恋爱通告、恋爱物语、心灵脉搏、樱空断点、爱与成长和心理测试。其中，恋爱通告是要“大胆说出爱” ，“通告” 的意义就在于此，所以这个栏目分为“恋爱短信”和“恋爱情书”；“恋爱物语”是说一些恋爱时的私语，包括“恋爱文章”、“恋