преобразуйте PSD в веб-сайт
Я изучаю сеть dev, и я уже stucked в какой-то момент..
Как я преобразовываю шаблон PSD в html/css веб-сайт?
Я обрезал всю часть изображения и сохранил их в .gif отдельно, но тогда? Я должен вручную разместить их в dreamweaver пустой шаблон? Я думал, что был автоматизированный способ сделать так..
Кроме того, я попробовал, "Сохраняют для сети и устройств.." но при сохранении, это создает .html файл и единственное изображение, которое содержит каждый элемент?! Я ожидал несколько изображений так, чтобы я мог перестроить их в dreamweaver.
4 ответа
Да, веб-дизайн не работает магией. Правильный способ сделать вручную Написать Фактический код, который позиционирует элементы, не просто ударить их на место в Dreamweaver. Там есть много хороших учебных пособий, проверьте их, например:
- http://net.tutsplus.com/videos/sreencasts/how-to-conververv-a-psd-to-xhtml/
- http: ///www.devwebpro.com/creating-css-layouts-the-best-tutorials-on-converting-psd-to-xhtml/
- В то время как определенные приложения рекламируют / обеспечивают автоматизацию Из процесса «преобразования» из композитной графики до веб-макета вы хотите избежать использования этих функций. Они заставит вас больше проблем, чем они стоят. Особенно, если вы собираетесь использовать CSS для макета (который я настоятельно поощряю). Это не говорить, что эти функции не имеют некоторых ограниченных действительных использований (подробнее об этом в пункте 2) это просто то, что они не собираются волшебным образом генерировать ваш сайт из графики.
- Чтобы использовать «Сохранить для Web ...», вам необходимо использовать инструмент Slice, чтобы нарезать изображение в разные изображения, которые вам нужны для макета. Затем, когда вы сохраните для веб-сайтов и полам с HTML, он экспортирует HTML / CSS и изображения. Опять же, это не является волшебством и шансами.
Существует не полностью автоматизированный способ сделать это, вообще говоря, потому что в зависимости от того, что вам нужен макет, чтобы вы должны пойти по-разному, и пока его теоретически можно объяснить все возможные потенциальные требования в Хороший маленький экспортный графический интерфейс его не осуществимый.
Нижняя строка - это сделать, вы должны изучать HTML / CSS. И чем больше вы узнаете, тем больше вы будете ненавидеть Dreamweaver (по крайней мере, в «просмотре макета»). Гараун.
Добро пожаловать в реальность.
Вам придется нарезать и кубиковать самим собой (ну, ломтизировать и кубить изображение самостоятельно, но не нарезайте себя независимо от того, сколько вы хотите), а затем поместите каждую отдельную часть в своем HTML или шаблоне.
Да, веб-дизайн не работает волшебством. Правильный способ сделать это вручную Написать Фактический код, который позиционирует элементы, не просто ударить их на месте в Dreamweaver. Там есть много хороших учебных пособий, проверьте их, например: