怎么制作网站模板

　　微信图片宣传页也就是常说的场景秀。　　微信场景秀其实是一种手机海报，用途广泛，可以作为邀请卡发送给亲戚朋友，也可以作为一种宣传推广的手段。　　操作步骤：在百度搜索“易启秀”，打开网页。场景秀可以直接打开网页进行制作，或者下载易启秀的手机客户端进行制作。【在使用手册中找到下图页面下载手机APP。】进入后注册一个账号，只要有邮箱就可以了。也可以用第三方登陆微信或者QQ。当然如果有账号可以直接登陆。进入后可以看到有一个已经做好的场景“易启秀使用手册”。打开可以学习下怎么制作场景秀。要是嫌麻烦那么请大家往下看，这里小编自己简单的做了一个场景秀和大家分享下过程。点击“创建场景”，进入后可以选择“自主创建”，也可以采用模板。创建时要写下创作场景的名字和所属类别。制作前先确定自己要制作的模板主题，选择相似的风格缩小范围，然后选择自己中意的模板。第一页可以选择一页的模板，模板中动画样式都设计好了。选择背景的话只是图片。可以自己上传图片，也可以从图片库中选择图片。自己选择空白页设计的话可以使用上方的工具栏进行设计。这里注意输入框按钮是用来采集信息的。比如用来举办活动的场景秀宣传可以可以用输入框来收集参与者的信息。至于宣传的文字是添加“文本”来写的。选好添加的组件后，鼠标单击出现调整动画，位置，样式的编辑选项。双击就会直接进入。用鼠标拖动可以移动位置。因为没有关闭按钮，想要取消选择的话在空白处点击一下就可以了。

　　1、在店铺装修里面添加一个自定义模块，然后把自己做的模版放到自定义模块里就可以了。　　2、才能将淘宝其他店铺的装修模板图片应用到自己的店铺： 现在很多店主有这样的需求，自己做图片太麻烦，做出来的图片效果不好，会在同类产品店铺中去复制别人的图片，来装修自己的店铺。 如果是店铺首页的装修图片的话，你可以先另存图片到桌面，然后上传到你自己店铺的淘宝图片空间，然后再在装修店铺时获取图片链接地址引用就可以了。 如果是宝贝详情页的装修图片的话，处理另存上传到淘宝图片，然后再在装修时引用外。你还可以使用大淘营宝贝复制专家来完成这个操作。 大淘营宝贝复制专家可以复制完整的宝贝详情页图片，将图片下载到本地电脑，生成数据包。复制完成后，你将生成的数据包导入淘宝助理上传就可以了。上传宝贝后相应的装修图片也就应用在你的店铺了，你在编辑其他宝贝时也可以使用，你已经上传的这个宝贝模板，不需要再手动去复制操作装修了

Step1要将平面转成网页时，有二点要留意：　1.颜色模式：RBG　2.解析度：72dpi Step2下面图为例，由於此范例为一张EDM，右上角的位置制作了一块Gif动态影像。Step3选取工具箱 / 切片工具，先将我要购买的区块框出来，如下图。Step4选择 功能表 / 档案/ 储存为网与装置，接著先对著我要购买点一下，并将格式设为Gif，之后依序将其它区块选取起来，再统一选为JPG格式，如图下。Step5按下 储存后，先选择储存路径，并将存档类型选为HTML与影像，以及切片为全部切片，完成后到刚所指定的储存目录下，分别会看到images资料夹与edm.html。Step6双击edm.html，随即便会开启浏览器，就能显示网页版了

dedecms建站移动化问题，从6.18织梦更新手机站后问题就解决了，下面是对网站系统做的一些升级记录（记得升级之前一定要备份，切记）以网站http://boaer.com为例：第一步：下载官方升级文件v57sp1-20150618.zip （记得升级之前一定要备份，切记）第二步：解压覆盖原来的文件。上传到服务覆盖之前的文件。第三步：对模板文件的修改。复制以前的老模板文件，分别加上一下代码：首页：<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/index.html"><script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/index.html";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>栏目页<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}"><script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/list.php?tid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>文章页面<meta http-equiv="mobile-agent" content="format=xhtml;url={dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}"><script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="{dede:global.cfg_mobileurl/}/view.php?aid={dede:field.id/}";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>建议把其中的{dede:global.cfg_mobileurl/} 修改为手机站网站，例如修改成http://m.boaer.com/ 。这代码的主要含义是手机跳转到手机页面。对手机端模板修改，主要是添加统计代码，对css的一些调整，手机模板也存在于默认模板下.主要的有：header_m 顶部index_m   首页footer_m  底部index_default_m  列表页修改之后覆盖。解决验证码失效问题：直接取消验证码1、打开 login.php 找到：if($validate==” || $validate != $svali)替换为：if( false )2、在模板文件dede/templets/login.htm里去掉以下验证码的具体HTML代码：<li><span>验证码：</span>   <input name=”validate” type=”text” id=”vdcode” style=’width:50px;text-transform:uppercase;’ />   <img id=”vdimgck” src=”../include/vdimgck.php” alt=”看不清？点击更换” align=”absmiddle” style=”cursor:pointer” onclick=”this.src=this.src+’?'” /></li>第四步：把二级目录变为二级域名，就可以方位手机站了。网址：http://www.boaer.com/m/ 为了更友好，可以把二级目录变为二级域名。1、解析二级域名到服务器IP。2、解决图片不显示的问题。把图片变成绝对地址改目录include下的文件extend.func.php，在最后面添加一个函数方法function replaceurl($newurl){$newurl=str_replace('src="/uploads/allimg/','src="http://你的域名/uploads/allimg/',$newurl);return $newurl;}另外调用文章正文内容的标签{dede:field.body/}需要改成： {dede:field.body function='replaceurl(@me)'/}此方法可以适用于任何调用绝对路径图片的页面。手机访问网站时就会自动跳转到手机站网址了。其他问题可以去DEDECMS官方论坛看看，或者百度搜索基本上都能找到答案。

选择模板先百度搜索兔展，进入网站后注册账号并登录后，即可进入制作界面。在界面上可以看很多可供使用的模板，根据自己的需要，点击相应的模板。进入制作平台选择完模板后，会自动进入制作平台。在制作平台上，主要分三大区域：左侧的作品结构显示区域，中间的是作品制作区域，右侧的是组件属性修改区域。文字1、功能定义：用于展示文字内容，通过修改文字的显示属性，可以生成各式各样的显示效果。2、操作方法：点击右侧的文字选项，编辑面板的右上角会出现文字输入框，双击输入框可以修改文字内容；修改右侧的属性选项，可以改变文字的显示样式。3、属性说明：1）字体：改变文字的字体，提供的是兔展数据库的字体，非电脑本地字体。2）字号：修改文字的显示大小。3）行距：修改两行文字间的间距。4）调色板：修改文字颜色。5）宽度：修改文字输入框的宽度，单位像素。6）高度：修改文字输入框的高度，单位像素。7）透明度：修改文字的透明度，100%为不透明，0%为全透明。8）旋转：调整文字与水平线的夹角，正数为顺时针旋转，负数为逆时针旋转。图片1、功能解释：用于显示图片，通过修改图片的显示属性，可以改变图片的大小、透明度、角度等。2、操作方法：1）激活功能：点击右侧的图片选项，编辑面板的右上角会出现兔展的logo图片。2）上传新图片：点击属性栏中的上传按钮，上传本地电脑中的图片进入替换。3）图片库中的图片：如果之前已经上传过图片，可以从图片库中选择需要显示的图片。4）截图：按住鼠标左键拖动选择图片区域，然后点击截图按钮或者双击选中的图片区域，便可以裁剪出选中的图片区域。3、属性说明：1）宽度：修改图片的宽度。2）高度：修改图片的高度。3）原比例：此选项打上勾好，图片的宽度和高度将按照图片原来的比例显示，修改其中的一个数值，另外一个数值会除之改变。4）透明度：修改图片的透明度，100%为不透明，0%为全透明。5）旋转：调整图片与水平线的夹角，正数为顺时针旋转，负数为逆时针旋转。按钮1、功能解释：用于添加链接按钮，可以添加一切页面的链接，如:微博链接、微信公众号关注链接、官网链接、淘宝链接等等。2、操作方法：点击右侧的按钮选项，编辑面板的右上角会出现文字输入框；修改右侧的属性选项，可以改变按钮的参数和样式。3、属性说明：1）文字：修改按钮上显示的文字。2）链接：需要按钮链接到的页面，注意链接开头要包含“ http:// ”。3）填充色：按钮上的背景颜色。4）边框色：按钮的边框颜色。5）形状-边框：修改边框的宽度，“0”代表按键无边框。6）边框-圆角：修改边框边角的圆润程度，数值越大，按钮边角越圆润。7）宽度：修改按钮的宽度。8）高度：修改按钮的高度。9）透明度：修改按钮的透明度，100%为不透明，0%为全透明。10）旋转：调整按钮与水平线的夹角，正数为顺时针旋转，负数为逆时针旋转。表单1、功能解释：是允许用户在表单中输入并提交文本信息的功能组件，用户提交的信息可以在帐户栏目下的表单数据中显示。表单中，可以自定义每个选项的名称和项目的数量。2、操作方法：点击右侧的表单选项，弹出新建表单窗口，对表单内容进入添加。3、属性说明：1）表单标题：添加表单的标题。2）行标题：添加表单的行标题。3）按钮内容：添加按钮的显示文字。

首先你要看你是什么格式的模板， 模板分为好几种。给你看一个文档。对你应该有所帮助 一、关于部分模版无法使用的问题 很多朋友反应我站的模版下载下来却不知道怎么使用，说用不起来，其实是大家误解了，在这里我给大家解答下。 我站每个模版都压缩成rar文件包，你需要先使用winrar或者zip解压缩，如果没有安装解压软件，请先下载。 我站模版目前有四种类型： 1、psd模版 2、flash模版 3、html模版 4、PNG模版 5.v5shop模板，（此模板要用在v5shop程序上才可以使用，初学者可以不用考虑这些模板。） PSD模版需要专业的软件打开，不能像html模版那样直接使用。后缀名是.psd;这种类型的模版是最好的，也是我们重点推荐的。因为他把模版上的元素分为一个一个的层，设计起来十分方便。同时也可以任意切割成自己喜欢的布局！常用的打开软件fireworks、photoshop。 对于初学者来说，使用Html模板更简单易学一些！那个可以直接修改文字就搞定。 flash模版如果包含.fla源文件，那么打开就需要flash软件。 html模版就是平常的模版了,直接使用Frontpage或者Dreamwaver打开即可，这里就不介绍了。 PNG模版的处理方法跟PSD模版类似，推荐使用Fireworks处理。 另外，网站上有一些矢量素材，为AI格式，需要AdobeIllustrator才能打开！ 二、无法输入中文，或者输入的中文是乱码的问题。 这种问题是由于编码方式不当造成。欧美模版都按照iso-8859-1编码，韩国的是euc-kr。一般源码中含有： <meta http-equiv="Content-Type" content="text/html; charset=euc-kr"> 只需把上面那句中的“euc-kr”修改成“gb2312”：即可！ 对于FLASH中的乱码问题，这个需要用FLASH软件修改，由于鄙人技术有限，在此无法提供帮助了。 三、模板没有后台，不可以后台注册登录，发贴问题！ 模板只是一个网页的显示页面，要实现其中的调用，后台添加删除文章，那些是程序所能实现的功能，我们站主要是提供的是网站，网页模板，程序方面请大家自己解决！ 模板下载总地址： http://www.mbsky.com/SoftList/Catalog_172_SoftTime_Desc_1.html 相关的一些学习程序地址： http://www.mbsky.com/SoftList/Catalog_1_SoftTime_Desc_1.html

　　网页模板就是已经做好的网页框架，使用网页编辑软件输入自己需要的内容，再发布到自己的网站。每个网页模板压缩包内包含：PSD图片文件(可用Photoshop、ImageReady或Fireworks修改)，按钮图片PSD文件、Flash源文件和字体文件，推荐使用Dreamweaver软件向网页模板添加内容。　　创建和设置　　1)模板的概念：作为创建其它文档的样板的文档。创建模板时，可以说明哪些网页元素不可编辑，哪些元素可以编辑。其扩展名为.dwt。　　2)模板的作用：有利于保持网页风格的一致;提高工作效率。　　1.创建模板　　1)创建一个全新的模板：在模板面板中，使用快捷菜单按钮或单击面板上的新建按钮　　模板面板的打开：Window菜单--Templates　　2)创建基于文档的模板：File菜单-Save As Template　　2.设置模板页面属性　　1)用模板创建的文档继承模板的页面属性，页标题除外。　　2)设置：Modify菜单-Page Properties　　3.定义模板的可编辑区　　1)定义模板的可编辑区　　在模板文档中选定对象、Modify菜单、Templates、New Editable Region　　2)取消可编辑区标记　　Modify菜单-Templates-Remove Editable Region　　应用和更新　　1.应用模板创建文档　　1)应用模板创建文档　　使用模板创建新文档：File菜单-New From Template　　或：File菜单-New-从模板面板中拖一个模板到文档　　对现有文档应用模板：Modify菜单-Templates-Apply Template to Page-模板面板中选定模板-单击Select　　或：从模板面板中拖一个模板到文档中　　或：从模板面板中选定一个模板，单击Apply　　2)可编辑区和锁定区　　在应用了模板的文档中，只有可编辑区的内容才可以修改。　　3)把页面从模板中分离出来　　如果要对应用了模板的页面的锁定区进行修改，必须先把页面从模板中分离出来。　　具体操作：Modify菜单-Templates-Detach From Template　　2.修改模板　　在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的Edit、编辑完成后保存　　3.更新站点中使用模板的所有文件　　Modify菜单-Templates-Update Pages

其实标准的网制作完成的工作实际是：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