模板页面制作

1，首先，你要自定义自已需要尺寸（和荣誉证书一样大）2、排版文字后，打个白纸小样，对着光亮和荣誉证书看一下前后左右的尺寸，是否对应。3、微调后，直接复印就好了

那么如何用MAKA做一个漂亮的微信H5呢？以下是方法步骤：方法/步骤1、点击制作栏目，进入模板选择页a、选择空模板，自由创作；b、选择主题模板，更快速的创作出炫丽的展示。2、选择模板后，进入创作界面3、预览树操作a、显示的页面的显示顺序；b、右键调整页面的显示顺序；c、点击页面右上角的X,可以把不需要的页面删除。4、功能—添加修改文字a、添加文字：点击右侧的文字选项→主编辑区会出现文字输入框→双击修改b、文字属性修改：右侧文字属性修改选项，包括字体种类，字体大小、颜色等等。5、功能—添加修改图片a、上传图片：点击右侧图片选项→上传按钮→选择图片→确定b、截图：点击截图按钮→选择图片区域→双击6、功能—添加修改按钮添加按键：点击右侧按钮选项→点击编辑区的按钮→修改文字、链接7、功能—添加修改表单a、添加表单：点击右侧的添加表单按钮，在弹出的窗口中填写提交数据的名称b、修改表单样式：在右侧的属性栏中，修改表单的显示样式c、查看及下载数据：客户提交数据后，可以在表单数据中看到，并提供下载8、功能—添加修改底图a、修改背景颜色：点击右侧底图选项→选择颜色b、上传底图：点击右侧底图选项→点击上传按钮→确定9、功能—添加修改背景音乐添加背景音乐：点击右侧音乐选项→点击选择文件按钮→确定→点击上传按钮10、功能—添加修改切换效果添加切换效果：选择页面→点击配置选项→选择切换效果11、功能—添加修改动画效果添加动画效果：点击添加动画的组件→点击动画选项→点击动画效果12、保存点击导航栏的保存按钮→再点击预览按钮→进入发布页面13、生成a、添加标题、描述、缩略图b、生成的二维码和链接可以用于分享到微信、微博等c、点击生成按钮，即完成了一个作品的制作过程。

Html5和以前html，jsp写法一样的，基本上区别不大，如果要写手机页面的话，可以用dw然后在里面用手机版块看效果

那么如何用MAKA做一个漂亮的微信H5呢？以下是方法步骤：方法/步骤1、点击制作栏目，进入模板选择页a、选择空模板，自由创作；b、选择主题模板，更快速的创作出炫丽的展示。2、选择模板后，进入创作界面3、预览树操作a、显示的页面的显示顺序；b、右键调整页面的显示顺序；c、点击页面右上角的X,可以把不需要的页面删除。4、功能—添加修改文字a、添加文字：点击右侧的文字选项→主编辑区会出现文字输入框→双击修改b、文字属性修改：右侧文字属性修改选项，包括字体种类，字体大小、颜色等等。5、功能—添加修改图片a、上传图片：点击右侧图片选项→上传按钮→选择图片→确定b、截图：点击截图按钮→选择图片区域→双击6、功能—添加修改按钮添加按键：点击右侧按钮选项→点击编辑区的按钮→修改文字、链接7、功能—添加修改表单a、添加表单：点击右侧的添加表单按钮，在弹出的窗口中填写提交数据的名称b、修改表单样式：在右侧的属性栏中，修改表单的显示样式c、查看及下载数据：客户提交数据后，可以在表单数据中看到，并提供下载8、功能—添加修改底图a、修改背景颜色：点击右侧底图选项→选择颜色b、上传底图：点击右侧底图选项→点击上传按钮→确定9、功能—添加修改背景音乐添加背景音乐：点击右侧音乐选项→点击选择文件按钮→确定→点击上传按钮10、功能—添加修改切换效果添加切换效果：选择页面→点击配置选项→选择切换效果11、功能—添加修改动画效果添加动画效果：点击添加动画的组件→点击动画选项→点击动画效果12、保存点击导航栏的保存按钮→再点击预览按钮→进入发布页面13、生成a、添加标题、描述、缩略图b、生成的二维码和链接可以用于分享到微信、微博等c、点击生成按钮，即完成了一个作品的制作过程。

网页设计，不知道你是单纯的设计还是设计加制作。现在来说，设计软件越来越多，可以选择的余地比较大。以前流行的说法是网页三剑客：Dreamweaver、firework、flash。现在来说，个人还是喜欢：设计类：Photoshop（数字）、illustrator（矢量）、flash（动画）。网页编程类：Dreamweaver（html+div+css）myeclipse eclipse notepad++ editplus等等很多优秀软件。

学得差不多了是什么程度？ 我给你举一个实例吧 首先 这个网站 布局 就是分块 你能分出来不 如果能 你的 div+css 关于布局这块没问题然后 每一个模块中的css 能够模仿出来不 如果能 那么 css没问题然后 就是特效了 特效有点难度 要从简单上手 因为 js 是紧紧关联着 div+css的 但又要求一定的逻辑能力 所以 如果你学过别的 编程语言稍微好点 建议你 这样学 单纯的做效果 就是先不要综合使用 就单js特效 比如定时切换 比如 悬浮切换选项卡 之类的 都熟练以后 就好了 关于 jq jquery的最大特点在于定位方便 想知道入门了没有 很简单 任意结构 能够用 $("xxx").mouseove(function(){alert("1")}) 定位 并测试成功 以上的这些 步骤 也是实际开发一个 前台页面的步骤 您在学的时候有没有模仿其他人的模板呀（或者完整的模仿其他人的模板，和他做的一摸一样）我在学模仿他人的模板，这样学是不是有点走偏了？？？？？？？？； 单独的一个别人写过方法的jq脚本 会用，但在模仿其他人的完整的模板时，找不清楚他人的jq怎么用的，尤其是在《模仿他人完整的网页模板》时，一个header的脚本内容我都搞不出来。学的有点闹心了: ( 那绝对没走偏 因为只有先模仿 才知道基本的套路 你想再创新 才有一定的基础 现在能被广泛应用的肯定是 经典的 要学习的 另外 整体项目的时候 就要一个个去分析 把大的js特效拆成小的 不过有些实现不了的 可能是脚本 这点你自己注意

首先你要看你是什么格式的模板， 模板分为好几种。给你看一个文档。对你应该有所帮助 一、关于部分模版无法使用的问题 很多朋友反应我站的模版下载下来却不知道怎么使用，说用不起来，其实是大家误解了，在这里我给大家解答下。 我站每个模版都压缩成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

选择模板先百度搜索兔展，进入网站后注册账号并登录后，即可进入制作界面。在界面上可以看很多可供使用的模板，根据自己的需要，点击相应的模板。进入制作平台选择完模板后，会自动进入制作平台。在制作平台上，主要分三大区域：左侧的作品结构显示区域，中间的是作品制作区域，右侧的是组件属性修改区域。文字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）按钮内容：添加按钮的显示文字。

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