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

24 октября, 2018

Курсы по программированию
gift HTML и CSS: Верстка сайта от А до Я

Coding Html 512 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

line2 HTML и CSS: Верстка сайта от А до Я
Внимание! Сайт работает в архивном режиме. Все новые публикации и активность на нашем форуме.
Подробнее

Комментарии

Вы должны быть зарегистрированы для того, чтобы оставлять комментарии.

13 комментариев

  • Ответить

    ZloyBambr

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

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

    2
  • Ответить

    korihox

    1 апреля, 2019 в 15:28

    Древний,древний… И что, что древний? для начинающего самое то ,я бы даже сначала посоветовал его первый бесплатный курс “Видеокурс по основам html”, а потом переходить уже к этому.Даже не посоветовал,а порекомендовал бы.Подумаешь что табличная верстка, за то быстрее поймешь как работать с таблицами, а таблицы ( не табличная верстка) и сегодня не кто не отменял, так что только на пользу.

    Основы html и css как были в 2011, так и остались, да, есть html5, но это дополнение к html, а не замена. На таких старых курсах как раз и нужно начинать учиться, нет большой нагрузки. А взять сегодняшние курсы которые как пишут для новичков, так чего там только не напихано, да, все это нужно знать и на этом всём сейчас и верстают, это легче освоить если ты в теме,но если ты полный ноль и тебе дают курс где есть html, css, html5, css3, flexbox, Grid, Bootstrap, Sass и.т.д. и на всем этом тебе нужно сразу учиться верстать, тут за голову схватишься,а такие старые курсы как раз самое то,всего по немногу и постепенно,пусть и устаревшее.

    Вы по любому уже знаете верстку (я на это надеюсь раз такие комментарии оставляете) и знаете давно, тоже ведь проходили все постепенно, а комментируете как будто в название курса написано что курс для продвинутых.

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

    Вот и сама выборка и порядок, может кому и пригодится:
    1.”Видеокурс по основам html”
    2. “Верстка сайта с нуля”
    3. “HTML5 и CSS3 с нуля до Гугу”
    4. “Основы javascript,jQuery и Ajax”
    5. “javascript,jQuery и Ajax с Нуля до Гуру”
    6. “Видеокурс по основам PHP”
    7. “PHP и MySQL с Нуля до Гуру”
    8. “Создание и раскрутка сайта от А до Я”

    А дольше уже переходить на новые курсы в то направление куда душа ляжет.

    1
    Показать 1 ответ
    • Ответить

      Lesnik

      15 ноября, 2019 в 23:50

      Я полностью с вами согласен.

      1
      Показать 1 ответ
      • Ответить

        heretic18

        16 ноября, 2019 в 12:18

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

        0
        Показать 1 ответ
        • Ответить

          openssource

          16 ноября, 2019 в 15:04

          Напишите нам на почту, поможем.

          0
  • Ответить

    Валерий

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

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

    0
  • Ответить

    kel91

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

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

    0
    Показать 1 ответ
    • Ответить

      vinyardrip

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

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

      0
  • Ответить

    desperado32

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

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

    0
  • Ответить

    djuice

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

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

    0
    Показать 3 ответа
    • Ответить

      Amigo

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

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

      1
    • Ответить

      fegos

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

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

      0
    • Ответить

      vinyardrip

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

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

      0