说白了静态网页(别称静态页面)就是指根据HTML和CSS等纯静态数据建网站語言撰写的网页页面。相对来说,大家制做的网址称为动态网页。静态页面与动态网页的差别取决于静态页面沒有后台管理,不用计算机语言,也不可以完成客户互动(如:申请注册、登陆、检索、查寻等)。(大量差别可参照:网站建设与网页制作的差别)
制做静态页面的功效是以便制做动态网页奠定基础,制作网页前先制做静态页面,随后再将静态页面转换成动态网页。
下边学做网站社区论坛介绍一下如何做一个静态页面,静态页面做法。
第一步:制做一个静态页面以前,大家必须先制做一个网页页面1:1的设计效果图,别称静态页面设计效果图。制做静态页面设计效果图能够 应用PhotoshopCS4破译汉化版制做。
第二步:将制做好的静态页面设计效果图开展PS切成片。根据PS切成片可将一张大的设计效果图切割成多个小图,之后可立即用在网页页面上。
第三步:应用HTML5和CSS3开展网页界面设计,网页界面设计遵循“先大后小,先外后里”的标准,先将全部静态页面大构造写出去,随后再依照设计效果图写每个一部分的小版面。(这一一部分必须有编码基本,可先学习培训HTML基础教程)
第三:设计网页上的动画特效,比如图片轮播,必须应用JS编码制做。再将PS切成片出去的小图根据编码插进网页页面中,而且应用数据测试添充每个小版面,做到与设计效果图一样的实际效果。
第四:最终提升网页源代码,删掉数据冗余的文档,梳理出一个简约的静态页面,那样静态页面就制做好啦。