курс

Frontend- розробка HTML 5 і CSS 3

Категорії курсу

Комп'ютер

Вік аудиторії

студенти
дорослі

Вартість

від 1960 грн

організатор

Компанія:	Бейсік, комп'ютерний навчальний центр Бізнес
Місто:	Одеса
Адреса:	вул. Пушкiнська, 32, м. Одеса
Телефон:	(050) 456-04-04, (098) 200-33-15Показати
Контактна особа:	Оксана Березовська
Сайт:	basic.com.ua

Опис курсу

Длительность курса - 30 часов

Сегодня, когда компьютеры и Интернет проникли во все сферы жизни человека, практически каждой фирме, независимо от размера, сферы деятельности, местоположения необходимо свое представительство в Интернет - Веб сайт. В связи с этим все большей популярностью пользуются профессии: веб – дизайнер, верстальщик HTML. Эти специальности позволяют работать не только в офисе, но и дома, на собственном компьютере в удобном для себя режиме. Такие профессии может выбрать любой человек, независимо от возраста, образования, пола и опыта работы. Ну, а знания для таких специальностей, можно получить у нас в учебном центре!
Курс «HTML5/CSS3» ориентирован на углубленное профессиональное изучение HTML, CSS и создаст прочную основу для последующего изучения Веб- программирования (PHP, JavaScript). Также, в курсе рассматриваются такие понятия как валидность кода, кроссбраузерность, обзорно поисковая оптимизация и продвижение сайта в поисковых системах.
По окончании обучения у вас будет достаточно знаний, чтобы создавать простые сайты типа визиток, наполнять существующие интернет-проекты.

Подробнее на сайте http://www.basic.com.ua/online_study.php

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

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

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

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

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

Требования к слушателям:
Для успешного усвоения материала курса, слушателям необходимы навыки работы в 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», «Веб -Программирование PHP - Уровень 1», «PHPpro».
Имеет успешный опыт проведения курсов Web - программирования онлайн.
Объясняет простым и доступным языком на реальных примерах из жизни.

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

Тема №1. Введение в курс

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

Тема №2. Введение в HTML.

Что такое HTML. Теги.Структура HTML документа. Теги Doctype , html, head, body.
порядок использования тегов.
Теги strong, br, em,p.
Создание заголовков. h1-h6
Вставка спецсимволов.
Стандарты w3.org, html Валидатор
Типы и размер изображений для web.
Основные параметры тега img. (src, alt, width, height)

Тема №3. Вставка графических элементов на страницу.

Тема №4. Путь к файлу: относительный и абсолютный. Структура вложенностей — дерево. Слинковка html страниц

Тема №5. Создание ссылок

1. Создание текстовых ссылок

2. Создание графических ссылок.

3. Создание якорей.

Тема №6. Упорядочение данных с помощью списков.

Создание нумерованного и маркированного списков.

Тема №7. Представление данных в табличном виде

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

Тема №8. Формы и их элементы

Тема №9. Каскадные таблицы стилей

Подключение CSS файла, использование “рыбы” для html и css. Использование style в документе. Css-reset.
Применение атрибутов class, id.
Форматирование текста
Цвет и изображение в качестве фона. Применение фона на разных элементах. Границы элементов.
Блочные и строчные элементы. Свойство display.
Использование внутренних и внешних отступов. Центрирование блока по горизонтали.

Тема №10 Фоновые изображения. Блоки.

Тема №11. Стилизация списков и блоков

Расположение блоков на странице с помощью float. Расположение блоков с помощью table
Использование CSS3. Проблемы с кроссбраузерностью
Варианты и применение списков. Псевдоэлементы.

Тема № 12 Многоуровневое навигационное меню

Вертикальное и горизонтальное меню

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

Применение z-index. Центрирование блока с помощью позиционирования
Шрифты. Подключение кастомных шрифтов, различия шрифтов в разных ОС.Использование jQuery плагинов. Общий принцип подключения интеграции скриптов.
Кастомизация элементов форм с помощью javascript и CSS3. Отличия.
Подключение javascript-галереи

№14. Использование javascript на странице

№15. Порядок вёрстки веб-страницы

Что такое макет и для чего он необходим.
Стандарты PixelPerfect. Варианты проверки на соответствие с макетом
Фиксированный и резиновый макет. Полурезина.
Стандартное расположение блоков на странице: одна, две, три колонки. Вложенность блоков.

№16. Порядок нарезки макета

Работа со слоями в фотошопе.
Визуальное разбитие страницы на основные и второстепенные элементы. Стандартное наименование блоков.
Использование float при расположении колонок на странице. Использование float при резине и статике.

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

Режем макет. Расставляем блоки.
SEO оптимизация. WGAC

№18. Адаптация страницы под различные экраны

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

№ 19. Портфолио.

Для чего необходимо портфолио
Как создать портфолио

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

Фрагменты онлайн-уроков по курсу HTML5/CSS3

Онлайн-обучение предлагает вам ряд преимуществ:

первое занятие - бесплатно;
стоимость обучения в группе в режиме online на 30% меньше;
обучение проходит в режиме онлайн в реальном времени c преподавателем (это так же просто, как если бы Вы физически присутствовали в аудитории);
Вы можете голосом в любой момент задать вопрос, и преподаватель сразу же голосом на него отвечает.
мини-группы - до 5 чел.
непривязанность к месту.

ПЕРЕЧЕНЬ КУРСОВ УЧЕБНОГО ЦЕНТРА БЕЙСИК

Залишити коментар