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
微信公众平台的这种素材模板是怎样编辑出来的？在哪里可以自定义编辑出来？急，求解！
这是用css+html实现的，不是公众号自带的功能。先用制作网页的软件设计出来，然后把效果复制粘贴到公众号编辑器，就可以实现。想要自己设计就需要有一点css代码基础，也有一些现成的可以直接抄来用。以前我都是直接送代码，现在提供美化样式的第三方平台越来越多，你直接在百度搜索：公众号美化，有一堆。
会声会影官网在哪里下载素材模板的！
http://www.mobantiankong.com/bbs/forum-36-2.html模板天空。
这个该怎样下载？是免费的么，要不要注册会员。还有我问的是会声会影官方网站里面下载的问题。。。。
这个大部分都是免费的，不用会员。一般模板都是在这里或者贴吧里找，官网实在找不到，找到了也收费。
我在官网找到下载的地方了，免费的。但是谢谢你的回答
html 初学者 网站模板
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> body{ height:500px; background: linear-gradient(#A6CADE,#F8C6F8) no-repeat; } ul,li,div { padding:0;margin:0; } .container{ width: 500px; margin:0 auto; } #tab-con div{ display: none; width:500px; height:282px; } #tab-con div img{ width: 100%; height:100%; } #tab-con div.active{ display: block; } #tab-list ul li{ float:left; list-style: none; } #tab-list ul li a{ display: block; width:70px; text-align: center; text-decoration: none; color:#000; background: #D6D6D1; } #tab-list ul li.active a{ color:#fff; background:#f96302; } </style> </head> <body> <div class="container"> <div id="tab-con"> <div class="active"><img src="img/test1.jpg"></div> <div><img src="img/test2.jpg"></div> <div><img src="img/test3.jpg"></div> <div>图片4</div> <div>图片5</div> <div>图片6</div> <div>图片7</div> </div> <div id="tab-list"> <ul> <li><a href="javascript:;">首页</a></li> <li><a href="javascript:;">美食</a></li> <li><a href="javascript:;">交通</a></li> <li><a href="javascript:;">图片4</a></li> <li><a href="javascript:;">图片5</a></li> <li><a href="javascript:;">图片6</a></li> <li><a href="javascript:;">图片7</a></li> </ul> </div> </div> <script> var tablist = document.getElementById('tab-list').getElementsByTagName('li'); var tabcon = document.getElementById('tab-con').getElementsByTagName('div'); for(var i = 0; i<tablist.length; i++){ tablist[i].onclick = function(){ starttab(this); }; }; function starttab(obj){ for(var i = 0; i<tablist.length; i++){ if(tablist[i] == obj){ tablist[i].className = "active"; tabcon[i].className = "active"; }else{ tablist[i].className = ""; tabcon[i].className = ""; }; }; }; </script> </body></html>
我在网上下载了一下网页模板 但是不知道怎么用dreamweaver设计呢？
用法如下： 举个例子，比如要制作一个图层，需要长、宽各为100px，字体颜色要设置为红色，那么在编辑时需要写以下一系列代码：<html><head><meta charset="utf-8"><title>无标题文档</title><style type="css/text">#b{wide=100px; height=100px; font-color="red"}</style></head><body><div id="b">cCCCCCCCCCCc</a>"></div></body></html>但是通过设计功能可以快速实现以上操作，如图：只需要在下方属性里设置参数即可。
