Про Basic
Сертифiкати
Введiть ID сертифiката:

Авторизацiя
E-Mail:

Пароль:

    Реєстрацiя :: Згадати пароль

Курс Front- End (HTML 5 , CSS 3) . Уровень 1

курсы веб дизайна, создание сайта, курсы html,css

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

Сегодня, когда компьютеры и Интернет проникли во все сферы жизни человека, практически каждой фирме, независимо от размера, сферы деятельности, местоположения необходимо свое представительство в Интернет. В связи с этим все большей популярностью пользуется специалисты, которые могут создавать вебсайты. Это Front-end, Backend разработчики . Если вы хотите попробовать себя в этом направлении , то начинать нужно с курса «HTML 5/ CSS 3». Курс ориентирован на углубленное профессиональное изучение HTML, CSS.
По окончании обучения у слушателей будет достаточно знаний, чтобы верстать на уровне кода простые сайты типа визиток (Landing page), наполнять существующие интернет-проекты, а также продолжить развитие в сфере веб-технологий и начать обучение по курсу Современная разработка на JavaScript .

В течении обучения вы научитесь:

  • верстать сайты «с нуля» на основе макета используя разметку HTML
  • оформлять страницы используя CSS
  • подключать элементарный код JavaScript
  • работать с фреймворками
  • адаптировать сайт под мобильные устройства

Практические занятия:
Для закрепления пройденного материала на каждом уроке слушатели выполняют практические задания, задаются домашние задания, методический материал выдается в электронном виде. 

Курс предназначен:
  • для тех, кто планирует работать в сфере веб-технологий (HTML-верстальщиком, Web – дизайнером)
  • для тех , кто планирует дальнейшее обучение по Front-end, Back-end (JavaScript, PHP)
  • для специалистов по Интернет -рекламе и продвижению сайтов.

Требования к слушателям:
Для успешного усвоения материала курса, слушателям необходимы навыки работы в MS Windows, опыт работы в Интернет.

По окончании курса:
По окончании курса каждый слушатель проходит тестирование на сайте http://www.basic.com.ua/tests.php и получает авторский сертификат Учебного центра Бейсик.

Информация о тренере:

Профессиональный опыт:
C 2006– по сегодняшний день веб-программист.
За время своей профессиональной деятельности, принимал участие во многих успешных проектах.
Ключевые области знаний:
- HTML, СSS, PHP, JavaScript, Adobe Flash, Action Script, Codeigniter, MVC, MySQL, PostgreSQL.
Преподавательский опыт: 5 лет – тренер в УЦ Бейсик.
Читает курсы «HTML, CSS» , «JavaScript, JQuery на примерах», «PHP программирование на примерах», «PHPpro».
Имеет успешный опыт проведения курсов Web - программирования онлайн.
Объясняет простым и доступным языком на реальных примерах из жизни.


Выпускники этого курса чаще всего записываются на:
Форма навчання Вартiсть, грн. Кiлькiсть годин Кiлькiсть занять
Индивидуальное 15999 34 17
Группа 5 чел. 3999 34 17
Группа 5-10 чел. 3999 34 17

Курс HTML 5 и CSS 3 можно пройти также через систему on-line обучения.
Чтобы понять, как будет проходить он-лайн обучение, первое занятие Вы можете пройти БЕСПЛАТНО!!!
Как начать on-line обучение ? (4шага)
Отзывы об он-лайн обучении.

ВИДЕОЗАПИСЬ ОНЛАЙН -УРОКА ПО КУРСУ "HTML 5 / CSS 3" ОТ УЦ БЕЙСИК

Посмотреть все видео УЦ Бейсик на канале YouTube


ПОДАТЬ ЗАЯВКУ НА ОБУЧЕНИЕ



ПРОГРАММА КУРСА

Тема №1. Введение в курс
1. Этапы разработки сайта.
2. Инструменты необходимые для вёрстки сайта: редакторы кода, инспекторы, полезные веб-ресурсы.
3. Средства для просмотра веб-страниц. Виды браузеров. Горячие клавиши.

Тема №2. Введение в HTM
1. Что такое HTML. Теги.
2. Структура HTML документа. Теги Doctype , html, head, body.
3. Порядок использования тегов.
4. Теги strong, br, em,p.
5. Создание заголовков h1-h6
6. Вставка спецсимволов.
7. Стандарты w3.org, html- валидатор.

Тема №3. Вставка графических элементов на страницу.
1. Типы и размер изображений для web.
2. Основные параметры тега img. (src, alt, width, height)

Тема №4 . Создание ссылок
1. Создание текстовых ссылок.
2. Создание графических ссылок.
3. Создание якорей. 
4. Путь к файлу: относительный и абсолютный.Структура вложенностей — дерево. Слинковка html страниц.

Тема №5. Упорядочение данных с помощью списков. Создание нумерованного и маркированного списков.

Тема №6. Представление данных в табличном виде
1. Для чего используют таблицы сегодня.
2. Верстка элементарной таблицы. Основные параметры для создания таблицы, объединение ячеек таблицы colspan, rowspan. Размеры таблицы.
3. Форматирование таблиц: цвет и границы.

Тема №7. Формы и их элементы
1. Для чего нужны формы.
2. Основные элементы форм и их типы.

Тема №8. Каскадные таблицы стилей
1. Понятия каскадности и наследования.
2. Подключение CSS файла.
3. Использование “рыбы” для html и css.
4. Использование style в документе. Сброс стилей.
5. Селекторы CSS. Приоритет селекторов. Применение атрибутов class, id.
6. Форматирование текста.

Тема №9. Фоновые изображения. Блоки.
1. Цвет и изображение в качестве фона. Применение фона на разных элементах.
2. Границы элементов.
3. Блочные и строчные элементы. Свойство display. Центрирование блока по горизонтали.
4.Использование внутренних и внешних отступов.

Тема №10. Стилизация списков и блоков
1. Расположение блоков на странице с помощью float.
2. Расположение блоков с помощью table.
3. Варианты и применение списков.
4. Псевдоэлементы.
5. Использование CSS3. Проблемы с кроссбраузерностью.

Тема № 11. Технология flexbox
1. Подключение flex
2. Понятия flex-контейнера, flex-элементов, главной и поперечной оси
3. Выравнивание flex-элементов
4. Создание структуры документа с помощью flex

Тема № 12. Многоуровневое навигационное меню. Вертикальное и горизонтальное меню

Тема №13. Абсолютное и относительное позиционирование.

Тема №14. Шрифты. Подключение кастомных шрифтов, различия шрифтов в разных ОС.

Тема №15. Использование javascript на странице
1. Использование jQuery плагинов. Общий принцип подключения интеграции скриптов.
2. Кастомизация элементов форм с момощью javascript и CSS3. Отличия.
3. Подключение javascript-галереи

Тема №16. Разработка мобильного меню
Тема №17. Подключение слайдера

Тема №18. Порядок вёрстки веб-страницы
1. Что такое макет и для чего он необходим.
2. Стандарты PixelPerfect. Варианты проверки на соответствие с макетом.
3. Фиксированный и резиновый макет. Полурезина.
4. Стандартное расположение блоков на странице. Вложенность блоков.

Тема №19. Порядок нарезки макета
1. Работа со слоями в Photoshop.
2. Визуальное разбитие страницы на основные и второстепенные элементы. Стандартное наименование блоков.
3. Нарезка макета на примере.

Тема №20. Фреймы и внедрение внешних данных на страницу. Подключение google карты.

Тема №21. Адаптация страницы под различные экраны. Фреймворки
1. Адаптирование страницы под различные устройства при помощи медиа-запросов.
2. Для чего применяются CSS-фреймворки и их использование для адаптации страницы под различные устройства. Требования к макетам. Обзор CSS-фреймворков. Bootstrap. Особенности отображения элементов и поведения для Android/iOS .

Тема № 22. Портфолио
1. Для чего необходимо портфолио.
2. Как создать портфолио.

Тема № 23. Дополнительные темы.
1. Создание и подключение фавиконки сайта.
2.Что такое SEO и почему это важно. (обзорно).
3. Как разместить сайт в сети интернет. Хостинг, домены.

Тестирование


ПОДАТЬ ЗАЯВКУ НА ОБУЧЕНИЕ



Отзывы об обучении | Пройти тестирование по этому курсу | Список всех курсов

Наши корпоративные клиенты
Хочемо подякувати колективу Навчального центру Бейсік за індивідуальний підхід до кожного слухача, чуйність, уважність, терпіння, професіоналізм. Завдяки педагогічному таланту викладачів складний матеріал легко запам'ятовується. Дуже дякуємо за отримані знання.

Курс: MS Excel - рівень експерт
Компания: БІЛЛА УКРАЇНА

Інші відгуки...


 

Про Basic Нашi послуги Контакти
Хто ми
Онлайн навчання
Вiдгуки про навчання
Сертифiкати
Вакансiї для слухачiв



Комп'ютернi курси
Вартiсть навчання
Онлайн навчання
Корпоративне навчання
Тестування
Акцiї


Телефони:
(098) 200-33-15 Viber;
(050) 353-54-45 Telegram, WhatsApp;
(093) 199-90-03

E-mail: manager@basic.com.ua

01133, м. Київ, вул. Є.Коновальця 31, 5 поверх








© 1998-2023, Комп'ютерний Навчальний Центр Basic. Всi права захищенi.