≡ Давайте дружить: vk   insta   behance   behance

БРЕНДИНГ      РАЗРАБОТКА      ПРОДВИЖЕНИЕ

+7 (812) 987-71-20

Если у Вас возникли вопросы, напишите нам в форму ниже, и мы ответим Вам в течении 15 минут!

Также Вы можете позвонить нашему менеджеру по номеру телефона 987-71-20.

Рабочая программа

Тема 1

Создание структуры сайта на основе языка верстки HTML, этапы разработки. Основные понятия и терминология.

1.1. Понятие "сайт", его структура.

1.2. Разработка концепции сайта, исходя из поставленных задач, целевой аудитории, фирменного стиля организации.

1.3. Обмен данными с пользователем интернета (клиент-серверная модель).

1.4. Виды сайтов: простые, корпоративные и креативные сайты, internet-магазины и тестовые программы.

1.5. Интернет браузеры: принцип работы, отличия разных браузеров


Тема 2 (в 2 дня)

Язык разметки HTML. Использование NotePad++.

2.1. Структура HTML-документа.

2.2. Понятие «ТЕГ». Типы тегов. Атрибуты тегов. Оформление HTML-документа.

2.3. Теги разметки текста: < b >, < i >, < p >, < ul >, < ol >. Атрибуты тегов.

2.4. Создание гиперссылок: тег < a >, атрибуты тега < a >.

2.5. Размещение картинок на странице (GIF, PNG, JPG, JPEG – форматы). Тег < img >, Атрибуты тега.

2.6. Таблицы. Создание, определение размеров таблицы и ячеек. Определение ячеек и строк таблицы. Вложенные таблицы.

2.7. Создание макета страницы с использованием таблиц: Табличная верстка. Правила верстки, типичное ошибки, советы и трюки.

2.8. Создание форм на сайте. Основные элементы веб-форм.

2.9. Отправка информации из формы.

2.10. Практика: Создание статичной формы, используя табличную верстку.

2.11. Размещение медиа-файлов на сайте. (видео и аудио файлы).


Тема 3 (в 2,3 дня)

Каскадные таблицы стилей.

3.1. Что такое CSS? Методы подключения стилей (подключение внешних файлов CSS к странице)

3.2. Основные понятия CSS. Синтаксис CSS.

3.3. Создание стилей для элементов страницы. Классы и идентификаторы (их различия).

3.4. Оформление и декорирование страницы, используя CSS.

3.5. Позиционирование элементов страницы с помощью CSS.


Тема 4

Основы веб-дизайна

4. Основы веб-дизайна. Создание макета сайта. Юзабилити.

4.1. Цвет в web-дизайне. Использование различных цветовых схем, исходя из позиционирования сайта.

4.2. Стили дизайна сайта.

4.3. Основные компоненты web-страницы и способы их визуального представления.

4.4. Юзабилити сайта. Определения. Факторы, затрудняющие и помогающие правильному восприятию информации на сайте.

4.5. Создание макета сайта. Ритм. Правила расположения, форма основных навигационных, информационных и графических блоков на странице.


Тема 5

Конструкторы сайтов. Скрипты.

5.1. Принцип работы конструкторов сайтов

5.2. Плюсы и минусы конструкторов

5.3. Создание сайта с помощью бесплатного конструктора

5.4. Скрипты: javascript, JQuery

5.5. Установка и использование популярных скриптов (галереи, фоны, эффекты, меню, кнопки...)

5.6. Основы работы в графических программах и создания графики для web-сайтов.


Тема 6

6.1 Adobe Photoshop – основы создания документа и модификации изображения (поворот, изменение размеров, сохранение файла для web).


Тема 7 (2,3,4 дня)

CMS — система управления контентом. CMS Joomla 2.5.x.

7.1. Что такое CMS? Какие сайты можно создавать с помощью CMS? Наиболее популярные CMS.

7.2. Знакомство с CMS Joomla 2.5.x. Особенности и преимущества ее использования.

7.3. Установка CMS Joomla 2.5.x.

7.4. Установка Joomla на локальный компьютер.

7.5. Настройка CMS Joomla.

7.6. Обзор административной панели управления Joomla 2.5.x.

7.7. Русификация панели управления.

7.8. Основные настройки системы Joomla.

7.9. Управление контентом

7.10. Планирование информационной структуры сайта на Joomla.

7.11. Управлению меню сайта.

7.12. Подготовка и публикация материалов. Визуальный редактор материалов. Загрузка и вставка медиафайлов в материалы. Настройки материалов в Joomla.

7.13. Управление категориями материалов на сайте.

7.14. Управление пользователями Joomla. Права пользователей (Уровни доступа, группы пользователей).

7.15. Дизайн сайта

7.16. Управление дизайн-шаблонами Joomla.

7.17. Поиск и установка дизайн-шаблона для сайта.

7.18. Работа со структурой шаблона – настройка позиций и внешнего вида модулей Joomla.

7.19. Управление модулями Joomla.

7.20. Расширения CMS Joomla 2.5.x.(компоненты, модули, плагины)

7.21. Управление расширениями (установка, русификация, настройка, удаление).

7.22. Обзор популярных расширений для реализации на сайте: форм, блога, фотогалереи, карты сайта, форума и т.д.


Тема 8

Понятие хостинга и домена

8. Тестирование сайта и размещение на хостинге.

8.1 Понятия домен и хостинг. Виды, регистрация.

8.2 Размещение сайта на бесплатных хостингах.

8.3 FTP-протокол.

8.4 Окончательное тестирование готового сайта.


Тема 9

SEO-оптимизация веб-сайтов

9.1 Что такое оптимизация сайта?

9.2 Как составить семантическое ядро?

9.3 От чего зависит продвижение сайта?

9.4 Как не попасть в бан-фильтры?

9.5 Что должен знать программист перед продвижением своего сайта?


Тема 10

Дополнительно (Бонус)

10.1. Медиа запросы. Понимание media queries Адаптивный и мобильный дизайн средствами CSS3

10.2. Яндекс Директ, Google adwords

10.3. Бэкап сайта

10.4. HTML 5.0, CSS 3.0 (новое в web-программировании)

10.5. Знакомство с Bootstrap

10.6. Конверсия. Продающий сайт


Что требуется для прохождения курсов?

Быть уверенным пользователем ПК (Персонального компьютера)

Найти блокнот, paint у себя на компьютере

Уметь печатать

Знать что такое браузер, и как его открыть

Желание и стремление учиться новому



Конюшенная площадь д.2, офис 7

987-71-20

9877120@mail.ru

Яндекс.Метрика

Рейтинг@Mail.ru