HTML-вёрстка

Семинар тренинг
11-12 ноября 2019
г. Санкт-Петербург

В календарь

Google Calendar iCalendar (.ics)
Все мероприятия

Цель семинара: Дать необходимые знания основ HTML-вёрстки.

ПРОГРАММА

1. Сайт, домен, хостинг

● Покупка домена и хостинга

● Этапы создания сайта: структура, дизайн, верстка, наполнение, редактирование

● Размещение сайта

● Работа с FTP

2. HTML5 и HTML5

● Базовый синтаксис HTML

● Понятие HTML-тега

● Кодировки сайта

● Тэги форматирования, заголовков, комментариев, списки, вставка изображений

● Ссылки. Абсолютный и относительный адрес

● HTML таблицы

● HTML формы

3. CSS

● Понятие CSS: каскадные таблицы стилей

● Синтаксис CSS

● Единицы измерения в CSS

● Cелекторы в CSS

● Форматирование текста, списков, объектов

● Позиционирование

● Типы отображения элементов: блочный, строчный

● Препроцессор LESS

4. Работа с макетом в Photoshop

● Знакомимся с Photoshop

● Учимся основам работы в Photoshop

● Способы сохранения графики из Photoshop

● Получаем необходимые данные из макета

5. Блочная верстка

● Основы блоков

● Блочная модель верстки

● Верстка страницы блоками

● Float. Clear.

● Типы блоков. Block, inline, inline-block. Clearfix.

● Абсолютное позиционирование. Псевдоклассы

● Разбираем разные типы блоков

● Верстаем навигацию для сайта

● Делаем выпадающую навигацию

6. Фреймворк Bootstrap

● Знакомство с Bootstrap

● Сетка Bootstrap

● Стили для оформления страницы

● Компоненты Bootstrap

● Правильный подход к работе с Bootstrap

● Пример быстрого прототипирования на Bootstrap

● Модальные окна - Bootstrap

7. Java Script - основы

● Знакомимся с JavaScript и его основами.

● Переменные, функции, типы данных, условия, циклы, объекты

● Объектно-ориентированное программирование в JavaScript

8. jQuery - основы

● Селекторы, события, манипуляции с DOM

● Изменение свойств и атрибутов, переборы, измерение элементов

● Анимации и эффекты с помощью jQuery

● Подключение и настройка jquery плагинов

● Модальные окна

● Табы

9. Динамические элементы

● Галерея фотографий

● Сортировка элементов

10. PHP - основы, база данных MySQL-основы

● Переменные

● Массивы

● Циклы

● Функции

● Созданием PHP-формы

● Работа с файлами в PHP

● Ajax запросы

● Устройство базы данных MySQL, подключение к базе данных

● Основные SQL-запросы к б/д

11. Основы CMS

● Плюсы и минусы работы в CMS

● Платные и бесплатные CMS-системы

● Wordpress или Joomla

● 1C Bitrix - установка, настройка, основные принципы работы

Контакты

Место проведения