网站网站制作软件

第1章网站建设基础知识通过本章的学习,读者可以了解与网页相关的基础知识以及设计网页的主要步骤,熟悉常用的网页设计软件,掌握网站建设的工作流程和基本步骤.
重点:了解设计网页中的主要元素与设计流程.
难点:掌握网站建设的基本流程.
1.
1构成网页的基本元素不同性质的网站,构成网页的基本元素是不同的.
网页中除了可以使用文本和图像外,还可以使用丰富多彩的多媒体和Flash动画等.
1.
1.
1网站Logo网站Logo也称为网站标志,是一个站点的象征,也是一个站点是否正规的标志之一.
网站的标志应体现该网站的特色、内容及其内在的文化内涵和理念.
成功的网站标志有着独特的形象标识,在网站的推广和宣传中将达到事半功倍的效果.
网站标志一般放在网站的左上角,访问者一眼就能看到它.
网站标志通常有3种尺寸:88*31像素、120*60像素和120*9像素.
网站标志的设计创意来自网站的名称和内容,大致分为以下3个方面.

网站有代表性的人物、动画、花草,可以用它们作为设计的蓝本,加以卡通化和艺术化.
对于一些专业性网站,可以用本专业有代表性的物品作为标志,如中国银行的铜板标志、奔驰汽车的方向盘标志.
最常用和最简单的方式是用自己网站的英文名称做标志.
采用不同的字体、字符的变形、字符的组合可以很容易地制作出自己的标志.
1.
1.
2网站Banner网站Banner即横幅广告,是互联网广告中最基本的广告形式.
Banner可以位于网页顶部、中部或底部任意一处,一般横向贯穿整个或者大半个页面.
网站Banner常用的尺寸是480*60像素或233*30像素,它使用GIF格式的图像文件,既可以使用静态图像,也可以使用动画图像.
目前,通过Flash能赋予Banner更强的表现力和交互内容.

1.
1.
3导航栏导航栏是网页的重要组成元素,它的任务是帮助浏览者在站点内快速查找信息.
好的导航系统应该能引导浏览者浏览网页而不迷失方向.
导航栏的形式多样,可以是简单的文字链接,也可以是设计精美的图片或丰富多彩的按钮,还可以是下拉菜单导航.

一般来说,网站中的导航栏在各个页面中出现的位置是比较固定的,而且风格统一.
导航栏的位置一般有4种:在页面的左侧、右侧、顶部或底部.
有时在同一个页面中运用了多种导航栏.
当然,并不是导航栏在页面中出现的次数越多越好,而是要合理地运用,达到页面总体效果的协调一致.

1.
1.
4Flash动画Flash动画具有简单易学、灵活多变的特点,受到很多网页制作人员的喜爱.
它可以生成亮丽夺目的图形界面,而且文件的大小一般只有5~50KB.
随着ActionScript动态脚本编程语言的发展,Flash不再局限于制作简单的交互动画程序.
通过复杂的动态脚本编程可以制作出各种各样有趣、精彩的Flash动画.
由于Flash动画具有很强的视觉冲击力和听觉冲击力,因此一些公司网站往往会采用Flash制作相关的页面,借助Flash的精彩效果吸引浏览者的注意力,从而达到比静态页面更好的宣传效果.

1.
2如何设计网页网页设计是指对网站整体页面的设计,包括页面的风格、配色、布局和内容等.
好的网页设计,不仅能增强网站的实用性,也可以给访问者留下深刻的印象,有助于提高网站的访问量.
网页设计还应遵循统一、连贯、分割、对比及和谐的原则.

统一,是指网页的整体性和一致性.
网页的整体效果是至关重要的,网页中各个板块的设计风格要协调一致.
连贯,是指要注意页面的相互关系.
设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应,并注意整个页面设计风格的一致性,实现视觉上和心理上的连贯,使整个网页极为融洽.
分割,是指将页面分为若干小块,小块之间有视觉上的不同,这样可以使浏览者一目了然.
在信息量很多时为使浏览者能够看清楚,就要注意到将画面进行有效的分割.
对比,就是通过矛盾和冲突,使设计更加富有生气.
和谐,是指整个页面符合美的规则,浑然一体.
网页不是色彩、形状、线条等的随意混合,而是由它们有机组合的和谐统一体.
1.
3常用网页设计软件1.
3.
1网页图像设计软件PhotoshopCS4最常用的网页图像处理软件有Photoshop和Fireworks.
其中Photoshop具有强大的图像处理功能,它采用开放式结构,能够外挂其他处理软件和图像输出设备.
1.
3.
2网页动画制作软件FlashCS4Flash用于处理网页中的各种动画,是一种交互式矢量动画制作工具,使用它可以将音乐、声音、动画以及富有新意的界面融合在一起,以制作出高品质的网页动画.
Flash功能十分强大和独特,已经成为交互式矢量动画制作的标准,在网页制作上非常受欢迎.

1.
3.
3网页编辑排版软件DreamweaverCS4Dreamweaver是网页设计与制作领域中用户最多、应用最广和功能最强的软件,无论在国内还是国外,它都是备受专业Web开发人员喜爱的软件.
随着DreamweaverCS4的发布,更坚定了Dreamweaver在该领域的地位.
1.
4网站建设的基本流程创建网站是一个系统工程,有一定的工程流程,只有遵循这个步骤,按部就班,才能设计出满意的网站.
1.
4.
1网站的需求分析网站的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径,因此必须明确设计网站的目的和用户需求,从而做出切实可行的设计计划.
要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析,牢记以"消费者"为中心,以"市场"为导向进行设计规划.

1.
4.
2网站整体规划规划一个网站,可以用树状结构先把每个页面的内容大致列出来.
尤其当要制作一个大型网站时,更需要把整体架构规划好,同时要考虑到以后的扩充性,避免以后要对整个网站的结构进行更改.
网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等.
1.
4.
3确定网站整体风格网站风格设计包括网站的整体色彩、网页的结构、文本的字体和大小、背景的使用等,这些没有一定的规则,需要设计者通过各种分析决定.
网页设计一般要与企业整体形象一致,要符合企业CI(corporateidentity,企业标志)规范.
注意网页色彩、图片的应用及版面策划,保持网页的整体一致性.
一般来说,适合于网页标准色的颜色有3大系:蓝色、黄/橙色、黑/灰/白色.
不同的色彩搭配会产生不同的效果,并可能影响访问者的情绪.
在网页结构上,整个站点要保持和谐统一;对于字体,默认的网页字体一般是宋体,为了体现网页的特有风格,也可以根据需要选择一些特殊字体,如华文行楷、隶书和其他字体等;在背景的使用上,要以宁缺毋滥为原则,切不可喧宾夺主.

1.
4.
4收集资源网站的主题内容是文本、图像和多媒体等,它们构成了网站的灵魂.
再好的结构设计如果不能体现网站设计的初衷,就不能吸引浏览者.
在对网站结构设计之后,需要对每个网页的内容进行大致的构思,如哪些网页需要使用模板,哪些网页需要使用动态效果,网页需要什么样的图片、库文件、Flash等,这些都对资源收集具有指导作用.

1.
4.
5设计网页图像在确定好网站的风格和收集完资源后就需要设计网页图像了,网页图像设计包括网站Logo、网站字体、网站导航栏和网站首页等的设计.
1.
4.
6编辑制作网页网页设计是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂的顺序制作.
根据站点目标和用户对象去设计网页的版式和安排网页内容.
一般来说,至少应该对一些主要的页面设计好布局,确定网页的风格.

1.
4.
7开发动态网站模块页面制作完成后,如果还需要动态功能,就需要开发动态功能模块.
网站中常用的动态功能模块包括搜索功能、留言板、新闻发布会、在线购物、论坛等.
1.
4.
8申请域名和服务器空间域名是企业或事业单位在互联网上相互联络的网络地址.
在网络时代,域名是企业和事业单位进入互联网必不可少的身份证明.
注册域名前应该在域名查询系统中查询所希望注册的域名是否已经被注册.
几乎每一个域名注册服务商在自己的网站上都提供了查询服务.
1.
4.
9测试与发布上传网页制作完毕后,要发布到Web服务器上,才能够让全世界的朋友观看.
现在用于网站上传的工具有很多,可以采用Dreamweaver自带的站点管理上传文件,也可以采用专门的FTP工具方便地把网站发布到服务器上.
网站制作好以后,需要在浏览器中打开自己的网站,并逐页逐个链接地进行测试,然后再上传测试.