Создание и оптимизация Web-сайтов

course-overview

Данный курс включает в себя три составляющие: Программирование Web-сайтов; Web-дизайн. HTML B CSS; Оптимизация. Всё, что необходимо знать и уметь начинающему разработчику Интернет-проектов, Вы получите из данного курса. Курс имеет практическую направленность – по окончании обучения Вы сможете самостоятельно осуществить создание, обслуживание и оптимизацию Web-ресурса. Опытные преподаватели помогут Вам освоить современные Web-технологии, сформировать основные навыки программирования Web-сайтов.

WEB-ДИЗАЙН (Html/Css)

Объем – 32 академических часа


1. Введение и основные понятия
  • Что такое web-сервер, web-сайт, web-страница
  • Основные сведения о языках разметки
  • Эволюция языков разметки.
  • Цели и задачи языка HTML.
  • HTML-разметка: Элементы
  • Тэги
  • Структура HTML-документа. Основные элементы разметки.
  • Раздел head и заголовок документа
  • Использование комментариев
  • Атрибуты элементов
  • Специальные символы
  • Лабораторная работа: создание HTML-документа

2. Анатомия страницы
  • Регистр букв, закрытие тегов, использование кавычек в атрибутах
  • Типы HTML-документов
  • Валидация HTML-документа, валидатор W3C.
  • Лабораторная работа: валидация разметки
  • Структурные элементы разметки
  • Текстовые элементы разметки
  • Лабораторная работа: добавление типа документа

3. Гиперссылки
  • Понятие гиперссылок в WWW
  • Внешние и внутренние гиперссылки
  • Типы адресов в WWW
  • Дополнительные атрибуты гиперссылок
  • Лабораторная работа: создание навигационного меню

4. Изображения
  • Типы изображений используемые в WWW
  • Вставка изображений на страницу
  • Атрибуты элемента img
  • Новые элементы для изображений в HTML5
  • Лабораторная работа: использование изображений на странице

5. CSS. Каскадные таблицы стилей: основные свойства
  • Основные понятия CSS
  • Способы определения стилей
  • Каскадирование
  • Наследование
  • Единицы измерения в CSS
  • Селекторы
  • Псевдоклассы и псевдоэлементы
  • Лабораторная работа: базовое оформление страницы с помощью стилей
  • Свойства шрифтов
  • Свойства текста
  • Свойства цвета и фона
  • Лабораторная работа: окончательное оформление страницы с помощью стилей

6. Списки
  • Структурирование информации на WEB-странице при помощи списков.
  • Маркированный список
  • Нумерованный список
  • Список определений
  • Смешанные списки
  • CSS свойства для списков
  • Лабораторная работа: оформление навигационного меню в виде списка

7. Таблицы
  • Основные элементы таблицы
  • Структура таблицы на странице
  • Объединение ячеек. Типичные ошибки при работе с таблицами
  • CSS свойства элементов таблиц
  • Дополнительные элементы таблицы
  • Лабораторная работа: оформление табличных данных

8. Фреймы
  • История фреймов
  • Вложенные фреймы (iframe)
  • Фреймы и гиперссылки
  • Лабораторная работа: добавление на страницу плавающего фрейма

9. Формы
  • Что такое веб-формы?
  • Элемент form
  • Текстовые поля и кнопки
  • Элементы выбора
  • Списки
  • Атрибуты элементов формы
  • Лабораторная работа: создание веб-формы обратной связи
  • Элементы и их атрибуты в HTML 5

10. Использование CSS для макетирования
  • Оформление границ элемента
  • Внутренние отступы элемента
  • Наружные отступы элемента
  • Размеры элемента
  • Позиционирование элемента
  • Видимость элемента
  • Лабораторная работа: позиционирование элементов

11. Дополнительные возможности HTML и CSS
  • Импорт CSS
  • Стили для различных типов носителей
  • Свойства CSS для печати страниц
  • Лабораторная работа: подготовка страницы к печати
  • Свойства курсора
  • Использование внешних объектов

12. Мета-информация на странице
  • Использование мета-информации
  • Элемент meta и его атрибуты
  • Поясняющая мета-информация
  • Мета-информация для роботов
  • Эмуляция заголовков ответа сервера

13. Выбор хостинга и поддержка сайта
  • Хостинг
  • Поиск хостера
  • Услуги хостера
  • Использование FTP-клиента
  • Доступ к сайту через проводник Windows

ПРОГРАММИРОВАНИЕ WEB-САЙТОВ

Объем – 32 академических часа


1. Принципы взаимодействия web-сервера и браузера.
  • Основы клиент-серверного взаимодействия.
  • Протоколы высокого уровня.
  • Протокол HTTP. Передача данных методами GET и POST. URL-кодирование данных. MIME-типы.
  • Технология Cookie.
  • Обзор существующих web-серверов. Области их применения.
  • Статические и динамические web-страницы.
  • Обзор технологий серверного web-программирования (CGI/Perl, PHP, ASP, JSP/сервлеты, SSI), их поддержка различными операционными системами и web-серверами.

2. Администрирование Internet Information Server.
  • Основные сведения о IIS.
  • Понятие «виртуального» сервера. Создание и настройка виртуального сервера в IIS 5.0.
  • Понятие «домашней» и «виртуальной» директорий. Создание и настройка виртуальной директории.
  • Сетевые утилиты Windows. Утилиты ping, netstat.

3. Серверные решения на основе IIS. Применение технологий ASP и PHP.
  • Интерфейсы web-сервера. Интерфейсы CGI и ISAPI.
  • Технология ASP.
  • Языки программирования VBScript и JScript. Особенности и возможности.
  • Примеры создания страницы с использованием технологии ASP на языках VBScript и JScript.
  • Понятие ActiveX — компонента. Использование ActiveX-компонентов в IIS.
  • Технология PHP.
  • Язык программирования PHP. Особенности и возможности.
  • Настройка IIS для работы с PHP.
  • Пример создания страницы с использованием технологии PHP.

4. Администрирование web-сервера Apache.
  • Основные сведения о web-сервере Apache.
  • Основы конфигурирования web-сервера Apache.
  • Создание виртуального web-сервера в Apache.
  • Создание виртуальной директории и настройка прав доступа к ней.

5. Серверные решения на основе Apache. CGI-программирование. Применение технологий PHP и SSI.
  • Использование CGI-программ в Apache.
  • Язык программирования Perl. Особенности и возможности.
  • Пример создания страницы с использованием CGI-программы на Perl.
  • Серверные переменные.
  • Настройка Apache для работы с PHP как с подключаемым модулем и как с CGI-приложением.
  • Технология Server Side Include.
  • Настройка Apache для работы с SSI.

Пример создания страницы с использованием SSI-директив.


6. Основы работы с базами данных в web-приложениях.
  • Основы теории баз данных.
  • Обзор типичных для web-технологий баз данных.
  • Язык SQL.
  • Работа с базой данных MySQL.
  • Пример страницы использующей технологию PHP для доступа к БД MySQL.
  • Работа с базой данных Access.
  • Настройка ODBC.

Пример страницы использующей технологию PHP для доступа к БД Access через ODBC.

Зачет (собеседование).


ОПТИМИЗАЦИЯ WEB-САЙТОВ

Объем – 32 академических часа


1. Введение. Цели курса.
  • Кто такие «оптимизаторы».
  • Спрос на услуги оптимизации порождает рост предложения.
  • Для кого же делают сайты? «Белое и черное» в работе оптимизатора.

2. Виды сайтов, их аудитория, источники входящего потока посетителей на сайт.
  • Классификация сайтов по отношению входящего/исходящего потоков посетителей.
  • Типичные генераторы потоков посетителей (каталоги и поисковики).
  • Типичные приемники потока посетителей (информационные ресурсы, коммерческие, развлекательные ресурсы).
  • Виды и подвиды сайтов генераторов и приемников.
  • Поисковики
  • Каталоги
  • Информационные и развлекательные ресурсы
  • Коммерческие ресурсы

3. Как сделать «правильный» сайт.
  • Определение ЦА сайта. Кому и зачем нужен этот сайт?
  • Как его будут искать?
  • Что будут искать (ищут) внутри?
  • Классификация нового или уже имеющегося сайта и определение его вида.
  • Составление фоно-семантического ядра сайта – основа дальнейшей легкой раскрутки сайта в поисковиках.
  • «Ручной» способ подбора. Использование элементов автоматизации (макросы в Excel).
  • Программное обеспечение и работа с ним (на примере двух наиболее распространенных в РУ-нете программ Semonitor и Page Promoter)
  • Подбор имени сайта и хостинга, как элементы, способствующие дальнейшей раскрутке сайта.
  • Создание комфортного интерфейса сайта. Юзабилити. Основные правила. Правило «трех кликов»
  • Анализ рисков и методы их предотвращения. (Борьба с недобросовестными конкурентами и хакерами, способы предотвращения и защиты)
  • Основы «белой» оптимизации html-кода.
  • Основы оптимизации контента и графики.
  • Использование CMS – систем для сайта. Преимущества и недостатки.
  • Использование обратной связи (собственных Гостевых книг, Форумов) для раскрутки сайта.

4. Сайт готов. Что дальше? Шаг первый, то, что можно сделать совершенно бесплатно!
  • Теория и практика работы поисковиков.
  • Принципы работы основных поисковых систем РУ-нета — Yandex, Rambler, Mail.ru, Апорт! «Первое место» в поисковиках – мифы и реальность.
  • А так же зарубежных — Google
  • Понятие индексирования сайтов. тИЦ и PR, их значение в продвижении сайта.
  • Основные факторы, влияющие на данные индексы.
  • Алгоритм расчета PR на примере «мини-PR»
  • Как увеличить тИЦ и PR сайта.
  • Подача заявки на индексацию в поисковиках. Особенности данного процесса для различных поисковиков.
  • Использование еще одного типа сайтов-генераторов потока посетителей – каталогов. Отбор подходящих каталогов и регистрация в них.
  • Прямой обмен ссылками с другими сайтами. Плюсы и минусы, основные правила.
  • Методы «серой» накрутки индексов – линкаторы. А надо ли?
  • Анализ конкурентного окружения и методов раскрутки сайтов-конкурентов. Поиск особенностей и закономерностей.
  • Анализ результатов индексирования сайтов. Программное обеспечение для облегчения труда оптимизатора. (На примере Semonitor и Page Promoter)

5. Посетители пошли на сайт. Как увеличить посещаемость?
  • Анализ посещений, источников трафика и ключевых слов, по которым находят сайт.
  • Кто ходит на сайт?
  • Что ищут на сайте?
  • Как передвигаются по сайту?
  • Что наиболее популярно?
  • Примеры анализа с помощью программы Semonitor
  • Изменения на сайте согласно данным проведенного анализа. Принцип «не навреди».

6. Мы добились стабильного потока посетителей с поисковиков и других сайтов. Это тупик? Можно ли еще увеличить его?
  • Поиск новых источников притока посетителей. Основы PR-компаний и рекламы в Интернете.
  • PR на форумах и ресурсах, часто посещаемых нашей ЦА.
  • Методы «бесплатной» рекламы на других сайтах, партнерские программы.
  • «Белые» E-mail рассылки. Использование своих и чужих рассылок для рекламы своего ресурса.
  • «Серые» и «черные» методы рекламы – СПАМ – «хорошо это или плохо» с точки зрения репутации и «зарабатывания» денег.
  • Платная реклама в Интернете.
  • Баннеры, баннерообменные системы (На примере LBN)
  • Контекстная реклама (на примере Яндекс.Директ)
  • Оценка ROI платной рекламы.

7. А всегда ли нужна огромная посещаемость?
  • Понятие конвертации трафика.
  • Средние значения конвертации посетителей в заказчиков и как увеличить данные цифры на Вашем сайте?
  • Маркетинговая машина. Посетитель не должен покидать ее от момента первого обращения на сайт.
  • Предпосылки оттока посетителей и как его избежать.
  • Как заставить вернуться того, кто уже воспользовался услугами вашего сайта?
  • «Вирусный» маркетинг

8. Сайт работает и приносит доход. Время задуматься о том, как начать все с начала.
  • Новый виток раскрутки и оптимизации. Аудит сайта. Анализ стартовой и нынешней статистики сайта. Анализ и прогнозирование тенденций. Предпосылки грядущих рисков и проблем. Эволюция или революция?

9. Зачетное заняти