导航:首页 > 万维百科 > ps网页设计模板

ps网页设计模板

发布时间:2020-07-23 03:32:33

1、如何用photoshop制作网站页面

1.先做图,这个需要很好的PS功底才行
2.切图,要知道网页结构才能切图
3.生成网页,PS本身能另存为网页
4.优化网页,需要使用DW软件来优化修改去掉多余的空白区域,背景优化。
5.制作成模板,如果要应用到相应的cms中需要加入CSS代码和标签代码调用。
6.上线测试浏览器兼容性看是否错位,经过不停的修改后达到满意效果。

做网页不容易,做网站更不容易,做个好网站是难上加难,如果是爱好学习一下也罢,如果想用在商业上最好专业人员来做,你只付钱就行了。

2、如何制作网页模板

首先你要明白网页制作的流程:

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)即可

3、PSD网页模板怎么用?

用photoshop打开后,编辑修改部分图片或文字,符合自己需要后,点菜单上的-文件-存储为web所用格式,输出就是html网页。
你要保存为GIF或JPEG在粘到现有网页中去也随你,那要就要用网页编辑软件了,比如常见的Dreamweaver、FrontPage 。

推荐几个现国内比较知名的素材网站吧
大图网 一个非常优秀的免费素材网站,优点是素材的质量比较好,而且素材更新速度也比较快。
爱图网 一个很老的素材网站 素材也比较多 素材比较全,素材比较多,大部分是免费的,图片素材很多都是打包的素材。
思缘论坛 非常多的影楼素材,PS素材,和设计素材,国内素材论坛发展最好的一个,还可以学习PS教程和设计技巧

4、怎样用psd模板做网页啊

首先先建立一个PSD文档 色彩模式RGB 72像素 尺寸根据你网站的大小制定
然后就在PS里设计你的网站 就当一个平面图设计
需要放数据文字的模块先放一个框子空着他
这样贴好图后 就直接切 你在PS里切的一块块的 到dreamweaver 里就是一个方框的 自动分开的
基本上平面部分在PS里就能做这么多了
然后拖到dreamweaver 做链接 做效果 等等
简单直白的说就是用PS的方便快捷的操作给你的网站打框架 做美工

5、在PS中切网页模板,如何能使用网页当前样式

切片主要切的是需要的图片,有的只需要切一个像素然后平铺就可以了。文字部分肯定是用html写的。psd设计的作品跟网页完全不一样呢。比如网页中的一个文本框边框颜色用css就能写出来。能用CSS实现的就用,就不要用切片的图片。这样网页所占用的空间少,连接时加载速度就快

6、用PS做一个网页设计图

挺简单的,现在fireworks中做下PSD图,然后在DW中处理一下就行了

我也有现成的,加些分留个邮箱可以发给你。。。。

网站分为好多类型,像个人主页、门户、论坛等,你可以选择其中的一个来做。。如果你是新手的话,那就做个个人主页吧,比较自由,做成什么样的都可以。。。。
如果你的程序搞的比较好的话,那就做个论坛吧、

7、网页制作中如何使用PSD模版

其实标准的网制作完成的工作实际是: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、开始第一点的操作,但规划站点的内容分布很重要

整体考虑点:
图片的合并,减少请求量
结构的合理性,语义化
样式的简洁,便于后期维护
多为后期的维护以及程序开发着想,如何简单实现效果

8、网页设计模版是什么,怎么利用网页设计模版?

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

9、如何用Photoshop制作网页模板

网页中的元素有很多,像Banner条、文本框、文字、版权、Logo、广告等。尽量把这些相对独立的元素放在不同的图层中,这样方便以后的再编辑。 不过图层一多,就显得很凌乱,可建立多个图层组来进行管理。单击图层面板右上角的小三角按钮,从弹出菜单中选择“新建组”,在随后出现的对话框中为新建组取一个名称(如:“网页顶部”),确定即可。这时图层面板中多出一个文件夹图标,即图层组。把相关联的图层都拖放到同一组中,比如网页顶部的所有元素,标题、菜单、Logo等都放到“网页顶部”组中(见图1)。同样方法可以建立多个组,在组的下面还可以建立子组。 点击图层组前面的小三角,就可以像文件夹一样展开或折叠它,这样图层面板就显示干净利落得多,要修改某个元素也能很容易找到。对同一组中的所以图层可以方便地进行统一操作,如整体复制、删除、隐藏、合并等。 小提示: ★如果你想借鉴某个网页的设计,不妨把它截成图片放在最下面的图层中,再拉出多个参考线划出网页的大致版式,再在此基础之上边参考边制作自己的网页。 从Photoshop到Dreamweaver的转换 在Photoshop中设计好之后,下面就要用切片工具把它转换成网页。有些人在切片之前喜欢合并图层,其实没有必要,合不合并图层对最终生成的网页没有多大影响,反而会妨碍以后的编辑修改。 第1步:我们最终需要的,只是Photoshop中制作的图形和框架。选择切片工具(快捷键为K),把需要的每个图形独立切分出来。每切分出一个图形,在它的左上角会显示出切片编号(见图2)。 第2步:在工具箱右击切片工具,从弹出菜单中选择“切片选择工具”,用它可以选取、移动切片,并可以调整切片的大小。右击某个切片还可以删除或划分这个切片。

10、怎么弄网页模板设计?

从网上下载网页模板基本都是Psd格式的,如果想用PS来设计的话可以切磋下,加我Q就行了

与ps网页设计模板相关的知识