文档介绍：第一章网页设计概述
当今社会已经进入到信息时代,的迅速发展,人们越来越多地通过网络来实现其活动:网上信息、网上购物、网上求医等等。
对于网站的要求也随之不断提高,网站的内容要充实,网页的浏览以及更新速度要快,网页在视觉上要美观,这对网站开发人员提出了更高的要求。
为了在最短时间内开发出最符合客户需求的网站,开发工具的选择成为一个重要因素。
由Macromedia公司开发的Dreamweaver、Fireworks和Flash被称为网页制作三剑客,为网站的开发人员提供了三把用于网站开发的利剑。我们将在随后的章节中逐一介绍。
本篇主要内容:
介绍网页设计的基本知识
介绍网站的建设流程
本篇主要目的:
对网页设计有一个初步的认识和了解
万维网的基本概念
万维网
World Wide 上最广泛的资源浏览和查询系统。
网站、网页和主页
统一资源定位器(URL)
用于标识议://主机域名或IP地址/路径/文件名
如:
网页编辑语言
HTML(Hyper Text Markup Language,超文本标记语言)是一种标记语言,而不是编程语言,由Tim Berners-Lee于1990年创立,使用标记控制网页排板的格式。具有跨平台的特性,可嵌入JavaScript、VBScript等语言。
XML(Extensible Markup Language)可扩展的标记语言,可由网页设计者自己定义的,主要用来描述什么是数据。
XHTML(Extensible Hyper Text Markup Language )可扩展超文本标记语言。国际W3C组织在HTML基础上使用XML的规则进行优化和扩展。结合XML强大功能和HTML的简单特性。
CSS(Cascading Style Sheets)层叠样式表,简称样式表,与HTML类似的标记语言,利用样式表将站点上所有网页指向某个CSS文件,使站点整体修改变得简单。
scape公司推出的面向对象脚本语言,用于开发动态交互网页,JavaScript脚本直接嵌入HTML源代码中由浏览器解释执行
网页制作软件
Dreamweaver是Macromedia公司推出的网页编辑工具,集网页创作和站点管理于一身的所见即所得的工具软件,包括许多与编码相关的工具和功能,可使用服务器语言声成支持动态数据库的Web应用程序。
FrontPage是微软公司设计的网页设计软件,使用简单,易学易用,与Office中其他软件的功能互补。
Fireworks是基于屏幕的图像处理软件,以处理网页图片见长,适用于制作小而漂亮的图片,
Potoshop是Adobe公司推出的功能强大的平面图像处理软件,功能强大,是许多涉及图像处理的行业的事实标准。
CorelDraw是加拿大Corel公司开发的绘图软件包,长于矢量图形制作,广泛应用于网页制作、演示文稿制作和排版印刷等图形领域。
Flash是一款优秀的网页动画开发软件。从简单动画到复杂的交互式Web应用程序,Flash功能强大,作品体积小,适用于网络传输。注重创建、导入和处理多媒体。
Ulead GIF Animator是友立公司发布的GIF动画制作工具,创建、生成GIF动画体积小,方便在互联网上浏览。
网站设计与建立的基本原则
网站建立的一般流程
上建立和管理一个网站
网站设计的创意及风格
设计网站需要考虑的因素非常多,从前期的网站的定位、整理资料、设定网站框架,到具体制作中的设计环节,再到最后的调试、发布、宣传,是一个环环相扣的过程。
作为一名普通网页设计师,无论你设计的是企业网站还是个人网站,最重要的是要有创意,要有自己的风格,要与众不同。
网站的创意与风格是网站能否生存的关键所在
给定一个主题,不同的人不可能设计出完全一
样的网站。
创意是捕捉出来的点子,是创作出来的奇招,是传达信息的一种特别方式。其目的是为了更好地宣传推广网站。这里说的创意是指网站的整体创意。
(1)创意并不是天才的灵感,
而是思考的结果
根据美国广告学教授詹姆斯的研究,创意思考的过
程可分为五个阶段:
准备期——研究所搜集的资料,根据经验,启发新创意;
孵化期——将资料咀嚼消化,使意识自由发展, 任意结合;
启示期——意识发展并结合,产生创意;
验证期——将产生的创意讨论修正;
形成期——设计制作网页,将创意具体化。
(2)创意是将现有要素的重新组合
网络上的许多创意来自于现实生活(或者虚拟现实)的结合。今天,网上的许多在线书店、电子社区、在线拍卖等无一不是现有要素重新组合的结果。
从这一点出发,任何人,包括你和我