3.2.3 CSS元素 .............................................................................................................. 16 3.3 交互设计与UI ............................................................................................................ 17 3.4 点，线，面的运用 ...................................................................................................... 18 3.4.1 点的运用 .............................................................................................................. 18 3.4.2 线的运用 .............................................................................................................. 19 3.5 网站结构布局及设计 ................................................................................................... 19 3.5.1 网站首页结构 ....................................................................................................... 19 3.5.2 主题鲜明，富有特色 ............................................................................................ 20 3.5.3 版式编排布局合理性 ............................................................................................ 21 3.6 网站前台页面设计 ...................................................................................................... 22 3.6.1 首页 ..................................................................................................................... 22 3.6.2 系内概况 .............................................................................................................. 23 3.6.3 系内新闻 .............................................................................................................. 23 3.7 本章小结 .................................................................................................................... 23
第4章 主要功能的实现 ................................................ 23
4.1 界面设计 .................................................................................................................... 23 4.2 具体设计文档 ............................................................................................................. 24 4.3 前台新闻文摘显示 ...................................................................................................... 24 4.3.1 网站装饰风格 ....................................................................................................... 24 4.3.2 网站的链接结构 ................................................................................................... 25 4.4 可视化设计 ................................................................................................................. 25 4.5 具体实现技术 ............................................................................................................. 25 4.5.1 CSS在\数字媒体技术系网站\中的应用实例 ........................................................... 25 4.5.2 应用JavaScript设计网页 ...................................................................................... 26 4.6 本章小结 .................................................................................................................... 28
II
第5章 总结 ......................................................... 29 参考文献 .............................................................. 30 致谢 .................................................................. 32
第1章 绪论
1.1 选题背景及意义
如今的互联网已经渗透到我们生活的每一个层面，网站的内容越来越丰富全面，以此来满足了各种不同需求的浏览者。网站的作用众所周知人们通过网站快速获取，发布和传递信息。
目前很多高校建立起了自己的网站这些网站的建立使得学校可以突破传统的媒体的限制在网络上开辟的属于自己的新天地。网络具有超时空性。网络超时空性是一种“一人对一人，一人对多人，多人对一人，多人对多人”的传播方式[1]。超时空性的形成正式由于在网络在时间层面，空间层面上的开放性带来的。网络的超时空性使得高校网站对学校本身和外界社会表现特定的功能，表现在网站有助于改变教育资源的分散性和分布不均衡性，有效的将教育资源进行整合，从而使得教育资源使用意义上的无限增长。网络具有的海量存储特性，网络能形成一个巨大无比的数据库，世界上任何时间任何地点的任何一件事都能成为网络的信息被广泛传播。
高校网站的海量存储特性可以从横向和纵向两方面分析：横向看高校网站往往设置多个板块，分别放置相关内容。不同板块的信息相互独立，共同构成网站的内容。 纵向看，同一个板块的内部，内容并不是固定不变的，而是不断添加连续更新的。大量的信息使得高校网站成为一个巨大的数据库。
交互性体现在高校网站通过设置留言板，论坛，发挥网络交互的功能，在老师和学生之间建立起了交流渠道。
高校网站正是以这些特点为基础，发挥了自己本身的资源整合，信息传播，多方交流互动等方面的独特功能，成为一座沟通桥梁。
很多高校网站内容多姿多彩，板块，内容争妍斗艳。但不外乎以一下几部分：学校介绍，新闻发布，招生信息，就业信息，师资力量，科研成果，机构设置，教学素材等。高校网站的建立和维护需要大量的物力和人力，为何要投入去建网站上？是因为如上所述的高校网站有的独特特性使得建设高校网站势在必行。
这些都促进了各个机构组织的信息化建设，随着高校信息化建设的不断推进，网站的作用超越了传统的信息获取，交流它更能体现组织机构的风采，性质。所以高校院系建立本院系美观，专业，易于维护管理的网站。
1
我们要创建我们本专业的网站数字媒体技术系的专业网站，网站前端设计最基本的三个技能：HTML，CSS，JavaScript，PS 矢量图像编辑技术。这个是前端开发中最基本也是最 必须的三个技能。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。虽然表面看起来这些很简单，但这里面需要掌握的东西绝对不会少。在进行开发前，需要对这些概念弄清楚，弄明白，这样在开发的过程中才会得心应手。
建立本系网站发挥的作用如下：
(1) 数字媒体技术系网站是数字媒体专业的“商标”。在这个高度信息化的社会里，建立数字媒体技术系自己的网站是最直接的宣传手端。网站的超时空特性，不仅能让本地区的人们了解学院，更可让世界了解本专业。
(2) 数字媒体技术系网站巨大的教育资源，网站是实现教育资源分配的桥梁，它使每一位教师和学生都能均等的得到培训和受教育的机会，能极大的提高教学效率。
(3) 数字媒体技术系网站能提供教学互动的全新方式，网站使得教师与教师，教师与学生，学生与学生之间的交流有了全新的方式，它不再受到传统课堂的制约。它可以使不同的学院同处一室，共同讨论，共同提高。地理上的界限在这里模糊和消失了，数字媒体技术系网站是真正没有围墙的系网站。
(4) 数字媒体技术系网站能够提供个性化的学习平台，不同的学生理解世界的方式各不相同，认知世界有诸多方式。网络提供的丰富资源可以使学生寻觅不同的教育方式，各取所需。数字媒体技术系网站允许不同的学生沿着自己的途径，按自己的速度接受教育与学习，学生将有机会享受最佳的教育机会，充分发掘自己的内在潜力，培植独特的个性和人格。
(5) 数字媒体技术系网站是最佳的教学研究室，数字媒体技术系网站与教育类专门网站的有效链接，给本系教学研究带来了一片新天地，各种优秀教案，专家论坛，网络观摩课，各科素材，多媒体课件制作等内容为教师教研提供了极佳的平台。有效地降低教研成本，提高效率。
2