Преобразование PSD в HTML (с текстом) [закрыто]
-
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/.Они делают это ради денег...