Создание веб-сайта с нуля с помощью HTML & CSS

2a76cc55788610797cedc9651cf67d42 Создание веб сайта с нуля с помощью HTML & CSS

Курс: «Создание веб-сайта с нуля с помощью HTML & CSS». Прекрасный материал для разработчиков. Подойдет для любого уровня: от начинающих до профессионалов! Материал прислал анонимный пользователь с комментарием: «Шикарный курс! Изучайте, будет куда полезней горы курсов с глопарт! Сам еще в процессе изучения!» Материал рекомендуем для изучения. Материал может быть удален по запросу правообладателя! Оцениваем курс icon smile Создание веб сайта с нуля с помощью HTML & CSS

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

В данном курсе содержится более 77 лекций и 8 часов контента, которые дадут вам основы, позволят вам начать понимать HTML и CSS. Данный курс нацелен на то чтобы вы начали писать код с самого начала, так что вы будете учиться через практику, вы так же к концу курса создадите свою собственную полностью работающую HTML и CSS веб-страницу. Вы начнете с изучения HTML и CSS, так у вас появится понимание того, что это такое. В течении курса вы напишите несколько мини веб-страниц, которые помогут вам закрепить материал, который вы изучили.

Каждый от веб-дизайнера до блоггера, от программиста до владельца бизнеса может получить выгоду от изучения HTML и CSS. Научитесь создавать ваши собственные динамические веб-страницы или научитесь управлять теми веб-сайтами, которые у вас уже есть. Если вы планируете стать веб-программистом или веб-дизайнером, HTML и CSS являются двумя языками в которых вам необходимо преуспеть. Кстати, HTML требуется для всех, кто хочет стать веб-разработчиком. Изучение его вместе с CSS позволит тебе стать мастером в разработке дизайна веб-страниц.

Учебный план:

Открыть
Раздел 1: Начнем
Лекция 1: Добро пожаловать и Что мы изучаем
Лекция 2: Что такое HTML и CSS?
Лекция 3: Структура документа HTML: теги, атрибуты и элементы
Лекция 4: Конвенция имен файлов и папок
Лекция 5: Типичная структура файлов и папок вебсайта
Лекция 6: Настраиваем файлы проекта
Лекция 7: Инструменты продажи

Раздел 2: Основы HTML: Часть I
Лекция 8: Начинаем свою первую веб-страницу
Лекция 9: DOCTYPE
Лекция 10: Базовая структура HTML документа
Лекция 11: Название страницы
Лекция 12: Заголовки
Лекция 13: Параграфы
Лекция 14: Курсив и Жирный текст
Лекция 15: Структура родительский/дочерний элемент в HTML
Лекция 16: Замарай свои руки

Раздел 3: Основы HTML: Часть II
Лекция 17: Гиперссылки
Лекция 18: Списки
Лекция 19: Изображения
Лекция 20: Тег Address
Лекция 21: Замарай свои руки!

Раздел 4: Основы HTML: Часть III
Лекция 22: Таблицы
Лекция 23: Формы
Лекция 24: Специальные символы HTML
Лекция 25: Замарай свои руки!

Раздел 5: Основы HTML: Часть IV
Лекция 26: IDs и классы
Лекция 27: Элементы Span и Div
Лекция 28: Header и Footer
Лекция 29: Элементы Nav, Section и Article
Лекция 30: Элемент Aside
Лекция 31: Элемент Time
Лекция 32: Аббревиации и кавычки
Лекция 33: Замарай свои руки!

Раздел 6: Основы CSS: Часть I
Лекция 34: Правило Стиля
Лекция 35: Стили в строке
Лекция 36: Внутренние стили
Лекция 37: Внешние стили
Лекция 38: CSS Селекторы, свойства и значения
Лекция 39: Наследование свойств стилей
Лекция 40: Пиксели, проценты, точки и em!
Лекция 41: Замарай свои руки!

Раздел 7: Основы CSS: Часть II
Лекция 42: ID селекторы
Лекция 43: Селекторы классов
Лекция 44: Селекторы потомка
Лекция 45: Групповые селекторы
Лекция 46: Замарай свои руки
Лекция 47: Замарай свои руки — Небольшое обновление

Раздел 8: Основы CSS: Часть III
Лекция 48: Коробочная модель
Лекция 49: Colours (или Colors)
Лекция 50: Оформление и форматирование текста
Лекция 51: Сексуальные шрифты
Лекция 52: Рамки
Лекция 53: Фоновые изображения
Лекция 54: Стилизуем формы
Лекция 55: Замарай свои руки!

Раздел 9: Основы CSS: Часть IV
Лекция 56: Стилизуем ссылки
Лекция 57: Блочные и строчные элементы
Лекция 58: Свойства Float и Clear
Лекция 59: Позиционирование CSS
Лекция 60: Специфика CSS
Лекция 61: Замарай свои руки! (Часть1)
Лекция 62: Замарай свои руки! (Часть 2)

Раздел 10: Соединяем все вместе
Лекция 63: Финальный обзор веб-сайта
Лекция 64: О файлах курса
Лекция 65: HTML: Кодирование Header и Hero
Лекция 66: HTML: Кодирование основного контента
Лекция 67: HTML: Кодирование блока «Новости и события»
Лекция 68: HTML: Кодирование Footer
Лекция 69: CSS: Добавление Normalize.css
Лекция 70: CSS: Основные стили и оформление
Лекция 71: CSS: Оформление Header
Лекция 72: CSS: Оформление Hero
Лекция 73: CSS: Оформление основного контента
Лекция 74: CSS: Оформление блока «Новости и события»
Лекция 75: CSS: Оформление Footer
Лекция 76: Законченный продукт и подведение итогов
Лекция 77: В каком направлении двигаться дальше и Бонусы

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

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

⚡Первый закрытый Пиратский клуб веб-мастеров и предпринимателей! Закрытый клуб веб-мастеров и предпринимателей, который помогает своим участникам создать и масштабировать бизнес. Наш клуб специализируется на масс-маркете услуг по сайтостроению и SEO-оптимизации, генерации трафика и создания своего IT бизнеса. Работа в клубе уже идет!❗Количество участников ограничено, но еще есть места.   👉👉👉 Вступить в клуб

Фев 14, 2016


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

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

  • Ответить

    Romuald

    14 февраля, 2016 в 23:17

    какое-то дежа-вю… как будто уже выкладывали этот курс здесь…

    (3)

  • Ответить

    Prefer

    15 февраля, 2016 в 13:45

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

    (2)

    • Ответить

      Alester

      19 февраля, 2016 в 21:31

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

      (0)

  • Ответить

    vashrenos

    14 февраля, 2016 в 18:35

    Во честно, я не понимаю, чего там может быть растянуто на 77 лекций? :|

    (0)

  • Ответить

    Brado

    14 февраля, 2016 в 21:52

    Я не по теме , к админам ,Вы так смело ставите ссылки без анонимайзеров , странно

    (0)

    • Ответить

      openssource

      15 февраля, 2016 в 00:26

      Какие ссылки?

      (0)

  • Ответить

    Vikttttt

    15 февраля, 2016 в 12:09

    интересно получается!на этот сайт сливают курсы.а потом кто то берет и под именем анатолий ципленков их сливает на глопарт))))

    (0)

    • Ответить

      cluster

      15 февраля, 2016 в 12:45

      У этого курса есть хоть какая-то минимальная ценность для новичков. Умение клепать свои сайты всегда пригодится.

      (0)

  • Ответить

    vic600

    15 февраля, 2016 в 13:24

    В принципе если не лень такой курс может написать любой кто пишет сайты. Так что вот вам и новая идея. И желательно все упростить. Зачем растягивать на 77 лекций. :o Хотя автора можно понять : чтобы курс казался дорогим и стоил этих денег. :mrgreen:

    (0)

    • Ответить

      rafa

      16 февраля, 2016 в 18:46

      Конечно можно ,если вы гений и за два дня

      (0)

  • Ответить

    Unregistered

    17 февраля, 2016 в 13:36

    Непонятно, в каком порядке изучать курс — все кодировки в названиях файлов сбиты. Видимо, пострадали при переезде. Просьба починить (перезалить). Спасибо.

    (0)

  • Ответить

    Prefer

    19 февраля, 2016 в 16:14

    Воспользуйтесь свежим winrar и все будет нормально с кодировкой

    (0)

    • Ответить

      Unregistered

      19 февраля, 2016 в 20:05

      Спасибо, помогло! :smile:

      (0)

  • Ответить

    bezom

    6 февраля, 2020 в 02:01

    Ссылка мертва

    (0)

  • Ответить

    rafa

    15 февраля, 2016 в 03:53

    Хороший курс .
    Вообще я этому учился по книгам. Очень полезные вещи .
    Не умея создавать свои сайты ,бесполезно, что то продать .
    Тут говорят:
    Сейчас наверное легче с конструкторами работать чем коды писать.
    Ответ: работайте с детским конструктором Лего.
    Очень плохо, если вы на свой сайт не в можете вписать ,ключевые слова ,название страницы ,имя сайта ……
    Курс не кнопка бабла !!

    (-1)

  • Ответить

    djuice

    14 февраля, 2016 в 17:36

    Думаю для начинающих будет самый раз.Посмотрю что внутри

    (-3)

  • Ответить

    Anderson

    14 февраля, 2016 в 17:39

    Сейчас наверное легче с конструктами работать чем коды писать :???:

    (-6)

    • Ответить

      neogonna

      14 февраля, 2016 в 18:04

      видно вы в этом ничего не понимаете))

      (2)

    • Ответить

      vic600

      15 февраля, 2016 в 13:20

      Да работайте на конструкторах. Будете всегда в на последнем месте. :grin:

      (0)

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


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

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

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

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