Відкриті тренінги та семінари в Кропивницьку і Україні

Компанія: Бейсик, учебный центр

Місто: Полтава

Целевая аудитория

Курс предназначен:

  • для тех, кто хочет научиться создавать сайты, чтобы в последствии работать HTML-верстальщиком, Web - дизайнером;
  • для специалистов по Internet-рекламе и продвижению сайтов в сети;
  • для владельцев собственного бизнеса.

Цель мероприятия

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

  • создавать макеты сайтов с «нуля » с привлекательной, понятной и удобной структурой для посетителя (Юзабилити)
  • верстать сайт, используя HTML / CSS, размещать на сайте ссылки, таблицы, формы, графические элементы: кнопки, баннеры, флеш – элементы
  • подключать к сайту элементы библиотек JQuery
  • рассмотрите возможности HTML5.0 / CSS3.0

Программа

Первый пробный бесплатный урок состоится 18 апреля и 16 мая. Начало в 19.00. Принимаются заявки на участие.

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

Тема №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. Подключение CSS файла.
2. Использование “рыбы” для html и css.
3. Использование style в документе. Css-reset.
4. Применение атрибутов class, id.
5. Форматирование текста.

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

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

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

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

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

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

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

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

Тема №17. Нарезка макета на примере

Тема №18.SEO оптимизация. WGAC

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

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

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

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

Вартість участі: бесплатно

Дата проведення: захід тривав з 16.05.2018 до 11.07.2018

Контактні данні: (050) 456-04-04, (098) 200-33-15, (093) 199-90-03, (044) 522-94-17

За матеріалами hitjob.com.ua

Додати відгук (0)

Ринок працевлаштування в Кропивницьку та області: кількість вакансій (вільних робочих місць) та резюме претендентів (працівників, що шукають роботу) по регіонам Кропивницька

Регіон Вакансії Резюме
Kirovograd Резюме і вакансії, робота в Кропивницьку
вакансии и резюме
 
3567 3165
Bobrunec Резюме і вакансії, робота в Бобринці
вакансии и резюме
 
4 1
Vilshanka Резюме і вакансії, робота в Вільшанці
вакансии и резюме
 
3 0
Hayvoron Резюме і вакансії, робота в Гайвороні
вакансии и резюме
 
18 8
Holovanivsk Резюме і вакансії, робота в Голованівську
вакансии и резюме
 
10 2
Dobroveluchivka Резюме і вакансії, робота в Добровеличківці
вакансии и резюме
 
15 0
Dolunska Резюме і вакансії, робота в Долинській
вакансии и резюме
 
16 14
Znamyanka Резюме і вакансії, робота в Знам’янці
вакансии и резюме
 
17 1
Kompaniivka Резюме і вакансії, робота в Компаніївці
вакансии и резюме
 
2 0
Mala_Vuska Резюме і вакансії, робота в Малій Висці
вакансии и резюме
 
8 4
Novgorodka Резюме і вакансії, робота в Новгородці
вакансии и резюме
 
6 1
Novoarhangelsk Резюме і вакансії, робота в Новархангельську
вакансии и резюме
 
9 0
Novomurgorod Резюме і вакансії, робота в Новомиргороді
вакансии и резюме
 
8 5
Novoukrainka Резюме і вакансії, робота в Новоукраїнці
вакансии и резюме
 
14 6
Oleksandrivka Резюме і вакансії, робота в Олександрівці
вакансии и резюме
 
10 2
Oleksandriya Резюме і вакансії, робота в Олександрії
вакансии и резюме
 
135 130
Onufriivka Резюме і вакансії, робота в Онуфріївці
вакансии и резюме
 
2 0
Pertove Резюме і вакансії, робота в Петровому
вакансии и резюме
 
7 0
Svitlovodsk Резюме і вакансії, робота в Свідловодському
вакансии и резюме
 
49 32
Ulyanovka Резюме і вакансії, робота в Ульяновці
вакансии и резюме
 
8 1
Ustynivka Резюме і вакансії, робота в Устинівці
вакансии и резюме
 
3 0