网页设计课程设计报告

1、网页设计课程设计报告系别：计算机科学系班级：09级计师二班姓名：邓桂香学号：0229指导教师：李发英成绩：日期： 2011年5月网页设计课程设计报告一、网站设计目的和任务一学期的网页设计理论和实践课程都结束了，根据老师的 要求及指导，我设计了此网站，本网站属于小型个人网站，目的在于 简单的介绍一下个人状况，可以使老师和同学们更进一步的了解我现 在以及部分过去的情况，加强老师和同学们对我的认识，深化我们大 家的情谊，有利于以后在学习、工作生活当中的团结协作。此外，这不仅是为了肩负学生的责任而去完成老师交给我的 任务，更是对过去学习的知识的温习巩固， 是一个把理论转化为实践 的过程，是一个把自己的

2、设计思想转化为实物的过程， 是一个发挥自 己创造力和想象力的过程。再者，这是对自己在一学期内该学习科目以来的成果的检查， 这是一个自我审视的过程：检测我该学期的学习成果，衡量一期以来 的收获，更为重要的是扬长避短，发现自己的问题与缺点，使自己及 时改正，发觉自身的优点和长处并坚持发扬， 有利于我以后的学习和 发展。网站主题本网站以个人从小到现在的大概情况介绍为主题，阐述喜好，表现本人的性格特点三、网站规划思想当今社会，靠什么成功很多成功人士都说过这样一句话：“成 功来自百分之八十的人际关系和百分之二十的自身天分和努力。”据此可以发现，扩大人际关系网是十分重要的一项活动， 因此就需要一 条联系两

3、方的桥梁，这条桥梁是满载信息的大流量的通道， 在这信息 时代，于是网络成为了这当之无愧的桥梁。 我设计这个网站的思路就 来源于此。怎样让更多人了解你怎么使别人更了解你怎样扩大自己的接 触面当代是繁忙的一代也是讲究高效率的一代，当今面对这些问题， 这时候的内敛不会被认为是好的，最好的解决办法我认为是把自己推 销出去，我想通过网络把自己的概况晾晒， 方便别人更快捷更省事地 得到相关信息，通过这种方式，也可以交到志同道合的朋友，可以一 起研究探讨，相互促进，达到共赢。既然这样，那么网站的风格自然是温和、高雅、柔美的，这样 才能达到更高的亲和力效果，同时也应该具有喜悦性、创新性、活泼 开朗性，展现个人

4、品格及魅力。最重要的是要呈现一个真诚的自我在 大家面前，树立可信性、诚实性，消除虚拟因素，获得大家的真诚对 待和好感。在内容和结构上，具体如下：整个网站分为九个页面，分别为：主页面、基本信息、个人照 片、成长阶段概况（童年、中学、大学）、兴趣爱好（文学、书法、旅游）。各个页面间都是相互连接的，方便读者更快捷地找到想了解 的信息。用表格表示如下:编号一级栏目二级栏目栏目内容及功能说明1基本信息陈列个人基本信息2成长阶段童年讲述童年的生活时光3中学叙述中学的坚强成长4大学细数大学的丰富多彩5个人照片展现个人形象6兴趣爱好文学阐述对文学的看法和认识7书法表达练习书法的感受8旅游介绍某些旅游景点网站的

5、目录结构如下:Flyfish网站根目录厂Css存放外置CSS文件 Flash存放Flash动画-Images存放图片文件C Bt-存放所有标题或栏目标题的图片文件X Content 存放所有与网页内容相关的图片文件I Design存放所有与网页界面设计相关图片文件Js个人图片J书法四、网站页面链接总图童年旅游返回主页Nenux基本信息尸A 成长阶段主页兴趣爱好文学r中学ra大学J丿五、 综合知识的运用情况1、层的使用 在这次网页设计过程中，使用了大量层，因为它灵活好用， 可以随便拖动，变大变小都很方便，而框架虽然也能达到这个效果， 但是，它不够灵活，不利于我所需要表达的效果的呈现，也许是不习

6、惯的原因吧，觉得太死板了，当然一些地方仍然要用到它，体现清晰 的结构。2、运用 Photoshop 工具 图片的插入和设置背景图像是两个不同的概念，当然可以达 到相同的效果，这是很基本的知识运用，也用了很多次，但是当图像 较小时在层中插入更方便些， 因为作为背景时图片会重复出现造成混 乱的局面，但图片过小时， 用层将之拉宽大就会使图片变模糊、严重 变形，不但没能美化页面反而带来了负面影响，此时最好借助 Photoshop 工具来编辑图片。文本的插入在层内或框架内完成较好， 但不能设置为艺术字体，因此需要运用 Photoshop 工具来辅助完成， 其实很多地方都可以用到Photoshop工具特别

7、是一些要表现自己独特 的思想和设计画面。3、使用 Flash 工具只要是动态效果都可以用Flash工具，音乐、闪动图片等。4、使用链接 为方便读者的查阅，在各页面底部都设置了页面链接。5、插入跳转菜单为了使读者能快捷的回到自己感兴趣的页面， 于是在各个页面都插入了跳转菜单。6、插入滚动文字7、设置交替图像，鼠标放置停止图片切换8、制作在整个页面浮动的图片9、设置垂直循环滚动的图片10、使用弹出信息行为11、框架的使用12、背景图像的固定，让文本在图像上滚动13、插入音乐文件14、插入 Flash 按钮六、动态特效的使用（说明在哪些页面增加了动态特效）1）每个页面都设置了链接，有链接的地方就设置

8、了鼠标放置时 的颜色变化，还插入了 Flash按钮；2）首页有上下滚动的图片，插入了背景音乐 ;3）基本信息页面使用了交替图像插入了音乐文件 ；4）书法页面使用了浮动的图片 ；5）旅游页面使用了上下滚动的图片 ；6）文学页面运用了滚动字幕；7）童年页面插入了 Flash 动画。六、课程设计心得与体会这次网页设计实战篇一一个人网站设计完成后，我收获了很 多，感触也很深。我最大的感受就是理论不用于实践终究是理论，说得难听点 那根本就是纸上谈兵，止于理论的学习，将来是没多少成绩的，有前 途发展的话也必将是少了更为之锦上添花的一笔。当然也深刻认识了一点，那就是我们所学的知识虽说是很基 础很根本，但没有

9、根基怎么能建好别墅呢所以说基础知识是很重要 的，我们在学习过程中不能小看而去忽略它，它是一笔财富，能引导 我们看得更远飞得更高。通过这次设计，我发现一个很普遍的问题：我们往往是眼高 手低，学习这些知识时觉得它就是小菜一桩，但现在真的验证了“看 花容易绣花难”这句话，当我们着手实践时就不像我们想象中的那么 简单了，每一个细节都需要注意，稍有不慎页面就在预览中变了样， 因此更需要我们细心和耐心地去完成， 也就两个字概括一一认真，只 有认真对待才会从骨子里学到东西，才学到心里去了。我觉得这次确实是很有意义的一次检测，本来自我感觉良好 的，结果实战时还是存在很多问题的， 平时学起来觉得很轻松就以为 掌

10、握了所学知识，但现在都忘记很多细节是怎么样的了， 因此开始着 手时有些障碍，但我下定决心把以前的实验内容都温习一遍， 遇到不 懂的就及时查资料，比如翻阅资料书，百度，也可以请教同学，一起 讨论，相互学习，于是最后也如鱼得水，水到渠成，因此得到一个非 常重要的结论只要自己想学只要自己有那份执着与毅力， 虚心的 请教，勤于查阅相关资料就一定会有收获的， 真的当今没有什么知识 是用不着的，在哪，哪里都是知识，只要自己持有高度的学习热忱。 当然，我们在学习过程中一定要及时巩固、练习，掌握了也不一定熟 悉，熟能生巧啊！ 我们应该吸取这个教训，否则即使我们最终达到了 目的，但我们走了很多弯路，而不是事半功

11、倍的结果了。不过最终， 经过长久的坚持与不断的琢磨， 看到了自己辛苦后的成果， 尽管这还 有很多不足，但看着它我心里充满着喜悦，一分耕耘一分收获，这永 远是真理。完成自己的作品后我也观赏了其他同学的作品，对比起来， 各有千秋， 当然能从其中发现很多值得我去学习的地方， 比如说有的 页面布局很好，有的页面内容很充实，看起来很有感觉，也可以称之 为网站了， 而我的有些页面看上去， 可能使别人不会产生网站这一个 概念，反而会觉得像是PPT演示文稿，这也反映了我的一个问题：心 中还没很清楚领悟建立网站的基本要点， 还应该加强这方面的知识储 备。另外我也发现有的同学的页面设计插入了太多图片或者太多浮动 的东西，弄得网页太杂，没有一定的风格，更谈不上凸显主题 了从对比中，我学到了很多，能让我扬长避短，吸取他人之精华，去除他人之糟粕。这次作业对于我来说不是一项任务而是一种享受，因为我发 现我越来越喜欢它， 不管别人说做这件事做到多晚做得有多累， 我都 没觉得，甚至还越做越兴奋。对于一个女