Вот я снова с Вами. Немного затянул с последними выходами статей. Ну, да ладно, хватит отступлений, давайте ближе к теме.
По текущей работе мне приходится сталкиваться с версткой сайтов, в принципе сейчас я этим и занимаюсь. Поэтому Вас ожидает небольшая «Санта-Барбара» 
на тему верстка сайта, CSS и html, кроссбраузерности и многое другое не менее интересное.
Если Вас заинтересовали эти слова, милости просим. Данная статья первая из серии, поэтому начнем с общего. Все это время мы с Вами будем начинающими верстальщиками 
При создании сайтов в идеале участвуют 3 человека. Веб-дизайнер — рисует сайт, человек с фантазией и со знанием фотошопа и т. д. Мне не дано стать дизайнером это точно.
Верстальщик следующий человек с меньшим багажом знаний фотошопа и фантазии. Отлично знает html, css, javascript и т. д.
Веб-разработчик/Веб-программист — человек с отсутствием фантазии и фотошопа))
Вот моя таблица — участника создания полноценного сайта
|
Веб-дизайнер |
Верстальщик |
Веб-программист |
|
|
Знает фотошоп |
+ |
+ |
- |
|
Есть фантазия |
+ |
± |
- |
|
Знает языки разметки |
- |
+ |
+ |
|
Знает языки программирования |
- |
± |
+ |
Как мы видим из моей придуманной таблицы верстальщик универсальный человек.
Теперь давайте о необходимых знаниях, софте и т. д.
Минимум знаний для начинающего верстальщика:
-
основы html и css – так как мы только начинаем, то базового уровня должно Вам хватить. (Мы будем рассматривать язык разметки HTML!)
-
Базовое знакомство с фотошопом/photoshop’oм — так как придется смотреть на задумки веб-дизайнера и воплощать в коде.
-
Желание и упорство — главное все делать с душой. Под плеткой никто не чему не научится.
Мой софт верстальщика
Еще один важный момент верстальщика — его софт/программы.
-
Фотошоп/photoshop — отличный графический редактор, используемый веб-дизайнером, поэтому и верстальщик должен иметь данную программу для просмотра и использования частей сайта. Программа платная.
Для отличного процесса формирования веб-страниц нам необходим редактор, где мы будем писать разметку и css файлы. Здесь выбор велик, и обычно каждый выбирает, то что ему по душе, подойдет и самый простой Блокнот (но не вздумайте его использовать!)
-
Notepad++ по-моему лучшая альтернатива Notepad – Блокноту. Для начинающих особо рекомендую: помогает набить руки для набора и для быстрого набора. Программа бесплатна. Я проводил сравнения Notepad и Sublime text, сейчас пользуюсь последним.
-
phpDesigner (любая другая IDE, например, webStorm) – платная программа для программирования,
отличноподойдет для верстки сайтов. Основные плюсы- это удобность использования, много настроек и функций, а также подсветка кода: ошибок, выделение текущего фрагмента и т. д. Программа платная.
-
Еще сотни других программ о которых в принципе говорит не стоит, так как каждый выбирает для себя. Посмотрите в гугл по фразе «Текстовый редактор», «html/css/php редакторы» и т. д.
-
А также оочень важный момент — актуальные браузеры. По этой теме будет отдельная статья плюс расскажу о софте для браузеров.
Ну и на последок, хорошие ресурсы по данной теме.
Htmlbook.ru – наверное самый/один из самых полезных ресурсов по html и css. Если Вы начинаете, то однозначно необходимо начинать с этого ресурса.
validator.w3.org сервис проверки Валидности html кода.
jigsaw.w3.org/css-validator css валидатор.
Что и где читать будет в отдельном посте.
И в принципе, никто google и yandex не отменял
с/у УтБ
На десерт видео – примерно так я устаю от верстки:)