版可视化模板制作流程.doc_第1页
版可视化模板制作流程.doc_第2页
版可视化模板制作流程.doc_第3页
版可视化模板制作流程.doc_第4页
版可视化模板制作流程.doc_第5页
已阅读5页，还剩3页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

可视化模板制作教程制作流程1、 制作模板主题2、 创建新的主题文件夹3、 将相关资源文件拷贝到主题文件夹下4、 重建主题索引5、 创建模板6、 选择主题样式7、 布局8、 添加部件9、 修改并保存部件10、 使用新部件11、 微调样式12、 发布模板具体步骤1、 制作模板主题过程略，要求这个过程得到的产物有：整个系统的全局样式表，网站所有的资源文件，模板缩略图。如下图所示：2、 创建新的主题文件夹在/Widgets/Themes/目录下创建新的主题文件夹theme2,如下图所示：3、 将相关资源文件夹拷贝到theme2文件夹下，并确保网站的样式表名称为Style.css，如果样式表名称不为这个名称，需要将其修改为这个名称；同时，该样式表的文件头必须包含如下的注释说明：/* * name:theme2 * img:/widgets/Themes/theme2/face.jpg * label:风格样式二*/4、 重建主题索引。登陆系统后台，点击“模板”菜单，选择“编辑模板”栏目：如下图所示：在右侧的按钮中，点击“重建主题索引”按钮，系统会自动将新的样式主题添加到系统主题样式中，如下图所示：5、 在模板编辑中新建模板。创建步骤为：登陆后台-模板-编辑模板-新建可视化模板-填写相关参数-进入模板编辑界面。6、 设置当前主题为“风格样式二”(theme2)7、 进行控件布局单击We7部件工具箱上的布局按钮，进入页面布局编辑状态，我们把布局设置如下结构：头部新闻列表1新闻列表2尾部在可视化模板的布局界面中将这个布局拖拽出来。8、 拖拽具有我们需要功能的部件到模板中按照布局规划将网页头部，网页尾部，新闻列表拖放到指定位置。9、 修改部件并另存为新部件这儿以修改头部为例，点击网站头的编辑，打开部件编辑器。在编辑器内按照静态网页的头部布局修改我们的模板。这儿要特别注意的是不要删除部件顶部 这段内容以及标签之间的内容。修改过后的内容如下：在这儿需要完成三项工作。第一是定义新部件的名称；第二是修改部件内容；第三是将部件别存为新部件。10、 使用我们新创建的部件。要想使用新部件有两种方法，第一是刷新模板后选择我们新定义的部件外观；第二新是将这个部件删除后再拖拽这个部件到模板中，并选择这我们新定义的部件外观。修改后的头部部件切换后显示为我们新修改的部件。对于剩下的部件我们按照网站头的方式继续进行修改。11、 微调样式对于一些我们原先没有在Style.css定义的样式，我们可以在编辑模板的时候补充一些自定义样式。
人人文库> 全部分类> 行业资料 > 管理策划

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论