Какие задачи сможет решать слушатель, после прохождения курса:
- создать собственный сайт и выполнить его продвижение; - настроить собственные онлайн-площадки и увеличить их продажи; - выполнять работы по доработке авторских модулей к популярным CMS: Wordpress, Joomla, 1C Bitrix и других; - стать разработчиком шаблонов для сайтов популярных платформ Tilda, Wix и других;
Для начала занятий курсом достаточно общее владение компьютером.
Найдите своё место на рынке IT-профессионалов!
Занятия проходят в дистанционном формате в вечернее время с 18.00 до 21.00
Все материалы по курсу предоставляются на русском языке.
По окончании курса слушателю выдается сертификат Учебного центра РДТЕХ/удостоверение о повышении квалификации.
- Представители разных профессий, находящиеся в поиске перспективной области деятельности и переквалификации;
- творческие люди (художники, ремесленники), которые хотят научиться создавать и развивать собственную авторскую площаду (например, для портфолио и демонстрации своих работ в интернете)
- предприниматели, желающие разговаривать на одном языке с разработчиками и техподдержкой своих сайтов и интернет-магазинов;
- программисты, желающие освоить новый сегмент разработки ПО;
- дизайнеры, готовые освоить новую область деятельности и перейти к верстке сайтов по своим макетам;
- и все, кто интересуется интернет-технологиями и их применением в своей деятельности.
1. Введение.Основные понятия среды WWW, первая HTML-страница.
Разберем что такое Интернет, всемирная паутина (WWW),система доменных имен (DNS),протокол HTTP(S), web-сервер, web-сайт; Рассмотрим, как работает HTML, его элементы и историю появления языка; Познакомимся с инструментами и методикой разработки; Напишем первые странички HTML нашего web-сайта.
Практикум:
Планирование проектного пространства; Обсуждение требований на разработку(ОПЗ); Знакомство с некоторыми методиками работы; Создание главной страницы сайта; Создание внутренних страниц сайта;
2. Каскадные таблицы стилей:введение в CSS3.
Знакомство с принципами CSS3; Определение и использование правил стиля; Селекторы CSS3, их свойства и значения; Каскадирование и наследование стилей; Применение разных типов селекторов; Различные форматы изображений и их использование;
Практикум:
Разработка таблиц стилей для сайта; Доработка сайта в соответствии с заданием с применением таблиц стилей (2 варианта); Добавление изображений и текста на страницы сайта; Переключение между 2-мя стилями сайта.
3. Структурирование контента HTML-документа. Основные принципы и требования к элементам.
Знакомимся с моделями отображения браузера: блочно-потоковая, плавающая (float), гибкая (flex); Строим горизонтальное меню; Формируем структуру с помощью элементов: списки, таблицы; Добавляем правила стилей для списков и таблиц.
Практикум:
Добавление горизонтального меню на страницы сайта; Добавление динамики поведения элементов с помощью CSS3; Добавление таблицы с данными на главную страницу;
4. Хостинг: знакомство с основами. Обзор и анализ представленных на рынке предложений.
Знакомимся с базовыми понятиями хостинга; Изучаем типы хостингов и отличия между ними, плюсы и минусы; Облачный хостинг;
Практикум:
Протокол ftp; Устанавливаем ftp-клиент; Настраиваем ftp-клиент и и выполняем перенос сайта на удаленный хостинг;
5. Формы данных. Отправка данных на web-сервер, прием и обработка.
Изучаем элементы для передачи данных на web-сервер; Знакомство с механизмом передачи данных от браузера на web-сервер;
Практикум:
Разработка страницы для отправки данных; Разработка скрипта для приема и обработки данных;
6. Работа с макетом: верстка сайта HTML5/CSS3 на основе готового макета.
Изучение принципов html - верстки на основе дизайн - макета;
Практикум:
Доработка страниц сайта в соответствии с заданным макетом; Разработать правила стиля в соответствии с макетом и скорректировать таблицу стилей;
7. Основы продвижения сайтов. SEO, поисковые системы и роботы.
Изучение принципов работы поисковых сервисов и поисковых роботов; Знакомство с SEO; Изучение принципов внутренней и внешней оптимизации web-сайтов; Изучение синтаксиса метатегов;
Практикум:
Используем метатеги для управления поведением поискового робота;
8. Обзор и применение новых элементов HTML5.
Знакомство с перечнем новых элементов; Знакомство с новым API в HTML5; Применение новых элементов на страницах.
Практикум:
Добавляем на сайт новые элементы и изучаем их поведение.