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

模板网页设计psd

发布时间:2020-09-19 00:12:03

1、如何将psd网站模板转换成html网页形式

将psd网站模板转换成html网页形式,首先需要理解,psd的模版,只是对于网站的一个整理布局,使用图片的形式来做的,而在浏览器上需要过html+css+js等等这些技术手段才可以来做出来,如PSD的网站的背景颜色,在网页中,需要去使用background:#f00,来实现,psd其实就是一种参考,具体我们看下,一些小的代码设计:
<html>
<head>
<style>
body{
width:960px; //限定网页的宽度
margin:0 auto;
boreder:1px solid #f00 //加个边框利于观察
}

</style>
</head>
<body>
<p>我是测试文字</p>
</body>
</html>

2、PSD网页模板怎么用?

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

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

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

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

4、如何利用现有的psd模板制作网页

可以用切片工具,把想放文字的地方切成一块一块的(背景最好是白色的部分)
然后Ctrl+shift+alt+S 输出
存储的时候,选html格式
用DW打开,切成块的图片删掉,添上文字就可以了
如果有脚本,可以在刚删掉的地方写脚本,
然后保存就可以了
因为是内网,所以不用考虑文件容量问题

5、网页制作中如何使用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、开始第一点的操作,但规划站点的内容分布很重要

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

6、哪里有漂亮完整的整站PSD格式的网页模版啊?

http://bbs.jianjie8.com/forum-88-1.html
这里有大量的整站的网页模版,都是PSD的 容易修改哦。。

简洁设计网
http://www.jianjie8.com
就有大量的设计素材和资源提供下载的。。。来了不会后悔的。。O(∩_∩)O哈哈~,一般人我可不告诉。。

7、套用psd网页模板

直接把你看到的页面资源都下载下来。psd一般都是人家设计出的,除非你是在资源站看到的页面,要不然除了出页面的设计师没有人会有你指定的psd文件

8、个人网站主页PSD模板

每一个对的···

9、网页设计中很多PSD模版,该怎么使用PS做好了后然后是不是要用CSS+DIV布局

psd做好了未必一定需要使用div+css方式来布局,还可以做好辅助线,然后根据需要裁剪图片,然后使用Dreamweaver建立表格,将图片按照既定的布局插入,也是可以的。
其实不要恐惧切片,切片结束之后,选择按照web方式保存,你可以迅速得到一个带切好图片的网页,不明白的话可以1414
739联系我

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