网页设计的模板
有哪些不用编写代码就能轻松制作生成HTML5页面的工具
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】和【兔展】，这两个相对来说更适合半天时间来完成；如想快速制作展示页面就用【初页】，这个在功能效率与设计感方面更突出一些；组织活动、制作邀请函、分发活动通知等用【快邀约】；平时推广新产品、联络客户和招聘新人用【易企秀】。转载
织梦手机WAP浏览模块如何制作手机网站
安装之后根目录有个wap.php文件，访问这个文件就可以访问手机网站了，修改templets\wap里面的模板文件就可以对样式进行修改了。
来自：求助得到的回答
我有一个英文的网页模版，我想把他转换成中文的，该怎么操作？是设计HTML网页，不是翻译
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">这句去掉然后用dreamvear 打开 选择 修改---页面属性---标题/编码---再选择简体中文编码 ---执行重新载入就行了
急求一份html、css、JavaScript的“个人主页”网页设计模板代码。
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960<!--这个模版来自[最好模版-http://BestMoban.Com],需要模版请访问http://BestMoban.Com--><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>┆假想敌┆- 颓废模板</title><script language="JavaScript" type="text/JavaScript"><!--function MM_reloadPage(init) { //reloads the window if Nav4 resized if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) { document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }} else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();}MM_reloadPage(true);//--></script><style type="text/css"><!--BODY { SCROLLBAR-FACE-COLOR: #3F2413; SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #3F2413; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-TRACK-COLOR: #3F2413; SCROLLBAR-DARKSHADOW-COLOR: #3F2413; background-color: #FFFFFF; background-image: url(bg.jpg);}--></style></head> <body><div id="Layer1" style="position:absolute; width:1000px; height:628px; z-index:1; left: 0px; top: 0px;"> <div align="center"> <p> </p> <p> </p> <p> </p> <p> </p> <p><img src="1.jpg" width="650" height="400" border="0" usemap="#Map2"> <map name="Map2"> <area shape="rect" coords="321,379,490,399" href="http://www.jxd88.com/" target="_blank" alt="┆假想敌┆"> <area shape="rect" coords="196,15,242,43" href="home.htm" target="main1" alt="home"> </map> <map name="Map"> <area shape="rect" coords="18,196,60,220" href="home.htm" target="main1" alt="home"> </map> </p> </div></div> <div id="Layer2" style="position:absolute; width:412px; height:295px; z-index:2; left: 382px; top: 203px;"><iframe src="home.htm" name="main1" width="412" height="295" frameborder="0" scrolling="yes" style="border:0px;"allowtransparency="true"></iframe></div></body></html> <span style="display:none;">这个模版来自http://BestMoban.Com,模版请访问<a href="http://BestMoban.Com">http://BestMoban.Com</a> <a href="http://Moban.17Easy.Com">http://Moban.17Easy.Com</a> <a href="http://www.mb8.cn">http://www.mb8.cn</a></span>
定制网站和模版网站有哪些区别？
定制主要是根据不同行业，不同企业，由专业的设计团队和开发团队进行制作的网站模板是已经开发完成的网站，只需要更换公司LOGO，广告图，以及在后台添加相应资料和产品。定制与模板最大的区别就在于个性化，模板版式都固定了，无法修改
简单网页代码设计
<!doctype html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题 1</title><style type="text/css">td {width: 240px; height: 240px;}.center {text-align: center;}</style></head><body><table style="width: 960px; "><tr><td colspan="4" class="center">logo<img src="" alt="logo"></td></tr><tr><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td></tr><tr><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td></tr><tr><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td></tr></table></body></html>
什么是模板?什么是库?模板和库在制作网页时有什么作用?
模板只别人设计制作好的html文件,也可能包括psd文件,可以直接拿过来用,修改一下,变成你自己的东西,如果是DW里的模版的话,那就是你制作好的一个html页面,设置成模板后,可以直接在其他有相同内容的页面里进行调用，这样做的好处是,修改一个模板文件,然后所有调用过此模版的文件都可以修改过来.
库的定义一般是:资料库 资源库 素材库,就是你平时积累的素材,可以放到固定的,自己定义的库里去,下次用的时候很方便的就能找到,比如你有个图片的素材库,库可以在软件里进行操作,是个单独的文件集合.比如flash里的库,就是放一些图片素材,元件,影片剪辑之类的东西.
简单网页代码设计
<!doctype html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题 1</title><style type="text/css">td {width: 240px; height: 240px;}.center {text-align: center;}</style></head><body><table style="width: 960px; "><tr><td colspan="4" class="center">logo<img src="" alt="logo"></td></tr><tr><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td></tr><tr><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td></tr><tr><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td><td>图片<img src="" alt="图片"></td></tr></table></body></html>
网页制作中如何使用PSD模版
其实标准的网制作完成的工作实际是：psd to html，一般情况下，我们会拿到美工的psd,这时候不同的人会有不同的做法： 1.打开fireworks将图片切割导出为html。 2.直接在dreamweaver之类的工具去拖拉布局，导入相关的图片,flash资源。 3.先在ps中完成切图后，在文本编辑器中看着效果图一步步的制作。 以上是大多被采用的方法，但都不好： 第一种方法最为不好，这样的代码根本不具维护性和可读性。 第二种方法也不好，代码难免会有冗余，做出来的东西基本需要排查一遍。 第三种方法也不好，因为你需要看效果图一点点的拼，也就是说写html标签的时候，你在不断的假设这块要怎么去显示。 正确的做法是： 1.拿到psd后，先不要做别的，直接在文本编辑器中将网页的框架写出来，不要假设这块将来css要去怎么渲染，完全自然化的标签，不加任何的css。 2.写完之后在各个浏览器运行之后确保大体定位都没有问题。 3.书写总体css,这里的css只负责大块的定位及样式。 4.切出需要的图片资源，在写好的框架中一点点的去构造，不断的调试，最终为成品。 5.最后，为自己的代码添加注释，在css，html中都要合适的为自己的代码添加注释。 要想做出能灵活切换皮肤，让css主导表现，还有很多要注意的地方，但大体的流程就是这样的，当然我们一开始不能直接就做到先写html，但起码要有这个意识，循序渐进。。。谢谢热心会员"linxz"提供实际经验，我贴上来供大家参考：PSD出网站从两个大点考虑一、一个独立的页面1、分析这个页面，先在脑袋中或者草稿纸上描绘大概的结构2、根据设计稿的的情况，分析背景图的分布、ICO图的分布等3、切割相应的图片，导出、合并图片4、在编辑器中写整体结构XHTML代码，包括页面中出现的所有元素的结构5、编写CSS样式中的整体以及模块代码6、细节调整7、收工，浏览器验证是否正确二、由多个页面组成的小站点或者大站点1、浏览所有设计稿，统一规划站点模块、图片、文件分布2、开始第一点的操作，但规划站点的内容分布很重要整体考虑点：图片的合并，减少请求量结构的合理性，语义化样式的简洁，便于后期维护多为后期的维护以及程序开发着想，如何简单实现效果
参考资料：
http://www.wzsky.net/html/Website/Experience/107671.html
