Бейсік, комп'ютерні курси

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



  • 3 999 грн за курс (3999)

Про курс

Курсы Frontend-разработкa. HTML 5 и CSS 3

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

Сегодня, когда компьютеры и Интернет проникли во все сферы жизни человека, практически каждой фирме, независимо от размера, сферы деятельности, местоположения необходимо свое представительство в Интернет - Веб сайт. В связи с этим все большей популярностью пользуются профессии: веб – дизайнер, верстальщик HTML. Эти специальности позволяют работать не только в офисе, но и дома, на собственном компьютере в удобном для себя режиме. Такие профессии может выбрать любой человек, независимо от возраста, образования, пола и опыта работы. Ну, а знания для таких специальностей, можно получить у нас в учебном центре!

Курс «HTML 5, CSS 3» ориентирован на углубленное профессиональное изучение HTML, CSS и создаст прочную основу для последующего изучения Веб- программирования (PHP, JavaScript)

Также, в курсе рассматриваются такие понятия как валидность кода, кроссбраузерность, обзорно поисковая оптимизация и продвижение сайта в поисковых системах.

По окончании обучения у вас будет достаточно знаний, чтобы создавать простые сайты типа визиток, наполнять существующие интернет-проекты.

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

  • создавать макеты сайтов с «нуля» с привлекательной, понятной и удобной структурой для посетителя (Юзабилити)
  • верстать сайт, используя 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, JQuery на примерах», «PHP программирование на примерах», «PHPpro».

Имеет успешный опыт проведения курсов Web - программирования онлайн.

Объясняет простым и доступным языком на реальных примерах из жизни.

Выпускники этого курса чаще всего записываются на:

Курс HTML 5, CSS 3

можно пройти также через систему on-line обучения. Стоимость on-line курса в группе от 3- х человек будет на 30% меньше.

Чтобы понять, как будет проходить он-лайн обучение, первое занятие Вы можете пройти БЕСПЛАТНО!!!

Как начать on-line обучение ? (4шага)

Отзывы об он-лайн обучении.

Первый онлайн-урок по курсу «HTML 5/CSS 3»

Программа курса

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

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

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

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

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

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

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

  1. Создание текстовых ссылок
  2. Создание графических ссылок.
  3. Создание якорей.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Подробнее на сайте УЦ Бейсик -

http://www.basic.com.ua/course.php?course=159

Фрагменты обучающих материалов по Ms excel УЦ Бейсик на канале Youtube

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

Залишити коментар
Будь ласка, введіть ваше ім’я
Будь ласка, введіть коментар.
1000 символів

Будь ласка, введіть email
або Відмінити

Дивіться також усі онлайн-курси, репетиторів онлайн, онлайн-тренінги.