《网站规划与网页制作.docVIP

网站规划与网页制作 作者：李言岭 目 录 摘要　………………………………………………………1关键字　……………………………………………………1 前言 ……………………………………………………… 2第一章. 网页设计的背景和工具介绍……………………21.1网页设计的发展、前景和作用……………………… 21.2 网页设计开发工具软件的介绍………………………3第二章. 总体规划网页的策划、设计制作………………42.1 设计意念………………………………………………42.2 规划设计………………………………………………42.3 艺术性处理原则………………………………………5第三章. 具体页面的构思和实现过程……………………63.1 网页设计制作规范……………………………………63.2 网页的布局和结构……………………………………63.3 网页画面风格的设计…………………………………73.4 页面的设计、制作开发………………………………7第四章.? 个人Web网站作品制作过程…………………………84.1 制作网站前的准备……………………………………84.2 确定网页的内容结构…………………………………84.3 建立站点进行页面设计………………………………94.4 网页设计中的关键技巧………………………………94.5 HTML脚本编写、源代码………………………………10第五章. 总结回顾…………………………………………135.1 总结课题设计的优缺点………………………………135.2 结束语…………………………………………………13参考文献……………………………………………………13 摘　要 　网站规划与网页设计是一门新兴的边缘性的行业，在网络产生以后应运而生。网页如门面，小到个人主页，大到大公司、大的政府部门以及国际组织等在网络上无不以网页作为自己的门面。当点击到网站时，首先映入眼帘的是该网页的界面设计，如内容的介绍、按钮的摆放、文字的组合、色彩的应用、使用的引导等等。这一切都是网页设计的范畴，都是网页设计者的工作。 关键字 规划设计、动态效果、设计意念、配色方案等。 前 言　　本论文是网站规划与网页制作，如果准备投身网站规划与网页制作行业，就会知道Dream weaver的大名，它是一种专业化的网页创作工具，它采用所见即所得编辑方式，通过特有的行为，模板，时间线等技术，能够快速高效地创建极具表现力和动感效果的网页，使网页创作过程变的简单无比。本论文的实例我就采用Dream weaver来制作网页的。首先我先从网站设计和制作的概念、网站构建的整套思路流程出发，然后通过自己的个人Web作品来说明并演示一个完整的网站制作过程。本论文网页设计有一条主线，就是说明设计网站的策划、设计、维护的全过程。本论文的每一章都是网站建设的一个步骤，理论和实践相结合。既有理论、又有实例。把每一章的实例合在一起，就构成一个大实例。本论文主要分为四个方面：一、是网站策划、制作的整个流程的阐述，二、是具体页面的构思和实现过程、设计技巧的灵活使用。 三、自己个人网页设计作品展示。四、总结和回顾。　　在网页设计的背景和工具介绍方面，介绍了网页设计的背景和设计的开发工具。目前最流行的制作工具是网页“三剑客”，即：Dream weaver，Fireworks，Flash。在网站流程方面，主要从设计意念、规划设计，艺术性处理原则出发，同时对网站总体策划、网站布局策划、网站资料的收集、网站目录结构的规划做了说明。在具体页面的构思和实现过程方面，主要阐述了制作规范，布局和结构，画面风格设计，网页制作的完成。　　在个人Web作品制作过程方面，我详细用上面的设计流程来设计自己的个人主页，应用了包括：用Dream weaver对网页进行排版、用Fireworks给图像减肥、用Flash做广告、用CSS规划网页色彩、使用网页配色方案软件等内容。还包含设计的关键技巧：内容，页面设计 ，布局，HTML格式，连接，通则，设备独立等等。第一章. 网站规划与网页设计的背景和工具介绍1.1 网站规划与网页设计的发展、前景和作用　　网页设计拥有传统的媒体的不具有的优势，例如能够声音、图片、文字、动画相结合，营造一个富有生气的独特世界，同时它拥有极强交互性，使使用者能够参与其中，同设计者相互交流。但是最基本的模式还是平面设计的内容，所以平面设计就要考虑形式美的内容，其中网页的排版布局就属于形式的内容，那什么是形式呢？ 一个网站的建设，首先应该从功能出发。功能是网站的目的所在，为了“个