Відкриті тренінги та семінари в Івано-Франківську і Україні
Компанія: Бейсик, учебный центр
Місто: Ужгород
Целевая аудитория
Курс предназначен:
- для тех, кто хочет научиться создавать сайты, чтобы в последствии работать HTML-верстальщиком, Web - дизайнером;
- для специалистов по Internet-рекламе и продвижению сайтов в сети;
- для владельцев собственного бизнеса.
Цель мероприятия
В течении обучения вы научитесь:
- создавать макеты сайтов с «нуля » с привлекательной, понятной и удобной структурой для посетителя (Юзабилити)
- верстать сайт, используя HTML / CSS, размещать на сайте ссылки, таблицы, формы, графические элементы: кнопки, баннеры, флеш – элементы
- подключать к сайту элементы библиотек JQuery
- рассмотрите возможности HTML5.0 / CSS3.0
Программа
Первый пробный бесплатный урок состоится 11 июня. Начало в 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. Как создать портфолио.
Вартість участі: бесплатно
Дата проведення: захід тривав з 11.06.2018 до 27.07.2018
Контактні данні: (050) 456-04-04, (098) 200-33-15, (093) 199-90-03, (044) 522-94-17
За матеріалами hitjob.com.ua
Ринок працевлаштування в Івано-Франківську та області: кількість вакансій (вільних робочих місць) та резюме претендентів (працівників, що шукають роботу) по регіонам Івано-Франківська
Робота в регіонах
Місто
Вак.
Рез.
18586
12135
653
161
705
220
274
34
269
20
239
12
223
10
255
25
330
128
255
61
329
62
250
19
220
11
206
6
279
54
248
28
228
19
Робота в Україні
Статистика зарплат
Середня зарплата в Івано-Франківську складає:
- по резюме 0 грн.
- по вакансіях 20672 грн.
Hitjob.if.ua
- 9033 грн.
за даними Статуправління
Корисні сервіси
Корисні поради
Чому роботодавці не вказують в оголошеннях зарплату: поради hr-експертки, які вакансії оминати
Не вказана в оголошеннях зарплата часто є найменшою проблемою. Попри світо ...
Тренди українського фрилансу-2023: прогноз від Freelancehunt
Світова платформа Exploding Topics та український сервіс фрилансу Freelanc ...
Вигорання під час війни: як залишатися ефективним на роботі – поради експерта
Війна стала важким тягарем для ринку праці. За оцінками соціологічної груп ...