<MyRusakov.ru />

WordPress 4. Пример создания блога

WordPress 4. Пример создания блога

Видеокурс "WordPress 4. Пример создания блога" научит Вас создавать любые сайты на самой популярной CMS - WordPress.

В курсе Вы узнаете абсолютно всё, что необходимо для успешного создания любых сайтов на WordPress, а также увидите пример создания реального блога.

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

Курс очень простой и проходится за один вечер, а знания останутся с Вами навсегда.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Вёрстка и её критерии качества

Вёрстка и её критерии качества

Вёрстка - это процесс преобразования картинки (например, в PSD, JPG, PNG и других форматах) в HTML-страницу. То есть Вы сделали дизайн страницы, но это ещё не страница, так как ещё нет абсолютно никакой интерактивности. И вот после создания дизайна настаёт время вёрстки. А в этой статье я расскажу о критериях качества вёрстки.

Вот те критерии качества вёрстки, по которым можно определить, насколько качественно сделана вёрстка:

  1. Совпадение с дизайном. Редкое явление, когда дизайн на 100% совпадает с вёрсткой, но очень близкое совпадение необходимо обеспечить. Очень близкое совпадение с дизайном означает, что при взгляде сначала на дизайн, а потом на вёрстку, крайне трудно назвать отличия. Безусловно, если в дизайне отступ 10 пикселей, а Вы поставили 8, то никто этого не заметит, и дефектом это являться не будет.
  2. Кроссбраузерность. Этот критерий характеризует, насколько сайт хорошо смотрится в разных браузерах. Сразу скажу, практически невозможно сделать 100% одинаковое отображение во всех браузерах (тем более, что их сотни, а вместе с версиями и тысячи). Однако, обеспечить адекватное отображение во всех современных браузерах (Firefox, Opera, IE, Chrome - последних версий), а также некоторых старых (IE8, IE7, IE6) обязательно нужно.
  3. Адаптация под разные разрешения. В большинстве случаев проблема возникает при низких разрешениях, а точнее при маленькой ширине экрана. На данный момент адаптировать сайт рекомендуется под ширину экрана 1024 пикселя и больше. Адаптирование под разные разрешения экрана, в большинстве случаев, означает отсутствие горизонтальной полосы прокрутки.
  4. Чистый и валидный код. Под чистым кодом подразумевается такой код, в котором без проблем разберётся посторонний человек. То есть всё должно быть структурировано, внутренние теги должны иметь отступ от внешних, все классы и id должны иметь адекватные имена. А про важность валидности писалось здесь: валидность html-кода.

Примерно 50% верстальщиков (в том числе и всякие компании) обеспечивают лишь 1-й пункт и чуть-чуть 2-й. Где-то 49% не обеспечивают вообще ничего, то есть их вёрстка просто безобразна. И лишь 1% действительно качественно верстают. К сожалению, я не знаком с такими верстальщиками, но сайты хорошо свёрстанные есть, значит, и отличные верстальщики имеются, но их очень мало.

Мне бы очень хотелось, чтобы Вы попали в этот 1% асов вёрстки, которые обеспечивают все 4 пункта, но для этого нужно очень хорошо знать HTML и CSS и, главное, практиковаться, регулярно практиковаться, причём в простом редакторе, а не в каком-нибудь DreamWeaver (если используете визуальную часть этого редактора, то Вы автоматически попадаете в те 49%). Поэтому ежедневно практикуйтесь, и уже через пару месяцев Вы будете хорошо верстать.

И, наконец, отличным вариантом обучения вёрстке будет вот этот курс: Вёрстка сайта с нуля - который обучит Вас всем азам, покажет несколько примеров вёрстки различных страниц и даст массу упражнений для закрепления знаний.

Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!

Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.

Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления

Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.

Порекомендуйте эту статью друзьям:

Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):

  1. Кнопка:

    Она выглядит вот так: Как создать свой сайт

  2. Текстовая ссылка:

    Она выглядит вот так: Как создать свой сайт

  3. BB-код ссылки для форумов (например, можете поставить её в подписи):

Комментарии (15):

RussianPro RussianPro 27.12.2011 11:46:48

Михаил, в 3 пункте говорится о адаптации сайта к разным разрешениям экранов пользователей и о горизонтальной полосе прокрутки. У вас на сайте есть горизонтальная полоса прокрутки!!! Я смотрю ваш сайт через Google Crome с разрешением экрана 1366x768. Попробуйте в CSS-файле этой страницы к тегу BODY добавить padding: 0; margin: 0; должна исчезнуть.

Ответить

Admin Admin 27.12.2011 12:09:14

Да, нет, проблема не в этом была, тем более, что margin и padding стояли. Было некорректное отображение рамки в chrome у верхнего меню. Подправил, теперь должно быть нормально.

Ответить

RussianPro RussianPro 27.12.2011 12:36:24

Проблема осталась!

Ответить

Admin Admin 27.12.2011 13:09:53

Возможно, в хеше сохранилось, потому что только что посмотрел - проблемы больше нет.

Ответить

Быдлокодер Быдлокодер 11.01.2012 09:01:55

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

Ответить

Admin Admin 11.01.2012 12:26:28

Вот про Dreamweaver: http://myrusakov.ru/html-dreamweaver.html К любой другой аналогичной программе данная статья также полностью относится.

Ответить

Profi30 Profi30 20.01.2012 14:35:03

Согласен. Читая статью про DW, не раз ловил себя на мысли, "это же можно сказать и про мою программу". Уже убедился, если делаешь код в какой-то программе, не забудь потом проверить его в обычном блокноте. Тем более, что блокноты ведь тоже разные бывают.

Ответить

sergeevna sergeevna 07.02.2012 16:41:33

Здравствуйте Михаил.Могли бы Вы проконсультировать меня как профессионал по такому вопросу? Я полностью заменила дизайн сайта(шаблон). Подскажите пожалуйста,как лучше загрузить его на сервер? Сначала удалить старые страницы, а потом загрузить новые или как?

Ответить

Admin Admin 07.02.2012 21:44:20

Сначала удалите всё старое, а потом загрузите новое.

Ответить

klinok klinok 25.04.2012 23:26:23

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

Ответить

Admin Admin 25.04.2012 23:34:55

Самый частый аргумент бездельников и халтурщиков. Даже сейчас этими браузерами пользуются примерно 3.5% всех пользователей. И как показывает практика, практически всегда сайт, плохо отображающийся в IE6 и IE7, будет также плохо отображаться в некоторых других браузерах. Таким образом, процент будет возрастать. Для всяких левых сайтов, возможно, эти 3.5% и немного, но для серьёзных сайтов 3.5% - это очень много, особенно, если посещаемость огромная.

Ответить

klinok klinok 25.04.2012 23:45:56

Насчет халтурщиков не знаю, эта лекция читалась в Бауманке. В качестве примера приведен магазин OZON, якобы они сворачивают поддержку IE6 поскольку затраты на эту поддержку приносят явные убытки ресурсу. Я так предполагаю, что все маркетинговые исследования были проведены.

Ответить

Admin Admin 26.04.2012 05:59:34

Это их ошибка, но они от этого сильно не обеднеют. Хотя никаких проблем с отображением Ozon в IE6 я не увидел.

Ответить

lev_100rus lev_100rus 03.01.2013 20:05:26

Не "внутренние тегА должны иметь отступ от внешних" А наверное "Внутренние тегИ" ?

Ответить

Admin Admin 03.01.2013 21:23:38

Спасибо, исправил!

Ответить

Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.