Создание и продвижение Web сайтов: Курсы

Основные вопросы, рассматриваемые в процессе курса:

• Постановка задачи создания сайта
• Организация работы над проектом
• Изучение базовых технологий, используемых при создании сайта (HTML, CSS2)
• Освоение программ, используемых при создании сайтов (Dreamweaver, PhotoShop)
• Краткий курс работы в PhotoShop, с акцентом на подготовке изображений для сайта
• Подготовка текста и графики для размещения на сайте
• Вопросы дизайна и навигация на сайте
• Размещение сайта в Интернет
• Оптимизация и раскрутка сайта в Интернет

Тема 1

Принципы функционирования интернета. Протоколы и стандарты интернет. Адресация в интернете (IP-адрес, домен, DNS-сервера, понятие URL). Клиент-серверная модель. Сервисы Интернет (электронная почта, www, ftp, icq). Web-серверы, браузеры, протокол HTTP. WEB-сайты, классификация. Составление плана работ по созданию собственного сайта.

Тема 2

Разработка концепции сайта. Цели и задачи, стоящие перед сайтом. Анализ аудитории и позиционирование сайта. Функциональность сайта. Создание описания сайта и подбор ключевых слов. Разработка базовой структуры сайта.

Практические навыки:

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

Тема 3

Технологии, применяемые при создании сайтов. Общие принципы разметки. Язык разметки HTML - основной инструмент для написания web-страничек. Базовые теги. Структура HTML-документа. Информационные мета-теги. Понятие и формат URL. Относительные и абсолютные ссылки. Организация работы над проектом и используемые программы. Вставка изображений и таблиц. Использование комментариев. Специальные символы. Программы, используемые при создании сайта. Файловый менеджер «Total Commander». HTML-редактор «Dreamweaver».

Понятие DHTML и динамическое формирование структуры страницы. Понятие веб форм и работа с ними.

Практические навыки:

• Создание простой текстовой страницы с использованием текстового редактора «Блокнот»
• Знакомство с HTML редактором «Dreamweaver» - создание страницы с использованием готовой графики
• Создание ссылок на страницы сайта, использование продвинутых возможностей редакторов HTML
• Использование на сайте внешних ссылок
• Использование таблиц для форматирования страницы
• Основные теги HTML
• Принципы построения структуры страницы

Тема 4

Организация работы по созданию сайта. Базовая структура папок проекта. Графический растровый редактор " PhotoShop ". Проблемы несовместимости и необходимость тестирования сайта в разных браузерах. Создание архивных копий проекта.

Практические навыки:

• Обрезка изображений
• Изменение физических размеров изображений
• Удаление фона и лишних деталей из картинки

Тема 5

Подготовка материала для размещения на сайте. Работа с текстом. Основные конструкции, используемые при форматировании текстов (заголовки, абзацы, нумерованные и маркированные списки, определения и т.д.). Логические и физические теги форматирования. Использование таблиц. Литературная обработка текстов. Каскадные таблицы стилей (CSS). Синтаксис CSS. Основные параметры CSS. Общие понятия.

Практические навыки:

• Использование дополнительных тегов для форматирования текста
• Дополнительные возможности табличного форматирования
• Программы проверки правописания, типичные ошибки при форматировании текста
• Создание внешнего CSS файла
• Создание прозрачных областей
• Сохранение и оптимизация изображений для WEB
• Полный обзор тега IMG

Тема 7

Подготовка графики для размещения на сайте. Графические форматы GIF, JPEG, PNG. PhotoShop как основной инструмент для подготовки графики. Общая концепция и стиль работы в " PhotoShop ". Основные графические инструменты. Классическая коррекция изображений (тоновая и цветовая коррекция, масштабирование, повышение резкости). Грамотное создание скриншотов программ для размещения на сайте. Оптимизация web-графики. Наполнение сайта информацией.

Практические навыки:

• Использование основных функций обработки графики программы «PhotoShop»(изменение размера изображений, обрезка, повышение резкости, тоновая и цветовая коррекция)
• Сохранение изображений в WEB-форматах, оптимизация графики

Тема 8

Размещение сайта в интернете. Понятие хостинга и его основные характеристики. Сравнение бесплатного и платного хостинга. Выбор и регистрация доменного имени. Регистрация на бесплатном хостинге. Необходимость поддержания локальной версии сайта в актуальном состоянии. Предварительное тестирование сайта перед закачкой на хостинг. FTP - основной инструмент для обновления информации на сайта. Основные параметры FTP-соединения и его настройка. Закачка сайта на сервер.

Практические навыки:

• Бесплатный хостинг в российской части Интернет, регистрация сайта на narod.ru
• Настройка FTP-клиента
• Cоединение с удаленным сервером по FTP протоколу и выгрузка файлов на сайт

Тема 9

Оптимизация сайта для повышения рейтинга сайта. Принцип работы поисковых роботов. Ключевые слова, составление текста страницы, «секретные» приемы для повышения рейтинга страницы.

Практические навыки:

• Навыки выбора ключевых слов
• Оптимизация текста страницы
• Регистрация в каталогах Рунета

Тема 10

Проверка ссылок сайта, поиск «осиротевших файлов». Изменение структуры сайта. Создание сайта из шаблона.Сайты на основе CMS («движков»). Преимущества платного хостинга (виртуальный сервер, co-location). Выбор и регистрация доменного имени (доменные имена второго и третьего уровня).

Практические навыки:

• Проверка файлов сайта средствами Dreamweaver
• Создание сайта из шаблона встроенного в Dreamweaver
• Использование наборов шаблонов из набора на CD
• Проверка свободного доменного имени, доменные имена второго и третьего уровня