所谓静态页面(又称静态网页)是指通过HTML和CSS等纯静态建站语言编写的网页。静态网站主要用于展示用,不能实现用户交互功能。但静态网页有利于搜索引擎收录。下面就介绍静态网站设计与制作过程。
第一步:制作一个静态网页之前,我们需要先制作一个网页1:1的效果图,又称静态网页效果图。
第二步:将制作好的静态网页效果图进行PS切片。通过PS切片可将一张大的效果图切成多张小图片,以后可直接用在网页上。
第三步:使用HTML5和CSS3进行网页布局,网页布局遵从“先大后小,先外后里”的原则,先将整个静态网页大结构写出来,然后再按照效果图写各个部分的小版块。
第三:制作网页上的特效,例如轮播图,需要使用JS代码制作。再将PS切片出来的小图片通过代码插入网页中,并且使用测试数据填充各个小版块,达到与效果图一样的效果。
第四:最后优化网页代码,删除冗余的文件,整理出一个简洁的静态网页,这样静态网页就制作好了。
域名频道云自助建站系统,让您创建自己的网站省时省心省力还省钱。
域名频道强大的自助建站产品,帮助您几分钟内建设各种类型的网站。
虚拟主机95%均有赠送数据库,一般不需要单独购买。
建网站、网站推广、网站优化就来域名频道,体验良好的服务和靠谱的价格http://www.dns110.com/web/zhantuibao.asp