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

作者&投稿:司残 (若有异议请与网页底部的电邮联系)
PSD的模板文件,怎么用PS转化成网页模板~

1、在电脑上打开PS软件,在软件的菜单栏中找到文件,点击后选择打开按钮。

2、选中需要处理的PSD文件,点击打开。


3、在软件的导航栏中选择切片工具。

4、用切片工具在图片上进行所需要的分割,如本例中分为上下两块。

5、在软件左侧的菜单栏中点击文件,选择存储为WEB选项。

6、在弹出的对话框中,点击存储按钮。


7、在弹出的存储对话框中,选择文件格式html和图像以及所有切片,点击保存。

8、打开文件存储的路径,可以看到生成了一个images文件夹和有网页图标的文件。

9、打开带有网页图标的文件即可看到该网页图片后缀名为html的文件了。


我来回答~
psd,是photoshop文件。你切片好后,点文件---存储为web所用格式---存储---选对路径就好了。等你存好后,你可以看见两个东西,一个是image文件夹,里面是你切片后形成的一张一张的图片,另一个文件是html文件,可以用dreamweaver打开,编辑。

图片上的文字和图像做彻底的分离,这个要用photoshop,这个是图层的问题,如果你用过photoshop就一定知道了。

关于css,你切片好后,是table的,不是加css的,css只是格式的控制,排版可以用两个,table(表格)和div(层),这些是dreamweaver的基本东西,可以去学学,我是做网站的,要分啊。要是说的好的话就把分给我吧~

不知道你的基础怎么样,所以不太好说。欢迎提问~

将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>

导出一些有用图像元素,然后导出整张图片。在DREAMWEAVER网页编辑软件,页面属性--跟踪图片--选择那张整的图片,设好透明度,就可以根据图片来设计,当然如果想弄得好,要学好CSS等

用PS打开`做好切片后``然后在点文件→储存为WEB和设备所用格式→储存(在保存类型那里选择图象和HTML即可)


psd有模板吗?怎样用PS套用PSD模版ps如何导入psd模板
7、然后将选择的区域反选,快捷键是Shift+Ctrl+i。8、接着选择照片的那个图层,刚刚我们的选区是在画框的图层,而我们要利用选区删除的是照片中多余的部分,因此必须选择照片所在的图层,编辑→删除,就把照片上多余的部分删掉了。PSD的模板文件,怎么用PS转化成网页模板1、在电脑上打开PS软件,在软件的...

psd详情页模板怎么用?淘宝购买的详情页模版怎么用
最后,分析PSD文件的使用方法:1. 打开Photoshop并导入PSD模板文件。2. 分析模板结构,决定图片和文字的布局。3. 将您的照片拖入模板中,并调整到合适的位置和大小。4. 对模板中的各个图层进行操作,如文字、日期、画框等。5. 确保照片图层位于背景和其他装饰图层之上。6. 使用编辑菜单中的变换功能对...

我想问下 怎么把做好的psd模板放到dreamweaver里面?
文字等可以比较方便的修改);2、把修改满意后的PSD文件,另存为JPG格式或者GIF格式的图片;3、按照你的页面规划,用PHOTOSHOP把图片切成一块一块的小切片,然后输出HTML+图片的形式,这样,你可以得到一个HTM文件和一个装有N个切片的文件夹;4、在Dreamweaver中打开HTM文件,对HTML网页进行编辑。

从模板网站下载的PSD模板格式改怎么用到自己的网站上·需要详细讲解·万...
网上有大量PSD模板下载,但很多朋友不会用。实在可惜,根据我的经验将步骤写上。不懂的朋友可作为参考:第一步:打开PSD模板,在图层面板区会出现很多图层(如果没有图层面板的话,可以在窗口的下行框中打开):第二步:找到放宝宝相片的图层,然后关掉前面的小眼睛:第三步:加入自己宝宝的相片,按快捷...

psd网页模板怎么用?
在ps中可以用切片工具,把想放文字的地方切成一块一块的(背景最好是白色的部分)符合自己需要后,点菜单上的》文件》存储为web所用格式 存储的时候,选html格式 用DW打开,切成块的图片删掉,添上文字就可以了 如果有脚本,可以在刚删掉的地方写脚本,然后保存就可以了 ...

psd模板图片更换-PhotoShop如何修改网页PSD模版
PhotoShop如何修改网页PSD模版 1.需要替换的图片放在模板图片上面(就是新图图层在旧图图层上面),点新图图层,调大小(ctrl+t出来框,按住shift拉动框的边角),大小合适按回车确定或者双击(调大小可以先把新图图层透明度调低对比);双击文字图层 T 的部位替换字体(想要字体和模板一样就得网上下载所需字体)2....

ps如何修改psd海报模板ps海报修改教程
。6. 导出您的海报。如果您已经完成了修改并满意海报的外观,则可以使用“文件”菜单中的“导出”选项将其导出为所需的格式,例如JPEG、PNG或PDF。请注意,修改PSD海报模板需要一定的技能和经验。如果您不熟悉Photoshop的基本功能和编辑工具,建议先学习Photoshop的基础知识,以便更好地理解和使用它。

如何将PSD图片转化为适合的PPT模板并应用?
制作PPT模板,步骤详解首先,准备工作至关重要,包括挑选一张作为封面的精美图片,以及内页的LOGO和其他图片素材。启动新的PPT文件,空白页面如白纸待绘。进入PPT母版模式选择"视图" - "母版" - "幻灯片母版",这是模板的创作舞台。此时,每新建一个幻灯片,都将遵循这个模板的结构和设计。在母版视图中...

psd模板怎么做-PSD文件怎么弄啊
2、在弹出的对话框里找出您下载好的PSD模版并打开。3、打开后界面上就会显示出我们选中的PSD模板。4、然后在工具栏选择放大镜图标的工具,在窗口中拖动图像缩放到合适大小。5、选择移动工具,并勾选自动选择图层。6、然后在模版中点一下需要替换的产品,此时在图层面板中会自动选中此产品的图层、把此图层...

psd网页模板怎么用?
打开后,编辑修改部分图片或文字,符合自己需要后,点菜单上的》文件》存储为web所用格式,输出就是现成网页。不然怎么叫模板呢?正常用法就是这样的。当然你要保存为图片在粘到现有网页中去也随你,那要就要用网页编辑软件了,比如常见的Dreamweaver、FrontPage ...

西秀区13914251746: 如何将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>

西秀区13914251746: 如何将psd网页切图转换成html -
仲沈卓夫: psd网页切图转换成html,其实psd的切图就是网页前端的初步设计,这时候,网页的形象已经出来了,然后需要做的就是前端人员将psd的切图,参考psd去用html+css等一些语言去完成设计,如网站的背景,就需要css的background来实现,具体看下代码: <html> <head> <style> body{ width:960px; //限定网页的宽度 margin:0 auto; boreder:1px solid #f00 //加个边框利于观察 } </style> </head> <body> <p>我是测试文字</p> </body> </html>

西秀区13914251746: 怎么把psd格式的网页转换成普通的Html页面?
仲沈卓夫: 用fireworks就可以直接转了,你也可以去 http://moban.isstudy.com下载模板

西秀区13914251746: 请问怎样把设计的PSD网页转为html啊? -
仲沈卓夫: 你是想在ps里面制作吗?你psd制作好后,用ps里的切片工具(工具栏里像把刀子的)划分你的图片—就是说把每个按钮、超链接、可以删掉的地方一一分割好,然后点文件—导出为web文档(还是导出为html,忘了)差不多是这样.然后再把导出的html用dw编辑.

西秀区13914251746: PSD转HTML?!
仲沈卓夫: 首先就是将PSD转换成HTML,有两种,一种是TABLE方式,另一种是DIV+CSS方式,当然TABLE简单,DIV+CSS用习惯了更简单,你也可以用PSD的切图工具将其切好后进行生成,但是效果不好,所以切好后进行布局,将图片拼上去就可以了,要考虑到浏览器的兼容性.

西秀区13914251746: 怎样可以把一个PSD格式的设计图很快速地变成一个HTML网页呢? -
仲沈卓夫: 可以用photoshop里的切片工具先把psd切好片,然后再保存为web所用格式的html网页和图片,这样就能把psd文档导出成html网页了.详细步骤如下:[*]根据你的实际需要,用切片工具把psd文档切好片;[*]按 ctrl + shift + alt + s 保存为web所用格式;[*]在弹出的对话框中的右上角,选好保存图片的格式,比如png,再点上面的“存储”按钮;[*]ps会再弹出来一个保存对话框,这时在保存类型中选择“html和图片”,点“保存”即可完成导出;找到你保存出来的网页,双击打开看看效果吧,跟你的psd设计图是一模一样吧?!psd导出成html和图片动作完成. 查看原帖>>

西秀区13914251746: 如何将psd格式的网页文件转换成网页格式的文件
仲沈卓夫: photoshop CS4里可以直接导出, 文件>存储为WEB和设备所用格式>在弹出选项框里点"存储">这时会弹出一个保存的对话框,在保存类型项选择为HTML格式就可以了. 注意:整张图片存的话文件会比较大加载速度慢, 可以用PS里的切片工具(快捷键K)在图片上按要求进行划分再按上面的方法导出.

西秀区13914251746: 如何将psd格式的网页文件转换成网页格式的文件 -
仲沈卓夫: 你可以再photoshop里面进行切图 保存时按 ctrl+alt+shift+s进行保存;然后点击存储,会出现一个弹出对话框在底部选择您要保存的文件类型,您选择保存成html就好了.当然了最好的办法还是切好图后自己利用专业的网页制作工具去制作.祝你成功! 求采纳

西秀区13914251746: psd文件如何改变为HTML文件 -
仲沈卓夫: 打开你的文件,全部合并图层,保存为WEB所有的格式

西秀区13914251746: 如何将美工给我的一个PSD页面变成HTML -
仲沈卓夫: 首先你要创建html 页面 和css文件 psd 文件 可以使用 Photoshop 软件打开 然后 根据 设计的psd 你可以 提取 颜色 字体大小 宽 高了 然后 就写代码被

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网