个性网页制作

《个性网页制作》由会员分享，可在线阅读，更多相关《个性网页制作（6页珍藏版）》请在金锄头文库上搜索。

1、1目目 录录第一章第一章 前言前言1 11 1 课题来源课题来源 1 12 2 需求分析需求分析1 13 3 软件软件1 14 4 软件运行环境软件运行环境第二章第二章 网站制作网站制作2 21 1 网页的步骤网页的步骤2.2. 2 2 网页的要素网页的要素2 23 3 系统各模块功能实现系统各模块功能实现第三章第三章 网站测试网站测试 发布和维护发布和维护3.13.1 本地测试本地测试3.23.2 发布网站发布网站3.33.3 网页维护网页维护2个性网页制作个性网页制作姓名：姓名： 学号：学号：第一章第一章 前言前言11 课题来源课题来源在各行各业及其个人、单位、工厂、企事业等等在网上构筑属

2、于自己的网络信息平台，保护自己的网络资源并在互联网上开辟自己的市场和消费群体，以及构造自己的数字化世界和加强全球范围内不同地域的人们联系交流等等活动也就显的日益重要。1 12 2 需求分析需求分析面对对网站网页不同知识层面的人，因此要更好地的了解、分析、明确人们的需求，并且能够准确、清晰以文字图片的形式表达出来，操作方便，简单是关键。1 13 3 使用软件使用软件dreamwraver 软件由美国著名的网站应用开发工具生产厂商 Adobe Macromedia 于 2005 年 6 月推出并正式投入市场以来，已经发展得相当成熟。关于 dreamwraver 的技术介绍的相关书籍与网络信息相当丰

3、富。通过大学中软件开发环境课程的学习，对 dreamwraver 有了比较深刻的认识，并比较轻松的掌握了 dreamwraver 的操作。因此，软件技术可以完成任务的要求。1 14 4 软件运行环境软件运行环境Dreamweaver 是一款简体中文软件，可以在 Win2003/WinXP 中安全运行3第二章第二章 网站制作网站制作2 21 1 制作网页的步骤制作网页的步骤再做网页之前，我确定了做网页的 6 个步骤。1、确定网站主题 ：网站主题就是要建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。2、搜集材料 ：明确了网站的主题以后，你就要围绕主题开始搜集材料了。材料既可以从图书、

4、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。3、规划网站 ：规划网页就像设计师设计大楼一样，图纸设计好了，才能 建成一座漂亮的楼房。网页规划包含的内容很多，如网页的结构、栏目的设置、 网页的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之 前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制 作出来的网页才能有个性、有特色，具有吸引力。在一个网站中，最重要的页 面当属主页，所以在此以主页为例，说明在网页制作中版面设计的问题。从版 面设计来讲,一个有特色的主页,必须包含有四个要素：文字，图片，排列方式和

5、 主色调，这四者相辅相成，缺一不可。 4图片要素 要设计出漂亮的主页，首先要成为计算机图形高手，仅这一点就可以让初学 者花上一年半载的时间。图片的要求与页面的内容有关，一些较随意的主页像 股票、医药站点等，来访者并不在乎你能否做出精彩的图片，有些时候他们反 而觉得放置图象后影响了访问速度，他们关心的只是页面内容；相反像一些需 要靠图象来吸引访客的主页，如游戏介绍、影视介绍、风光名胜等站点，图象 是一个极为重要的要素，在这里缺少了恰当的图象，整个页面就会黯然失色、 就是一个不完整的主页。这需要去学习像 photoshop 这样的图形图像处理软件， 还要有一定的美术基础，如审美观、创意技巧等， 5

6、、选择合适的制作工具 ：尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。6、制作网页 ：材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然4后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。2.22.2 制作网页的要素制作网页的要素1 1、网页的整体布局设计、网页的整体布

7、局设计 网页设计作为一种视觉语言，要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。版式设计通过文字图形的空间组合，表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。尤其是在利用网页效果体现在线营销的意图时，更要注意为了达到最佳的视觉表现效果，而讲究整体布局的合理性，比如一家生产型的企业，它所提供产品的名称、类别、型号、价格、功能介绍应怎样编排才能使浏览者有一个流畅的视觉体验，从而方便他对产品的了解，促成

8、最后的购买。2 2、网页设计中色彩的运用、网页设计中色彩的运用 色彩是艺术表现的要素之一，在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。根据色彩对人们心理的影响，合理地加以运用，按照色彩的记忆性原则，一般暖色较冷色的记忆性更强一些。色彩还具有联想与象征的特质，如红色象征血、太阳；蓝色象征大海、天空和水面等。所以如果我们在对一家出售冷食的商店进行虚拟店面的页面设计时，应使用淡雅而沉静的颜色，使人心理上感觉凉爽一些，增强人们的购买心理，使得在线营销得到很好的实践效果。另要注意的是网页的颜色应用虽没有限制，但不能毫无节制地运用多种颜色，一般情况下，先根据总

9、体风格的要求定出一至二种主色调，在已经有了完备的 CIS（企业形象识别系统）的企业进行网页设计时，更应该按照其中的 VI 进行色彩运用。在色彩的运用过程中，还应注意的一个问题是：由于国家和种族、宗教和信仰的不同，以及生活的地理位置、文化修养的差异等，不同的人群对色彩的喜恶程度有着很大的差异。如：儿童喜欢对比强烈、个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡雅的颜色；生活在“沙漠”中的人喜欢绿色。在设计5中要考虑众多因素。3、网页形式与内容统一、网页形式与内容统一要将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。运用对比与调和、

10、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。点、线、面作为视觉语言中的基本元素，要使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。网页设计中点、线、面的运用并不是孤立的，很多时候都需要将它们结合起来，表达完美的设计意境。第三章第三章 网站的测试、发布与维护网站的测试、发布与维护完成网站系统的设计开发工作之后，都必须保证所有网站系统的组成部分 能够配合起来，正常工作。因此，测试与

11、发布工作十分重要。 3.13.1 本地测试本地测试 一、不同的浏览器中进行测试 目前 Internet 上占绝对优势的浏览器是 Microsoft 公司的 Internet Explore， 约占全世界 Web 浏览器市场的 80%左右；而原先相当普及的、Netscape 公司的 Netscape Communicator，其用户使用率已经大大下降。用户可以通过使用浏览 器，把设计和制作完成的网站系统从主页开始，逐页地进行检查，以便保证所 有的网页都有不错的外观，而且没有任何错误。有时候，在 Internet Explore 浏 览器和 Netscape 浏览器中显示的效果可能并不一样，但只要

12、两者都能兼顾，不 影响 Web 网页内容的表达，就可以认为通过了 Web 浏览器的测试。 二、不同的分辨率设置环境下进行测试 计算机屏幕分辨率设置常用以下几种：640480、800600 及 1024768。在不同分辨率情况下的显示效果（分辨率为 640480） 、图分辨率 为 800600）及（分辨率为 1024768）的显示，可以看出不同分辨率下 Web 网页显示的效果有相当大的差别。3.23.2 发布发布网站网站 本地测试完成以后，就可以把 Web 网站系统的内容发布到事先准备好的资 源空间中去。发布网站主要是将 Web 网站系统中的所有文件或文档移动或复制 到某一个目的地（如 Web 服务器）上。Web 网站系统一经在 Internet 上发布， 所有 Internet 用户都能够进行访问。3.3.维护更新维护更新 互联网络的最大优势就是信息的实时性，只有快速地反映，准确地报道，才6能吸引更多的浏览者，才能提升知名度。