网站模板制作

HBCMS的模板以一套一套的形式存在。一套模板，包括多个模板文件。如 首页模板文件，列表页，文章页模板文件等。更换一套网站模板，可以在1小时内将您的网站外观完全改变，让丑小鸭瞬间变成美丽的天鹅。更换网站模板，不会影响现有网站的目录结构，不会改变已有网页的URL网址，几乎不影响搜索引擎收录。您需要先安装一套新的模板。（通常系统里已经默认安装了几套免费的模板，一般需要额外为不同的外观布局来定制模板，然后安装到系统里）进入后台的网站模板管理页面，预览已经安装的模板，对效果满意的模板，设置为网站默认模板更新网站首页，让网站所有页面全部自动更新。

制作个人网站的流程如下：写网站模版，首页，内容页，列表页等等的模版写好。根据不同的CMS系统（网站后台）在模版中调用数据。在服务器中测试各种浏览器的兼容性。购买域名和服务器。上线运营。

1.网站模板问题网站上线前，一定要先将网站模板设计好，各种网页细节问题，也要在本地测试中弄好，不要上线后还修改网页样式，当然如果你对网页设计不是很熟悉，用的是别人的模板，这时你只要注意一些细节问题就好了，毕竟网站是以内容为皇的，当然不是说不重视网站模板，一个好的模板可能会带来好的用户体验，对留住用户，网站回头率的提高有很大的帮助。所以能够设计好的优秀的模板，当然很重要，如果不能就以内容为主。2.网站标题问题新手网站上线后，喜欢频繁的修改网站标题和描述，这个也是百度对新站收录慢的主要原因。所以在上线前，一定要给自己的网站一个很好的定位，要确定好自己网站的标题，经过研究，对于网站标题，如果你能想出一个新颖的词汇，那么百度蜘蛛会过多的关注你，会给你更快的收录，当然新颖不是说生僻，不要搞些生僻难懂的词汇，网站优化是为了给用户体验的，不是为了讨好搜索引擎的，即使你对搜索引擎友好但是你的用户体验不佳（这里主要指用户的pv量和停留时间）排名迟早是要掉的，所以在以用户体验为主的前提下，尽量想个好点的标题，可以自己用百度指数查一下，标题最好要是一句通顺的话，这样用户也能记住，对搜索引擎也好。3.内链建设问题网站内链建设，如果你的网站页面的内链很少，那对于新站来说是很难快速收录的，因为内链少说明你的网站内容少，内容少那么用户体验肯定就很差，用户体验差，那么百度蜘蛛就可能认为你的网站是垃圾网站，迟迟不给收录，或者说只是象征性的收录首页，所以内链建设还是和用户体验有关，这里知道用户体验的重要性了吧！4.广告问题新站上线就放广告，这个是不利于网站优化的，会降低搜索引擎的友好度的，所以对于新站，尽量不要放广告，在已经布局好的广告位上放一些图片，使网站整体看上去好看一点，特别是弹窗广告，如果你是新站，一上线就放弹窗广告，那么基本上你的网站就被搜索引擎判死刑了，因为百度新算法，石榴算法是专门针对弹窗广告的，当然新站一般来说流量肯定不大，如果你放弹窗广告来盈利，只要两种可能，一种是你有很好的正当流量来源，一种是你准备刷流量，这两种对网站的长远发展都是不好的，所以想长远发展的，就好不要走此捷径。5.内容采集问题新站上线后就开始采集文章，这对于百度来说，此类网站就是垃圾网站，根本不会收录，即使收录了一段时间后也会被k，我想你肯定会说，我伪原创啊，我曾今看过一个网站，网站内容全部几乎是采集的，但是他的排名很好，那他是怎么做到啊，我研究了一下他采集的文章，基本上没有可读性，但是就是排名好，经过一番查找，最后发现他采集的文章里放了一些不相干的内容，将这些内容的字体颜色和文章的背景颜色搞成一样的白色，这样用户浏览文章的时候就看不到了，也不影响用户体验，又能很好的排名。我想大多数人会认为这是一个很好的方法，确实我观察了这个网站很长的时间，排名都没有掉，而且还在逐步上升，但是有一点就是这个网站的pv很低，几乎和IP一样，这说明什么呢，他做网站是为了迎合搜索引擎的口味，而不是注重用户体验，而且事实表明网站的用户体验很差，我相信此类网站是走不远的，用户很容易流失。这里还是说到了用户体验，可想而知一切都是围绕用户体验转的。 6.主机空间问题没有一个稳定的空间很难做好百度排名，很多新手站长，在买空间时考虑最多的是价格问题，希望便宜而且空间又大，我相信便宜没好货的道理，不要贪图小便宜，不然真会让你后悔莫及的，我见过几个网站本来排名很好的，权重也高，但是因为空间问题，一段时间打不开了，最好被百度降权了，虽然最后随着空间的稳定，权重还是恢复了，但是对于新站来说会降低搜索引擎的友好度的。所以空间的选择很重要，一定不要贪图小便宜。7.关于301权重定向问题一般情况下，域名分为主域名和二级域名，例如xxx.com和www.xxx.com前者是主域名，后者是二级域名，根据习惯，有的人喜欢不带www的，而有的人喜欢带www的，因此为了不使权重分散和品牌的打造，就需要301重定向了，这里就不讲述具体的方法了，对于新手，切记一定要在上线后立即做好301重定向，不要等你的网站有了就好的排名后在做301重定向，这样会导致你的网站排名 会停止上升，重要的是一定要选好你要用的域名，不要反复重定向。 提醒大家要养成定期检查301重定向是否还有效，特别是主机升级后，本站曾经出现过这种问题，主机升级后，301重定向尽然掉了，还好本站是新站，不用过于担心。8.关于网站url搜索引擎的提交问题对于新站，url的提交很重要，什么时候提交，提交多少次，这个也比较重要，在新站上线一段时间，在你的网站内容更新有规律的情况下，在提交url，不要在你的网站更新没有规律的时候提交，当蜘蛛来的时候你的网站没有内容，会降低搜索引擎友好度的。更新文章最好要养成规律，然后再提交 url，最后新手要养成看网站日志的习惯，分析百度蜘蛛的IP段和爬取网站的次数和规律，对网站优化有很大的帮助。参考地址：http://www.wzyunying.com/post/34.html

在网络优化只要符合seo优化，用模版网站或者重新制作网站都可以，但都要注意以下几点：1、界面的设计界面的变化不仅仅是为了SEO优化，因为每个网站都有自己的特色，所以做模板的时候界面的变化更重要是树立自己的品牌和形象，做到唯一性。如果我们的界面和别人大量重复，那么这样的网站想必在市场品牌这一块已经输了。另外，从SEO的角度来说，减少重复性也是很重要的一方面，界面的变化，那么重复性就会大大的降低。2、css和js的重构现在搜索引擎已经能很好的抓取到CSS并能读懂它，所以千篇一律的重复对搜索引擎并不友好，所以在进行模板重构的时候，CSS是一定要变动的。把定义的标签、class、id等样式和数字做重新调整是减少重复性的一个必备工作。css代码书写符合w3c标准、js代码进行封装，这样完成之后就能在代码层做到和别人的不同。3、功能的删减默认模板上的功能都是一个网站的标配，但是对于不同行业的网站，对网站功能的具体要求是不同的，比如有偏文章新闻的、有偏图片类型的、有偏下载类型的，所以势必要在功能上该删的删，该增的增，从SEO的角度，一定要把重要的内容都放在靠前的位置，同时利用好合理的标签，标签能很大程度上影响网站的权重。4、结构URL变动最后要和大家强调的一点就是URL结构，URL结构不仅仅对于SEO很重要，对于以后升级改版甚至更换系统都十分重要。因此在模板的重构上，URL路径一定要保持清新，现在默认的都有几个目录结构，并不是十分有利，可以做成栏目-大分类-小分类.html的类型，即根目录类型，这样非常利于蜘蛛爬行，也利于用户阅读习惯。

　　HTML5页面制作工具，大体分为两类：基于HTML5的网站工具和手机APP工具（当然还有一些其他的，例如基于微信公众号的等，下面也会介绍）。　　先总的说一下个人感受1.基于HTML5的工具网站：功能较强大，单页面的操作性较强，可完成各种页面交互效果；但是某些时候会有操作“失灵”的现象，如上传图片失败，点击保存失败，生成失败等。原因你懂得~2.手机工具APP：相比起工具网站来讲，显得比较顺手，有大量模板套用，制作简单快捷；但是拘泥于现有的模板，使得单页面不会有较大的可操作空间，从而无法实现DIY交互效果。　　下面展开说下每个使用过的工具吧基于HTML5的工具网站：【兔展】 优点：页面DIY程度较高，动效实现起来也简易方便，可制作比较任性的H5页面。缺点：屏幕界面大小不可调节，上传的图会比例失调；生成后到各尺寸屏上页面会存在拉伸现象。（此图意在说明上传的图片的尺寸都是网站自己默认的一个尺寸，不是图片本身的尺寸，不利于使用者调整）【MAKA.im】 可以具体编辑，单页操作性较高，有新手（有模板）和高阶（无模板）两种编辑模式；翻页效果比兔展多，模板也更强大一些。【居高互动刊】 优点：最简单易上手的工具之一，根据提示一步一步的添加，共4步，最后生成微杂志。相比其他在线工具，较稳定。缺点：目前没试通制作单页上的交互效果，没找到开启pro功能的入口。【ANIMATRON】 优点：像flash的在线版，功能强大，可以创建HTML5动画。适合有动画基础的人做演示制作。缺点：需要动画制作基础；工作界面响应时间长；貌似只能分享到twitter、Facebook、google+、tumblr？【iSpring 7】 噱头是PPT转HTML5工具，完美与PPT兼容，可制作Html5移动课件。不过，目前我只能连着VPN再用Safari才能打开网站链接。【秀制作】 优点：版式轻松，制作快捷，宽带稳定。缺点：对图片和文字在各种屏幕上的显示没有做很好的适配；不能对模板中文字的编辑调整位置。手机工具APP：【初页】优点：模板质量高，套用模板编辑时效率高，操作简单快捷，效果和体验在制作H5页面的APP工具里面算是出类拔萃。缺点：单页面可操作性较低，仅支持套用模板。【快邀约】快速制作邀请函优点：易上手，省时高效，便于统计。缺点：页面简陋，只能选择固有模板创建文字和添加图片。【易企秀】中小微企业的移动场景营销管家优点：套用模板，创建快捷，用来做企业介绍、产品推荐。拥有强大的推广统计、客户管理功能。嗯，这里应该赞一个。缺点：只能用模板，DIY程度低；统计数据是否准确需要进一步确认，目前看来可能有遗漏数据的现象（在小范围测试中，统计到的数量小于应有的数量）。【微贴】：通过微信公众号创建H5页面优点：手机公众号内直接创建简单页面，根据提示创建即可，无脑方便快捷。缺点：只是单页面展示，承载不了交互效果等特效和内容。　　总结　　工具网站做的H5页面，多注重单独页面的自定义交互方案，DIY程度高，相对来说用时较长，又受制于带宽因素，故影响操作；工具APP做的H5页面，多注重效率，目前都是套用模板，因而对单页面的DIY程度较低，交互效果受限。作为我个人而言，移动互联的新任PM，我平时常用到的是【MAKA】和【兔展】，这两个相对来说更适合半天时间来完成；如想快速制作展示页面就用【初页】，这个在功能效率与设计感方面更突出一些；组织活动、制作邀请函、分发活动通知等用【快邀约】；平时推广新产品、联络客户和招聘新人用【易企秀】。转载

H5编辑平台大大降低了H5制作的门槛，以可复用定制的案例模板为主要功能，提高了工具效率之余还降低了人工成本。悠云·轻故事平台在模板这块在同类型产品中具有明显优势：分类精细实用、选择丰富多样，定期更新。无论是产品展示、杂志、相册还是简历等等，悠云·轻故事平台都有比同类平台更丰富的H5场景模板。更受人青睐的功能在于它拥有相当高自由度的H5个性定制后台，使用者在打造个人特色时能更得心应手。 面对H5页面定制同质化的瓶颈，悠云·轻故事对于未来发展亦有了清晰的打算：完善页面定制，发展用户制作功能，打造真正能够应对各种社交传播、O2O营销需求的整合平台。如今，悠云·轻故事平台的移动端平台，手机网页版、APP已进入开发的冲刺阶段，预期在十月内将会进入测试阶段。 悠云轻故事将iBeacon技术整合Html5语言打造出创新性应用设备——Upal悠云子，交互性正是其独特优势所在。当客户走进商家店面，根据相关提示打开手机蓝牙，并使用微信摇一摇，即能获得该店的宣传内容或促销信息。除了和微信摇一摇结合的场景应用外，商家还能利用悠云·轻故事平台制作自家独特的平台小游戏，实现无需下载，轻松吸引宣传的数字营销方式。这种营销形式既新奇又有趣，一改以往传单式促销的负面影响，同时其自带的定制功能为内容新鲜和多样化提供了保证，对受众的交互主动性也有所提高。工具类：一、Adobe Edge目前还处于预览阶段的Adobe Edge是用HTML5、CSS、JavaScript开发动态互动内容的设计工具。二、Adobe Dreamweaver CS6Adobe Dreamweaver CS6作为一个Web设计软件，提供了对HTML网站和移动程序的可视化编辑界面。三、Adobe ColdFusion 10ColdFusion是用来开发企业Web程序的服务器端技术，通过Websockets、互动表单、视频和地理标签等HTML5技术创建富媒体用户体验。四、Sencha Architect 2在开发移动和桌面应用的工具中，Sencha的定位是HTML5可视化应用开发。

　　制作网站要具备的三要素： 域名+网站空间+网站程序　　1、需要注册购买域名。域名是全世界唯一性的！国内英文域名注册费用60-150元/年，国内网站需要通过工业和信息化部网站备案。　　2、注册购买网站空间。一般类型企业网站购买200M左右虚拟空间即可，费用200元左右。　　3、网站程序制作。网站的程序费用不等，一般在1000-4000不等，如果有特殊的功能，如：在线支付、购物车等，费用较高。　　4、网站程序是通过FTP软件上传的.注册网站空间时候，网站空间后台提供ftp地址、用户名、密码。

模板只别人设计制作好的html文件,也可能包括psd文件,可以直接拿过来用,修改一下,变成你自己的东西,如果是DW里的模版的话,那就是你制作好的一个html页面,设置成模板后,可以直接在其他有相同内容的页面里进行调用，这样做的好处是,修改一个模板文件,然后所有调用过此模版的文件都可以修改过来. 库的定义一般是:资料库 资源库 素材库,就是你平时积累的素材,可以放到固定的,自己定义的库里去,下次用的时候很方便的就能找到,比如你有个图片的素材库,库可以在软件里进行操作,是个单独的文件集合.比如flash里的库,就是放一些图片素材,元件,影片剪辑之类的东西.

首先，学会网站模板构架找准修改主题。准备工作：修改网站模板必须要懂一些基本的技术：1.HTML语言　2.DIV+CSS　3.图片制作方法：Photoshop/Fireworks网站模板的三大构架：1.网页的HTML文件　2.CSS文件　3.图片文件然后，学会网站模板可视化便捷修改思路。可视化编辑器中包含了一个编辑模板的辅助接口，但为了要让这个界面更加有用，接口需要向用户显示关于每个模板的特定信息，例如模板目的地简要说明，以及其中个参数的意义等。这些信息即是通过模板数据提供。一般情况默认的网页模板路径是系统自带的标签，将HTML文件放入Dreamweaver里时会是一推的代码，修改下CSS和图片路径，就可将程序模板转换为可视化界面。最后，学会修改网站模板图片替换独特风格。框架构建好后，Logo和Banner等相关图片，就是需要做的工作。对于修改网站模板中的图片推荐使用Fireworks,因为其不仅可以打开图片源文件，还可以打开PSD源文件，而photoshop无法打开PSD源文件。如遇到未提供源文件的模板，比如修改logo,无论是JPG格式还是其他格式，都建议用Fireworks打开，在原基础上进行修改，保存后即可看到效果，加上一些PS的技巧，就没有任何问题了。