Верстка

Тема в разделе "Верстка", создана пользователем Chekov, 24 окт 2013.

  1. TopicStarter Overlay
    Chekov
    Оффлайн

    Chekov Новичок

    Вместе с:
    24 окт 2013
    Сообщения:
    2
    Симпатии:
    0
    Баллы:
    1
    Здравствуйте, меня интересует верстка сайтов ..
    Хочу научиться самостоятельно верстать, но если честно не знаю с чего начать. Подскажите, пожалуйста, какие программы лучше всегда иметь под рукой, и как из PSD шаблона можно создать собственный сайт.
    Кто нибудь может описать сам процесс? :)
    Заранее спасибо !
  2. Starik
    Оффлайн

    Starik Новичок

    Вместе с:
    24 окт 2013
    Сообщения:
    2
    Симпатии:
    0
    Баллы:
    1
    В первую очередь необходимо освоить язык html и css. Это не сложно, да и информации в интернете по этому поводу достаточно. Создавать документы на этом языке можно в любом текстовом редакторе, например, в обычном Блокноте. Научитесь создавать тексты в Блокноте, тогда можно переходить к более сложным редакторам, например, Adobe Dreamweaver. А чтобы из шаблона PSD сделать сайт – нужно в фотошопе этот шаблон раскроить (инструмент «Раскройка») и сохранить в формате html.
  3. delitme
    Оффлайн

    delitme Администратор Команда форума

    Вместе с:
    15 окт 2013
    Сообщения:
    390
    Симпатии:
    34
    Баллы:
    28
    Не понял...это как?

    Chekov, изначально научитесь разбивать мысленно макет на "главные блоки". Например: шапка, левая чать, центральная часть с контентом и нижняя часть(футер). А потом каждый главный блок, разбить на "под блоки".

    Ну и безусловно html и css
  4. Starik
    Оффлайн

    Starik Новичок

    Вместе с:
    24 окт 2013
    Сообщения:
    2
    Симпатии:
    0
    Баллы:
    1
    Не понял...это как?Я так понимаю у Chekov есть шаблон сайта в формате psd. Чтобы сделать из него страницу сайта нужно:
    1. Открыть этот самый шаблон в программе Adobe Photoshop,
    2. В левой части программы выбрать интструент «Раскройка»
    3. Раскроить, то есть «нарезать» рисунок на части – шапка, ноги, меню, колонка новостей и т.д.(Так как в шапку обычно вставляются рисунки, то ее надо разрезать на более мелкие части. Это делается для того, чтобы сайт загружался быстрее.)
    4. Далее идем «Файл – Сохранить для Веб и устройств …»
    5. Жмем на кнопку «Настройки экспорта»
    6. Откроется окно, где мы можем выбрать в каком формате будут рисунки на странице, название рисунков, регистр тегов, регистр атрибутов, кодировку, многие другие полезные функции, ну и собственно конечный формат – html.
  5. tatuar
    Оффлайн

    tatuar Новичок

    Вместе с:
    3 ноя 2013
    Сообщения:
    2
    Симпатии:
    0
    Баллы:
    1
    Для верстки сайтов необходимый минимум это:

    1. Текстовый редактор (Notepad+ рекомендую)
    2. Любой графический пакет, умеющий работать с растровой и векторной графикой (Photoshop к примеру)
    3. Любой Интернет браузер (браузер нам нужен для того, чтоб сравнить то «как должно быть» с тем «что на самом деле имеем» Рекомендую Firefox с расширением firebug, это специальное дополнение для разработчиков)
    Плюс к этому минимуму желательно иметь справочник по тегам, на первое время он будет очень востребованным)
  6. Root
    Оффлайн

    Root Пользователь

    Вместе с:
    14 ноя 2013
    Сообщения:
    76
    Симпатии:
    8
    Баллы:
    8
    Notepad++, больше Вам ничего не нужно для начала, ну, разве что кроме браузера. Но браузер у Вас наверняка уже имеется, иначе бы здесь не писали. И, начинать нужно не с расчленения на части красивых картинок в фотошопе, а с основ html и css, с создания таблиц и позиционирования блоков в DIV верстке. В той же дивной верстке столько нюансов и подводных камней, расползающихся и живущих свой жизнью блоков, что о картинках, фотошопе и прочих второстепенных вещах Вы думать забудете на ближайшие несколько месяцев.

Поделиться этой страницей