网站模板在这里指的是网站页面模板,是当网站中有许多页面版式色彩相同的情况下,将其定义为网页模板,并定义其中部分可编辑,部分不可利用网页模板製作其他页面时就会很方便,不易出错。
这里我们称为普通网页模板。网站模板就是已经做好的网页框架,使用网页编辑软体将模板原有的图片和文字替换成自己的内容,再发布到自己的网站。
一般按以下步骤进行网页模板的製作:
1、要沉稳,不要花里胡哨。
2、要素净、大气,不要五彩缤纷。
3、要有个性、有风格,要突出行业的特点。
基本介绍
- 中文名:网站模板
- 外文名:Website template
- 类型:网站框架套用
- 系统:asp、asp等
定义
顾名思义就是用已经成形的网站为框架进行套用,可以在后台进行设定网站的一些信息,把这个网站改变成自己需要的网站信息,最为直接的就是象一些网站提供的自助建站和我们众所周知的部落格,比如穀穀互联、中华网库专业提供网站模板,另外还有一些公司把自己公司已经设计好的网站进行一些修改再套用如修改风格,网站名称等信息,但大致格式及里面的代码并未改动,此网站也可叫作模版网站。他们最大的特点就是省时,省力,操作简单。
每个网站模板压缩档内包含: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系统内置的模板引擎,使网站模板使用起来更加方便快捷。