网站规划与网页制作.pdf

网站规划与网页制作 作者：李言岭 目 录 摘要 ………………………………………………………1 关键字 ……………………………………………………1 前言 ……………………………………………………… 2 第一章. 网页设计的背景和工具介绍……………………2 1.1 网页设计的发展 前景和作用……………………… 2 1.2 网页设计开发工具软件的介绍………………………3 第二章. 总体规划网页的策划 设计制作………………4 2.1 设计意念………………………………………………4 2.2 规划设计………………………………………………4 2.3 艺术性处理原则………………………………………5 第三章. 具体页面的构思和实现过程……………………6 3.1 网页设计制作规范……………………………………6 3.2 网页的布局和结构……………………………………6 3.3 网页画面风格的设计…………………………………7 3.4 页面的设计 制作开发………………………………7 第四章. 个人 Web 网站作品制作过程…………………………8 4.1 制作网站前的准备……………………………………8 4.2 确定网页的内容结构…………………………………8 4.3 建立站点进行页面设计………………………………9 4.4 网页设计中的关键技巧………………………………9 4.5 HTML 脚本编写 源代码………………………………10 第五章. 总结回顾…………………………………………13 5.1 总结课题设计的优缺点………………………………13 5.2 结束语…………………………………………………13 参考文献……………………………………………………13 摘 要 网站规划与网页设计是一门新兴的边缘性的行业，在网络产生以后应运而生。 网页如门面，小到个人主页，大到大公司 大的政府部门以及国际组织等在网络 上无不以网页作为自己的门面。当点击到网站时，首先映入眼帘的是该网页的界 面设计，如内容的介绍 按钮的摆放 文字的组合 色彩的应用 使用的引导等 等。这一切都是网页设计的范畴，都是网页设计者的工作。 关键字 规划设计 动态效果 设计意念 配色方案等。 1 前 言 本论文是网站规划与网页制作，如果准备投身网站规划与网页制作行业，就 会知道 Dream weaver 的大名，它是一种专业化的网页创作工具，它采用所见即 所得编辑方式，通过特有的行为，模板，时间线等技术，能够快速高效地创建极 具表现力和动感效果的网页，使网页创作过程变的简单无比。本论文的实例我就 采用 Dream weaver 来制作网页的。 首先我先从网站设计和制作的概念 网站构建的整套思路流程出发，然后通过自 己的个人Web 作品来说明并演示一个完整的网站制作过程。本论文网页设计有一 条主线，就是说明设计网站的策划 设计 维护的全过程。本论文的每一章都是 网站建设的一个步骤，理论和实践相结合。既有理论 又有实例。把每一章的实 例合在一起，就构成一个大实例。本论文主要分为四个方面：一 是网站策划 制作的整个流程的阐述，二 是具体页面的构思和实现过程 设计技巧的灵活使 用。 三 自己个人网页设计作品展示。四 总结和回顾。 在网页设计的背景和工具介绍方面，介绍了网页设计的背景和设计的开发工 具。目前最流行的制作工具是网页 “三剑客”，即：Dream weaver，Fireworks， Flash。在网站流程方面，主要从设计意念 规划设计，艺术性处理原则出发， 同时对网站总体策划 网站布局策划 网站资料的收集 网站目录结构的规划做 了说明。在具体页面的构思和实现过程方面，主要阐述了制作规范，布局和结构， 画面风格设计，网页制作的完成。 在个人 Web 作品制作过程方面，我详细用上面的设计流程来设计自己的个人 主页，应用了包括：用 Dream weav