仅从您的设计中将您的网站布局作为图像导入并添加其他功能,是否会对Web开发造成不良影响?

I know this question might be more opinion based, but there has to be a reason for said opinion. It seems like a simpler way to approach web development.
Let's say I did a mock-up for a website with two main columns of content. Now, in terms of translating this into html/css, I'll have to start from sratch, with separating those two columns into two divs, then putting content into those two divs (Sometimes alot of content depending on the aim of the site) and then using css to position each of those divs on left and right and then positioning the individual content in those divs.
Wouldn't it just be best to separate those two columns from your markup, export them as svg/jpg files and then create the two divs and link the images into those two divs? It would just take floating the images on either left/right to mimic the markup.
I'll have an image to explain what I'm talking up just in case some are still confused.
enter image description here

评论
  • 工藤新一
    工藤新一 回复

    作为在为企业建立网站的代理商中工作的人,这些原因是:

    1响应性:好的,您的网站在台式机上可能看起来不错,但是当有人在移动设备上输入时会怎样?他们会看到您网站的缩小版本,他们可能会更倾向于离开。

    2 SEO:搜索引擎将无法理解您网站的内容,因为所有内容都将显示在图像中。

    3可访问性屏幕阅读器上的用户将无法与您的网站进行交互,因为所有屏幕阅读器都依靠语义HTML来解析内容。

    4性能如果您的页面站点的内容和功能相对较小,则与HTML版本相比,下载图像可能需要更长的时间。

  • 笑看红尘
    笑看红尘 回复

    不,它限制了可访问性和功能。图片中的文字无法突出显示或说出。它为不同的尺寸布局创建了问题。而且,用户容易分辨是否存在与实际内容相反的图像。简而言之,这是不值得的,因为您最终还是被迫替换了它。

  • pculpa
    pculpa 回复

    是的,这很糟糕。它不会做出响应,无法访问,并且不会被Google等搜索引擎读取。只是不要这样做。

  • 留景同
    留景同 回复

    因此,这不是基于意见的问题:

    将图像用于所有事物的问题

    1. 与HTML和CSS文本文件相比,该图像将占用很多尺寸。文本文件中大多数还会包含重复的文本,这些文本会在gzip中像疯了一样压缩
    2. 处理与图像的交互并非易事,现在,如果您想在某些交互中更改文本的颜色,首先是如何检测文本或与此相关的任何元素的边界,其次,如果您必须更改该文本上的任何内容,您是否将导出另一张图像(添加到必须通过Internet下载的文件大小)
    3. 响应能力超乎想象

    使用HTML和CSS的好处:

    1. small file size already mentioned, but it has text which can be read by screen readers and can help visually impaired users, yes images have alt tag but HTML is semantically richer compare to the image
    2. CSS can be reused for different elements, now if you have buttons with 10 kinds of text you will have to make 10 different images maybe, but CSS will only be written one and text can vary in HTML

    人们可以继续思考许多这样的原因

    但是是的,如果您希望您的网站像图像一样超静态,并且您不希望任何用户交互,那么也许可以使用图像来实现