【急】怎么将图片利用photoshop转化成HTML网页?

给你一张jpg格式的页面,怎么利用PHOTOSHOP的切片工具把它变成一个能够运行的HTML的网页?
文字什么的可以连接、滚动的图片可以动起来。。。
求哪位高手告知详细步骤!3Q~
就比如这张截图的网页图片,需要实现它的文字连接以及图片滚动等一些HTML网页可以实现的内容。

在PHOTOSHOP程序打开的时候,选菜单中选文件-在ImageReady中编辑,打开ImageReady程序,界面与PS差不多,只是左边的工具栏变了。在工具板的第二排的用切割工具(像割刀的那个)将JPG文件分割,OK后,点:文件-输出设置,选择存储HTML。大概步骤是这样。
ImageReady我多年前用过这些功能,现在没有用了,你自己试一下。至于滚动效果,要懂一点HTML语言吧,希望对你有帮助。追问

这个前期工作我知道,就是后面的向文字连接啊、搜索栏这些要怎么弄啊?

追答

用Dreamweaver来编辑输出的HTML文件,把文字链接加上去,这是所见即所得的编辑软件。站内搜萦栏没点技术的人一般做不了,好像需数据库支持吧。
PS/IR,都只是处理图片的工具,方便把图片加入网页去而已,想要效果还要多用一些网页编辑软件。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2011-12-19
我只知道用fireworks可以把图片切割,不知道PS也有这个功能?
不管是FW还是PS都只是切割,它们不是做网页的工具。如果不了解HTML语言,可以用dreamweaver来做,加链接,滚动等都是HTML语言控制的。追问

能告诉我详细步骤吗?

追答

制作网页按照可不是按照步骤就能做了的,真那么简单就没有我们的饭吃了,您得学习HTML语言,另外加所见即所得的HTML生成工具:dreamweaver,一点儿一点儿实现.
要步骤只能这么列:
1、打开Dreamweaver,2、制作网页,3、保存退出。

追问

你是网站设计工作的?
DREAMWEAVER有学过的,可是我就是搞不懂怎么把PS排版好的网页在它上面转化,如果让我对照着做一遍还可以。
方便的话加个Q?

追答

PS做好的那叫图片,说得直接点儿叫图纸,是效果图,并不是真正的网页,您得照着效果图的样式用DW做成网页,该是图片上图片,该是文字加文字,该是链接上链接。
做网页没有死步骤,照着您会做,换一个又不会了,那不行!您得学才行。学HTML,学CSS,学布局,学JS,简单的先学这些,还要会用DW、PS、FW。

追问

老大!!!!人家规定是给你图纸完了让用PHOTOSHOP剪切工具等,将图纸变成网页,我是想知道,剪切完了之后是需要做哪些工作处理?你说的DW我们学过的!麻烦您告诉我是剪切完了,用DW代码编辑还是怎么的?图纸里面的文字怎么能够让它不是图片而是文字?是删掉图片、重新输进去、重新连接吗?

追答

这回说的有些眉目了。您用表格布局吧,把表格的边框设为0,间距设为0,单元格间距设为零,然后根据切割方式设计表格,怎么切就怎么设,图片多大,单元格就多大,有文字的地方要重新输入,有链接的地方要再加链接。
建议用表格布局的时候用嵌套,即:先设N行的表格,每一行里再插入一个M列表格,以此类推。否则用一个表格布局难度相当大。

本回答被提问者采纳
第2个回答  2011-12-20
你好!
这个不是一两句话能讲明白。
网页制作,先得学会用PS做网站模板,切图等等。
同时还得懂一定的HTML,css追问

我能加你Q详细问下吗?

第3个回答  2011-12-19
这个网站上有,http://www.webjx.com/photoshop/psbase-20342.html
有图有文字。追问

可是他怎么实现图片里面已经输好的文字连接呢?

追答

这个不清楚,老实说,我还没用过photoshop。

追问

额、好吧~

相似回答