HTML и CSS: Верстка сайта от А до Я

Курс: «HTML и CSS: Верстка сайта от А до Я». Материал от известной обучающей школы. Рассчитан на новичков в теме верстки сайтов, так как курс записан давно. В целом, отзывы хорошие. Рекомендуем для изучения! Материал прислал Web с комментарием:

Привет! Делюсь крутым курсом, который даст мощный толчок для начинающих в верстке. Курс записан давно, это видно, но это не делает курс плохим. Если вы хотите изучить азы темы и иметь представление, как это работает — рекомендую начать именно с этого курса, а потом приступать к более профессиональным и свежим материалам. Курс хвалят и купить его можно до сих пор. Рекомендую!

Материал может быть удален по запросу правообладателя!

Описание курса:

Я собираюсь показать Вам, как НАУЧИТЬСЯ верстать сайты любой сложности, при этом делать это с валидным и чистым кодом, кроссбраузерно и с адаптированием под разные разрешения экрана.

Воспользуйтесь моей системой, и всего через несколько недель, вы сможете:

  • Создавать страницы любой сложности;
  • Делать вёрстку кроссбраузерной;
  • Адаптировать сайт под разные разрешения экрана;
  • Писать красивый и валидный код;
  • Зарабатывать, верстая сайты на заказ.

Обратите внимание: вы станете ОТЛИЧНЫМ ВЕРСТАЛЬЩИКОМ! Качество вашей вёрстки будет во много раз превосходить качество вёрстки даже у компаний, я уже молчу про всяких фрилансеров! Следовательно, у Вас будет полным-полно заказчиков, в том числе, и постоянных. Главное, сделать первый шаг…

Из курса вы узнаете:

  • Язык HTML, а также все необходимые теги для вёрстки любого сайта. Это как раз для новичков, которые вообще ещё сайты не создавали.
  • Язык CSS. Синтаксис, свойства и их значения – всё, что нужно для вёрстки абсолютного любого сайта.
  • На РЕАЛЬНЫХ ПРИМЕРАХ увидите, как происходит вёрстка. Мы сверстаем 3 страницы. Самую простую, средней и высокой сложности. Всё это будет происходить на Ваших глазах.

Программа обучения:

ОЗНАКОМИТЬСЯ
Раздел 1: Введение:

Лекция 1.1 Что такое верстка?
Лекция 1.2 Необходимое ПО

Раздел 2: HTML:

Лекция 2.1 Что же такое HTML?
Лекция 2.2 Создание HTML-страницы
Лекция 2.3 Работа с текстом в HTML
Лекция 2.4 Работа со списками в HTML
Лекция 2.5 Работа с изображениями в HTML
Лекция 2.6 Работа с ссылка в HTML
Лекция 2.7 Работа с таблицами в HTML
Лекция 2.8 Работа с формами в HTML
Лекция 2.9 Работа с блоками
Лекция 2.10 Спецсимволы

Раздел 3: Первая верстка:

Лекция 3.1 Знакомство с шаблоном
Лекция 3.2 Создание структуры HTML-кода
Лекция 3.3 Реализация структуры HTML-кода
Лекция 3.4 Кроссбраузерность
Лекция 3.5 Адаптация под разные разрешения экрана
Лекция 3.6 Проверка валидности

Раздел 4: CSS:

Лекция 4.1 Что такое CSS?
Лекция 4.2 Синтаксис CSS
Лекция 4.3 Подключение стилей к странице
Лекция 4.4 Селектор по элементу
Лекция 4.5 Контекстный селектор
Лекция 4.6 Селектор CLASS
Лекция 4.7 Селектор по ID
Лекция 4.8 Селектор по параметру
Лекция 4.9 Псевдоэлементы
Лекция 4.10 Принцип наследования

Раздел 5: Основной набор CSS-свойств:

Лекция 5.1 Задание вида текста
Лекция 5.2 Задание цвета
Лекция 5.3 Задание рамки
Лекция 5.4 Задание фона
Лекция 5.5 Задание отступов и полей
Лекция 5.6 Плавающие блоки
Лекция 5.7 Выравнивание
Лекция 5.8 Некоторые псевдоэлементы

Раздел 6: Блочная верстка:

Лекция 6.1 Знакомство с шаблоном
Лекция 6.2 Подготовка к верстке
Лекция 6.3 Шапка и фон
Лекция 6.4 Центральная часть сайта
Лекция 6.5 Подвал
Лекция 6.6 Кроссбраузерность
Лекция 6.7 Адаптация под разные разрешения экрана
Лекция 6.8 Проверка валидности

Раздел 7: Верстка реального сайта:

Лекция 7.1 Знакомство с шаблоном
Лекция 7.2 Нарезаем шаблон
Лекция 7.3 Голова документа
Лекция 7.4 Добавление логотипа и контактов
Лекция 7.5 Верхнее меню
Лекция 7.6 Шапка сайта
Лекция 7.7 Меню и форма поиска
Лекция 7.8 Таблица с товарами
Лекция 7.9 Нумерация страниц
Лекция 7.10 Подвал
Лекция 7.11 Кроссбраузерность
Лекция 7.12 Адаптация
Лекция 7.13 Проверка сайта под разными разрешениями
Лекция 7.14 Проверка валидности

Раздел 8: Заключение:

Лекция 8.1 Подводим итоги
Лекция 8.2 Заключение

Раздел 9: Бонусы: Как заработать, верстая сайты:

Лекция 9.1 Где найти заказчика?
Лекция 9.2 Важные нюансы и поиск заказчика
Лекция 9.3 Как правильно писать заказчику

Если Вы не видите ссылку для скачивания материала — отключите блокиратор рекламы и добавьте наш сайт в список исключений. Если Вы против рекламы на нашем сайте — покупайте контент напрямую у авторов.

Материал предоставлен исключительно для ознакомления!

Опубликовано: Web

Окт 24, 2018


FavoriteLoadingДобавить в закладки

Всего комментариев: 9

  • Ответить

    Валерий

    Октябрь 24, 2018 в 16:11

    Сколько времени нужно затратить, чтобы пройти курс, если с основами верстки уже знаком.

    (0)

  • Ответить

    djuice

    Октябрь 24, 2018 в 17:00

    Скачал,просмотрел пару видео и удалил.Это старое видео о верстке за 2011 год которое вёл вроде Михаил русаков.Голос вроде его.Если честно видео как для новичка не совсем полезно

    (-1)

    • Ответить

      fegos

      Октябрь 24, 2018 в 19:52

      Я нечаянно минус поставил, извиняюсь. Забрать не получается.
      В вводном уроке он говорит про Firefox 7, Opera 11 и «разумеется под Internet Explorer, последний, 11-ый» :roll:

      (0)

    • Ответить

      Amigo

      Октябрь 24, 2018 в 22:51

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

      (2)

    • Ответить

      vinyardrip

      Октябрь 25, 2018 в 03:31

      Не смотрел. Если там русаков, то не тратьте время. Это худшее, что может быть из уроков. Чел даже фотошопом на элементарном уровне не может пользоваться, а табличная верстка полезна если только собираешься е-мейл письма верстать, ну и чисто ради ознакомления.

      (0)

  • Ответить

    kel91

    Октябрь 24, 2018 в 20:27

    Этому курсу 8 лет. Тогда еще Русаков ходил в школу и делал робкие попытки в инфобизе.

    (0)

    • Ответить

      vinyardrip

      Октябрь 26, 2018 в 01:32

      Он на нем и поднялся, правда продукт выдавал отвратительный. Впрочем сейчас не лучше

      (0)

  • Ответить

    desperado32

    Октябрь 30, 2018 в 22:59

    Курс древний как навоз мамонтов. Вообще нет смысла даже на диске держать, а не то, что смотреть.

    (0)

  • Ответить

    ZloyBambr

    Октябрь 31, 2018 в 12:36

    Курс древний, автор даже с фотошопом не может обращаться, да и вообще в теме плавает. Отзывы о Русакове и его курсах сплошной негатив, ценник конский на курсы, пользы за эту цену можно получить гораздо больше купив хорошую книгу, чтобы практиковать верстку даже сервер не нужен, все в браузере. На том же удеми есть курсы качественней, да и на ютубе совсем недавно находил годные уроки по верстке. Есть даже целый курс, на ютубе бесплатно по теме, чел шикарно все этапы показывает от макета до готового решения. Курс называется «Создание сайта под ключ на заказ» автор Webdesign Master на ютубе кому интересна тема посмотрите, все очень достойно. :!:

    (0)

Оставить комментарий


* - обязательное поле для заполнения.

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:

Подтвердите, что Вы не бот — выберите человечка с поднятой рукой:

Уведомлять меня при ответах на мои комментарии



Нужно продвинуть ваш бизнес/группу/встречу во Вконтакте? Попробуй BotsApp!

Возможности сервиса:

Скачай бесплатно!