Відкриті тренінги та семінари в Івано-Франківську і Україні
Компанія: Бейсик, учебный центр
Місто: Ужгород
Целевая аудитория
Курс предназначен:
- для тех, кто хочет научиться создавать сайты, чтобы в последствии работать HTML-верстальщиком, Web - дизайнером;
- для специалистов по Internet-рекламе и продвижению сайтов в сети;
- для владельцев собственного бизнеса.
Цель мероприятия
В течении обучения вы научитесь:
- создавать макеты сайтов с «нуля » с привлекательной, понятной и удобной структурой для посетителя (Юзабилити)
- верстать сайт, используя HTML / CSS, размещать на сайте ссылки, таблицы, формы, графические элементы: кнопки, баннеры, флеш – элементы
- подключать к сайту элементы библиотек JQuery
- рассмотрите возможности HTML5.0 / CSS3.0
Программа
Первый пробный бесплатный урок состоится 12 февраля (вторник) . Начало в 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% меньше.
Чтобы понять, как будет проходить он-лайн обучение, первое занятие Вы можете пройти БЕСПЛАТНО!!!
Как начать on-line обучение ? (4шага)
Отзывы об он-лайн обучении.
Фрагменты онлайн-уроков по курсу "HTML 5, CSS 3" на канале youtube.com
Теги. Курс HTML5/CSS3 (фрагмент онлайн-урока от УЦ Бейсик)
Жизненный цикл сайта (фрагмент онлайн-урока от УЦ Бейсик).HTML5/CSS3
Дополнительная информация
Сегодня, когда компьютеры и Интернет проникли во все сферы жизни человека, практически каждой фирме, независимо от размера, сферы деятельности, местоположения необходимо свое представительство в Интернет - Веб сайт. В связи с этим все большей популярностью пользуются профессии: веб – дизайнер, верстальщик HTML. Эти специальности позволяют работать не только в офисе, но и дома, на собственном компьютере в удобном для себя режиме. Такие профессии может выбрать любой человек, независимо от возраста, образования, пола и опыта работы. Ну, а знания для таких специальностей, можно получить у нас в учебном центре!
Курс «HTML 5, CSS 3» ориентирован на углубленное профессиональное изучение HTML, CSS и создаст прочную основу для последующего изучения Веб- программирования (PHP, JavaScript). Также, в курсе рассматриваются такие понятия как валидность кода, кроссбраузерность, обзорно поисковая оптимизация и продвижение сайта в поисковых системах.
По окончании обучения у вас будет достаточно знаний, чтобы создавать простые сайты типа визиток, наполнять существующие интернет-проекты.
Практические занятия:
Для закрепления пройденного материала на каждом уроке слушатели выполняют практические задания. Задаются домашние задания. Методический материал выдается в электронном виде.
Требования к слушателям:
Для успешного усвоения материала курса, слушателям необходимы навыки работы в MS Windows, опыт работы в Интернет.
По окончании курса:
По окончании курса каждый слушатель проходит тестирование на сайте http://www.basic.com.ua/tests.php и получает авторский сертификат Учебного центра Бейсик.
Знания, которые помогают достичь цели
Учебный центр "БЕЙСИК" создан в 1998 году, и в течении 16 лет успешно работает на рынке компьютерного образования, являясь одним из ведущих центров, специализирующихся на обучении и повышении квалификации IT-специалистов.
Вартість участі: 2999 грн
Дата проведення: захід тривав з 12.02.2019 до 11.04.2019
Контактні данні: (050) 456-04-04, (098) 200-33-15, (093) 199-90-03, (044) 522-94-17
За матеріалами hitjob.com.ua
Ринок працевлаштування в Івано-Франківську та області: кількість вакансій (вільних робочих місць) та резюме претендентів (працівників, що шукають роботу) по регіонам Івано-Франківська
Робота в регіонах
Місто
Вак.
Рез.
18588
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 грн.
- по вакансіях 20061 грн.
Hitjob.if.ua
- 9033 грн.
за даними Статуправління
Корисні сервіси
Корисні поради
Чому роботодавці не вказують в оголошеннях зарплату: поради hr-експертки, які вакансії оминати
Не вказана в оголошеннях зарплата часто є найменшою проблемою. Попри світо ...
Тренди українського фрилансу-2023: прогноз від Freelancehunt
Світова платформа Exploding Topics та український сервіс фрилансу Freelanc ...
Вигорання під час війни: як залишатися ефективним на роботі – поради експерта
Війна стала важким тягарем для ринку праці. За оцінками соціологічної груп ...