网站有网页组成,要做网站就得会做网页,那么要做一个好的网页,怎么实现呢?要具
备哪些条件,掌握哪些知识呢?其实网页设计不是我们想像中的那么难,不过也得知道一些知识的,不过要做一个漂亮的网站确实得花一点功夫。
我们从网站的结构来了解一下网站的组成及网页设计的所需要的知识。 一、我们要了解最基本的知识
1、域名:什么是域名?域名有什么作用?
域名是Internet上某一台计算机或计算机组的名称,用于在数据传输时标识计算机的电子方位(有时也指地理位置)。域名是由一串用点分隔的名字组成的,通常包含组织名,而且始终包括两到三个字母的后缀,以指明组织的类型或该域所在的国家或地区。例如
microsoft.com其中 microsoft 是组织名,com 是 commercial 的缩写,代表商业组织。在美国使用的其它后缀包括gov(政府)、edu(教育机构)、org(组织,一般指非盈利组织)以及net(通用;有时是商用,有时不是)。在美国以外,两个字的后缀表示该域所在的国家或地区,例如 uk(英国)、de(德国)、jp(日本),如canthing.cn为国内域名,www.canting.cn为顶级国内域名。
域名的作用简单来说就是不用让你记住IP地址,直接输入域名可以进入你的网站,域名就像是你的网站的一个路标。
2、空间:什么是网站空间?什么是虚拟主机?
网站空间就是用来存放网站内容的硬盘空间,可以有独立域名指向,独立IP指向,能从浏览器访问网站内容。利用虚拟主机技术,可以把一台真正的主机分成许多的“虚拟”的主机,每一台虚拟主机都具有独立的域名和IP地址,具有完整的Internet服务器(WWW,
FTP,Email)功能。虚拟主机之间完全独立,在外界看来,每一台虚拟主机和一台独立的主机完全一样。
二、网页基本知识
1、网页语言
HTML语言(HyperText Mark-up Language)超文本标记语言;HTML 不是程式语言,如 C++ 和 Java 之类,它只是标记语言,基本上只要明白了各种标记的用法就是学懂了HTML,HTML的格式非常简单,只是由文字及标记组合而成,于编辑部方面,任何文字编辑器都可以,只要能将档案存为文本格式即可,如果你觉得麻烦的话可以使用专门的网页编辑工具当然更好了。
2、网页工具
a.Macromedia Dreamweaver
Adobe公司的Macromedia公司的Dreamweaver是相当优秀的网页制作工具,功能强大,操作方便,代码简洁,有强大的动态网页设计能力,与Fireworks、Flash等软件结合紧密,受到大多数专业网页设计者的青睐。
b.Frontpage
Frontpage是微软公司出品的网页制作工具,和WORD、IE结合得非常好,简单易用、易上手,是初学者比较好的选择,但兼容性差一些,制作的网页不支持Netscape等其他浏览器,对复杂的动态网页的设计能力有限。
这两个网页设计软件是网页设计者的最好,也是入门都最理想的网页设计工具。操作简单,所见即所得的网页制作工具,和WORD排版差不多,你只要将文本输入到网页中和图形插入到网页中,网页会自动生成HTML代码。
3、网页设计软件
a.Adobe公司的Photoshop软件是一款网页设计师的必备软件,通过它可以设计非常漂亮的平面作品,对网页设计的平面作品是必不可少的软件。
b.Adobe公司的Firework软件是网页三登剑客的一款设计软件,可以处理矢量图,也可以处理位图,但对大多数网页设计师来说还是设使用Photoshop软件的较多,使用它设计制作gif动画很不错的软件。
4、网页动画设计软件
常用的网页动画当然是数Flash动画了,它的设计软件当然得数Adobe公司的Flash软件最好了,而且有非常大一部分人使用它。也有其它的Flash特效软件,也不是错的功能,如文字特效软件SWFText等。
三、网页制作的流程
一般网页的制作流程如下:
1、软文整理和公司的LOGO设计
知道设计的内容、设计的色系的依据,一般我们设计的颜色取决于LOGO的颜色为主
2、素材采集
设计时需要很多素材,当然,你也可以边设计时,边找素材也行,有素材库当然是最好的了
3、使用Photoshop软件设计DEMO样图
将你要设计的文字内容、图片内容按照自己所想的想法排列,自己觉得好看就行了,但是一定要按照网页的标准来设计,就是大小、尺寸等问题,颜色可以依照标准色系(可以根据LOGO颜色来设计),加上线条、图标、组合成一页网页页面图(DEMO图)
4、网页编辑
将Photoshop设计的图,用切片工具,切割好,导出html文件和图片(可以按Ctrl+Alt+Shift+s组合键实现功能);用Dreamweaver打开HTML文件,对它进行重新排版,编辑一下,将多余的图片和表格删除;那么恭喜你!一个网页文件成功完了。
5、动画制作
你的网页做好了,为了更好看,当然得做动画呀;常见的动画主要有Gif动画和Flash动画。你可以用Firework软件来设计Gif动画;用Flash软件来做Flash动画。将做完的动画用Dreamweaver软件插入到网页中,替换原来的图片就行了。
6、在网页中加入超链接
当你做了很多个页面后,你在Dreamweaver中选择关键字,插入超链接,链到相应的网页中就可以了;那么你的一个静态网站就做成了。
四、网页设计的其它知识
你要成为一个能手级的网页设计师,必须掌握不少的知识,上面所说的只是基础级别网页设计师的设计师,那要成为一个能手级别的网页设计师还要掌握什么知识呢?
1、对网页脚本的了解
2、对AS的掌握
3、对动态网站的了解
4、对数据库的了解