网页设计报告_7.docVIP

《网页设计》课程报告 学 号: 200920101226 专 业: 09信息工程2班 姓 名: 晏锐 题 目: 我的家乡 设 计 时 间：2011.11.27 电子信息与计算机工程系 2011年11月27日 一:实训目的 21世纪是一个信息时代，Internet已经进入人们生活与工作的各方面，而网页作为Internet信息传递的重要载体，其重要也日趋突出。所以实训的目的就是要我们更好的掌握好这一学期的网页知识和提高自己的动手能力，并且上传到网上去，让更多人认识我，更好的宣传自己。 本课程的设计目的是通过实践使同学们经历Dreamweaver cs4开发的全过程和受到一次综合训练，以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例，理解并初步掌握运用Dreamweaver cs4可视化开发工具进行网页开发的方法；了解网页设计制作过程。 通过设计达到掌握网页设计、制作的技巧。 了解和熟悉网页设计的基础知识和实现技巧。 根据题目的要求，给出网页设计方案，可以按要求，利用合适图文素材设计制作符合要求的网页设计作品。 熟练掌握Photoshop cs4、Dreamweaver cs4等软件的的操作和应用。 增强动手实践能力，进一步加强自身综合素质。 二:实训准备 通过一个学期的网页设计课程的学习，我终于明白我们浏览的每个漂亮的网页是怎么做出来的，我也想自己亲手来做自己的个人网站。在做个人网站之前，我做以下准备：理清自己的思绪，想清楚自己的网站设计，做模板，找素材，进行站点的规划和素材、资料的收集，要按照制作网站的步骤一步一步来完成。 三:实训要求 1．课程设计要求一人一题，每题之间不得有雷同现象。 2．每个题目至少要?有8个不同页面（不能利用模板生成），总页面不少于10个。作品中必须有index.htm为索引页，作品中需包含flash动画、超链接、图片、声音等多媒体元素。 3．课程设计过程中，首先要进行项目调研分析、技术设计分析及页面布局。 4．设计结束时，每人须按题目分析设计的要求，上交所有的HTML文档和素材，将所有文件作压缩包，文件名按“学号+姓名+项目名称”来命名（将压缩文件在课堂上发给我或者在课程结课一周内发送至邮箱： zt_project@163.com，否则将视为放弃所修课程）。 5．作品内容必须要和课程设计报告中的项目内容要一致，设计报告要求在3500字以上，报告内容应有课程设计题目、需求分析、设计制作方案及关键制作技术等内容，必要时需要将效果图抓屏后进行插图。课程设计报告要求用A4纸打印后与作品一同上交，无设计报告者不予评定成绩。 四：个人网站的总体规划和步骤 设计的思路 我的个人网站主要是以蓝为主，以淡色为辅。主要是希望所有的朋友看到这个空间能一种和谐、安宁、充满生机的感觉。得到心灵的慰藉！ 绿色网站的意义 我设计的这个网站主要是给人轻松舒爽、赏心悦目的感觉，让人们置身于一种美丽大自然的意境中 ，明快而错落的绿，让人仿佛来到青山翠谷。 网站的总体风格 网站的总体风格主要是以绿色为主，以淡色为辅，充满活力，生机。具有个性色彩。 网站的布局其实很简单，主要是做好一个模版，模版做好框架了，那网站就初步形成了，虽然主要框架做好了，但是也不要高兴得太早哦，但是你也要想清楚怎样把整个界面搭配得更具有个性化。首先，在框架的最top要插入一个能体现你个人网站的主图。然后在主图的下面插入按钮导航条，之后下面就插入自己想要的风格，虽然用模版做出来的风格都非常相似，但是各个页面都具有各自的特色，让我们感受到自己的空间的个性。 绿色网站的内容结构也很简单，分类清楚。页面链接的层次也很明确，访问者可以很明确的感受到制作网站的人的心情和性格。 绿色网站的主要色调是以绿色为主。鲜艳的绿色是一种非常美丽、优雅的颜色，它生机勃勃，象征着生命。绿色宽容、大度，几乎能容纳所有的颜色。绿色的用途极为广阔，无论是童年、青年、中年、还是老年，使用绿色决不失其活泼、大方。以淡色为辅，两种颜色的结合更体现出了青春与活力。 淡绿色网站主要采用的是环型结构，每一个页面连接另一个页面，使各个页面能方便的跳转。 4 网站的分析与设计 设计一个个人网站,主要需要考虑两个方面的因素: 1.速度:反应出用户访问网站页面的速度。主页是经常被访问的页面，最好把每页的风格统一起来，例如：导航部分最好放在每页相同的位置，便于在每个页面中的跳转。 2．布局：是个人网站具有吸引力的根本所在，它主要说的是信息显示的视觉效果。 5．规划站点 站点规划是设计站点前的一个重要步骤。合理地规划站点对以后站点的设计甚至网站的制作会有事半功倍的效果。 导航草图的制作有利于理清思路，避免在制作网站的过程中乱了方寸