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

[Малыш Джон]

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

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

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

• Основы HTML
• Структура Родительский/Дочерний элемент
• Основы CSS
• ID Селекторы
• Написание кода и стилей
• Из чего состоит веб-страница

Каждая веб-страница, которую вы видите в сети была создана с использованием своего языка или кода. Существует огромное количество языков программирования, которые могут заставить ваш веб-сайт делать различные вещи, но два самых главных языка для изучения это 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: В каком направлении двигаться дальше и Бонусы

Подробнее:

Скачать: