jjzjj

html - 网页设计 PSD 到 html -> 更直接的方法？

coder 2023-08-06 原文

就目前而言，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引起辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the help center为指导。




8 年前关闭。




在工作中，我看到一位同事在 Photoshop/Fireworks 中设计一个网站，我看到另一位同事使用这些数据，将其切片并使用 Dreamweaver 从头开始​​重建相同的数据。

好像乱七八糟的太多了!

我知道 Photoshop 可以输出基于表格的 HTML，而 Fireworks 会创建具有绝对定位的 div；两者似乎都不是很有帮助。

诚然，自从成为程序员以来，我并没有尝试太多(DW/FW)(CS4/CS3)，所以我不知道新版本是否正在解决这个工作流程问题，但我们仍然双重处理吗？

我们可以附上某种 布局元数据 (这是一个翻转按钮，这将是一个 SWF，这将是文本，该 Logo 将隐藏“xyz”

文本等)切片以帮助 布局生成 ?有没有 secret 工具哪些有助于此转换过程？或者我们仍然仅限于手工做事 ?

当所述手工构建的页面需要再次重新设计以适应 Smarty 模板/Wordpress/通用 CMS 时，挫败感仍在继续。

我承认设计师需要摆脱系统才能做任何事情，但大多数传统网站都有:
  • 带导航的标题
  • 带有更多链接的侧边栏
  • 主要内容部分
  • 也许是另一个侧边栏
  • 页脚

    • 鉴于很多组件的相似性，难道不应该有一种更系统的方法来从切片设计到功能性 HTML 吗？

    还是我把事情简单化了？

    -编辑-
    嗯......我想我会接受一个答案，但它们并不是我真正想要的。

    似乎设计 DOM 有点像 chalice (“这只是一个模型!”)，也许有了 HTML 和 Javascript 可以做的所有“时髦”的事情，这将是一项艰巨的工作，但是一组约束(960 的东西看起来很有趣)，一些精心设计的重置样式表和一些......仙尘？我们应该能够改进工作流程。

    Photoshop 的表格本身几乎没用，我同意，但我们当然可以获取这些数据，然后选择一组单元格并说“对，这是一个文本 div，溢出:自动”或“这些单元格是一个图像 block ，使用与所选区域相同的高度/宽度对其进行样式设置”。诚然，在工作中，房间里还有其他大象需要正式介绍管理，但设计>页面工作流程的某些部分似乎......充其量没有受过教育。

    最佳答案

    对我来说，手工制作是一个优势。你只需要把它做对一次，如果你专门为了视觉吸引力，你可能有很多工作要做，让它跨浏览器友好......

    很想听听其他答案。这只是我的看法，因为我制作的网站更多是由数据驱动的，而不是具有视觉吸引力的网站。

    关于html - 网页设计 PSD 到 html -> 更直接的方法？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1090621/

    html网页设计strongbrsectionlayout

    有关html - 网页设计 PSD 到 html -> 更直接的方法？的更多相关文章

    1. ruby - 如何使用 Nokogiri 的 xpath 和 at_xpath 方法 - 2

      我正在学习如何使用Nokogiri，根据这段代码我遇到了一些问题:require'rubygems'require'mechanize'post_agent=WWW::Mechanize.newpost_page=post_agent.get('http://www.vbulletin.org/forum/showthread.php?t=230708')puts"\nabsolutepathwithtbodygivesnil"putspost_page.parser.xpath('/html/body/div/div/div/div/div/table/tbody/tr/td/div

    2. ruby - 如何从 ruby​​ 中的字符串运行任意对象方法？ - 2

      总的来说，我对ruby​​还比较陌生，我正在为我正在创建的对象编写一些rspec测试用例。许多测试用例都非常基础，我只是想确保正确填充和返回值。我想知道是否有办法使用循环结构来执行此操作。不必为我要测试的每个方法都设置一个assertEquals。例如:describeitem,"TestingtheItem"doit"willhaveanullvaluetostart"doitem=Item.new#HereIcoulddotheitem.name.shouldbe_nil#thenIcoulddoitem.category.shouldbe_nilendend但我想要一些方法来使用

    3. ruby - 为什么我可以在 Ruby 中使用 Object#send 访问私有(private)/ protected 方法？ - 2

      类classAprivatedeffooputs:fooendpublicdefbarputs:barendprivatedefzimputs:zimendprotecteddefdibputs:dibendendA的实例a=A.new测试a.foorescueputs:faila.barrescueputs:faila.zimrescueputs:faila.dibrescueputs:faila.gazrescueputs:fail测试输出failbarfailfailfail.发送测试[:foo,:bar,:zim,:dib,:gaz].each{|m|a.send(m)resc

    4. ruby - Facter::Util::Uptime:Module 的未定义方法 get_uptime (NoMethodError) - 2

      我正在尝试设置一个puppet节点，但ruby​​gems似乎不正常。如果我通过它自己的二进制文件(/usr/lib/ruby/gems/1.8/gems/facter-1.5.8/bin/facter)在cli上运行facter，它工作正常，但如果我通过由ruby​​gems(/usr/bin/facter)安装的二进制文件，它抛出:/usr/lib/ruby/1.8/facter/uptime.rb:11:undefinedmethod`get_uptime'forFacter::Util::Uptime:Module(NoMethodError)from/usr/lib/ruby

    5. ruby-on-rails - Rails - 子类化模型的设计模式是什么？ - 2

      我有一个模型:classItem项目有一个属性“商店”基于存储的值，我希望Item对象对特定方法具有不同的行为。Rails中是否有针对此的通用设计模式？如果方法中没有大的if-else语句，这是如何干净利落地完成的？ 最佳答案 通常通过Single-TableInheritance. 关于ruby-on-rails-Rails-子类化模型的设计模式是什么？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.co

    6. ruby - 使用 ruby​​ 将 HTML 转换为纯文本并维护结构/格式 - 2

      我想将html转换为纯文本。不过，我不想只删除标签，我想智能地保留尽可能多的格式。为插入换行符标签，检测段落并格式化它们等。输入非常简单，通常是格式良好的html(不是整个文档，只是一堆内容，通常没有anchor或图像)。我可以将几个正则表达式放在一起，让我达到80%，但我认为可能有一些现有的解决方案更智能。 最佳答案 首先，不要尝试为此使用正则表达式。很有可能你会想出一个脆弱/脆弱的解决方案，它会随着HTML的变化而崩溃，或者很难管理和维护。您可以使用Nokogiri快速解析HTML并提取文本:require'nokogiri'h

    7. Ruby 方法() 方法 - 2

      我想了解Ruby方法methods()是如何工作的。我尝试使用“ruby方法”在Google上搜索，但这不是我需要的。我也看过ruby​​-doc.org，但我没有找到这种方法。你能详细解释一下它是如何工作的或者给我一个链接吗？更新我用methods()方法做了实验，得到了这样的结果:'labrat'代码classFirstdeffirst_instance_mymethodenddefself.first_class_mymethodendendclassSecond使用类#returnsavailablemethodslistforclassandancestorsputsSeco

    8. ruby-on-rails - 如何从 format.xml 中删除 <hash></hash> - 2

      我有一个对象has_many应呈现为xml的子对象。这不是问题。我的问题是我创建了一个Hash包含此数据，就像解析器需要它一样。但是rails自动将整个文件包含在.........我需要摆脱type="array"和我该如何处理？我没有在文档中找到任何内容。 最佳答案 我遇到了同样的问题；这是我的XML:我在用这个:entries.to_xml将散列数据转换为XML，但这会将条目的数据包装到中所以我修改了:entries.to_xml(root:"Contacts")但这仍然将转换后的XML包装在“联系人”中，将我的XML代码修改为

    9. ruby-on-rails - Rails 3.2.1 中 ActionMailer 中的未定义方法 'default_content_type=' - 2

      我在我的项目中添加了一个系统来重置用户密码并通过电子邮件将密码发送给他，以防他忘记密码。昨天它运行良好(当我实现它时)。当我今天尝试启动服务器时，出现以下错误。=>BootingWEBrick=>Rails3.2.1applicationstartingindevelopmentonhttp://0.0.0.0:3000=>Callwith-dtodetach=>Ctrl-CtoshutdownserverExiting/Users/vinayshenoy/.rvm/gems/ruby-1.9.3-p0/gems/actionmailer-3.2.1/lib/action_mailer

    10. ruby - Highline 询问方法不会使用同一行 - 2

      设置:狂欢ruby1.9.2高线(1.6.13)描述:我已经相当习惯在其他一些项目中使用highline，但已经有几个月没有使用它了。现在，在Ruby1.9.2上全新安装时，它似乎不允许在同一行回答提示。所以以前我会看到类似的东西:require"highline/import"ask"Whatisyourfavoritecolor?"并得到:Whatisyourfavoritecolor?|现在我看到类似的东西:Whatisyourfavoritecolor?|竖线(|)符号是我的终端光标。知道为什么会发生这种变化吗？ 最佳答案

    随机推荐