《《多媒体技术基础》网络开放课网站建设毕业设计(DOC 22页)》由会员分享，可在线阅读，更多相关《《多媒体技术基础》网络开放课网站建设毕业设计(DOC 22页)（22页珍藏版）》请在金锄头文库上搜索。
1、摘要在信息技术飞速发展的今天，人们获取信息的方式更多是来源于互联网。而吸引浏览用户的则是视觉效果出色、信息量丰富、使用起来便捷的网页，所以网页设计尤为重要。网页设计作为用户界面交互设计的延伸，是在新的媒体和新的技术支持下实现一个全新的设计创作领域。设计创作网页应遵循其特有的特点和结构思路，具备实际可行性和外观的时尚。本论文讲述了网站建设的一般步骤，并结合丰富的色彩应用与网页设计理论，以多媒体技术基础网络开放课作为网站建设的主要内容，介绍了网站的建设的流程、步骤、以及一些设计中的要素和技巧，例如框架、CSS样式的使用、javascript技术的应用等等。采用Dreamweaver、Photosh
2、op、flash等作为主要制作工具。网站的内容包括以下几个主要组成部分：教学大纲、授课计划、课程教案、电子课件、实验指导、课程试卷等模块。本文从该网站的最初采集到后期开发的整个过程加以整理、编辑成文，同时采用图文并茂的形式，不仅增加了文章的可读性，同时又可以较为直观的把网站呈现在人们眼前。关键字：网页设计框架CSS网站建设 色彩AbstractWith the rapid development of information technology today, the way people access to information is more from the internet.To a
3、ttract the user is excellent visual effects, abundant information, use convenient Webpage, so Webpage design is particularly important.Webpage design as an extension of interaction design of user interface, is the realization of a new design in the field of new media and new technologies.Design Webp
4、age should follow its unique characteristics and structure of thought, have the practical feasibility and the appearance of fashion.This paper describes the general steps of website construction, combined with the application of color design theory and Webpage rich,to open class network based multim
5、edia technology as the main content of the website construction,the website construction process, steps, and some design elements and skills, such as frame, CSS style, use JavaScript technology application.Using Dreamweaver, Photoshop, flash as the main tool.The content of the website includes mainl
6、y the following parts: the teaching outline, teaching plan, teaching plan, electronic courseware, experimental guidance, curriculum test module.This article from the site of the original acquisition to the whole process of late development of tidying up, editing written, using pictures, not only inc
7、reases the readability of the article, at the same time can be more intuitive to the site, showing in peoples eyes.Keywords：Webpage design Layout css website construction Color目录第一章 绪论11.1 概要11.2网页制作的重要性及现状1第二章 网页需求分析12.1 可行性分析12.1.1网站主题的可行性12.1.2 网站页面设计的可行性22.2 网站需求分析22.2.1建站目的22.2.2技术需求2第三章 网站建设的流
8、程2第四章 网页制作34.1 制作步骤34.2 制作网页的要素44.2.1 网页的整体布局设计44.2.2网页设计中色彩的运用54.2.3网页形式与内容相统一54.3 细节的把握54.3.1颜色。64.3.2线条的运用。64.3.3图标。64.3.4文字。64.4 常用工具介绍6第五章 多媒体技术基础网络开放课网页制作实例75.1 网站制作过程75.2 网页层次结构75.3 网站页面的相关展示及代码8结论16参考文献17致谢17第一章 绪论1.1 概要随着Internet的诞生和发展，许多人不再仅仅局限于网上冲浪，而是参与到网站建设中。企业建站相当于在网上建立一个家，你就可以在这里向客户介绍你
9、的企业，展示你的实力，推销你的产品，网页制作作为网站制作中一个重要的环节，相对于传统的平面设计而言，网页设计具有更多的新颖性，更多可以表现的手法。结合本人的实习过程，现就网站建设与管理过程中，网页设计与制作的具体经历，包括：网页设计与制作过程中的网页布局、色彩构置，框架结构等相关事项做以下论述。所谓网站(Website)，就是指在网际网路（因特网）上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。人们可以通过网页浏览器来访问网
10、站，获取自己需要的资讯（信息）或者享受网路服务。1.2网页制作的重要性及现状如今的互联网已经渗透到我们生活的各个层面。网站内容既丰富又全面，满足了各种不同需求的浏览者，正当网络作为第四媒体，逐渐走向成熟和完善的时候，网页设计业也逐步脱离了传统广告设计的范畴，形成特殊而独立的体系。同时这一现象也表明了，我们对网页设计的视觉审美以及网站功能应用等多个方面的认知达到了新的高度。网页不光是把各种信息放上去，能看就行是远远不够的。要考虑受众如何能更多的和更有效率的接收网页上的信息，并且给他们留下良好的印象，促进网站的运营。这就要求综合考虑，设计出美观合理的页面。迄今为止，我国对网页设计这一课题的系统研究
11、还略显薄弱，特别是在艺术设计领域对网页设计的探讨尤显不足，至今未能提出系统的设计理论，与指导原则。对网页设计进行系统性的研究，将视觉传达设计的基本原则创造性的应用于网页设计之中确实是当务之急，也是促进我国网络业及网络文化发展的重要环节。第二章 网页需求分析2.1 可行性分析2.1.1网站主题的可行性一般来说一个网站内容主题的选择，要做到小而精，主题定位要小，内容要精。本网站主要就是针对多媒体技术基础课程的，包括教学大纲、授课计划、课程教案、电子课件、实验指导、课程试卷六个模块，内容清晰，有条理。并没有保罗万象，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难。2.1.2
12、网站页面设计的可行性由于越来越多的人开始建立自己网站，网站除了具有传播信息的功能，还往往代表个人形象。虽然HTML语言提供了对常用windows标准控件的支持，但是由于Windows标准控件的性状和颜色十分单一，网页的视觉效果可能会很差。因此，本网站并没有单纯的采用HTML来制作网页，而是采用div+css的方式来创建表格布局，并且在其中加入JavaScript等动态效果，使页面看起来更有动感。2.2 网站需求分析2.2.1建站目的Internet是目前世界上最大的计算机互联网络，它遍布全球，将世界各地各种规模的网络连接成了一个整体。作为Internet上一种先进的，易于被人们接受的信息检索手
13、段，Word Wide Web（建成www）发展十分迅速，成为目前世界上最大的信息资源宝库。通过建立一个课程共享网站，可以迅速融入到互联网中，和世界各地连成一个整体。拥有了这种传播媒介，人们就可以轻松在网上找到多媒体课程的相关资料。2.2.2技术需求网页的版面设计需要Dreamweaver来实现。需要精通Html、Div+CSS等网络编程语言。网站LOGO，需要用PS来设计。需要有一定的审美能力、设计能力，使网站的主题突出鲜明。动态页面设计需要有JavaScript等技术。发布站点需要对互联网技术有一定的了解，并熟悉发布流程。第三章 网站建设的流程1 定义合适的域名。由域名构成的网址会像商标一
14、样，有助于将来塑造网上的形象。域名除了要符合公司的性质以及信息内容的特征外，还要具有简洁、易记、具有冲击力的特点。2 租用虚拟服务器。有了域名后，就需要一个空间存放网站，这个空间就是Internet上的服务器。一般虚拟主机提供商都能向用户提供大容量、高速度的服务器，用户可根据网站的内容设置及其发展前景来选择。3 设计网页。网页的设计制作可以自己完成，也可以通过虚拟主机提供商或专业的网页设计制作商来完成。设计网页前要收集所有需要放在网站上的文本资料、图片等，并尽量用文字详细说明制作的框架结构，将收集的材料提供给网页设计者。4 ICP备案。网站备案的目的就是为了防止在网上从事非法的网站经营活动，打
15、击不良互联网信息的传播，如果网站不备案的话，很有可能被查处以后关停。ICP备案可以自主通过官方备案网站http:/在线备案或者通过当地电信部门两种方式来进行备案。第四章 网页制作4.1 制作步骤1. 确定网站主题：网站主题就是要建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。2. 搜集材料：明确了网站的主题以后，你就要围绕主题开始搜集材料了。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。3. 规划网站：一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。4. 选择合适的制作工具：尽管选择什么样的工具并
