Відкриті тренінги та семінари в Миколаєві і Україні
Компанія: Бейсик, учебный центр
Місто: м.Київ, м.Дніпро, м.Одеса, м.Харків
Целевая аудитория
Курс предназначен:
- для тех, кто хочет научиться создавать сайты, чтобы в последствии работать HTML-верстальщиком, Web - дизайнером;
- для специалистов по Internet-рекламе и продвижению сайтов в сети;
- для владельцев собственного бизнеса.
Цель мероприятия
В течении обучения вы научитесь:
- создавать макеты сайтов с «нуля » с привлекательной, понятной и удобной структурой для посетителя (Юзабилити)
- верстать сайт, используя HTML / CSS, размещать на сайте ссылки, таблицы, формы, графические элементы: кнопки, баннеры, флеш – элементы
- подключать к сайту элементы библиотек JQuery
- рассмотрите возможности HTML5.0 / CSS3.0
Программа
Первый пробный бесплатный урок состоится 3 июня . Начало в 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 грн.
Дата проведення: захід пройшов 03.06.2019
Контактні данні: Оксана Березовская Телефон: (050) 456-04-04, (098) 200-33-15, (093) 199-90-03, (044) 522-94-17
За матеріалами hitjob.com.ua
Ринок працевлаштування в Миколаєві та області: кількість вакансій (вільних робочих місць) та резюме претендентів (працівників, що шукають роботу) по регіонам Миколаєва
Робота в регіонах
Місто
Вак.
Рез.
5514
4581
38
2
42
1
40
0
35
1
38
1
35
2
34
1
92
13
33
4
36
0
35
0
34
2
36
4
48
2
43
6
74
37
41
5
81
18
38
1
Робота в Україні
Статистика зарплат
Середня зарплата в Миколаєві складає:
- по резюме 0 грн.
- по вакансіях 37000 грн.
Hitjob.mk.ua
- 9005 грн.
за даними Статуправління
Корисні сервіси
Корисні поради
Чому роботодавці не вказують в оголошеннях зарплату: поради hr-експертки, які вакансії оминати
Не вказана в оголошеннях зарплата часто є найменшою проблемою. Попри світо ...
Тренди українського фрилансу-2023: прогноз від Freelancehunt
Світова платформа Exploding Topics та український сервіс фрилансу Freelanc ...
Вигорання під час війни: як залишатися ефективним на роботі – поради експерта
Війна стала важким тягарем для ринку праці. За оцінками соціологічної груп ...