网页设计模板-如何制作网页模板
网页设计模版指的是预先制作好的网页框架,通过网页编辑软件输入所需内容,即可发布到个人网站。每个网页模板压缩包内含有:PSD图片文件(可用Photoshop、ImageReady或Fireworks进行编辑),按钮图片PSD文件、Flash源文件和字体文件,建议使用Dreamweaver软件向网页模板添加内容。
构建与配置
1)模板的定义:作为创建其他文档样本的文档。在创建模板时,可以指定哪些网页元素不可编辑,哪些元素可编辑。其扩展名为.dwt。
2)模板的作用:有助于保持网页风格统一;提升工作效率。
1.构建模板
1)创建一个全新的模板:在模板面板中,使用快捷菜单按钮或单击面板上的新建按钮
模板面板的打开:Window菜单--Templates
2)基于文档构建模板:File菜单-SaveAsTemplate
2.设置模板页面属性
1)用模板构建的文档继承模板的页面属性,页标题除外。
2)设置:Modify菜单-PageProperties
3.定义模板的可编辑区域
1)定义模板的可编辑区域
在模板文档中选定对象、Modify菜单、Templates、NewEditableRegion
2)取消可编辑区域标记
Modify菜单-Templates-RemoveEditableRegion
应用与更新
1.应用模板构建文档
1)应用模板构建文档
使用模板构建新文档:File菜单-NewFromTemplate
或:File菜单-New-从模板面板中拖一个模板到文档
对现有文档应用模板:Modify菜单-Templates-ApplyTemplatetoPage-模板面板中选定模板-单击Select
或:从模板面板中拖一个模板到文档中
或:从模板面板中选定一个模板,单击Apply
2)可编辑区和锁定区
在应用了模板的文档中,只有可编辑区的内容可以修改。
3)将页面从模板中分离出来
如果要对应用了模板的页面的锁定区进行修改,必须先把页面从模板中分离出来。
具体操作:Modify菜单-Templates-DetachFromTemplate
2.修改模板
在模板面板中选定模板、单击编辑按钮或双击模板名称或使用快捷菜单的Edit、编辑完成后保存
3.更新站点中使用模板的所有文件
Modify菜单-Templates-UpdatePages
如何制作网页模板
首先你要了解网页制作的流程:
1、网页设计师(主要是用PS)先将网页设计出来。
2、进行网页制作,就是切片,div+css布局,将图片变成网页。
3、后台制作。可以自己开发,也可以套用cms,如dedecms,phpcms等。
4、具体步骤就是这样。详细涉及到一些技术,就是html,div+css,js,(jquery,js框架)。
后台目前流行PHP语言。这些都是基础
5、需要学习的有,html,div+css,js(jquery),php等。
教程网站,百度“W3C”,即可
如果你只是制作模板,那么就学习html,div+css,js(jquery)即可网页模板只是一个网页的模块,目的是为了方便网页编辑者可以快速导入这个模块,并且对里面的内容进行编辑,节省时间。要制作网页模板,要先懂得最基本的网页制作方法。比如构思好网站结构之后,用网页制作软件《dreamwearer》打边框,设计框架和布局,然后插入图片,输入文字等媒体内容。然后可以保存为模板。
ps如何设计网页模板
ps如何设计网页模板?ps如何设计网页模板?我们在看网站的时候会发现设计师们也越来越注重模式设计,不同的网站设计风格,需要不同的设计思路,网站的设计需要什么要求呢?接下来小编就带大家来看看网页的设计方法。在网站设计中使用字体的步骤。首先,我们需要先确定一个网站的类型和类型。如果是企业网站,我们就需要将网站的内容编写成标题、副标题和正文,然后根据内容的主题来设计网站的页面,同时也要注意网站中的字体的统一性。如果是商城网站,我们应该使用衬线体、手写体、圆角矩形体、粗体、倾斜体等。另一种简单的网页形式,如站酷、淘。最主要的是表现网站的内容。这是因为其他网站从来也不是为了好看而设计的,都是为了让用户感到舒适。
平面设计素材网站有哪些
《全球平面设计图库》
本套图库是是世界三十家最顶尖图库公司联合打造,历时十年,耗资二十亿美金!
《广告平面设计素材大全》<10CD>
韩国花纹------经典失量图
《华丽实用的矢量图片素材》
1.网站名称:站酷(ZCOOL)
网站网址:
推荐指数:★★★★★
网站介绍:诞生于2006年8月的站酷(www.zcool.com.cn),以“为设计师及爱好者提供最便捷、最贴心的服务”为宗旨,是一个以“设计师”为中心,服务于创意产业、服务于创意人才的“设计师互动平台”。分享最新最实用的素材资源,推荐会员设计师的优秀设计作品,提供设计探讨技法交流的学习氛围。建站以来,内容不断充实,产品不断增加。现在,站酷(ZCOOL)已成为设计师最喜爱的设计站点之一。
网站简评:专业完美的素材下载与设计分享网站,提供矢量素材、PSD分层素材、图标素材、高清图片、原创作品等内容。前沿时尚的设计风格,日韩欧美设计素材应有尽有。站酷网站简洁美观,视觉冲击力强,广告排列整齐有序,设计师倾力推荐。
2.网站名称:素材中国
网站网址:
推荐指数:★★★★☆
网站介绍:专业的素材下载网站。
网站简评:提供各类设计素材的收集下载,包括:图片、素材、壁纸、网页素材、动画素材、矢量图、PSD分层素材、3D、字体、教材、图标,等等。素材中国收集了很多商业广告的源文件(PSD/CDR/AI),部分资源需要收取一定费用(点数)。不足的是,文件下载页面的广告太多,造成版面凌乱,用户体验差(素材中国为个人站点,站长可能很注重挂靠联盟广告,感觉像是一个百度、谷歌广告网站)。另外,只支持迅雷、快车下载,考虑不是很周全,大概也是因为加入了迅雷联盟和快车联盟的缘故吧,要不怎么会这么一个劲的推荐使用“迅雷”、“快车”下载呢。另外,专业搜索功能放在不起眼的位置,导航下面取而代之的是谷歌联盟的广告,看来站长有拜金主义的倾向哦。
网站简评:汇集各式设计资料的搜集与下载,涵盖:图像、资料、壁纸、网页资料、动画资料、矢量图形、PSD分层资料、三维模型、字体、教材、图标等。素材中国搜集了众多商业广告的原始文件(PSD/CDR/AI),部分资料需支付一定费用(积分)。不足之处在于,文件下载页面广告过多,导致页面杂乱无章,用户体验不佳(素材中国为个人网站,站长可能非常重视加盟联盟广告,给人一种百度、谷歌广告网站的感觉)。此外,仅支持迅雷、快车下载,考虑不够周全,或许也是因为加入了迅雷联盟和快车联盟的缘故,否则怎么会如此大力推荐使用“迅雷”、“快车”下载呢。另外,专业搜索功能放置在不太显眼的位置,导航下方被谷歌联盟广告取代,似乎站长有拜金主义的倾向。
3.网站名称:站长素材
网站网址:
推荐指数:★★★★☆
网站介绍:中国站长站旗下的素材下载网站。
网站简评:提供各式设计资料的搜集与下载,包括:图像下载、网页模板、图标下载、酷站欣赏、QQ表情、矢量资料、PSD分层资料、音效下载、桌面壁纸、网页资料等。资源丰富,更新及时,专题资料下载也是其特色。作为中国站长站旗下的资料网站,其知名度自然是不言而喻。网站的广告也不是很多,排列整齐,用户体验较好。另外,如果能增加一些时尚的设计元素资料,那就更加完美了。
4.网站名称:昵图网
网站网址:
推荐指数:★★★★☆
网站介绍:以“共享创造价值”为口号,专业的资料设计共享平台。
网站简评:提供各式资料,包括:图库、图像、摄影、设计、矢量、PSD、AI、CDR、EPS、图像下载、共享图库等。昵图网页面简洁经典,是大部分设计师下载资料的首选网站。因为是资源共享和交易平台,这里的资料都需要共享分或昵币,经典的设计资料还需要充值购买。我在想,昵图网的站长正是抓住了设计工作者的心理,共享与交易,自己还能“渔翁得利”。我在想,国家如果打击设计作品、资料版权的话,昵图网很可能第一个倒下,因为这里的资料,都多是别的资料网站所没有的,而幕后的一些细节你可能想象不到:这些“资料”,都是广告印刷公司(或个人)将企业的设计原始文件偷偷上传发布的,只为了获取积分。某天“资料”版权归属公司发现自己的作品被盗用,不知昵图网将如何应对?
5.网站名称:中国资料网
网站网址:
推荐指数:★★★★☆
网站介绍:中国资料网(SUCAI.com)创建于2005年09月,是一家专门向广大设计者,网站制作者,提供图片资料、高精图、矢量资料、桌面背景、手机壁纸、像素图像、LOGO原PSD设计图、PNG图标、网页模板、Flash背景、QQ表情、字体下载、音效特效、网页特效、技术教程、论文文档、范文学习、视频教程等相关服务的综合网站。
网站简评:提供高精图、矢量图、桌面背景、LOGO、PNG图、网页模板、QQ表情、字体下载、音效、网页特效、论文、范文等内容。类别较全,但缺乏资源搜索功能,版面文字居多,易影响视觉疲劳,视觉冲击力较弱,且广告充斥着整个站点,用户体验度有待改善。PS:可能是由于域名好记的缘故,但网站总体质量不如其它同类行业。
6.网站名称:资料资源库
网站网址:
推荐指数:★★★★☆
网站介绍:资料资源库是52DESIGN旗下的设计资源网站,提供在线免费设计资料资源下载服务。
网站简评:资源丰富,分类繁多,就是没有提供资源搜索功能,使用起来不太方便。提供网页模板、Flash源码、矢量资料、PSD资料、透明Flash资源、字体下载、PS笔刷、网页背景、音效资料、脚本特效等。
7.网站名称:联盟资料
网站网址:
推荐指数:★★★★☆
网站介绍:网页设计师联盟旗下的设计资源网站,网页设计师联盟提供大量韩国网站模板与高清晰网页设计资料。
网站简评:网站简洁清爽,广告很少,这里的网页设计资料是很不错的。当然,还提供网页模板、图库壁纸、特色图标、矢量资料、代码资料、Flash资料、其它资料等。
8.网站名称:沃格斯克网
网站网址:
推荐指数:★★★★☆
网站介绍:致力于中国设计事业的资料资源平台,号称“中国设计师、中国站长必上的网站”。
网站简评:内容非常丰富,广告也是。专于网页设计资料,提供设计资料、Flash源文件、PSD源文件等资料下载,非常适合。
9.网站名称:懒人图库
网站网址:
推荐指数:★★★★☆
网站介绍:懒人图库自建站以来,一直致力于网页资料的提供,目标是做成国内最大的网页资料下载站。懒人图库口号:学会偷懒,并懒出境界是提高工作效率最有效的方法!
网站简评:专注于提供网页资料下载,其内容涵盖网页资料、矢量资料、JS广告代码、小图片、网页背景、导航菜单、PNG图标等。懒人图库深入人心,做到了“让任何一个网页设计师都能轻松找到自己想要的资料”。
10.网站名称:维奇资料网
网站网址:
推荐指数:★★★☆☆
网站介绍:维奇网(www.veeqi.com)创建于2007年10月。维奇网是一个以分享经典设计资料为主的资源网站,站点内容包括矢量、PSD、Flash、PNG、Gif、模板、源码、欣赏、酷站、壁纸、软件、字体、教程、杂志等。
网站简评:收集的资料资源丰富,但下载资源(大部分)需要收取一定维奇币。提供免费矢量资料、PSD分层、图标资料、网页资料、中文字体、网页模板与壁纸、PS教程等平面设计资料。维奇资料网页面清爽明快,广告也少。
网站评价:搜集的资料资源丰富,但获取资源(大多)需支付一定的奇币。提供免费矢量素材、PSD分层、图标素材、网页素材、中文字体、网页模板与壁纸、PS教程等平面设计素材。奇币素材网站界面清新明快,广告也少。
11.网站名称:视觉中国下吧
网站网址:
推荐指数:★★★☆☆
网站介绍:由视觉中国资深编辑精心挑选的国内外优秀设计素材,汇集矢量、icon、壁纸、PSD、电子刊物、图案、字体、三维场景、材质贴图、主题等多个素材类别,为用户提供高质量的素材资料。
网站评价:清新、时尚是网站的特色,需登录后才能下载,有的素材下载需积分。
12.网站名称:猪八戒学院
网站网址:
推荐指数:★★★☆☆
网站介绍:猪八戒网旗下素材分享网站,致力于提供全面、专业的教程,丰富、优质的素材。
网站评价:资源丰富,其它素材站所没有的,这里都有,值得收藏。提供矢量、欣赏、酷站、图片、图标、桌面、PSD、代码、Flash、背景、字体、颜色等。
13.网站名称:红动图爸
网站网址:
推荐指数:★★★☆☆
网站介绍:红动中国旗下设计素材下载网站,为中国设计师做设计找素材带来极大便利。
网站评价:提供PSD分层素材、设计图片、摄影图片、设计字体、原创设计作品欣赏等。共享资源不是很多,需资源币才能下载。
14.网站名称:素材世界
网站网址:
推荐指数:★★★☆☆
网站介绍:素材世界正式建立于2006年一月,是一个以提供各种精品素材、精品教程等设计相关内容为主的专业素材站点。
网站评价:以高精度图库、PSD分层图库素材为主打,PSD素材资源绝对比任何素材网站丰富。只是网站过于简洁,首页几乎没什么图片,全是文字,也不支持资源搜索,广告太多,谷歌联盟的广告有意与导航菜单混淆,有诱导用户点击广告的嫌疑,美工有待改进,用户体验很不好。
15.网站名称:素材世界
网站网址:
推荐指数:★★★☆☆
网站介绍:素材世界正式建立于2006年一月,是一个以提供各种精品素材、精品教程等设计相关内容为主的专业素材站点。
网站评价:以高精度图库、PSD分层图库素材为主打,PSD素材资源绝对比任何素材网站丰富。只是网站过于简洁,首页几乎没什么图片,全是文字,也不支持资源搜索,广告太多,谷歌联盟的广告有意与导航菜单混淆,有诱导用户点击广告的嫌疑,美工有待改进,用户体验很不好。
16.网站名称:图酷
网站网址:
推荐指数:★★☆☆☆
网站介绍:国内最早的专业素材站之一,设计师的随身图库:设计素材、插画、卡通、CG、矢量、时尚、图案、网页素材全方位素材图片库。
网站评价:网站依旧还是早期的经典风格,广告太多太乱,容易与导航混淆,网站无资源搜索功能,取而代之的是谷歌联盟的广告(搜索广告),用户体验度急需改善。
17.网站名称:3lian素材
网站网址:
推荐指数:★★☆☆☆
网站介绍:3lian素材网(www.3lian.com)创建于2004年10月,是一个以提供经典设计素材为主的资源网,站点包括矢量图、PSD分层素材、高清图片、Flash源文件、PNG图标、3D模型、模板、酷站、壁纸、字体、教程等。
网站评价:网站整洁,分类详细,广告较少,整体感觉不错,如果有一个资源搜索功能就更好了。
18.网站名称:E库素材
网站网址:
推荐指数:★★☆☆☆
网站介绍:E库素材网是为广大网页设计制作爱好者、平面设计制作爱好者及其他人员提供各种素材的资源库。网站共分图片素材、矢量图库、高精图库、网页素材、网页模板、壁纸、明星、下载中心、技术教程、E库论坛、IT资讯等11个栏目。拥有素材图片、高精度图片、PSD源文件、FLASH源文件、网页图标、网页模板、源码下载、技术教程、软件下载、字体下载等丰富资源。图片素材栏目具有数量多、分类细、质量高等特点,高精图库是06年E库与素材站合力推出的平面设计专用高精度图片栏目,具有高像素(高清晰)、高分辨率、免费和大容量等特点。
网站评价:老牌素材资源网站,其“矢量图库”频道也是设计师常关注的。目前网站已经很少更新了,都是早期2007年前的经典素材,还是值得推荐的。我在想一个问题,E库素材网已停止更新素材,并重拳主推昵图网(图文链接比比皆是),会不会是源出一家呢。
19.网站名称:素材精品屋
网站网址:
推荐指数:★★☆☆☆
网站介绍:提供各类图片、壁纸、矢量图、分层图、模板、图标、动画、字体等素材收集下载。
网站评价:绿色界面,清新爽朗,几乎没什么广告,用户体验不错。提供精美佳图、数码设计、桌面壁纸 PSD分层、矢量素材、网站模板、酷站欣赏、标志图标、动画表情、字体下载等。
20.网站名称:素材天下网
网站网址:
推荐指数:★★☆☆☆
网站介绍:专业图片素材下载网站。
网站评价:素材丰富,但网站美工一般,且广告太多,连搜索也挂着百度联盟的,严重影响用户体验。
21.网站名称:素材艺库
网站网址:
推荐指数:★★☆☆☆
网站介绍:诞生于2007年11月,以提供分享多元化得素材为宗旨。内容涉及设计类、办公类、美术类等基于计算机数字影像和数字艺术领域方面。
网站评价:页面简洁美观,需金币才能下载资源。
22.网站名称:素材酷
网站网址:
推荐指数:★★☆☆☆
网站介绍:精品、专业、实用免费素材网站。
网站介绍:优质、专业、实效性免费素材平台。
网站简评:界面十分简洁,素材质量上乘,但更新速度稍显缓慢,须登录方可下载。提供矢量图形素材、PS分层素材、图标(GIF/ICON/PNG)、PS笔刷、节日主题素材源文件等多种资源。