用PS来做网站的页面设计
我想熟悉互联网的朋友一般都了解过网站的制作的流程,我先大体说明一下吧,网站制作的流程主要分为三个部分:
1、设计网站效果图,一般设计效果图大多是用ps来实现,当然并不是绝对,但是目前最为主流的一种网站设计工具,这也是我们本章要讲的重点。
2、div+css样式排版,这个顾名思义,哪怕是不了解互联网的同学们,听到这个名字应该也能联想到究竟是怎样的一个流程,就是将做好的网站效果图,通过切片工具,讲图片切割成很多小的图片,然后同过div+css将这些图片拼接起来,让浏览器去接收,就生成了一个可以浏览的静态页面。
3、服务器程序编写,一个静态的网页内容是固定,我们要访问一个信息量非常庞大的网站,总不能每天都要重复去制作静态网页吧,这样的工作量不仅庞大而且鸡窝繁琐,所以我们通过编程语言,将储存在服务器数据库中的数据读取出来,然后封装成一个标签或者变量,嵌套在静态网页中,每次打开网页,都可以通过这些标签或者变量获取服务器传来对应的信息内容,而其他的框架却不需要改变,这让web开发变得更加容易。
好了,我没言归正传,既然网站建设的流程我们都明白了,我们就先回到最前面,说一下如何做网站页面的效果图,其实对于会ps的同学并不算太难,他们需要了解的仅仅是网站的一个架构,我大体说一下吧。
首先最上方是网站的头部,头部包括logo,就是公司的标志和名称,一般在网站的左上方,右侧可以根据情况自由添加,一般是用来写一些宣传性的广告用语或电话,上方可以加上设为首页、添加等等。
下面一般就是网站的导航栏,如网站首页,公司简介,新闻中心....等等,我就不详细说了,紧接着就是网站的banner广告图,就是用于宣传公司形象的图片,一般可用js来实现一些动态切换的效果。
网站的三分之一已经完成了,然后就是中部的内容区,我们可以放上新闻信息列表,以及公司简单介绍等等,下方可以加上公司的产品展示,案例等等,大家参考其他的网站自由安排。
最后就是网站的底部,底部一般包括友情链接,网站的版权信息和备案号等等,也可以加一些简单的内容信息,如联系电话,地址等等。
今天就说这么多吧,其实也不难,大家自己回去了解一下很快就会设计出一个简单漂亮的网站了!