Инструмент для преобразования дизайна стола в таблицу без дизайна

Question

Каков наилучший оптимизированный способ преобразования дизайна стола в дизайн без стола? макет должен быть совместим с браузерами и оптимизирован для SEO. Есть ли какой-нибудь инструмент / редактор, который преобразует существующий дизайн таблицы в дизайн без таблицы?
Есть ли в Dreamweaver какой-либо вариант конвертировать дизайн в бесстольный?

Answer 1

Зачем вы это делаете?

Таблицы должны использоваться для представления табличных данных. В этом случае нет необходимости использовать любую другую разметку. Это просто замечательно и соответствует спецификации HTML.

Однако вы не должны использовать таблицы для разметки макета вашего документа. В этом случае вы должны использовать комбинацию заголовков, элементов div, абзацев, элементов списка и т. Д. ... Стилизовано с помощью CSS.

Отличная книга на эту тему - «Пуленепробиваемый веб-дизайн» Дана Седерхольма: http://simplebits.com/work/

Answer 2

Если вы читаете то, что он спросил, вы должны понимать, что он говорит о дизайне / макете, а не о табличных данных.

и утверждение «Таблицы должны использоваться для представления табличных данных. В этом случае нет необходимости использовать какую-либо другую разметку».

«настоящее» в данном контексте является неоднозначным словом. Используйте таблицы для выравнивания данных относительно контекста. Например, когда у вас есть что-то, что можно сделать в электронной таблице. Вы никогда не должны использовать таблицы для выравнивания макета на веб-сайте, такое использование определяет pre CSS / XHTML. (он же олдскул, плохо)

Кстати, когда люди говорят «дизайн без стола», они почти всегда имеют в виду ... Дизайн с макетом, определенным с помощью CSS, вместо неправильно используемых таблиц.

Answer 3

Зачем ты это делаешь? - Арко

Ответ: Доступность.

Важно, чтобы веб-разработчики знали об этом.

Доступность является основной мотивацией использования таблиц для представления табличных данных. Таблицы не предназначены для определения позиции и макета контента. Программы чтения с экрана интерпретируют теги таблицы как табличные данные (то есть электронную таблицу).

Дополнительная информация:

• Руководство по законам о правах инвалидов: http://www.usdoj.gov/crt/ada/cguide.htm
• Раздел 504 Закона о реабилитации 1973 года: www.section508.gov / index.cfm? FuseAction = Content & ID = 15
• Раздел 508 Закона о реабилитации 1973 года: www.section508.gov
• Раздел 255 телекоммуникаций Акт 1996 года: www.fcc.gov / cgb / dro / section255.html
• Закон об американцах-инвалидах 1990 года: www.ada.gov / pubs / ada.htm

Answer 4

Нет хорошего автоматизированного способа сделать это.

Если вы хорошо разметили контент в таблицах макетов, веб-разработчик может реализовать похожий дизайн, используя CSS для презентации, и контент может быть добавлен в него - но это лучшее, на что вы действительно можете надеяться. *