Преобразование PSD в HTML (с текстом) [закрыто]

StackOverflow https://stackoverflow.com/questions/646280

  •  22-07-2019
  •  | 
  •  

Вопрос

Я только что загрузил шаблон веб-сайта в формате .PSD.Я внес изменения через Photoshop, настроил соединения и нажал «Сохранить для веб-устройств».

Я экспортирую веб-сайт и получаю каталог изображений и html-файл.Пока все ок.

Затем я открываю html-файл с помощью Dreamweaver.

Мой вопрос заключается в том, как лучше всего создать текстовое содержимое сайта.Все изображения встроены в часть таблицы, т.е.

<tr>
    <td colspan="2" rowspan="8">
    <img src="images/storage.jpg" width="28" height="118" alt=""></td>
    <td colspan="4" rowspan="5">
    <img src="images/index_39.jpg" width="125" height="75" alt=""></td>
    <td colspan="4" rowspan="8">
    <img src="images/storage-41.jpg" width="81" height="118" alt=""></td>
    <td>
    <img src="images/spacer.gif" width="1" height="3" alt=""></td>
</tr>

Я установил изображение в качестве фона для элемента таблицы, однако мне интересно, какой метод создания текста будет лучшим, т.е.создать таблицу в таблице или div и т. д.?
Я не слишком много знаю о CSS, поэтому, если у вас есть пример, я был бы признателен.

Кроме того, существуют ли инструменты/веб-сайты, которые делают это автоматически за вас?

Спасибо

Это было полезно?

Решение

Ваш шаблон поставляется только с PSD-файлом?

Обычно PSD-файл позволяет редактировать графическую часть, а затем сохранять нужные изображения для последующего размещения обратно в HTML, а не генерировать HTML непосредственно из PSD.

Поскольку вы попросили лучший Как это сделать, я дам вам ответ, основанный на моем мнении.

Использование таблиц для макета — не лучший способ проектирования веб-страниц.

Таблицы следует использовать для табличных данных.

Вам следует размещать контент в HTML и использовать CSS для макета/презентации.

Если вы хотите узнать о CSS, я предлагаю следующее:

Если у вас Mac, я настоятельно рекомендую скачать и опробовать CSSEdit.Для ПК Visual Studio 2008 также имеет хороший редактор CSS.

Другие советы

Я думаю, что начинать с Photoshop для создания веб-сайта — не лучший способ, как вы можете видеть по разметке.Начните с изучения нескольких простых руководств, которые позволят вам освоить базовые элементы HTML, а также создать основную разметку для стиля сайта (часто с элементами div).После этого вы вводите желаемую графику вручную.Это приводит к тому, что веб-сайт становится намного более удобным в обслуживании.

Если вы не хотите вдаваться в подробности, вы можете отправить свой PSD на такой сервис, как http://www.psd2html.com/.Они делают это ради денег...

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top