Создание Веб-сайтов (html, css,javascript)

1 урок – 40минут(курс 30уроков

1-2 урок. Введение и основные понятия.

Основные сведения о языках разметки. Цели и задачи языка HTML. Что такое Браузер и работа с ним. Что такое WEB-сервер, web-сайт, web-страница и чем они отличаются. Структура HTML-документа. Понятие элементов и атрибутов Что такое тег? Типы тегов. Правила оформления HTML-документа Основные элементы форматирования текста. Спецсимволы. Использование комментариев. Обязательные теги. Создание HTML-документа, работа с программой «Notepad2». Краткое введение в CSS. Основные понятия.

3-4 урок. Работа с ссылками и изображениями.

Адресация на ресурсы в Internet. Ссылки реализация механизма в языке HTML Тег А и создание гиперссылок. Атрибуты тега А. Типы ссылок Размещение картинок на web-странице. Типы файлов картинок. Элемент IMG и его атрибуты. Распределение картинок по страницам сайта.

5-6 урок. Таблицы и списки.

Таблицы в HTML. Использование таблиц. Создание структуры WEB-страницы. Применение стилей к таблицам. Задание размеров для таблицы и ее ячеек. Объединение ячеек. Ошибки при работе с таблицами Структурирование информации на WEB-странице при помощи списков. Типы списков.

7-8 урок. Формы.

Зачем нужны формы. Элементы формы. Методы отправки информации из полей формы. Размещение аудио- и видеоматериалов на странице: примеры.

9-10 урок. Каскадные таблицы стилей.

Цели и задачи CSS. Способы добавления стилей на WEB-страницу. CSS: основные понятия и определения. Грамматика языка стилей Стили и классы их создание. Принципы каскадирования и принципы группировки Применение стилей и классов к элементам документа HTML Декоративные возможности CSS: формирование рамок и отступов Позиционирование элементов на странице при помощи CSS Применение CSS.

11-12 урок. Стили их использование при создании сайта

Применение CSS к HTML-документу. Связка CSS и HTML. Элемент Style.Создание и использование внешнего стилевого файла. Текст в CSS.Замечательные возможности CSS при работе с текстом. Ссылки в CSS. Как добавить к ссылкам различные эффекты и как работать с псевдоклассами.

13-14 урок. Использование стилей.

Принципы CSS-позиционирования Современная верстка сайта при помощи CSS. Обзор подходов на примере сайтов с максимальным использованием возможностей CSS.

15-16 урок. Дополнительные возможности HTML и CSS.

Возможности CSS 3 и их поддержка браузерами. Нестандартные теги HTML. Нестандартные возможности CSS (фильтры XML-технологии.

17-18 урок. Размещение сайта на сервере и поддержка сайта. Краткий обзор возможностей HTML 5 и CSS 3

Описание метаинформации сайта с помощью элемента META Обзор новой структурной разметки HTML 5 Вопросы хостинга Настройка FTP-клиента. Размещение сайта на сервере. Вопросы поддержки сайта.

19-20 урок. Сайт и поисковые системы.

Регистрация в поисковых системах. Краткий обзор темы продвижение сайта и цели продвижения. Способы «раскрутки» сайта.

21-22 урок. Краткий обзор Javascript.

Язык сценариев JavaScript. Введение в язык сценариев Javascript. Операторы и функции. Основы проверки сценариев. Операторы if и else. Способы записи комментариев. Краткое знакомство с функциями.

23-24 урок. Краткий обзор Javascript.

Формы и циклы. Основы работы с полями форм и с функциями циклов.

25-26 урок. Краткий обзор Javascript.

Строки, числа. Внутренняя работа присущих JavaScript объектов: строк, чисел.

27-28 урок. (практика

Создание веб-страницы. Самостоятельное написание обязательных тегов. Текст и его форматирование, работа с изображениями, вставка ссылок. Работа с тегом table.

29-30 урок. (практика

Использование CSS. Связка CSS и HTML. Текст в CSS.Возможности CSS при работе с текстом. Ссылки в CSS. Позиционирование в CSS.

Продвижение сайтов(продвижение сайтов в поисковых системах, повышение рейтинга сайта

Курс 20 уроков по 40 минут.

1-2 урок. Введение в SEO. Основные элементы, необходимые для работы.

Общая информация о сайтах. Виды и задачи сайтов. Понятие хостинга. Электронные деньги Webmoney; Электронные деньги Яндекс.Деньги, пользование сервисом. Способы пополнения электронных кошельков. Общие сведения о продвижении сайтов.

3-4 урок.Анализ сайта глазами поисковых систем Яндекс и Google.

Работа с инструментом Вебмастер.Яндекс: сайт глазами поисковой системы Яндекс. Количество проиндексированных страниц и ошибок на сайте. Управление индексацией. Файл robots.txt. Основные принципы продвижения сайтов в поисковых системах.

5-6 урок. Статистика и анализ сайта. Оценка эффективности сайта.

Задачи Интернет-статистики. Оценка параметров посещаемости. Анализ данных. Статистика ключевых слов Яндекс (http://wordstat.yandex.ru/), примеры пользования системой. Статистика по поисковым запросам Rambler (http://adstat.rambler.ru/wrds/), примеры пользования системой.

7-8 урок. Устройство и принцип работы поисковых систем.

Понятие поисковой системы. Принципы работы поисковых систем, которые нужно учитывать при продвижении сайта. Поисковые роботы. Порядок индексации сайтов. Порядок поисковой выдачи. Принципы алгоритмов выдачи поисковой системы Яндекс и Google.

9-10 урок. Подбор ключевых слов. Создание семантического ядра сайта.

Выбор ключевых слов для продвижения сайта. Типы запросов по частотности. Понятие семантического ядра. Создание семантического ядра. Выбор ключевых страниц сайта. Распределение семантического ядра. Анализ сайтов конкурентов. Расчет бюджета на продвижение сайта.

11-12 урок. Основы языка HTML, необходимые для продвижения сайта.

Понятие HTML. Метатеги: их роль и значение. Основные тэги веб-страницы. Тэг заголовка и требования к нему. Создание файла в формате .html. Создание текстовых ссылок. Атрибуты текстовых ссылок. Управление цветом фона и текста. Создание заголовков. Управление изображениями в веб-странице. Тэги форматирования текста. Создание веб-страницы.

13 урок. Создание привлекательного текста. Основы копирайтинга.

Основные правила написания сео-текстов. Принципы создания текстов для главной страницы. Заголовки, которые привлекают внимание. Как создать успешную статью. Грамотное расположение ключевых слов.

14 урок. Контентная оптимизация и оптимизация HTML-кода сайта.

Заголовок страницы. Правила написания заголовка страниц. Заголовки текста h1-h6 и их роль при оптимизации и продвижении. Понятие контентной оптимизации текстов на страницах сайта.

15-16 урок. Технология и секреты продвижения сайта ссылками

Принцип работы ссылок. Покупка ссылок. Особенности контекстных ссылок. Особенности работы с биржей ссылок SAPE. Создание площадки, создание анкор-листа, поиск площадок для размещения ссылок. Анализ ценовой политики сайтов. Обычные и контекстные ссылки – плюсы и минусы каждой из них. Покупка ссылок навсегда с биржи Gogetlinks.

17 урок. Нарушения и штрафные санкции при продвижении сайта.

Понятие белого, серого и чёрного продвижения сайтов. Штрафные санкции поисковых систем за применение запрещенных методов продвижения. Виды штрафных санкций: исключение из поисковой базы, пессимизация, наложение фильтра

Урок 18 урок. Оценка знаний. Выработка плана персонального развития.

Урок 19 урок.

Самостоятельная работа: составление списка целевых запросов (ключевых слов для продвижения сайта в поисковых системах. Анализ конкретных примеров.

Урок 20 урок.

Самостоятельная работа: создание оптимизированных страниц либо оптимизация существующих, получение внешних ссылок: http://seo-miheeff.ru/banner_online_advertising.php регистрация сайта в каталогах и др. Анализ конкретных примеров.