定义
顾名思义就是用已经成形的网站为框架进行套用,可以在后台进行设置网站的一些信息,把这个网站改变成自己需要的网站信息,最为直接的就是象一些网站提供的自助建站和我们众所周知的博客,比如谷谷互联、中华网库专业提供网站模板,另外还有一些公司把自己公司已经设计好的网站进行一些修改再套用如修改风格,网站名称等信息,但大致格式及里面的代码并未改动,此网站也可叫作模版网站。他们最大的特点就是省时,省力,操作简单。
每个网站模板压缩包内包含:PSD图片文件(可用Photoshop、ImageReady或Fireworks修改),按钮图片PSD文件、Flash源文件和字体文件,推荐使用Dreamweaver软件向NNT流量网站模板添加内容。网站PSD模板,Photoshop的源文件格式,PSD文件可以存储成RGB或CMYK模式,还能够自定义颜色数并加以存储,还可以保存Photoshop的层、通道、路径等信息,是惟一能够支持全部图像色彩模式的格式,但体积庞大,在大多平面软件内部可以通用(如cd ai ae等),另外在一些其它类型编辑软件内也可使用,例如office系列。但像浏览器类的软件不支持。它的功能要强一些。psd作为常用的设计格式,在全世界有数千万用户,在中国就有数百万用户,在通用设计领域,比如婚纱模板,展板模板等等,基本都是由photoshop设计完成的,他们的实用性非常强,通用性也强,大家都可以使用。
制作工具
网络技术的发展带动了软件业的发展,所以用于制作Web页面的工具软件也越来越丰富。从最基本的HTML编辑器到流行的Flash互动网页制作工具,各种各样的Web页面制作工具,下面是几款具有代表性的网页制作器:
1、HTML编辑器。虽然HTML代码复杂,编辑和调试要花费大量的时间,但因HTML的稳定性、广泛支持性及可创建复杂的页面效果,仍受高级网页制作人员的青睐。使用较为普遍的有Hotdog等专业HTML编辑器。
2、所见即所得的网页编辑器。其中以Microsoft Frontpage为代表,它具有如Word一样的操作界面,熟知Word功能的操作者,只要稍加培训就能轻松编制网页。而且,Frontpage还能解析网页的HTML源代码,并提供了预览支持。但Frontpage的一些特殊显示功能并不能在其它非IE浏览器下实现。所以Frontpage是一款非常适合初、中级网页制作人员使用的工具软件。
3、 Macromedia公司(已被Adobe公司收购)出品的Flash互动网页制作工具,是一款功能非常强大的交互式矢量多媒体网页制作工具。能够轻松输出各种各样的动画网页,它不需要特别繁杂的操作,也比JAVA小巧精悍!但它的动画效果、互动效果、多媒体效果十分出色。而且还可以在Flash动画中封装Mp3音乐、填写表单等;并且由于Flash编制的网页文件比普通网页文件要小得多,所以大大加快了浏览速度。这是一款十分适合动态Web制作的工具。
4、Dreamweaver:Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器。它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
另外,个人网站制作者还需了解W3C的HTML4.0规范、CSS层叠样式表的基本知识、javascript、VBScript的基本知识。对于常用的一些脚本程序如ASP、CGI、PHP也要有适当了解,还要熟练使用图形处理工具和动画制作工具以及矢量绘图工具,并能部分了解多种图形图像动画工具的基本用法,熟练使用FTP工具以及拥有相应的软硬件和网络知识也是必备的。 当然,互联网还是一个免费的资料库。编制网页需要多种多样的按钮、背景还有各种各样图形、图片。如果这些都要靠自己完成,既浪费时间又浪费金钱,而且还需要强大的图形、图片制作技术。所以,为了省却这些麻烦,网站制作者完全可以从网上下载各种精美实用的图片、按钮、背景等网页素材。
模板分类
成品模板
在网站建设行业中,经常会听说自助建站,智能建站,就是说网站的提供商已经提供了模板以及该模板带有的一套网站系统,网站系统有可能是asp的,有可能是php的,或者其它的语言。确切的说,这类成品模板网站是可以无数次的使用被使用,用户在购买了提供商的模板后只有使用权,不拥有版权,而网站的提供商拥有最终对网站模板以及系统源代码的版权。
仿制型模板
就是说在网站制作的过程中,在模板设计的时候参考其它现有的网站风格,色彩,布局。也就是说,仿制型的模板网站既有自己的风格在里面,但是又有其它网站的模板风格,例如当当商城,京东商城的网上平台被很多模板涉及商所参考,Ecshop,Shopex,的官方网站经常可以下载雷同的网站模板;根据这类模板制作出的网站叫做仿制型模板网站。
手工模板
和上面两种类型的网站一样,手工模板网站的模板是完全根据各个网站特定的风格来订制的模板。区别在于手工模板网站使用的客户拥有对模板的版权,而且一套模板只允许一个企业使用,如果其它的企业进行复制,属于侵权行为。
动画模板
Flash网站具有设计精美,拥有更多声效、动画、流媒体剪辑、美术效果及兼顾互动性等特征,非常适合公司作在线产品展示。Flash网站基本以图形和动画为主,所以比较适合做那些文字内容不太多,以平面、动画效果为主的应用。如:企业品牌推广、特定网上广告、网络游戏、个性网站等。制作全Flash网站和制作html网站类似,事先应先在纸上画出结构关系图,包括:网站的主题、要用什么样的元素、哪些元素需要重复使用、元素之间的联系、元素如何运动、用什么风格的音乐、整个网站可以分成几个逻辑块、各个逻辑块间的联系如何、以及你是否打算用Flash建构全站或是只用其做网站的前期部分等等,都应在考虑范围之内。实现全Flash网站效果多种多样,但基本原理是相同的:将主场景作为一个“舞台”,这个舞台提供标准的长宽比例和整个的版面结构,“演员”就是网站子栏目的具体内容,根据子栏目的内容结构可能会再派生出更多的子栏目。主场景作为“舞台”基础,基本保持自身的内容不变,其它"演员"身份的的子类、次子类内容根据需要被导入到主场景内。
选择模版
1.标题标签客制化
模版的标题一定要可以修改,不仅仅是首页的标题,还要包括分类页的标题和文章页的标题,参加过我们的公益培训和VIP培训的,或者说有点SEO基础的同学,都应该知道标题的重要性,而且网站内部的各个页面的标题尽量不要一样的,所以选择模版的时候,一定要选择一个标题标签可以自由修改的。
2.URL静态化及客制化
这个包含了两点,一是模板支持伪静态,这个,在选择空间的时候也跟大家讲过要选择支持伪静态的空间,选择模板的时候也是一样的,要求模板支持伪静态;URL客制化,就是说,我们在写文章的时候,可以自己编写我们的URL,当然前面的一部分是固定的,文章ID部分就可以自己编写,具体的例子,在后面写wordpress教程和Z-blog教程的时候,会详细讲到。
3.meta标签客制化
meta标签指meta keywords和meta description,也就是关键词标签和描述标签,关键词标签,基本上对SEO没什么用处了,你要是觉得有用,那你就认真写,要是觉得没用,就干脆删除掉这个标签,描述标签是给用户看的,当然要认真写,用户在搜索结果中看到你的网站,点不点进去看,很大程度上取决于你的描述是否足够吸引人,足够清晰。另外,每个页面(包括分类页面和文章页面)的描述标签要不一样,并且跟页面内容相关。
4.tag标签功能
在我们发布文章或者产品的时候,允许我们输入标签,系统自动按照标签聚合内容并生成标签页面。
5. 导航结构客制化
模板应该允许我们自己修改导航的布局,包括导航颜色的调整,导航大小,下拉菜单等等的修改。
6. 模块DIY
模板要支持我们自由增删模块,自由调整模块位置。
7. 地图自动生成
模板要可以自动生成xml网站地图,便于我们向搜索引擎提交。如果不带有地图自动生成功能,起码也得支持祥光的地图自动生成插件。
8. 相关文章生成
模板可在文章页面下方,生成与之相关的文章,增强文章的相关性,促进文章收录数据的更新。
9. 相关站内链接
这里是指inner link,也就是内链的自动生成。每篇文章去增加链接是件很繁琐的事情,或者说,站长朋友们经常会忘记,如果说是博客还好,如果是像我们SEO交互论坛这样的,内容完全不受站长控制的网站,每天的帖子上万,都要手动去增加内链的话,是件很麻烦的事情,这个时候,如果系统支持我们在后台设置好关键词和链接,然后再文章中自动生成该链接,我们就轻松多了。
10. 正确生成H标签
在一个网站中,重要程度仅次于标题标签的标签就是H标签了,有些模板会自动生成H1,H2标签,但是不一定正确,可能有些模板在所有页面都把网站名称放在H1标签中,这样是不对的。在首页,我们的标题标签中就已经包含了网站名称。分类页面,H1标签应放分类名称,文章页H1标签应该放标题名称等。
11. 翻页控制
意思就是说,允许我们自己定义一个页面放置多少篇文章。控制翻页,主要是为了减少每一篇文章离首页的点击距离。这个利害关系,相信大家都懂的。
12. 图片alt属性
很多新手站长朋友们,经常用百度站长平台检测网站后会发现百度提示图片alt属性没有填写。百度对于图片的抓取还存在一定的难度,所以,我们需要给图片加上说明文字,那么这个alt属性,我们用来说明图片的,所以选择模板的时候要考虑是否可以自动生成图片alt属性,或者说是否支持手动填写alt属性。
14. 代码精简
这点,很多站长朋友们可能并没有很在意,其实一个精简的网站,对蜘蛛来说是非常友好的。同样一个功能,你用百来行代码来实现,别人可能用两三行代码就实现了,这就是代码的精简化。代码精简,利于蜘蛛爬行,减轻服务器负担,同时也节约网站空间。
当然,一个完整的模板要考虑的远远不止以上这些,比如还有301转向,复制内容的消除等,但是要找到一个十全十美的网站模板实属不易,所以大家在找寻模板的时候,尽量考虑以上因素就行了,不要太过于追求完善,不然,要找到一个完全符合的模板是非常难的哦。所以,模板下载下来后,还需要自己去修改下,才能完全实现以上功能。
影响分析
如果能够用一套模板直接改文字搞定的客户,那样的客户必定是中低端客户,可能出的价钱,也是让一些网站建设公司抱怨不少。中低端客户在压价、同行在拼价、设计师在拼命,您认为,这个现象合理吗?做网页设计的,都有过这样的价格经历,做个网站千把块,甚至几百块,客户对稿子还挑三拣四,改来改去。所以很多人愤怒了,对这个行业愤怒了,怒这个行业不规范,怒自己修炼多年只值个白菜价。
在这个环境下,有的人选择继续修炼,做高端设计,有的人选择忽悠,忽悠客户忽悠设计。网页设计既然是个行业,就应该存在高中低端,并不是只有超高端才能生存。卖奥拓的老总开宝马,卖宝马的老总开奥拓,并不是只有高端的公司才能有生存,关键是现阶段,中低端的网站,成本却不够低端。
对网页模板心存愤怒的同志,存在很大迁怒的成分,毕竟此前,国内基本没有高质量的商业模板。我们的想法是,面对白菜价客户,就应该用白菜的成本;面对高端的客户,模板给你的作用,可能仅仅是提供设计手法方面的帮助而不是包括思想在内的全部设计。
所用语言
1、ASP全名Active Server Pages,是一个WEB服务器端的开发环境,利用它可以产生和执行动态的、互动的、高性能的WEB服务应用程序。ASP采用脚本语言VBScript(Java script)作为自己的开发语言。
2、PHP是一种跨平台的服务器端的嵌入式脚本语言。它大量地借用C,Java和Perl语言的语法,并耦合PHP自己的特性,使WEB开发者能够快速地写出动态产生页面。
3、JSP是 Sun公司推出的新一代网站开发语言,Sun公司借助自己在Java上的不凡造诣,将Java从Java应用程序和Java Applet之外,又有新的硕果,就是JSP,Java Server Page。JSP可以在Serverlet和JavaBean的支持下,完成功能强大的站点程序。
4、ASP .NET的前身ASP技术,是在IIS 2.0上首次推出(Windows NT 3.51),当时与 ADO 1.0 一起推出,在IIS 3.0 (Windows NT 4.0)发扬光大,成为服务器端应用程序的热门开发工具,微软还特别为它量身打造了VisualInter Dev开发工具。ASP .NET是基于通用语言的编译运行的程序,其实现完全依赖于虚拟机,所以它拥有跨平台性,ASP .NET构建的应用程序可以运行在几乎全部的平台上。其中大致分为以微软.NET Framework为基础使用IIS做为Web 服务器承载的微软体系,以及使用Mono为基础框架运行在Windows或Linux上的开源体系。
发展趋势
随着网络的普及,网站的日新月异,各式各样的网站模板也层出不穷,很多公司企业,也都开发了快速建站系统,内置几千套网站模板供客户选择,大大降低了建站难度,减少了建站投入,相信不远的将来会有更多更专业的网站模板出现,供大家选择。
中国的互联网发展较晚,网站模板在中国的发展也一直比较缓慢,有很多专业的网站模板网站,提供了大量的网站模板资源,但大都是欧美、日韩的作品,这点稍微浏览几个相关网站即可发现,但是任何东西到了中国,都要有他的中国特色。网站模板到了中国,俨然变成了CMS模板,网站模板结合CMS系统内置的模板引擎,使网站模板使用起来更加方便快捷。