网页模板psd
❶ 网上下载的网页模板文件是psd格式的,怎么变成网页格式
关键是你想做成什么东西的问题。PSD是保留的源文件想怎么做都行。
❷ 如何将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>
❸ PSD网页模板怎么用
用photoshop打开后,编辑修改部分图片或文字,符合自己需要后,点菜单上的-文件-存储为web所用格式内,输出就是html网页容。
你要保存为GIF或JPEG在粘到现有网页中去也随你,那要就要用网页编辑软件了,比如常见的Dreamweaver、FrontPage 。
推荐几个现国内比较知名的素材网站吧
大图网 一个非常优秀的免费素材网站,优点是素材的质量比较好,而且素材更新速度也比较快。
爱图网 一个很老的素材网站 素材也比较多 素材比较全,素材比较多,大部分是免费的,图片素材很多都是打包的素材。
思缘论坛 非常多的影楼素材,PS素材,和设计素材,国内素材论坛发展最好的一个,还可以学习PS教程和设计技巧
❹ 急求整站的网页模板,PSD格式的。就是包括主页和子页面整个网站的。谢谢!
你可以把你们老师的具体要求发出来,根据你们老师的要求来做,一般来说也还是很简单的。
❺ 网页制作中如何使用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、开始第一点的操作,但规划站点的内容分布很重要
整体考虑点:
图片的合并,减少请求量
结构的合理性,语义化
样式的简洁,便于后期维护
多为后期的维护以及程序开发着想,如何简单实现效果
❻ 我下载的网页模板文件是psd格式的,怎么用啊直接打不开
用PHOTHSHOP软件就可以打开
是图层格式的
❼ PSD的模板文件,怎么用PS转化成网页模板
1、在电脑上打开PS软件,在软件的菜单栏中找到文件,点击后选择打开按钮。
❽ 套用psd网页模板
直接把你看到的页面资源都下载下来。psd一般都是人家设计出的,除非你是在资源站看到的页面,要不然除了出页面的设计师没有人会有你指定的psd文件
❾ 急将psd网页模版转换为html的详细讲解
我来回答~
psd,是photoshop文件。你切片好后,点文件---存储为web所用格式---存储---选对路径就好了。等你存好后,你可以看见两个东西,一个是image文件夹,里面是你切片后形成的一张一张的图片,另一个文件是html文件,可以用dreamweaver打开,编辑。
图片上的文字和图像做彻底的分离,这个要用photoshop,这个是图层的问题,如果你用过photoshop就一定知道了。
关于css,你切片好后,是table的,不是加css的,css只是格式的控制,排版可以用两个,table(表格)和div(层),这些是dreamweaver的基本东西,可以去学学,我是做网站的,要分啊。要是说的好的话就把分给我吧~
不知道你的基础怎么样,所以不太好说。欢迎提问~