动态网页设计.doc

16 届课程设计动态网页设计学生姓名 王印弘 学 号 8011212333 所属学院 机械电气化工程学院专 业 机械设计 班 级 16-3 日 期 2014.11 塔里木大学机械电气化工程学院制目录概述.2结构图.2站点主题选择.2模块介绍.3（一）index.4（二）公告栏.5（三）心马游疆.6总结7一、概述随着互联网的不断发展和中国网络人口的日益增长，建立个人网站，不但可以刚好的展示自己，而且可以提高自己在计算机应用方面的能力。故本次作业，我选择制作个人网站。个人在设计时考虑的多为个人的兴趣喜好，而不注重商业的展示。内容以反映个人为中心，从而使个人网站真正的成为展示自己的网络名片。在网页制作中，我借鉴了韩国个人网站的设计风格，着重于给浏览者以强烈的视觉冲击。运用了photoshop和fireworks强大的图像制作和处理能力。进行了大量的图片制作，从而给人以强烈的美感。并利用Flash进行片头动画的制作，给予浏览者一种强烈的时代动感。整个网站的架构是由Dreamwave完成的。三、站点主题选择由于网络上各种各样的信息很多，别人可 以轻易的各大知名网站上了解自己想要的 信息。所以，我的关注的便是怎样让自己 的网站更具有个性魅力，使个人擅长的信 息更全面的反映于浏览者。以上便是我个 人站点主题选择的指导思想。站点的主体内容由个人日常生活和大学各 种作业两部分组成。从学习和生活两大方 面全方位展示自己丰富多彩的大学生活。在主要内容之外，还设有娱乐、游戏、新 闻三个模块。这部分内容将我个人浏览网 页所收集到的奇闻趣事反映给大家。四、模块介绍（一）index使用Flash动画进入主页，给人一种耳目 一新之感。开始的两个隧道引入，表明引 领浏览者进入本人的内心世界，随之而来 的是以红色为主色调的动画，给人一种热 情好客的感觉，不断变换的网站内容更是 起到了提示和概述的作用（二）公告栏公告栏是我个人正在或将要发生重大事情 的提示栏。内容与报纸的头版头条有异曲 同工之妙。公告栏标题是由一面大鼓作为 引导，用以寓意此部分内容重要之处。在 黄底红字的衬托之下更显示其应受到的关 注程度之高。（三）心马游缰心马游缰是个人心灵的自我倾诉之所，将 自己日常生活的感悟写下来与浏览者交流 。这部分也总结了自己的得与失，沉淀了 自己的情绪。在主页上有该部分的文章列表，浏览者点 击之后将跳转到每篇文章相对独立的网页 中。而每一个相对独立的网页以黄色为主 色调，有一种流露个人思想之感。（四）新闻、娱乐、游戏等附属板块该板块聚集了本人在日常浏览互联网时收 集到的奇闻趣事。该部分内容并不在内容 的广度，而是考虑所反映内容的深度和全 面性。值得一提的是，进入该部分是通过Flash 的Actionscrip语言编写。形式较为新颖。五、总结不知不觉网页设计的课程将要结束了，这 门课程所包含内容的丰富是让我从没有想 到的。在整个的学习过程中，我学习了Fl ash、Dreamwave、Fireworks、Html语 言、IIS、网站建设的基本思想等重要内 容。到现在为止，我还是很庆幸能够学到 这么多的内容。整个网站的制作是我一个人完成的。虽然 整个网页的结构还有很多不足，还有一些 板块没有开通，但是我的确能够感到在我 制作过程中技能的提高。整个网站的不