汽车广告论文

汽车广告的设计与制作

摘要

汽车广告是一个结合了汽车销售等多功能浏览的汽车网页，我所使用的软件是Adobe公司推出的一款用于网页设计的软件——dreamweaver。在网页的制作与链接中，我学到了很多。

关键词：超链接，网页制作，外观，性能

CAR ADVERTISEMENT DESIGN AND PRODUCTION

Abstract

Car advertisement is a combination of auto sales auto multi-function browsing webpage, I used the software is of Adobe a company launched a for web page design software—dreamweaver. In the web page making and link, I learned a lot.

KEY WORDS: hyperlinks, dreamweaver，appearance, performance

目录

摘要 (1)

第一章绪论 (4)

1.1 Dreamweaver 简介 (4)

1.2 HTML简介 (4)

1.3 HTML技术介绍 (5)

1.4 课题来源 (5)

第二章网站需求分析 (6)

2.1 系统概述 (6)

2.2 系统的可行性分析 (6)

2.2.1 实用性 (6)

2.2.2 技术性 (6)

2.2.3 经济性 (6)

第三章网页制作 (7)

3.1 制作网页的步骤 (7)

3.2.1 网页的整体布局设计 (7)

3.2.2 网页设计中色彩的运用 (8)

3.2.3 网页形式与内容相统一 (8)

第四章网页的设计与实现 (9)

4.1 网页的总体设计 (9)

4.2 网页的详细设计 (9)

4.2.1 素材准备 (9)

4.2.2 素材整理 (10)

4.2.3 定义站点 (10)

第五章结束语 (13)

参考文献 (14)

致谢 (15)

第一章绪论

1.1 Dreamweaver 简介

Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。突出的特点主要有灵活的编写方式；可视化编辑界面；功能更多的CSS支持——CSS可视化设计、CSS 检查工具；动态跨浏览器验证；强大的WEB站点管理功能；内建的图形编辑引擎；丰富的媒体支持能力等。

它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起，其功能强大，使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。开发人员可以使用 Dreamweaver 及所选择的服务器技术来创建功能强大的 Internet 应用程序，从而使用户能连接到数据库、Web 服务和旧式系统。开发环境支持HTML、ASP、https://www.360docs.net/doc/563508157.html,、JSP等，提供众多功能强大的可视化设计工具、应用开发环境以及代码编辑支持。主要用于素材整理、排版以及后台程序的交互。

1.2 HTML简介

全称：Hyper Text Mark-up Language

译称：超文本标记语言。

简意：一种为普通文件中某些字句加上标识的语言，其目的在于运用标记（tag）合文件达到预期的效果。

HTML 是在 SGML 定义下的一个描述性的语言，或可说 HTML 是 SGML 的一个应用程式。HTML 不是程式语言，如 C++ 和 Java 之类，它只是标记语言，基本上你只要明白了各种标记的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成，于编辑部方面，任何文字编辑器都可以，只要能将档案存为文本格式即可，用专门的网页编辑工具当然更好。

1.3 HTML技术介绍

Macromedia公司的Roundtrip HTML技术让用户可以随意导入HTML文件而无需重新设置代码格式，用户还可以利用Dreamweaver清除或重新格式化HTML代码，实现代码的优化。

利用Dreamweaver，可以方便地使用动态HTML功能，却不需要写一行行的代码；利用它还可以检查作品在所有流行的平台和浏览器中可能发生的错误。

当然,如果不用DW的话,同样可以制作出非常棒的网站来,其实什么样的程序或者HTML代码都可以直接用记事本来写,只不过DW实现起来确实方便一些吧,还有一些其他的网页编辑工具,比如微软的Frontpage等等,只是想说明一下,做网站,DW很好用，但是不是必须的!

1.4 课题来源

随着二十一世纪新兴科技的飞速发展，如今的电子信息产业正在经受着一个巨大的挑战，同时也面临着一个重大的机遇。就目前的科技发展水平而言，电子信息产业的发展已经不能够满足社会化大生产的要求，因此，各个国家集中人力、财力加大对信息技术产业的投入，以适应目前需要。可喜的是在这几十年的发展中我们有了互联网。互联网加大了我们了解世界的眼界，缩紧了人与人之间的距离，这就更容易的使我们走上了信息化的道路。

以往，人们出行都以自行车居多，后来公交事业发展壮大，人们便乘坐公交汽车，现如今，随着人们生活水平的提高，越来越多的家庭已经拥有或者想拥有自己的私家车。

正是因为人们的这些需求，越来越多的汽车网站出现在网络上，使人们可以随时了解自己想知道的汽车方面的新闻，真正的做到足不出户，便知天下事。把汽车销售与网络连接起来，是今后汽车销售发展的必然方向之一。

第二章网站需求分析

在进行一个网站项目开发之前，应对这一开发项目进行了需求分析，以确定网站开发者需要完成哪些工作才能满足用户的需求。

2.1 系统概述

在现今的信息共享的时代，网络信息化管理工作系统经信息量大、数据准确、速度快、管理工作全面等特点在现实生活中得到广泛地应用。互联网商业的普及应用已经成为网络经济的大势所趋。本章介绍的汽车文化网站是建立在用户和汽车信息之间的，用户可以方便、快捷地查找到自己所需要了解的有关于汽车的信息，可以足不出户就能了解到汽车这个行业的基本信息，从而提高自己的阅历以及在以后生活中能够有需要的去体验汽车工业。

2.2 系统的可行性分析

2.2.1 实用性

网站的宗旨是根据用户需求的有关汽车信息和现今形势提供有关汽车的详细信息，

2.2.2 技术性

网站提供给客户了了解汽车的基本信息和各种历史信息，使客户能够更好的在本站内了解汽车。

2.2.3 经济性

网站能够提供给致力于推广汽车文化的企业或者个人来达到所能达到的经济效益，并且能够达到预期的推广效果。

第三章网页制作

3.1 制作网页的步骤

确定网页主题：网页主题就是要建立的网页所要包含的主要内容，一个网页必须要有一个明确的主题。

搜集材料：明确了网页的主题以后，你就要围绕主题开始搜集材料了。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。

规划网页：一个网页设计得成功与否，很大程度上决定于设计者的规划水平，规划网页就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网页规划包含的内容很多，如网页的构成、栏目的设置、网页的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色、具有吸引力。

选择合适的制作工具：尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。

制作网页：材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模版，这样可以大大提高制作效率。

3.2 制作网页的要素

3.2.1 网页的整体布局设计

网页设计作为一种视觉语言，要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。版式设计通过文字图形

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

3.2.2 网页设计中色彩的运用

色彩是艺术表现的要素之一，在网页设中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。根据色彩对人们心理的影响，合理地加以运用，按照色彩的记忆性原则，一般暖色较冷色的记忆性更强一些。色彩还具有联想与象征的特质，如红色象征血、太阳；蓝色象征大海、天空和水面等。所以如果我们在对一家出售冷食的商店进行虚拟店面的页面设计时，应使用淡雅而沉静的颜色，使人心理上感觉凉爽一些，增强人们的购买心理，使得在线营销得到很好的实践效果。另要注意到是网页的颜色应用虽没有限制，但不能毫无节制地运用多种颜色，一般情况下，先根据总体风格的要求定出一至两种主色调，在已经有了完备的CIS（企业形象识别系统）的企业进行网页设计时，更应该按照其中的VI 进行色彩运用。在色彩的运用过程中，还应该注意一个问题是：由于国家和种族、宗教和信仰的不同，以及生活的地理位置、文化修养的差异等，不同的人群对色彩的喜恶程度有着很大的差异。如：儿童喜欢对比较强烈、个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡雅的颜色；生活在“沙漠”中的人喜欢绿色；在设计中要考虑众多因素。

3.2.3 网页形式与内容相统一

要将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通用空文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。

点、线、面作为视觉语言中的基本元素，要使用点、线、面对互相穿插、互相衬托、互相补充构成最佳的页面效果。网页设计中点、线、面对运用并不是孤立的，很多时候都需要将它们结合起来，表达完美的设计意境。

第四章网页的设计与实现

4.1 网页的总体设计

主页由标准模式构建，其主色调为蓝灰色，通过导航条的引导可以一步一步了解网页的全部内容。用户能通过导航获取自己感兴趣的信息以及图文说明。

4.2 网页的详细设计

4.2.1 素材准备

准备做网页的素材是最重要的一环，不仅要收集许多内容各异的文字图片，还要设计各种网页的排版格式与美工。

图1网页首页

这个网页的排版格式是我自己用Dreamweaver画出来的，其中的图片有的是自

己处理的，也有些是从网上下载后自己用PS处理的。

图2 网页素材

4.2.2 素材整理

先把素材整理成一些整齐的目录，最好就在网页需要放置的目录下，我把它放在文件夹image下。定义站点是选择这个目录，这样素材就全位于站点以内，处理比较方便。

图3 素材整理截图

4.2.3 定义站点

（1）启动Dreamweaver。

（2）打开“站点”菜单，选择“新建站点”命令

（3）在弹出的“站点定义”对话框中的“站点命令”文本框中输入站点名，在

下面的“本地根目录文件夹”文本框中输入本地网站预保存的路径，单击“确认”按钮。

（4）随即在组合面板中弹出“站点”面板，现在可以在其中添加页面了。

（5）右键单击“站点”面板中的根目录，在弹出菜单中选择“新建文件”命令，把新建文件的名称改为”1.html”。

（6）双击首页.html，进入页面编辑状态。

（7）首先建立一个大表格并且使表格居中。

编辑文本区域，在最上层表格内添加falsh动画，并在第2层的表格中添加素材图片，作为表格背景，从而美化网页。

图4 falsh 动画截图

图5 关于公司网页截图

图6 车型展示网页截图

第五章结束语

实践是检验真理的唯一标准，当然也是检验学习成果的标准。通过这次毕业设计让我对前面学过的许多课程有了更为深刻的理解，也是我对这三年所学的东西的一个综合体现。然而这次设计让我感受颇深，它让我体会到了理论知识结合实践的重要性，光有理论知识是远远不够的。

首先，我选的课题是汽车广告的网页设计，随之而来的就是我如何来确定该网页的主题,起初自己把问题想的过于简单了，总觉得只要我把主题给确定了，其他的事情也就好解决了。然而却远远不是我想的那样，当我确定了主题着手来做时，发现自己根本不知从哪着手，到底用什么来布局网页，网页的整体风格又是怎样的，如何来规划等这一系列的问题都是我极需要解决的。我开始变得有点浮躁不安，带着这样的心情来做我的设计，其结果是几天下来网页的整体布局都还没有一个统一的概念。慢慢的我就静下心来反思自己这几天所做的，发现自己的方法完全错了，太急于求成，然后我整整自己思绪，一步步来，先准备资料，把握整体布局，明确了网页的基本功能，在设计好系统各主要部分，将一些细节问题考虑周全后才开始动手进行开发，使得后来的工作才得以顺利进行。

还有，在撰写毕业论文时也遇到了一些困难。由于这是我第一次写论文，没有任何经验，对于论文的格式、要求和内容都一无所知，在查询了大量的书籍后才有了模糊概念。所以在此篇论文中不免会有些缺点。

总的来说，这次的毕业设计为我即将踏入社会之前提供了一次锻炼的舞台。所谓活到老学到老，自己以后还要加强知识的学习，不断的完善自己。经过做这个网页，不仅仅是一次毕业设计，不仅仅是学会了一门开发语言，更重要的是在学习的过程中，脚踏实地，认真严谨，实事求是的学习态度，不怕困难、坚持不懈、吃苦耐劳的精神是我在这次设计中最大的收益。我想这是一次意志的磨练，是对我实际能力的一次提升，也会对我未来的学习和工作有很大的帮助。

这次毕业设计不能说得上是完美，但我觉自己已经尽了自己最大努力去完成，我想只要自己努力了就能对得起自己了。同时我也会在以后的时间里尽量的完善它，不断的对它进行升级，做出更好的成绩。

参考文献

[1]《信息技术》江苏科学技术出版社。

[2]《网页制作》人民邮电出版社。

[3]《dreamwraver参考手册》2008年版。

致谢

在整个毕业设计过程中，我的指导老师王培红老师给了我极大的帮助，并给予我悉心的关怀与指导，在此表示衷心地感谢。老师认真负责的工作态度、严格的治学风格，使我深受启发。

在论文的写作过程中，也得到了许多同学的宝贵建议，同时还得到许多在工作过程中许多同事的支持和帮助，在此一并致以诚挚的谢意。

感谢所有关心、支持、帮助过我的良师益友。