web网站设计课程设计报告

《web网站设计课程设计报告》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、网站设计课程设计报告设计题目：个人网站设计数字媒体技术媒体102专业班级姓名学号指导教师张洁媒体102完成时间2013年1月0场几丿上字2012年秋季学期个人网站设计摘要随着计算网络技术的发展不断提高，越来越多的人害欢浏览网页、我们也可以在网上发现好多网站。每个网站都有口己不同的风格和表现主题。本次课程设计了一个个人网站。详细讨论了DreamWeaver中网页的设计，实现了具有较完整功能的一个简单网站。采用了表格和背景图片完成了整个网站的总体结构；同时，利用链接将各个页面连接起来，形成了很好的交互作用。用的这种方法较为方便简答、制作出來的页面简洁大方,看起来一日了然，可以得到令人

2、满意的效果。关键词：表格、链接、网页设计目录一、绪论31.网站设计概述32.网站设计的要求及意义3二、背景资料31.设计目的32.设计思路4三、网站的建立41.实现思路42.系统结构框图53.系统功能流程图54.页而的设计5四、网站功能的实现71.设计要点72.实现过程73.运行效果8五、设计屮遇到的问题8六、设计总结91.设计效果92.存在问题93.口我评价9七、附录10参考文献11绪论1.网站设计概述网站设计是一种建立在新媒体Z上的新型设计，是艺术设计类和计算机网络类的交叉学科。随着网络的发展，网站设计也越来越受重视。网站设计中涉及到的内容具有视觉性和互动性、受众面也比较广，

3、是区别于报刊和影视的媒体。网站既具有传统媒体的优点，又能使传播变得更为直接、便捷和有效。2.网站设计的要求及意义本课程设计要求使用DreamWeaver制作一个简单的网站。主题为“个人网站”具体内容应该包括：个人主页、校园生活、家乡风光、个人爱好相册等页面。具体要求如下：1.主题鲜明、设计新颖，页面美观、内容充实；2.网页层次分明，页而之间的链接清晰正确；3.不宜使用过多图片，系统移植性好准确可靠。目前，网站设计非常常见。只要在上网、就随处可见网站。本课题用DreamWeaver设计了一个个人网站，是为了加深自己对相关知识的学习和融会贯通，重在实践操作。二.背景资料1-设计目的此

4、次课程设计是学完《Web开发技术》课程后的一次综合训练。具体要求如下：1.希望通过此次课程设计加深对所学课程屮相关Web基本知识和开发技术的理解，并将这些环节的知识融会贯通，运用到实际屮；2.同时，了解网页设计、网站开发的基本方法；3•掌握网页设计的技巧、Web开发的基木技能，提高实践动手能力。为毕业设计和毕业后从事与网站设计相关的工作打下良好的综合技能和知识基础。2.设计思路利用Web开始发技术中所学习的相关知识，结合现实生活屮的应用。1.首先确定设计的主题为个人网站；2.设计风格定为简约、大方；3.页面样式版面简洁明了；4.确定网站的具体网页数为6个。分别是个人主页、校园生活

5、、美丽家乡、美文欣赏、相册、喜欢；二.网站的建立1.实现思路1.根据所确定的网站主题进行整体规划；2.确定网站的配色方案、找出所要使用的颜色；3•收集网站的素材和内容；1.确定网站的栏目、将收集到的资料进行分组归纳，进行具有一定此次课程设计是学完《Web开发技术》课程后的一次综合训练。具体要求如下：1.希望通过此次课程设计加深对所学课程屮相关Web基本知识和开发技术的理解，并将这些环节的知识融会贯通，运用到实际屮；2.同时，了解网页设计、网站开发的基本方法；3•掌握网页设计的技巧、Web开发的基木技能，提高实践动手能力。为毕业设计和毕业后从事与网站设计相关的工作打下良好的综合技能

6、和知识基础。2.设计思路利用Web开始发技术中所学习的相关知识，结合现实生活屮的应用。1.首先确定设计的主题为个人网站；2.设计风格定为简约、大方；3.页面样式版面简洁明了；4.确定网站的具体网页数为6个。分别是个人主页、校园生活、美丽家乡、美文欣赏、相册、喜欢；二.网站的建立1.实现思路1.根据所确定的网站主题进行整体规划；2.确定网站的配色方案、找出所要使用的颜色；3•收集网站的素材和内容；1.确定网站的栏目、将收集到的资料进行分组归纳，进行具有一定内在联系的组织排列；1.确定网站的Fl录结构和连接结构。2.根据上述所确定的内容，按照自己的创意绘制出网站首页与子页的草图，并在

7、上而表明导航菜单和颜色符号；3.在DreamWeaver111实现上述耍求，将网站结构和绘制的创意设计结合起来。1.系统结构框图图3-12.系统功能流程图图3-2——*—-—'-｛开始网站的整体规划单个网页的整体网站层次的安排合理的加入页面Z间的链接。图3-1（开始｝图3-24.页面的设计在整个设计中的每个页面的具体实现过程，主耍利用了表格进行整体页面的结构设置；结合插入图丿h同时写入文字；最后加入相关链接，完成整个网站页而的制作。使用图片和文字结合，使整个页而显得图文并茂。具体