Вход / Регистрация
Вход
Курс HTML и CSS - верстка сайтов для начинающих
Начальный путь обучения будущих веб-мастеров должен начинаться с курса по изучению HTML и CSS, ведь это и есть ядро интернет сайта. Для открытия самой простой странички не нужен будет ни дизайн, ни сервер, ни язык программирования, достаточно создать грамотную HTML-разметку текста и написать сам текст. Всё остальное служит для улучшения эффективности сайта, то есть чтобы сайт нравился людям, то необходимо нарисовать красивый дизайн; чтобы сайт был многофункциональным и динамичным - необходимо установить сервер и написать на языке программирования PHP код; чтобы сайт начали находить в поисковиках Google, Yandex и т.д. - необходимо грамотно и структурировано составить текст. Поэтому мы начинаем изучать создание сайтов с верстки сайтов, а именно написанию HTML-разметки.
Данный курс рассчитан как обязательный для всех. Уроки подойдут абсолютно всем, так как сложность будет расти по мере изучения основы html, а решать будем типовые задачи верстальщика на html примерах, и если до этого момента вы были чайником, то по окончанию курса вы без труда сможете ответить на вопрос "как сделать сайт html". Так же в этом курсе мы поверхностно изучим Photoshop - программа для работы с изображениями, это будет минимальный пакет джентльмена, необходимый для любого верстальщика. На последнем уроке мы сверстаем готовый HTML шаблон (готовый макет/дизайн сайта), а последним домашнем заданием будет самостоятельно выбрать из доступных шаблонов и сверстать полностью с нуля до конечного продукта!
Что такое HTML программирование? Создание сайтов в интернете начинается с дизайна. Дизайнер создаёт дизайн, который необходимо перевести в программный код: навигация, ссылки и кнопочки должны нажиматься, картинки должны быть независимыми с возможностью сохранять на компьютере, текст удобный и грамотно оформленный, его обязательно захотят выделить и сохранить для себя. Всем этим и занимается верстальщик, а именно пишет HTML разметку кода и CSS стили.
Данный курс рассчитан как обязательный для всех. Уроки подойдут абсолютно всем, так как сложность будет расти по мере изучения основы html, а решать будем типовые задачи верстальщика на html примерах, и если до этого момента вы были чайником, то по окончанию курса вы без труда сможете ответить на вопрос "как сделать сайт html". Так же в этом курсе мы поверхностно изучим Photoshop - программа для работы с изображениями, это будет минимальный пакет джентльмена, необходимый для любого верстальщика. На последнем уроке мы сверстаем готовый HTML шаблон (готовый макет/дизайн сайта), а последним домашнем заданием будет самостоятельно выбрать из доступных шаблонов и сверстать полностью с нуля до конечного продукта!
Что такое HTML программирование? Создание сайтов в интернете начинается с дизайна. Дизайнер создаёт дизайн, который необходимо перевести в программный код: навигация, ссылки и кнопочки должны нажиматься, картинки должны быть независимыми с возможностью сохранять на компьютере, текст удобный и грамотно оформленный, его обязательно захотят выделить и сохранить для себя. Всем этим и занимается верстальщик, а именно пишет HTML разметку кода и CSS стили.
Курс HTML и CSS: с нуля для начинающих
Описание курса
Дата выпуска
19.11.2017
19.11.2017
Продолжительность
20 часов
20 часов
Уровень
Начинающий
Начинающий
Уроков
11
11
Домашних заданий
5
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, нарезаем шаблон
Стандартные инструменты, Нарезка картинок
9
Продолжаем изучать Photoshop, работаем с подготовленными шаблонами
Слои, Прозрачный фон