html - 您如何开始将网页设计布局转换为 HTML 实现?

标签 html css layout photoshop

<分区>

我正在通读 this tutorial关于在 Photoshop 中创建一个 web 布局 以得到这样的结果:

alt text
(来源:adobetutorialz.com)

这似乎生成单个图像文件,但是没有解释如何将其转换为网络应用程序实现

我的意思是,当有人点击关于我们”、“服务”等时,您需要具备相应功能.

那么,为了从这个静态图像变成一个更加动态的功能网络应用程序,您需要遵循的下一步是什么?

是否应该将图像分成几部分并将它们作为背景图像放置在页面上?

最佳答案

除非您有兴趣花大量时间学习 CSS 布局,否则最简单的成功途径就是将 Photoshop 文件发送给像 psd2html 这样的人。 ,它以非常低的价格非常快速地完成这种事情。这将使您能够将开发工作集中在应用程序功能上。

在 Photoshop 中设计 Web 模板非常棒,因为您不会被任何关于您知道如何使用 CSS 做什么的现有概念所束缚。但出于同样的原因,这很危险。某些布局模式非常成熟且易于使用 CSS 实现,而其他看起来应该非常容易的事情却并非如此。

关于html - 您如何开始将网页设计布局转换为 HTML 实现?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1548185/

相关文章:

html - 带有非滚动标题的可滚动表

css 交替行颜色 bootstrap

html - 如何制作任何类型的第一个元素并在语句之前添加到该元素

Java Swing 布局 block

html - 在 html 表单中只有一个提交按钮可以吗?

html - 语义 ui react ,是否可以在两个部分上拆分选项卡?

html - 使用 nth-child capybara 的模糊匹配

css - 悬停时 R Shiny Dropdown

java - android 维基百科 api 游戏

android - 在 Android 中切换选项卡 fragment 之间存在延迟