新闻中心

这里有您想知道的最新资讯与动态

中小型企业老板必须知道的网站建设基础知识

  • 新闻来源:www.h5jz.net
  • 发布日期:2018-07-09
  • 浏览次数:9

在做网站的时候,许多客户要求我们介绍一下网站建设相关方面的基础知识。那么,接下来就为大家介绍一下网站建设的一些基础知识吧。这样在制作网站时可以事半功倍,制作出令人满意的网站。首先将介绍网页基本知识、网页的基本构成元素、如何设计网页,接着介绍网页设计的常用软件Dreamweaver 、Flash和 Photoshop,最后介绍动态网站技术,如网页标记语言 HTML、网页脚本语言javascript和动态网页编程语言,为后面设计和创建完整的网站打下良好的基础。

一. 网页基本知识

1.什么是Internet

Internet是一个全球墟履计算机互联网骆,中文名称为"国际互联网"或"因特网",它集现代通信技术和现代计算机技术于一体,是计算机之间进行国际信息交流和实现资源共享的良好手段。Internet将各种各样的物理网骆联接起来,构成一个整体,而不论这些网骆类型的异同、规模的大小和地理位置的差异。

Internet是全球最大的信息资源库,几乎包括了人们生活的方方面面,如教育、科研、商业、工业、出版、文化艺术、通信、广播电视、娱乐等。经过多年的发展,互联网已经在社会的各个方面为全人类提供便利。电子邮件、即时消息、视频会议、网骆日志、网上购物等已经成为越来越多人的一种生活方式。

2.什么是网站

网站是因特网上的一个信息集中点,可以通过域名进行访问。网站要存储在独立服务器或者服务器的虚拟主机上才能按受访问。网站是有独立域名和独立存放空间的内容集合,这些内容可能是网页,也可能是程序或其他文件。网站不一定要有很多网页,只要有独立域名和空间,哪怕只有一个页面也叫网站。

3.什么是Web服务器

Web服务器就是在Web站点上运行的应用程序,用户只有把设计好的网页放到Web服务器上才能被其他用户浏览。Web服务器主要负责处理浏览器的请求。

当用户使用浏览器请求读取 Web站点上的内容时,浏览器会建立一个 Web链接,服务器接受链接,向浏览器发送所要求的文件内容,然后断开链接。

4.什么是静态网页

网页又称 HTML文件,是一种可以在WWW上传输、能被浏览器认识和翻译成页面并显示出来的文件。 静态网页是网站建设初期经常采用的一种形式。网站建设者把内容设计成静态网页,访问者只能被动地浏览网站建设者提供的网页内容,其特点如下:

a、网页内容不会发生变化,除非网页设计者修改了网页的空容;

b、不能实现和浏览网页的用户之间的交互,信息流向是单向的,即从服务器到浏览器。服务器不能根据用户的选择调整返回给用户的内容。静态网页的浏览过程。

5.什么是动态网页

所谓动态网页是指网页文件里包含了程序代码,通过后台数据库与Web服务器的信息交互,由后台数据库提供实时数据更新和数据查询服务。这种网页的后缀名称一般根据不同的程序设计语言不同,如常见的有.asp、.jsp、.php、.perl、.cgi等形式为后缀。动态网页能够根据不同时间和不同访问者而显示不同内容。如常见的BBS、留言板和购物系统通常用动态网页实现。 动态网页的制作比较复杂,需要用到ASP、PHP、ISP和ASP.NET等专门的动态网页设计语言。动态网页浏览过程。

二.网页的基本构成元素

1.网站Logo

网站Logo也称为网站标志,网站标志是一个站点的象征,也是一个站点是否正规的标志之一。网站的标志应体现该网站的特色、内容及其内在的文化内涵和理念。成功的网站标志有着独特的形象标识,在网站的推广和宣传中将起到事半功倍的效果。网站标志一般放在网站的左上角,访问者一眼就能看到它。网站标志通常有3种尺寸:88×31像素、120×60像素和120×9像素。标志的设计创意来自网站的名称和内容,大致分以下3个方面:

a、网站有代表墟履人物、动物、花草,可以用它们作为设计的蓝本,加以卡通化的艺术化。

b、对于一些专业性网站,可以用本专业有代表墟履物品作为标志,如中国银行的铜板标志、奔驰气车的方向盘标志。

c、最常用和最简单的方式是用自己网站的英文名称做标志。采用不同的字体、字符的变形、字符的组合可以很容易地制作出自己的标志。

2.网站的Banner

网站Banner即横幅广告,是互联网广告中最基本的广告形成。Banner可以位于网页顶部、中部或底部任意一处,一般横向贯穿整个或者大半个页面。网站Banner常见的尺寸是480×60像素或233×30像素,它使用GIF格式的图像文件,既可以使用静态图形,也可以使用动画图像。

除普通GIF格式外,采用Flash能赋予Banner更强的表现力和交互内容。网站Banner首先要美观,这个小的区域如果设计得非常漂亮,让人看上去很舒服,那么即使Banner不是浏览者所要看的内容,或者是一些他们可看可不看的东西,他们也会很有兴趣地去看看,点击就是顺理成章的事情了。

网站Banner还要与整个网页协调,同时又要突出、醒目,用色要同页面的主色相搭配,如主色是浅黄,广告条的用色就可以用一些浅的其他颜色,切忌用一些对比色。

3.导航栏

导航栏是网页的重要组成元素,它的任务是帮助浏览者在站点内快速查找信息。好的导航系统应该能引导浏览者浏览网页而不迷失方向。导航栏的形式多样,可以是简单的文字链接,也可以是设计精美的图片或是丰富多彩的按钮,还可以是下砬菜单导航。 一般来说,网站中的导航位置在各个页面中出现的位置是比较固定的,而且风格也较为一致。导航的位置一般有4种:在页面的左侧、右侧、顶部和底部。有时候在同一个页面中运用了多种导航。当然并不是导航在页面中出现的次数越多越好,而是要合理地运用,达到页面总体的协调一致。

4.文本

网页内容是网站的灵魂,而文本又是网页内容最主要的表现形式,无论制作网页的目的是什么,文本都是网页中的最基本和必不可少的元素。与图像相比,文字虽然不如图像那样易于吸引浏览者的注意,但却能准确地表达信息的内容和含义。 一个内容充实的网站必然会使用大量的文本。良好的文本格式可以创建出别具特色的网页,激发读者的兴趣。为了克服文字固有的缺点,人们赋予了文本更多的属性,如字体、字号、颜色等,通过不同格式的区别,突出显示重要的内容。此外,还可以在网页中设置各种各样的文字列表来明确表达一系列的项目。这些功能给网页中的文本增加了新的生命力。

5.图像

图像在网页中具有提供信息、展示形象、装饰网页、表达个人情趣和风格的作用。图像是文本的说明和解释,在网页适当位置放置一些图像,不仅可以使文本清晰易读,而且使得网页更加有吸引力。现在几乎所有的网站都使用图像来增加网页的吸引力。可以在网页中使用GIF、JPEG和PNG等多种图像格式,其中使用得最广泛的是GIF和JPEG两种格式。

6.Flash动画

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

三.如何设计网页

网页设计是指对网站整体页面的设计,包括页面的风格、配色、布局和内容等。好的网页设计,不仅能增加网站的实用性,也可为访问者留下深刻的印象,有助于提高网站的访问量。

1.网页设计的任务

网页设计的任务,是指设计者要表现的主题和实现的功能。网站的性质不同,设计的任务也不同。从形式上,可以将网站分为以下3类。

a、资讯门户类站点,像新浪、搜狐等门户网站。这类站点将为访问者提供大量的信息,而且访问量较大。因此需注意页面的分割、结构的合理、页面的优化和界面的友好等问题。

b、资讯和形象相结合的网站,像一些较大的公司、政务网站等。这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。


c、形象类网站,如一些中小型的企业网站。这类网站一般较小,有的只有几页,需要实现的功能也较为简单,网页设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。


2.网页设计的实现


网页设计网页设计的实现可以分为两个部分:第一部分为站点的规划及草图的绘制,这一部分可以在纸上完成;第二部分分为网页的设计与制作这一过程是在计算机上完成的。设计网页的第一步是设计版面布局。可以将网页看作传统的报刊杂志来编辑,这里面有文字、图像及动画,要以最适合的方式将图片和文字排放在页面的不同位置。常用的网页设计软件有Dreamweaver、Fireworks、Flash及Photoshop,这些都是很不错的软件。


3.网页设计的基本原则

网页设计是有原则的,网页设计遵循统一、连贯、分割、对比及和谐的原则。

统一,是指网页的整体性和一致性。网页的整体效果是至关重要的,网页中各个版块的设计风格要协调一致。 连贯,是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应,并注意整个页面设计风格的一致性,实现视觉上和心理上的连贯,使整个页面设计的各个部分极为融洽。

分割,是指将页面分成若干小块,小块之间有视觉上的不同,这样可以使浏览者一目了然。在信息量很多时为使浏览者能够看清楚,就要注意到将画面进行有效的分割。

对比就是通过矛盾和冲突,使设计更加富有生气。对比手法很多,如多与少、曲与直、强与弱、长与短、主与次、黑与白、动与静、美与丑等。在使用对比的时候应慎重,对比过强容易破坏美感,影响统一。

和谐是指整个页面符合美的规则,浑然一体。网页不是色彩、形状、线条等的随意混合,而是由它们有机组合而成的和谐统一体。

四.常用网页设计软件

1.网页图像设计软件Photoshop

2.网页动画制作软件Flash

3.网页编辑排版软件Dreamweaver

五.动态网站技术

1.网页标记语言HTML

HTML不是一种编程语言,而是一种描述墟履标记语言,用于描述超文本中内容的显示方式。如文字以什么颜色和大小来显示等,这些都是利用HTML标记完成的,其最基本的语法在内容标记符>。标记符通常都是成对使用,有一个开头标记和一个结束标记。结束标记只是在开头标记的前面加一个斜杠"/"。当浏览器收到HTML文件后,就会解释里面的标记符,然后把标记符相对应的功能表达出来。

2.网页脚本语言javascript

javascript是网页脚本语言,利用javascript可以轻易地制作出随鼠标飞翔的文字特效、探照灯效果、漂浮广告效果、跑马灯及显示浏览器停留的时间效果。这些特殊效果可以大大提高网页的互动性,以吸引更多的人访问网页。

3.动态网页编程语言

动态网页就是网页内含有程序代码。运行于服务器端的程序、网页和组件等都属于动态网页,它们会随不同客户、不同时间及不同需求而返回不同的内容。动态网页以.asp、.jsp、.php、.perl、.cgi等形式为后缀。

六:动态网页主要有以下的特点:

动态网页以数据库技术为基础,可以大大降低网站维护的工作量。

采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、搜索查询、用户管理、订单管理等;新闻发布系统的登录页面,输入用户名和密码后就可以查看新闻内容。

动态网页实际上并不是独立存在于服务器上的网页文件,只有当用户请求时服务器才返回一个完整的网页;

动态网页中的"?"对搜索引擎检索存在一定的问题,搜索引擎一般不可能从一个网站的数据库中访问全部网页,因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。