Здравствуйте, меня интересует верстка сайтов .. Хочу научиться самостоятельно верстать, но если честно не знаю с чего начать. Подскажите, пожалуйста, какие программы лучше всегда иметь под рукой, и как из PSD шаблона можно создать собственный сайт. Кто нибудь может описать сам процесс? Заранее спасибо !
В первую очередь необходимо освоить язык html и css. Это не сложно, да и информации в интернете по этому поводу достаточно. Создавать документы на этом языке можно в любом текстовом редакторе, например, в обычном Блокноте. Научитесь создавать тексты в Блокноте, тогда можно переходить к более сложным редакторам, например, Adobe Dreamweaver. А чтобы из шаблона PSD сделать сайт – нужно в фотошопе этот шаблон раскроить (инструмент «Раскройка») и сохранить в формате html.
Не понял...это как? Chekov, изначально научитесь разбивать мысленно макет на "главные блоки". Например: шапка, левая чать, центральная часть с контентом и нижняя часть(футер). А потом каждый главный блок, разбить на "под блоки". Ну и безусловно html и css
Не понял...это как?Я так понимаю у Chekov есть шаблон сайта в формате psd. Чтобы сделать из него страницу сайта нужно: 1. Открыть этот самый шаблон в программе Adobe Photoshop, 2. В левой части программы выбрать интструент «Раскройка» 3. Раскроить, то есть «нарезать» рисунок на части – шапка, ноги, меню, колонка новостей и т.д.(Так как в шапку обычно вставляются рисунки, то ее надо разрезать на более мелкие части. Это делается для того, чтобы сайт загружался быстрее.) 4. Далее идем «Файл – Сохранить для Веб и устройств …» 5. Жмем на кнопку «Настройки экспорта» 6. Откроется окно, где мы можем выбрать в каком формате будут рисунки на странице, название рисунков, регистр тегов, регистр атрибутов, кодировку, многие другие полезные функции, ну и собственно конечный формат – html.
Для верстки сайтов необходимый минимум это: Текстовый редактор (Notepad+ рекомендую) Любой графический пакет, умеющий работать с растровой и векторной графикой (Photoshop к примеру) Любой Интернет браузер (браузер нам нужен для того, чтоб сравнить то «как должно быть» с тем «что на самом деле имеем» Рекомендую Firefox с расширением firebug, это специальное дополнение для разработчиков) Плюс к этому минимуму желательно иметь справочник по тегам, на первое время он будет очень востребованным)
Notepad++, больше Вам ничего не нужно для начала, ну, разве что кроме браузера. Но браузер у Вас наверняка уже имеется, иначе бы здесь не писали. И, начинать нужно не с расчленения на части красивых картинок в фотошопе, а с основ html и css, с создания таблиц и позиционирования блоков в DIV верстке. В той же дивной верстке столько нюансов и подводных камней, расползающихся и живущих свой жизнью блоков, что о картинках, фотошопе и прочих второстепенных вещах Вы думать забудете на ближайшие несколько месяцев.