Курсы
Сертификаты
Введите ID сертификата:

Авторизация
E-Mail:

Пароль:

    Регистрация :: Вспомнить пароль
Загрузить TeamViewer Загрузить TeamViewer QuickJoin

Курсы HTML 5 и CSS 3

курсы веб дизайна, создание сайта, курсы html,css

Описание курса:

Сегодня, когда компьютеры и Интернет проникли во все сферы жизни человека, практически каждой фирме, независимо от размера, сферы деятельности, местоположения необходимо свое представительство в Интернет - вебсайт. В связи с этим все большей популярностью пользуются профессии Front-end, Backend разработчиков . Эти специальности позволяют работать не только в офисе, но и дома, на собственном компьютере в удобном для себя режиме. Такие профессии может выбрать любой человек, независимо от возраста, образования, пола и опыта работы. Ну, а знания для таких специальностей, можно получить у нас в учебном центре!
Курс «HTML 5, CSS 3» ориентирован на углубленное профессиональное изучение HTML, CSS и создаст прочную основу для последующего изучения Веб- программирования .
По окончании обучения у слушателей будет достаточно знаний, чтобы создавать простые сайты типа визиток, наполнять существующие интернет-проекты, а также начать обучение по курсу Современная разработка на JavaScript

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

  • создавать макеты сайтов с «нуля »
  • подключать к сайту элементы библиотек JQuery
  • рассмотрите возможности HTML5.0 / CSS3.0
  • узнаете, что такое адаптивная верстка, кроссбраузерность и т.д.;

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

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

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


Выпускники этого курса чаще всего записываются на:
Форма обучения Цена, грн. Количество часов Количество занятий
Индивидуальное 6999 30 15
Группа 5 чел. 2799 30 15
Группа 5-10 чел. 2799 30 15

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

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

Тема №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,css


ЗАЯВКА НА ОБУЧЕНИЕ
ПРОЙТИ ТЕСТИРОВАНИЕ ПО ЭТОМУ КУРСУ
СПИСОК ВСЕХ КУРСОВ

Перейти на главную страницу УЦ Бейсик компьютерные курсы
Наши корпоративные клиенты
Хотим поблагодарить коллектив Учебного центра Бейсик за индивидуальный подход к каждому слушателю, чуткость, внимательность, терпение, профессионализм. Благодаря педагогическому таланту преподавателей сложный материал легко усваивается и запоминается. Большое спасибо за полученные знания.

Курс: MS Excel - уровень эксперт
Компания: БИЛЛА УКРАИНА

Другие отзывы...



Новости обучения

СКИДКИ НА ОБУЧЕНИЕ

Акция " Горящая цена"
Теперь вы можете пройти обучение с 50 % скидкой. Подробнее...

Акция "ПРИВЕДИ ДРУГА!"
Приведи друга - получи скидку на обучение 100 грн.!


АНКЕТИРОВАНИЕ для получения
сертификата УЦ БЕЙСИК










 

© 1998-2017, Компьютерный Учебный Центр "Бейсик". Все права защищены.