网页模板就是已经做好的网页框架，使用网页编辑软件输入自己需要的内容，再发布到自己的网站。每个网页模板压缩包内包含：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

怎么模板建站1、先登录到乔拓云的官网上，注册账号后登录到平台的后台中心。点击企业网站——去管理，进入到后台操作界面。2、点击新建网站，新建一个自己的网站，网站的名称可以自行命名，如果想生成的网站可以上线，我们需要先将域名进行绑定，如果没有域名的话，也可以直接进行购买。3、开始设计网站，可以看到电脑网站和手机网站两个选项，这里先以电脑网站为例子，点击去设计，在操作界面中点击极速建站，们可以直接根据关键字来搜索需要的网站模板，然后开始编辑搭建网站。4、打开网站模板后，可以对模板中的文字内容、素材等内容进行自定义修改，在复制模板的基础上，可以适当地调整会修改模块内容，让搭建的网站有专属的风格。5、网站建设完毕后，点击右上角的保存与预览就能保存我们的设计成果了。买的网站模版如何用？买的网站模版如何用？1来建站平台，注册登录。2进入管理中心，创建您自己的网站，升级您需要的网站版本。3回到主页，选择网站模板。选择基于行业分类和网站类型的模板。在此拥有很多精美的模板网站模板，可做PC手机微网站和响应式网站，想要哪款选哪款~。4按下“预览”即可展开查看网站模板的具体效果，喜欢此模板，只要选择“使用模板”，立即将其复制到刚创建的网站站点。5使用视觉编辑工具，在模板中自由修改模块和内容，拖动操作，简单地做PPT！6修改后，选择“保存”，这样网站就建好了啦，以后我们就能通过域名访问这个网站了！7下一步也可利用平台管理系统，监视网站状况和数据，十分方便！网页设计模版是什么应该怎么设计？网页模板就是已经做好的网页框架，使用网页编辑软件输入自己需要的内容，再发布到自己的网站。每个网页模板压缩包内包含：PSD文件(可用Photoshop、ImageReady或Fireworks修改)，按钮PSD文件、Flash源文件和字体文件，推荐使用Dreamweaver软件向网页模板添加内容。\x0d\\x0d\创建和设置\x0d\\x0d\1)模板的概念：作为创建其它文档的样板的文档。创建模板时，可以说明哪些网页元素不可编辑，哪些元素可以编辑。其扩展名为dwt。\x0d\\x0d\2)模板的作用：有利于保持网页风格的一致;提高工作效率。\x0d\\x0d\1创建模板\x0d\\x0d\1)创建一个全新的模板：在模板面板中，使用快捷菜单按钮或单击面板上的新建按钮\x0d\\x0d\模板面板的打开：Window菜单--Templates\x0d\\x0d\2)创建基于文档的模板：File菜单-SaveAsTemplate\x0d\\x0d\2设置模板页面属性\x0d\\x0d\1)用模板创建的文档继承模板的页面属性，页标题除外。\x0d\\x0d\2)设置：Modify菜单-PageProperties\x0d\\x0d\3定义模板的可编辑区\x0d\\x0d\1)定义模板的可编辑区\x0d\\x0d\在模板文档中选定对象、Modify菜单、Templates、NewEditableRegion\x0d\\x0d\2)取消可编辑区标记\x0d\\x0d\Modify菜单-Templates-RemoveEditableRegion\x0d\\x0d\应用和更新\x0d\\x0d\1应用模板创建文档\x0d\\x0d\1)应用模板创建文档\x0d\\x0d\使用模板创建新文档：File菜单-NewFromTemplate\x0d\\x0d\或：File菜单-New-从模板面板中拖一个模板到文档\x0d\\x0d\对现有文档应用模板：Modify菜单-Templates-ApplyTemplatetoPage-模板面板中选定模板-单击Select\x0d\\x0d\或：从模板面板中拖一个模板到文档中\x0d\\x0d\或：从模板面板中选定一个模板，单击Apply\x0d\\x0d\2)可编辑区和锁定区\x0d\\x0d\在应用了模板的文档中，只有可编辑区的内容才可以修改。\x0d\\x0d\3)把页面从模板中分离出来\x0d\\x0d\如果要对应用了模板的页面的锁定区进行修改，必须先把页面从模板中分离出来。\x0d\\x0d\具体操作：Modify菜单-Templates-DetachFromTemplate\x0d\\x0d\2修改模板\x0d\\x0d\在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的Edit、编辑完成后保存\x0d\\x0d\3更新站点中使用模板的所有文件\x0d\\x0d\Modify菜单-Templates-UpdatePages

如何设计出色的网站后台原型

我觉得,可以从三个方面入手:

1独特新颖的设计创意

如果实在没有想法的话,可以多看看同类型的网站后台设计,寻找设计灵感。

2高效实用的原型设计工具

好的设计想法,也需要称手的原型工具进行制作、测试和迭代。这方面,摹客MOckplus就是不错的工具,操作简单快速、链接分享、反馈收集、真机演示等等,能够实现团队快速设计和迭代。

3搜寻创意的原型设计模板

好的网站后台设计模板也是不错的切入点。但是要注意版权方面问题,弄清付费还是免费,再使用。

明确目标

既然是做原型的角度,我们就从具体工作来谈,首先要明确的肯定是产品目标,比如以下几个问题:

是全新的产品,还是更新改版

有没有相匹配的前台系统或者其他需要配合的线下资源等等

业务层面的目标是什么新增功能体验优化等等

需求分析

明确了产品目标,在做需求分析的时候就会有所侧重,总的来说,值得关注的有以下几个要素:

1、角色权限

这个非常重要,一定要在具体设计之前熟悉管理后台的所有类型用户。包括一共有几类用户,他们各自的使用需求,操作权限,还有用户权限的设计。

2、信息架构

一定要画信息结构图(即产品层面的数据模型),主要用于理清产品结构。画一下脑图,列一个excel表单,详细程度依据自己习惯即可,需要和用户配合起来设计。

这个是和普通原型设计比较不同的一点,如果是改版还需要特别标注和旧版的区别,以及旧数据的清理或迁移方案。另外,还需要考虑和其他资源(前台、对应页等)的配合,数据流向以及状态转移等。

4、功能流程

常规需要考虑的用户流程和业务规则流程。根据不同的业务目标,用户流程可以按场景或功能进行划分,给予部分用户适当的优化。业务规则流程需要保证逻辑清晰,闭环,不要遗漏异常流(闭环很重要)。

原型设计

终于可以开始原型设计啦,现在各种管理后台的主题模板都有很多,没有特别需求的情况下,和开发沟通好选择一套“抄”即可。

设计过程中注意一下导航,列表(增删改查排序筛选)等,细节上不要遗漏预览、错误/成功提示、新内容提醒、快捷键等

要制作一个优秀的后台原型,我认为主要就分为三个部分:

对于后台功能模块的结构和页面逻辑有清晰的认识

2能够熟练的使用原型工具

3优秀的设计风格和设计规范

1是基础,2是进阶,3则是让原型变得出色的点缀。

怎么样保证后台的功能结构和页面逻辑的清晰合理。

很多人画原型都有一个习惯,就是不管想没想好,直接就开始打开原型工具先拉几个框,或者就照一个自认为非常不错的网站后台开始照葫芦画瓢,这在我看来都是极其危险的。网页后台不同于一般的web界面,他对于功能模块的划分和页面的逻辑要求是非常高的。一方面网站后台的层次结构相比之下要复杂的多,另外一方面,网页后台的功能更偏向于对前端页面的管理,这就导致了功能之间的关联性和引导可能就要弱得多,这样的情况下,如果没有很好的理清后台的结构就开始画原型,那么最后做出来的后台管理系统很可能就是功能的堆积,功能易用性和操作的流程性都很难得到保障。

绘制后台原型时时刻谨记的:

画原型之前,先理清后台管理的功能模块,通过树状结构图来帮助自己划分页面和模块。

<imgsrc="

"

data-rawwidth="1423"data-rawheight="676"class="origin_imagezh-lightbox-thumb"width="1423"data-original="

">

理清模块之后,就可以着手设计后台管理系统的骨架,我个人分为三种:主模块(主要分为哪些独立的功能模块),次级分类(每个功能模块又有哪些次级的功能分类),功能事件(具体到每个功能页面内存在哪些主要的操作),大概的布局方式大概如下三种

1)顶部选项卡划分主模块,左侧边栏划分次级分类

<imgsrc="

"

data-rawwidth="1116"data-rawheight="468"class="origin_imagezh-lightbox-thumb"width="1116"data-original="

">

2)左侧边栏汉堡包样式的层级分类(偷懒~大概就是worktile的侧边栏样式)

3)左侧边栏二级分类列表浮出

<imgsrc="

"

data-rawwidth="249"data-rawheight="155"class="content_image"width="249">

思考的路线应该是自上而下,在进行模块划分时不要拘泥于具体的某个界面的展现形式。

结构和逻辑的清晰(骨架)>功能页面的设计(具体到某个页面怎么设计)>优化性质的功能设计(是否需要预览,实时存储等功能)>用户体验

必要时,可以牺牲用户初次使用的学习成本,初次使用的学习成本是可以为用户熟练掌握后的使用效率让步的,尽量遵循亲密/对比/重复/对齐的四原则。

对于重要但是不知道如何放置的功能,可以考虑放在顶栏的右侧,而不是放在主模块上

频繁的弹窗并不是好的选择(必要时该弹还是要弹的),如果可以的话,展开和右侧浮出半页都是不错的解决方式。

PS有哪些免费的素材网站

1、觅元素

觅元素,这是一个拥有海量免抠素材以及高清背景的素材类网站。在这个网站中,免抠素材的分类很丰富,有漂浮元素、装饰元素、节日元素、手绘/卡通、字体元素、标签元素、背景元素、图表元素、动植物元素等等;背景图的分类、颜色、版式、格式都分得很详细,找素材超方便。

2、花瓣网

花瓣网,经常找素材的小伙伴肯定对这个网站不陌生,这是一个很多设计师都在用的素材网站,这里的素材分类很丰富。

具体的素材分类有插画/漫画、婚礼、女装/搭配、工业设计、摄影、造型/美妆、手工/布艺、健身/舞蹈、人文艺术、建筑设计、生活百科、汽车/摩托、美食、旅行、美女等等;除了素材之外,它还有很实用的采集工具。

3、站酷网

站酷网,可能有些小伙伴对这个网站并不是很熟悉,它虽然看起来很简单,但它是一个可以下载、视频、字体、音乐等多种素材的网站。在这里搜索素材非常方便,选择好素材类型,然后输入关键词进行搜索即可,很方便。

4、stickpng

Stickpng,这是一个免费提供PNG透明背景图资源的网站,这个网站上的PNG背景图都是已经去掉背景的,不需要自己再重新抠背景,下载之后直接就能用,非常方便。它的分类很丰富,有美食、家具、音乐明星、厨具、假期、游戏、动物、漫画人物、机器人等等。

5、pngimg

Pngimg,这是一个不需要注册就可以免费下载免抠透明背景元素图的网站,这里有大量透明背景图和剪贴画,很多设计师经常在这个网站下载免费素材,素材下载之后就可以直接用,简直太方便了,难怪很多设计师喜欢来这里找素材。

关于ps设计素材,国内的千图、您图都已经是搞收费会员了,想要找到质量高的设计素材还是去国外找吧,分享几个素材站。

1、Freebbble|1000多款高质量设计资源

2、Mockupfree|高质量免费的psd样机素材

3、free-psd-templates|免费psd模版设计资源

4、FreeDownloads|设计师免费矢量素材以及渐变笔刷字体设计资源

5、Boss设计|收集国外优秀高质量设计素材

PS模版,可以到昵图网,我们搞设计需要模版都是去昵图网里面下的。