汽车广告的设计与制作摘要汽车广告是一个结合了汽车销售等多功能浏览的汽车网页,我所使用的软件是Adobe公司推出的一款用于网页设计的软件——dreamweaver。
在网页的制作与链接中,我学到了很多。
关键词:超链接,网页制作,外观,性能CAR ADVERTISEMENT DESIGN AND PRODUCTIONAbstractCar 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、、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 网页的总体设计主页由标准模式构建,其主色调为蓝灰色,通过导航条的引导可以一步一步了解网页的全部内容。