Скрыть объявление
infoclub

Самая большая база в Рунете. Более 30 000 курсов ! Присоединяйся :)

Быстрая регистрация

Складчина [Михаил Русаков] Вёрстка сайта с нуля 2.0

Тема в разделе "Программирование", создана пользователем PolenGo, 13 ноя 2017.

  1. [Михаил Русаков] Вёрстка сайта с нуля 2.0
    [Михаил Русаков] Вёрстка сайта с нуля 2.0 | [Infoclub.PRO]
    Автор: Михаил Русаков
    Год выпуска: 2017

    Раздел №1. Введение
    Раздел состоит из 3-х видеоуроков:
    1. Как проходить курс?
    2. Что такое вёрстка и каковы её задачи?
    3. Как выглядит Web-страница изнутри?
    Просмотрев этот раздел, Вы узнаете, как наиболее эффективно проходить курс, узнаете более подробно про вёрстку, а также про её критерии качества. Так же Вы познакомитесь с исходным кодом Web-страницы, и сможете уже понять, из каких частей она состоит и как они между собой взаимосвязаны.

    Раздел №2. Изучаем HTML
    Раздел состоит из 15-ти уроков:

    1. Установка редактора
    2. Создание первой Web-страницы
    3. Добавление заголовков
    4. Теги для текста
    5. Добавление списков/li>
    6. Добавление изображений
    7. Добавление ссылок
    8. Организация контента на странице
    9. Элемент iframe
    10. Таблицы
    11. Формы
    12. Добавление видео
    13. Добавление аудио
    14. Добавление favicon
    15. Мнемоники в HTML
    В данном разделе Вы получите всё необходимое, что Вам нужно знать по HTML, с упором именно на последнюю 5-ю версию этого языка. Вы узнаете, какой редактор лучше всего использовать для написания HTML-кода, получите все знания по тому, как выводить самый разнообразный контент на странице, научитесь правильно проектировать структуру страницы, согласно стандартам HTML5 и многое-многое другое.

    Раздел №3. Изучаем CSS
    Если HTML отвечает за разметку Web-страницы, то CSS отвечает уже за внешний вид. И в данном разделе, состоящем из 14 уроков, Вы его отлично изучите:

    1. Основы CSS
    2. Как подключить CSS
    3. Подключение шрифтов
    4. Внешний вид текста
    5. Единицы измерения
    6. Селекторы
    7. Внешний вид списков
    8. Внешний вид блоков
    9. Задание фона
    10. Градиент
    11. Обтекание блоков
    12. Позиционирование блоков
    13. Анимация
    14. Трансформации
    После прохождения раздела по CSS у Вас уже будет полный багаж знаний для успешной вёрстки сайтов любой сложности. Однако, без практики Вам будет сложно, поэтому чтобы упростить процесс обучения, были записаны следующие два раздела.

    Раздел №4. Вёрстка страниц
    Поскольку начинать надо с чего-то простого, в этом разделе мы сверстаем следующую страницу, применяя знания из предыдущих разделов.

    Эта страница, с одной стороны, несложная, с другой стороны, имеет множество классических примеров вёрстки, с которыми я Вас как раз и познакомлю. Вы увидите, как с нуля верстается полноценная Web-страница от начала и до конца. Сам раздел состоит из 6-ти уроков:

    1. Как правильно верстать страницу?
    2. Подготовительные работы
    3. Верхнее меню
    4. Форма загрузки файла
    5. Галерея
    6. Подвал и подведение итогов
    После просмотра этих уроков у Вас уже будет полное понимание того, как верстаются Web-страницы, и Вы уже сможете легко верстать несложные сайты.

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

    Дизайн страницы, будет как в примере справа.

    1. Подготовительные работы
    2. Логотип и верхняя часть сайта
    3. Верхнее меню и форма поиска
    4. Заголовок и галерея
    5. Навигация и нижний баннер
    6. Нижнее меню, логотип и баннер
    7. Подвал
    8. Подведение итогов
    После прохождения данного раздела Вы научитесь на практике применять FlexBox, а также уже сможете верстать страницы любой сложности. А с опытом будете делать это ещё и быстро.

    Раздел №6. Адаптивная вёрстка
    Поскольку с каждым годом доля мобильного трафика растёт, встаёт вопрос об адаптации сайтов под мобильные устройства. Именно этому Вы и научитесь в этом разделе из 7-ми уроков:

    1. Что такое адаптивная вёрстка?
    2. Медиа-запросы
    3. Адаптация верхней части
    4. Адаптация центральной части
    5. Адаптация навигации по страницам
    6. Адаптация нижней части
    7. Заключение
    Помимо всей необходимой теории по адаптивной вёрстке сайтов, Вы увидите пример адаптации сложной вёрстки (из предыдущего раздела) под самые различные мобильные устройства. После прохождения данного раздела Вы сможете адаптировать любые Web-страницы под любые устройства.


    Продажник:
     
  2. Когда оплата? Не вижу чтобы где-то было написано.
     
  3. Самому интересно
     
  4. Недостаточное количество людей для покупки курса у автора. Сейчас цена курса составляет 3970 рублей. Если только делать рескладчину, но по каким-то причинам не проводят складчину на других ресурсах тоже.
     
    Последнее редактирование: 20 ноя 2017
  5. А может увеличить расчетный взнос?
     
  6. Сейчас 23 человека (включая меня) в складчине. Платить придется по 175 рублей. Я точно говорю, что кто-нибудь, да не заплатит)) Люди даже 30 рублей не могут оплатить, а тут 175... Не буду повышать взнос.
     
  7. Давайте уже покупать!!!
     
  8. 12 и 13 декабря по курсу будет распродажа. Будет стоить 670 рублей. Нас сейчас 24 чел. по 30 руб. = 720 руб.
     
  9. Спасибо за новость. Постараюсь взять)
     
  10. Здравствуйте.
    Когда можно уже покупать?
     
  11. Пока не могу сказать.
     
  12. давайте по 200 руб заплатим и заберем курс, это же мелочь
     
Загрузка...
Похожие темы
  1. PolenGo
    Ответов:
    22
    Просмотров:
    3.803