如何将Photoshop中的图像转换为网站模板？ [英] How are images in Photoshop converted into site templates?
问题描述
我正在阅读如何使用Adobe Photoshop创建网页模板。我是新手，所以我很困惑如何将图像转换成网站？
以下是我想到的问题，
I was reading how to create web-templates using Adobe Photoshop. I am very new to it so I am confused with how would the image be converted into a website?
Here are the questions coming into my mind,
-
图像是否保持为它是，我们只需将图像映射放在
上吗？
Will the image remain as it is and we will just put image maps on it?
如果我们使用图像，我们如何将数据放在上面？ （我的意思是
网站内容）
If we are using the image, how do we put the data on it? (I mean the site content)
如果我们使用的话，这里的图片中提到的搜索框如
怎么办？ HTML中的图片？
How do widgets like the search box mentioned in the image here would work if we use the image in HTML?
提前致谢
推荐答案
如果你有一些非常复杂的导航设置，只使用图像地图。
Only use image maps if you have some very complicated navigation setup.
这是一个坏主意只使用整个图像作为网站，因为它将大大增加网站的加载时间，并降低其搜索引擎排名（搜索引擎无法解析图像中的文本）。
It's a bad idea to just use the whole image as the site, because it will drastically increase the site's loading time, and decrease its search engine ranking (the search engines can't parse text from images).
您需要做的是弄清楚您网站上所需的图像。使用Photoshop标尺（ Ctrl +; ）和/或切片工具来剪切所需的photoshop模板位。其他所有内容都应该使用HTML和CSS样式来完成。
What you need to do is to figure out what images you need on your site. Use Photoshop rulers (Ctrl+;) and/or slice tool to cut out the bits of your photoshop template that you need. Everything else should be done using HTML and CSS styling.
如果您对此不满意，请聘请设计师或使用在线服务。对于那些在浏览器中看到相同网站经验的人来说，这不是一件容易的事。
If you're not comfortable with this, hire a designer or use an online service. It's not an easy task for someone with little experience with getting sites to look the same across browsers.
这篇关于如何将Photoshop中的图像转换为网站模板？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
