15 ошибок верстки сайта, которые отделяют новичка от профессионала

15 ошибок верстки сайта, которые отделяют новичка от профессионала

От автора: очень часто на форуме просят оценить качество верстки, указать на существующие ошибки в верстке. И во всех случаях, практически у каждого, ошибки получаются одни и те же.

В данном уроке мы разберем все допущенные ошибки. Рассмотрим на примере, почему такие ошибки очень важно не допускать.

Детали учебника

Тема: HTML&CSS

Сложность: Средняя

Формат урока: Видео (.mp4)

Время: 00:33:24

Размер архива: 125 Mb

автор

Автор: Андрей Бернацкий

Один из авторов проекта «Основы Самостоятельного Сайтостроения». Адрес в сети — www.WebForMyself.com

Данный проект представляет собой подборку качественных материалов: обучающих статей, книг, курсов, видеоуроков — как зарубежных, так и отечественных специалистов в области сайтостроения.

Бернацкий Андрей свободно владеет такими техниками как: HTML, CSS, JavaScript, jQuery, AJAX, PHP&MySQL.

Сайт: http://webformyself.com – «Основы Самостоятельного Сайтотсроения»

Рассматривать ошибки мы будем на примере верстки макета, который было предложено сверстать в качестве тестового задания на должность верстальщика. Поэтому ошибки, которые будут рассматриваться в уроке, не надуманны и не сделаны мной специально, чтобы записать урок. Все ошибки допущены реальным человеком, в реальных условиях.

Поэтому, если вы думаете, что умеете хорошо верстать сайты, то все равно посмотрите данный урок. Может быть, отчасти вы узнаете в нем себя.

скачать исходникискачать урок

Практика HTML5 и CSS3 с нуля до результата!

Получите бесплатный пошаговый видеокурс по основам адаптивной верстки с полного нуля на HTML5 и CSS3

Получить

Комментарии Вконтакте:

Комментарии Facebook:

Комментарии (5)

  1. Лепа

    Я бы назвал эту тему — «Детский сад веб дизайнера». Но ни в коем случае это то, что отделят их от профессионалов. 15 шагов не могут отделять новичка от профессионала. Ха… А было бы круто…

  2. Александр

    Информативно. Правда хотелось бы узнать, если взять левый край, почему элементы «Articles», надпись «Latest Arrivals» и в футере «Home» все выравнены под одну гребенку? Если с футером и хедером еще ладно, то почему «Latest Arrivals» должен идти с самого края и таким образом он вроде как служит частью границы, а не казаться внутренним элементом, описывающим какой-то товар.

    В исправленном макете вы логотип все же сдвинули, а подпись товара «Premium denim…» оставили выровненной по границе макета. Почему так, не лучше ли делать небольшой отступ? Надеюсь на ваш комментарий, спасибо.

  3. Шамиль

    Спасибо за Урок полезно, но Андрей когда отправляете рассылку пожалуйста вставляйте в него код подписчика, пришлось копаться в FireBug и отключать эту блокировку :-D

  4. Гость

    Дак можно открыть страницу без пин-кода, F12 и удаляем лишние скрипты на странице )

  5. Roman

    Хорошие уроки! Огромное спасибо за дополнительную(в смысле помимо бесплатных уроков) рассылку! Ваши уроки — реальная помощь МНЕ в изучении и html и .css, ну и собственно вестки. СПС!!!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree