Frontend-розробка, HTML 5 і CSS 3
- Бейсік, комп'ютерні курси
- Студенти, дорослі
- Онлайн
- basic4you.com.ua/course/ms-excel-expert
- Березовська Оксана
Про курс
Курсы 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 - программирования онлайн.
Объясняет простым и доступным языком на реальных примерах из жизни.
Выпускники этого курса чаще всего записываются на:
- Курсы Adobe Photoshop;
- Курсы Веб – маркетинг, поисковая оптимизация (SEO), продвижение сайта в сети ;
- JavaScript, JQuery на примерах;
- PHP программирование на примерах;
- Курсы Joomla! - система управления контентом (CMS);
Курс HTML 5, CSS 3
можно пройти также через систему on-line обучения. Стоимость on-line курса в группе от 3- х человек будет на 30% меньше.
Чтобы понять, как будет проходить он-лайн обучение, первое занятие Вы можете пройти БЕСПЛАТНО!!!
Как начать on-line обучение ? (4шага)
Первый онлайн-урок по курсу «HTML 5/CSS 3»
Программа курса
Тема №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. Создание ссылок
- Создание текстовых ссылок
- Создание графических ссылок.
- Создание якорей.
Тема №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. Портфолио.
- Для чего необходимо портфолио
- Как создать портфолио
Подробнее на сайте УЦ Бейсик -
http://www.basic.com.ua/course.php?course=159
Фрагменты обучающих материалов по Ms excel УЦ Бейсик на канале Youtube
- Жизненный цикл сайта (фрагм. онлайн-урока от УЦ Бейсик).HTML5/CSS3
- Теги. Курс HTML5/CSS3 (фрагмент онлайн-урока от УЦ Бейсик)
-
Інформаційні технології, IT
Дивіться також усі онлайн-курси, репетиторів онлайн, онлайн-тренінги.
Коментарі
Невірно заповнені поля відзначені червоним.
Будь ласка, перевірте форму ще раз.
Ваш коментар відправлений і буде доступний на сайті після перевірки адміністратором.