Обычно мы стараемся дать необычные дизайны, какие-то тонкости верстки или материалы по саморазвитию. И все это относится к достаточно "продвинутым" мастерам.
А что же делать начинающим? С чего начать? И как вообще это делается?
Статья Design and Code Your First Website in Easy toUnderstand Steps предлагает нам потратить 3-4 часа и пройти 30-шаговый "курс молодого бойца" по созданию своего первого сайта.
Сам по себе сайт получается простой, но минимально достаточный.
На главной есть все основные элементы страницы: хэдер, футер, меню, контентная область и сайдбар.
Больше всего мне понравилось, что автор дает в этой статье буквально весь процесс разработки от чистого листа до получения готового сайта. Вот такие этапы и темы рассмотрены в статье:
Строим раскладку (layout) будущего сайта
Размечаем страницу в Фотошопе: хэдер, футер и другие важные мелочи
Придумываем и ставим логотип
Оформляем элементы навигации, контентную область и сайдбар
Добавляем интерактивности: ставим кнопку-действие (регистрация)
Окончательная отделка PSD-шаблона
Учимся грамотно нарезать шаблон для последующей верстки
Верстаем свою страницу с нуля: размечаем папки и создаем нужные файлы HTML
Чего мелочиться? Учимся сразу верстке DIV-ами. Верстаем грамотно!
Наполняем страницу контентом
Теперь принимаемся за CSS. Это не ошибка, а методика! Учимся владению CSS
Изучаем тонкости CSS-кодирования и инструменты для работы с кодом
Все. Страница сайта готова. А что скажет валидатор?
Анализируем свои ошибки и делаем верстку безупречной.
Неплохо для начинающего веб-дизайнера, а? Успехов!
Источник: Tessa Thornton
Комментариев нет:
Отправить комментарий