-1

我刚刚开始练习将 PSD 转换为 HTML/CSS。但有时你会看到 PSD,而使用 html 和 css 制作似乎是不可能的。

就像这里的那个:

http://i.stack.imgur.com/rx0dl.jpg

非常感谢

4

3 回答 3

4

您应该采用的方法与将任何其他 PSD 转换为 HTML 的方法相同,在您的脑海中将其分成块并从顶部开始。

在这里,我做了一个非常粗略的例子来说明如何划分它:

http://i.imgur.com/glZJ5.jpg

于 2011-08-12T08:08:18.120 回答
0

在 Photoshop 中使用网格线将图像划分为不同的部分并从那里创建切片。完成后,您甚至可以导出为 html,它也会创建所需的 css 样式。

您可以在此处找到解释操作方法的视频: http ://www.youtube.com/watch?v=DVfxe4pqvo8

于 2011-08-12T08:09:38.367 回答
0

好吧,从基础开始:

  • 中央内容容器。不幸的是,图像只描述了具有特定屏幕分辨率的布局,但看起来设计师想要一个固定的居中元素,可能是 960 像素。
  • 在那个容器中,有两个标题。您可以使用border-radiusCSS 属性使边框变圆,但您可能需要一些background图像来制作某些图标。
  • 添加到目前为止未设置样式的示例文本。
  • 添加正面图像。您可能可以在 Photoshop 中裁剪它。
于 2011-08-12T08:11:31.267 回答