Курс HTML и CSS - верстка сайтов для начинающих

Начальный путь обучения будущих веб-мастеров должен начинаться с курса по изучению HTML и CSS, ведь это и есть ядро интернет сайта. Для открытия самой простой странички не нужен будет ни дизайн, ни сервер, ни язык программирования, достаточно создать грамотную HTML-разметку текста и написать сам текст. Всё остальное служит для улучшения эффективности сайта, то есть чтобы сайт нравился людям, то необходимо нарисовать красивый дизайн; чтобы сайт был многофункциональным и динамичным - необходимо установить сервер и написать на языке программирования PHP код; чтобы сайт начали находить в поисковиках Google, Yandex и т.д. - необходимо грамотно и структурировано составить текст. Поэтому мы начинаем изучать создание сайтов с верстки сайтов, а именно написанию HTML-разметки.

Данный курс рассчитан как обязательный для всех. Уроки подойдут абсолютно всем, так как сложность будет расти по мере изучения основы html, а решать будем типовые задачи верстальщика на html примерах, и если до этого момента вы были чайником, то по окончанию курса вы без труда сможете ответить на вопрос "как сделать сайт html". Так же в этом курсе мы поверхностно изучим Photoshop - программа для работы с изображениями, это будет минимальный пакет джентльмена, необходимый для любого верстальщика. На последнем уроке мы сверстаем готовый HTML шаблон (готовый макет/дизайн сайта), а последним домашнем заданием будет самостоятельно выбрать из доступных шаблонов и сверстать полностью с нуля до конечного продукта!

Что такое HTML программирование? Создание сайтов в интернете начинается с дизайна. Дизайнер создаёт дизайн, который необходимо перевести в программный код: навигация, ссылки и кнопочки должны нажиматься, картинки должны быть независимыми с возможностью сохранять на компьютере, текст удобный и грамотно оформленный, его обязательно захотят выделить и сохранить для себя. Всем этим и занимается верстальщик, а именно пишет HTML разметку кода и CSS стили.

Курс HTML и CSS: с нуля для начинающих

Описание курса
Дата выпуска
19.11.2017
Продолжительность
20 часов
Уровень
Начинающий
Уроков
11
Домашних заданий
5
0.1

Вступительный урок: веб-разработчик изнутри

Кто занимается созданием сайта, какие профессии и какова их роль, Какие сайты по типу технического и графического решений можно выделить, Основная терминология при создании сайта
0.2

Устанавливаем необходимые программы

Установка браузеров, FileZilla, Skype, TeamViewer, Настройка Skype и панели задач, Установка веб-сервера Open-Server, Установка среды разработки IDE PHPStorm
1

Начинаем изучать HTML, теги, атрибуты тегов и их свойства

Верстка и её предназначение, Использование .html и .css файлов, Верстка как способ общения с поисковиками
2

Структура HTML: Doctype, head, body

Структура HTML: Doctype, head, body, Блок-пустышка div и его взаимодействие с тегами p и h1, Использование блока head, кодировки и файла normalize.css
3

Навигация и ссылки

Ссылки, Формат ссылок, Ссылки в SEO, Дочерний селектор: .class .subclass
4

Графика в вебе, img, background-image, CSS-спрайты

Пиксели как минимальная единица измерения, Разница между растровой и векторной графикой, img и background-image, CSS-Спрайты для сайтов
5

Блочная верстка сайтов

Верстка сайтов при помощи блоков, Структура сайта: header, nav, main, aside, footer, Современная верстка колонок через блоки, Псевдоэлементы :after и :before
6

Таблицы, слои и позиционирование

Верстка табличных данных через таблицу
7

Типы верстки: табличная, блочная и адаптивная

Изучаем современные типы верстки, Рассматриваем причину устаревания табличной верстки, Прогнозируем и готовимся к будущему верстки
8

Начинаем изучать Photoshop, нарезаем шаблон

Стандартные инструменты, Нарезка картинок
Главная БАЗОВЫЙ КУРС ПЕРВЫЙ УРОВЕНЬ программирования ВТОРОЙ УРОВЕНЬ верстки ВТОРОЙ УРОВЕНЬ программирования Начать обучение Запуск проекта Мелкие трюки Делимся практикой трудоустройства Проверь свои знания Задачи по PHP MySQL Блог Отзывы