Как составить план проекта по разработке сайта. Оптимизация проекта по созданию сайта


Как составить план проекта по разработке сайта

Задача Исполнитель Часы Комментарий
Выделение основных услуг и определение конкурентов Маркетолог 6 Важно для понимания объема сайта. После изучения конкурентов, список может быть скорректирован.
Экспресс-анализ сайтов конкурентов Маркетолог 24 В зависимости от знания рынка и сложности проекта, время может быть скорректировано.
Формулировка преимуществ и разработка УТП Маркетолог 8 На основе информации о компании и конкурентах вырабатываем основное предложение и тезисно отвечаем на вопрос: «почему надо купить у нас».
Начальное планирование структуры сайта Маркетолог 2 Только после этого можно составить базовую структуру сайта, которая выглядит на данном этапе как список страниц.
Сбор семантического ядра и сегментирование SEO-спец 26 SEO-специалист собирает полный список запросов и объединяет их в смысловые группы. Время я рассчитываю примерно по 2 часа на каждую страницу предварительной структуры сайта (для которых актуально SEO, разумеется). Если уже существует сайт, то следует учесть запросы, по которым сайт уже находится в поисковой выдаче.
Согласование и утверждение сем. ядра Маркетолог 8 Лучше семантическое ядро согласовать и с заказчиком, чтобы избежать недопонимания в дальнейшем.
Корректировка структуры сайта с учетом сем.ядра SEO-спец 6 Предложения SEO-специалиста по списку страниц, навигации.
Доработка и согласование структуры сайта с учетом сем.ядра Маркетолог 4 На данном этапе мы получаем скелет сайта. Дальше я предполагаю наличие типовых страниц. К примеру, что все страницы разных услуг выполнены по одному шаблону.
Базовые рекомендации SEO по контенту для страниц постранично SEO-спец 8 Чтобы не пришлось переделывать прототипы или даже готовые страницы, я рекомендую, получить SEO пожелания уже на этом этапе. Этот пункт про блоки на странице. Я закладываю 0,5 часа на 1 стр.
SEO ТЗ на контент страниц SEO-спец 30 Данный пункт про рекомендации по текстам, которые должны быть на страницах. Я закладываю по 2 часа на каждую страницу.
Написание текстов Копирайтер/Маркетолог 90 Если вам повезло найти хорошего копирайтера, можете доверить написание текстов ему. В большинстве случаев тексты для страниц услуг, уникальных страниц типо «О компании», «404», «Контакты» и т.п. я пишу сама. Время беру по своим меркам, поэтому закладываю по 6 часов на 1 стр. Но от проекта к проекту может меняться.
Прототипирование страниц Маркетолог 82 Закладываю также по 6 часов на 1 страницу, плюс 2 рабочих дня на главную, так как необходимо подготовить разметку макета, шапку и подвал. Мне удобно делать прототипы параллельно с написанием текстов.
Подготовка ТЗ дизайнеру Маркетолог 13 Хотя прототипы в Axure RP достаточно наглядные, по некоторым пунктам дизайнеру необходимо дать отдельные рекомендации, особенно в начале. Описать стиль, цветовую гамму. Мне удобно прислать примеры стиля и обсудить устно, чтобы быть уверенной, что мы говорим об одном и том же.
Дизайн главной страницы + рекомендации на адаптив Дизайнер 16 Так как сейчас невозможно жить без мобильного сайта, то советую подумать об адаптивной версии уже на этом этапе. Показала себя рабочей схема, когда дизайнер готовит не несколько вариантов дизайна, а пишет рекомендации. Времени тратится меньше, а результат одинаковый.
Дизайн остальных страниц + рекомендации на адаптив Дизайнер 66 Я считаю по 6 часов на страницу. Где-то может быть больше, где-то меньше. В это время закладываю и подготовку верстальщику рекомендаций для адаптивной верстки.
Утверждение и согласование дизайна Маркетолог 14 На утверждение макетов всегда тратится время, особенно, когда речь идет об утверждении стиля и дизайну первых страниц. Советую заложить в плане время на это.
Подготовка оптимизированных метатегов и h2 SEO-спец 16 В целом этот пункт можно включить в любой момент до запуска сайта, но не забываем!
Составление ТЗ на верстку и программирование Маркетолог 17 Так как я рассматриваю вариант сайта услуг, то не предполагаю сложных в реализации модулей. Поэтому закладываю 1,5 часа на страницу.
SEO рекомендации для этапа верстка и программирование SEO-спец 6 Опять же, чтобы не переделывать, лучше сразу готовить сайт с учетом дальнейшего продвижения в поисковиках.
Верстка (адаптивная) Верстальщик 104 Тут все зависит от сложности макетов. Я предполагаю 2 дня на разворачивание инфраструктуры, подготовку к работе и по 8 часов на 1 стр.
Утверждение и согласование верстки Маркетолог 24 Можно не включать этот пункт, но проверять верстку, писать правки и принимать все равно придется. В зависимости от команды и проекта на это может уйти достаточно много времени. Поэтому я рекомендую заложить его в проект.
Программирование Программист 80 Сборка разрозненных страничек в готовый сайт. Вывод в CMS модулей для дальнейшего управления контентом сайта без участия разработчика.
Утверждение и согласование программной части Маркетолог 15 Честно говоря, кажется, что я мало времени закладываю на эту задачу. Без этого этапа вы 100% не обойдетесь, оставляйте на него время.
Тестирование и отладка Маркетолог 40 Это задача нажать на все кнопочки, посмотреть все странички, попробовать все функции в CMS и проверить сайт в разных браузерах и на разных устройствах. Если проект небольшой, то может быть достаточно проверки своими силами, для сложных подключаем тестировщиков.
Запуск боевой версии сайта Программист 8 До этого момента все проверки шли на тестовой площадке. Только сейчас переходим на открытый сайт для пользователей.
Подключение аналитики+CallTouch+настройка целей Маркетолог/Программист 16 Опциональный пункт, который начинает становится нормой, так как без аналитики невозможно понять, на сколько сайт справляется со своими задачами.
Рекомендации по первичная SEO-оптимизации SEO-спец 8 Внимательно слушаем, что нам говорит SEO-специалист и выполняем его рекомендации. Если изначально сайт готовился по текущему плану, то доработок должно быть минимум, но robots.txt и карту сайта готовим только сейчас.
Реализация SEO-рекомендаций Верстальщик/Программист 16 Рассчитываю 2 рабочих дня.
Проверка применения SEO-рекомендаций на тестовой площадке Маркетолог 4
Применение SEO-рекомендаций на основном сайте Программист 3

gaille.me

Создание и оптимизация интернет проектов

Интернет сайт — удобный, надежный и мощный маркетинговый инструмент для решения конкретных бизнес-задач. Это канал продаж, который работает круглосуточно.

Курс "Создание и оптимизация интернет-проектов" в Тольятти включает в себя три направления: Основы создания сайта, Программирование WEB-сайтов, Оптимизация WEB-сайтов.

Курс имеет практическую направленность - по окончании обучения Вы сможете самостоятельно осуществлять создание, обслуживание и оптимизацию WEB-ресурса. Опытные преподаватели помогут Вам освоить современные WEB-технологии, сформировать основные навыки программирования Web-сайтов.

Стоимость курса:

Обучение в группе (от 5 человек)

19 250 рублей

Индивидуальное обучение

35 400 рублей

Скидки и акции

Объем курса:

Обучение в группе (от 5 человек)

96 ак.ч.

Индивидуальное обучение

72 ак.ч.

Учебная программа курса:

Часть 1. Основы создания сайта

1. Основные понятия.

1.1. Понятие WWW (World Wide Web).

1.2. Понятие гипертекстовых документов и web-сайтов. Классификации web-сайтов. Различные типы web-сайтов, их назначение и использование. Типы гипертекстовых документов (web-страниц), их различия и сходства.

1.4. Размещение и хранение web-страницы и сайты. Понятие web-сервера и принципы его работы с пользователем.

1.5. Обзор программ (браузеров) для просмотра веб-сайтов.

1.6. Подбор программного обеспечения для работы над веб-сайтом. Необходимый минимум для начала работы.

1.7. Способы создания веб-сайтов: визуальный, работа с кодом, комбинированный.

1.8. Разработка структуры и этапы построения web-сайта. Информационное наполнение и взаимосвязи основных разделов и подразделов, а также дополнительных страниц веб-сайта.

2. Введение в HTML (язык гипертекстовой разметки). Основы создания сайта.

2.1. Язык HTML. Основы, версии и стандарты языка HTML. Структура HTML документа. Основные разделы кода веб-страницы. Понятие тэгов HTML, их типы и оформление.

2.2. Объявление типа документа. Варианты и стандарты.

2.3. Открытие блока HTML и начало блока заголовков.

2.4. Обзор заголовков гипертекстовых документов, их синтаксис и назначение.

2.5. Обзор других тэгов, входящих в блок заголовков.

2.6. Закрытие блока заголовков и открытие основного блока (тэг BODY). Обзор основных параметров тэга BODY и их использование (установка фонового цвета и изображения веб-страницы, задание цветов текста и ссылок и т.д.).

2.7. Закрывающие тэги блоков HTML.

2.8. Создание шаблонного кода веб-страницы в простом текстовом редакторе и проверка его работы в браузере. Способы редактирования кода веб-страниц.

3. Обзор тэгов HTML для работы с текстом.

3.1. Создание текстовых заголовков различных уровней и их позиционирование на веб-странице.

3.2. Обзор тэгов оформления и выделения текста, а также изменения его размеров и цвета.

3.3. Обзор тэгов разрыва строк и выделения блоков, их области применения.

3.4. Обзор тэгов создания списков различных типов.

3.5. Принципы вставки спецсимволов и тэги псевдографики. Понятие Unicode, его создание и применение.

3.6. Тэги вставки изображений на web-страницы и их параметры. Обзор поддерживаемых графических форматов, их различия, ограничения и использование.

3.7. Понятие, использование и принципы построения таблиц. Обзор тэгов создания таблиц и их параметры.

3.9. Понятие гиперссылки. Типы и области применения гиперссылок. Тэги создания гиперссылок и их параметры.

3.10. Создание кода и разработка шаблона новостной ленты сайта.

4. Понятие карты сайта, её назначение и использование.

4.1. Обзор тэгов создания карты сайта и их параметров. Пример создания карты сайта.

4.2. Понятие, типы и использование фреймов. Тэги создания фреймов и их параметры. Пример создания фреймовой структуры сайта. Установка плавающих фреймов на веб-страницу и их использование.

4.3. Использование мультимедиа на веб-сайте. Обзор тэгов для размещения аудио- и видеофайлов, а также Flash-анимации на веб-страницах и их параметры. Ограничения использования мультимедиа.

4.4. Понятие и применение комментариев HTML. Обзор тэгов для вставки комментариев и ограничения их использования.

5. Создание интерактивных элементов.

5.1. Понятие, типы и назначение скриптов. Понятие и использование форм на веб-страницах. Принципы взаимодействия формы со скриптами. Обзор тэгов для создания элементов формы (текстовых полей, выпадающих списков и т.д.).

5.2. Введение в JavaScript, его назначение и области применения. Объектная модель веб-страницы и браузера. Примеры объектов.

5.3. Понятие, типы и использование событий на веб-страницах. Примеры использования некоторых событий. Создание интерактивных объектов на веб-странице.

5.4. Создание всплывающих окон и их использование.

6. Работа с графическими объектами и их размещение на веб-сайтах.

6.1. Требования и условия размещения графических объектов на web-страницах. Обзор поддерживаемых форматов, их различия и использование.

6.2. Принципы адаптации графики. Адаптация графических изображений для размещения на web-страницах. Обзор программного обеспечения для адаптации графики, его различия и возможности. Примеры адаптации изображений в различных форматах с помощью программы Adobe Photoshop и подобных графических редакторов.

6.3. Понятие и использование нарезки изображений. Примеры нарезки изображений в программе Adobe Photoshop или подобных графических редакторах. Сборка нарезанных изображений в браузере с помощью таблиц.

6.4. Понятие, области применения и принципы создания анимации. Обзор программного обеспечения для создания анимации. Пример создания и редактирования анимированных изображений в программе Adobe ImageReady или подобных редакторах.

6.5. Понятие, типы, назначение и использование баннеров. Требования к параметрам баннеров и условия их размещения на сайте. Примеры создания баннеров.

Установка баннеров и анимированных изображений на web-страницы.

7. Технология CSS, её версии и поддержка браузерами.

7.1. Понятие, область применения и принципы построения каскадных таблиц стилей (CSS).

7.2. Использование CSS на веб-страницах, способы задания стилей и оформления отдельных элементов.

7.3. Обзор инструкций CSS для оформления, изменения размеров и цвета текста.

Обзор инструкций CSS для установки фоновых изображений и их параметры.

7.3. Понятие и использование обрамления. Обзор инструкций CSS для создания обрамлений и их параметры (установка формы, цвета, ширины и позиционирования бордюров, а также отступов от них и т.д.).

7.4. Понятие, инструкции и использование трёхмерного позиционирования объектов веб-страницы с помощью CSS. Примеры позиционирования отдельных элементов веб-страницы.

7.5. Управление отображением элементов страницы с помощью CSS. Обзор инструкций управления отображением и их взаимодействие со скриптами. Примеры управления отображение объектов (создание исчезающих и меняющихся объектов).

7.8. Понятие и использование фильтров CSS. Инструкции и примеры создания фильтров.

8. Создание web-сайта по шаблону.

8.1. Типы шаблонов и способы работы с ними. Разработка и изготовление собственных шаблонов веб-страниц и целых сайтов.

8.2. Автоматизация создания и редактирования веб-сайтов. Работа с визуальными редакторами типа WYSIWYG. Обзор популярных визуальных web-редакторов: Microsoft FrontPage, Macromedia Dreamweaver и Macromedia HomeSite, их преимущества и недостатки.

8.3. Создание веб-страницы с помощью шаблонов в визуальных редакторах.

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

8.4. Создание и редактирование гиперссылок в среде визуального редактора. Создание и редактирование гипертекстовых меню в шаблоне веб-страницы.

8.5. Позиционирование и удаление отдельных элементов шаблона веб-страницы в среде визуального редактора. Создание собственных элементов и вставка их в шаблон. Разработка остальных страниц веб-сайта на базе данного шаблона.

8.6. Создание сложных эффектов (меняющихся изображений и выпадающих меню) в среде визуального редактора.

8.7. Унификация общего визуального оформления сайта. Проверка работы гиперссылок и логических связей между страницами сайта.

9. Размещение web-сайта на сервере.

9.1. Способы доступа к сайту (по имени или IP-адресу).

9.2. Понятие, принципы построения и работа DNS (BIND). Организация InterNIC и её представительства. Выбор и регистрация доменного имени сайта. Понятие и типы хостинга. Выбор хостинга для размещения своего сайта. Требования и ограничения серверов для размещения веб-ресурсов. Способы закачки сайта на сервер по протоколам HTTP и FTP. Обзор программного обеспечения для закачки файлов сайта на сервер и работа с ним. Размещение сайта на сервере.

9.3. Понятие, назначение и использование систем управления контентом (CMS).

Тестирование работы web-сайта на сервере. Возможные ошибки и недочёты.

  1. Зачет: Создание web-сайта.

Часть 2. Программирование WEB-сайтов

  1. Введение.

1.1. Понятие WWW (World Wide Web).

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

1.3. Понятие web-сервера и его взаимодействие с пользователем. Обзор протоколов (HTTP, FTP и т.д.) передачи данных, их различия и практическое применение.

1.4. Понятие индексных файлов, их названия, типы и использование.

Обзор программ (браузеров) для просмотра web-страниц и web-сайтов, их различия и особенности интерпретации кода.

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

1.6. Понятие скрипта. Классификация скриптов, их различия и области применения.

Клиентские скрипты. Обзор технологий для создания клиентских скриптов (JavaScript), их особенности и поддержка в различных браузерах.

2. Язык JavaScript.

2.1. Создание и способы подключения Java – скриптов к web-страницам. Синтаксис JavaScript.

2.2. Вызов простых встроенных функций и проверка работоспособности скрипта в браузере.

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

2.4. Массивы, способы их создания и области применения. Примеры создания сложных массивов и работа с ними.

3. Условные операторы, их типы и применение на практике.

3.1. Понятие функций и их применение на практике. Функции интерактивного общения с пользователем и запрос информации. Примеры создания сложных условий и программ аутентификации на странице.

3.2. Циклы, их назначение, виды, создание и применение в программах. Примеры использования различных видов циклов.

3.3. Бесконечные циклы и их применение в компьютерных вирусах. Примеры написания простых вирусов и варианты защиты от них.

3.4. Понятие события. Виды и обработка событий в браузере. Примеры использования событий для запуска различных функций.

3.5. Создание собственных (пользовательских) функций. Примеры передачи данных и обработки возвращённого значения функции.

3.6. Понятие объекта. Типы, назначение, создание и использование объектов в программах.

3.7. Объектная модель браузера. Примеры доступа к различным объектам и манипуляции с ними.

3.8. Создание интерактивных элементов на web-странице (изображений, кнопок, всплывающих меню, скрытых информационных блоков и т.д.). Работа с HTML-формами.

3.9. Способы передачи данных скриптам (методы GET и POST) и случаи их применения.

3.10. Способы генерации кода web-страниц. Создание всплывающих окон и управление ими.

3.11. Создание строковых объектов и работа с ними. Обзор функций для обработки строк. Примеры поиска информации в строках и создание текстовых фильтров.

4. Язык Java Script.

4.1. Получение информации о системе с помощью Java Script (определение версии браузера, типа операционной системы, параметров монитора и т.д.).

4.2. Обработка и отправка данной информации на сервер.

5. Web-серверы.

5.1. Обзор популярных web -серверов, их различия, особенности и использование.

6. Вебсервер Apache.

6.1. Выбор версии, установка и проверка работоспособности Apache.

6.2. Установка и подключение дополнительных модулей.

6.3. Использование пакетов разработчика для тестов и ознакомления с работой и устройством сервера.

6.4. Обзор переменных окружения сервера и их практическое использование.

6.5. Каталоги и файлы конфигурации Apache.

6.6. Настройка сервера и разрешение доступа к нему с других компьютеров.

6.8. Создание виртуальных хостов и размещение сайтов.

7. Серверные скрипты.

7.1. Обзор технологий для создания серверных скриптов (PHP), их популярность, особенности и поддержка web -серверами.

8. Язык PHP.

8.1. Создание и способы подключения PHP-скриптов к web -страницам.

8.2. Синтаксис PHP.

8.3. Различие версий интерпретаторов и их современное использование.

8.4. Вызов простых встроенных функций и проверка работоспособности скрипта.

8.5. Типы переменных, способы их объявления, создания и присвоения значений.

8.6. Работа с простыми типами переменных и передача информации браузеру.

8.7. Понятие конкатенации.

9. Массивы, их типы и способы создания.

9.1. Добавление данных в простой массив и работа с его элементами.

9.2. Примеры создания ассоциативных, многомерных и древовидных массивов и работа с ними.

9.3. Примеры передачи скриптам значений переменных и массивов посредством HTML-форм и гиперссылок методами GET и POST (отправка информации на сервер).

10. Обзор функций для работы с переменными и массивами.

10.1. Сортировка элементов и другие манипуляции с массивами.

10.2. Удаление переменных и массивов.

10.3. Условия и циклы, их типы и применение на практике. Примеры создания условий и генерации кода в циклах (создание выпадающих списков, таблиц по запросу и т.д.).

10.4. Работа со строками. Обзор функций для работы со строками. Примеры написания текстовых фильтров и поиск информации в строках. Работа с различными кодировками.

10.5. Функции шифрования данных. Примеры обратимого и необратимого шифрования и их применение на практике. Создание скриптов аутентификации на сайте.

10.6. Отправка данных по e-mail. Примеры скриптов для форм обратной связи на сайтах.

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

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

10.9. Функции для работы с каталогами. Автоматическое создание новых каталогов, установка разрешений и другие манипуляции с ними. Копирование и удаление файлов и каталогов.

10.10. Создание гостевых книг, чатов и форумов на базе текстовых файлов. Функции включения содержимого других файлов и генерации кода «на лету».

11. Работа с базами данных.

11.1. Обзор типов и систем управления базами данных (СУБД), их различия, специфика и области применения.

11.2. Введение в реляционные системы управления базами данных.

11.3. Принципы построения и работы реляционных СУБД.

11.4. Обзор популярных СУБД для работы с web серверами.

11.5. Выбор, установка и настройка СУБД.

12. Язык SQL.

12.1.Использование SQL в современных СУБД, его версии и особенности.

12.2. Создание SQL-запросов к базам данных на примере СУБД MySQL. Вставка, изменение и удаление данных, а также их извлечение и сортировка по заданным условиям.

12.3. Создание связки PHP-MySQL. Обзор функций PHP для работы с системами управления базами данных. Создание новых баз данных и обращение к ним через PHP-скрипты.

12.4. Примеры создания интерфейса управления базами данных, а также гостевых книг, форумов и чатов с использованием СУБД.

 

  1. Зачетная работа: создание web-сайта.

Часть 3. Оптимизация WEB-сайтов.

1. Введение. Цели курса.

1.1. Кто такие «оптимизаторы».

1.2. Спрос на услуги оптимизации порождает рост предложения.

1.3. Для кого же делают сайты? «Белое и черное» в работе оптимизатора.

2. Виды сайтов, их аудитория, источники входящего потока посетителей на сайт.

2.1. Классификация сайтов по отношению входящего/исходящего потоков посетителей.

2.1.1. Типичные генераторы потоков посетителей (каталоги и поисковики).

2.1.2. Типичные приемники потока посетителей (информационные ресурсы, коммерческие, развлекательные ресурсы).

2.2. Виды и подвиды сайтов генераторов и приемников.

2.2.1. Поисковики

2.2.2. Каталоги

2.2.3. Информационные и развлекательные ресурсы

2.2.4. Коммерческие ресурсы

3. Как сделать «правильный» сайт.

3.1. Определение ЦА сайта. Кому и зачем нужен этот сайт?

3.2. Как его будут искать?

3.3. Что будут искать (ищут) внутри?

3.4. Классификация нового или уже имеющегося сайта и определение его вида.

3.5. Составление фоно-семантического ядра сайта – основа дальнейшей легкой раскрутки сайта в поисковиках.

3.5.1. «Ручной» способ подбора. Использование элементов автоматизации (макросы в Excel).

3.5.2. Программное обеспечение и работа с ним (на примере двух наиболее распространенных в РУ-нете программ Semonitor и Page Promoter)

3.6. Подбор имени сайта и хостинга, как элементы, способствующие дальнейшей раскрутке сайта.

3.7. Создание комфортного интерфейса сайта. Юзабилити. Основные правила. Правило «трех кликов»

3.8. Анализ рисков и методы их предотвращения. (Борьба с недобросовестными конкурентами и хакерами, способы предотвращения и защиты)

3.9. Основы «белой» оптимизации html-кода.

3.10. Основы оптимизации контента и графики.

3.11. Использование CMS – систем для сайта. Преимущества и недостатки.

3.12. Использование обратной связи (собственных Гостевых книг, Форумов) для раскрутки сайта.

4. Сайт готов. Что дальше? Шаг первый, то, что можно сделать совершенно бесплатно!

4.1. Теория и практика работы поисковиков.

4.1.1. Принципы работы основных поисковых систем РУ-нета - Yandex, Rambler, Mail.ru, Апорт! «Первое место» в поисковиках – мифы и реальность.

4.1.2. А так же зарубежных - Google

4.1.3. Понятие индексирования сайтов. тИЦ и PR, их значение в продвижении сайта.

4.1.4. Основные факторы, влияющие на данные индексы.

4.1.5. Алгоритм расчета PR на примере «мини-PR»

4.2. Как увеличить тИЦ и PR сайта.

4.2.1. Подача заявки на индексацию в поисковиках. Особенности данного процесса для различных поисковиков.

4.2.2. Использование еще одного типа сайтов-генераторов потока посетителей – каталогов. Отбор подходящих каталогов и регистрация в них.

4.2.3. Прямой обмен ссылками с другими сайтами. Плюсы и минусы, основные правила.

4.2.4. Методы «серой» накрутки индексов – линкаторы. А надо ли?

4.2.5. Анализ конкурентного окружения и методов раскрутки сайтов-конкурентов. Поиск особенностей и закономерностей.

4.3. Анализ результатов индексирования сайтов.

Программное обеспечение для облегчения труда оптимизатора. (На примере Semonitor и Page Promoter)

5. Посетители пошли на сайт. Как увеличить посещаемость?

5.1. Анализ посещений, источников трафика и ключевых слов, по которым находят сайт.

5.1.1. Кто ходит на сайт?

5.1.2. Что ищут на сайте?

5.1.3. Как передвигаются по сайту?

5.1.4. Что наиболее популярно?

5.1.5. Примеры анализа с помощью программы Semonitor

5.2. Изменения на сайте согласно данным проведенного анализа. Принцип «не навреди».

6. Мы добились стабильного потока посетителей с поисковиков и других сайтов. Это тупик? Можно ли еще увеличить его?

6.1. Поиск новых источников притока посетителей. Основы PR-компаний и рекламы в Интернете.

6.1.1. PR на форумах и ресурсах, часто посещаемых нашей ЦА.

6.1.2. Методы «бесплатной» рекламы на других сайтах, партнерские программы.

6.1.3. «Белые» E-mail рассылки. Использование своих и чужих рассылок для рекламы своего ресурса.

6.1.4. «Серые» и «черные» методы рекламы – СПАМ – «хорошо это или плохо» с точки зрения репутации и «зарабатывания» денег.

6.2. Платная реклама в Интернете.

6.2.1. Баннеры, баннерообменные системы (На примере LBN)

6.2.2. Контекстная реклама (на примере Яндекс.Директ)

6.3. Оценка ROI платной рекламы.

7. А всегда ли нужна огромная посещаемость?

7.1. Понятие конвертации трафика.

7.2. Средние значения конвертации посетителей в заказчиков и как увеличить данные цифры на Вашем сайте?

7.2.1. Маркетинговая машина. Посетитель не должен покидать ее от момента первого обращения на сайт.

7.2.2. Предпосылки оттока посетителей и как его избежать.

7.2.3. Как заставить вернуться того, кто уже воспользовался услугами вашего сайта?

7.2.4. «Вирусный» маркетинг

8. Сайт работает и приносит доход. Время задуматься о том, как начать все с начала.

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

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

edu-tlt.ru

План разработки сайта, полный план по созданию сайта

Над любым проектом намного проще работать, когда составлен четкий план действий.Разработка и внедрение сайта не является исключением, чтобы сделать всё правильно, потребуется начать с составления плана. Сложно сделать перечень работы, которую вам придется выполнить? Тогда вы можете воспользоваться нашим планом.

Мы составили план разработки сайта, который обязательно пригодится вебмастерам. В нём отражаются все необходимые действия для правильного запуска сайта. При необходимости, вы можете использовать его как основу или техническое задание.

Полный план по созданию сайта

 1. Задачи и цели.Начинать необходимо с постановки задач и установки целей, для которых разрабатывается площадка. Если говорить конкретнее, то нужно разобраться, зачем открывается проект, какая у него будет целевая аудитория, а также оцениваются конкуренты.

2. Наброски дизайна и структуры.Не стоит торопиться и сразу же приступать ко всем необходимым работам, сначала нужно составить отдельные планы по разработке каждого элемента и определить необходимое для этого время. К примеру, вы можете сделать приблизительный дизайн ресурса, чтобы поверхностно оценить его.

3. Верстка и программирование.На этом этапе производятся все необходимые работы по разработке сайта и его настройке. Включить можно следующие действия:

В общем, все технические моменты необходимо создавать на этом этапе. На заключительном этапе этого процесса, необходимо убедиться, что всё нормально работает.

4. Аудит юзабилити.После организации всех программных моментов, можно подумать и об удобстве использования сайта. Проводить такие проверки вручную сложно, но придется тратить время, без этого никак. Обязательно предоставьте доступ к ресурсу другим людям, чтобы они оценили ваши старания.

5. Наполнение.Этот этап можно начинать с запуска проекта. Когда сайт уже будет доступен для посещений, его потребуется наполнять. Здесь исходите из вида ресурса. Если это какой-нибудь сервис, то достаточно составить FAQ, разместить информацию на главной странице, а также заполнить страницу с контактами.

6. Продвижение и поддержка.Заключительный этап разработки сайта, который может затянуться на неопределенные сроки. Поддержка должна выполняться на протяжении всего времени работы ресурса, это же касается и продвижения. Основные действия для этого этапа:

Каждый из этих этапов разработки сайта, требует определенного внимания и будет намного лучше, если созданием площадки будет заниматься сразу несколько профессионалов из различных сфер деятельности.

Советую посетить следующие страницы:— Канал на YouTube для раскрутки сайта— Dwatcher – для проверки индексации сайтов— Монетизация сайта через Youlamedia

webtrafff.ru

Этапы создания сайта

При реализации любого веб ресурса, у заказчика всегда возникают вопросы по порядку действий, что за-чем следует и что в себя включает каждый из видов работ, поэтому, перечислим и поясним основные этапы создания веб-сайта предприятия с нуля. Не важно, как предполагается организовать работу – силами своего внутреннего подразделения или заказав в веб студии разработку веб сайта предприятия, это всегда будет основано на сотрудничестве заказчика с подрядчиком.

Примеры работ

ПЕРВЫЙ ЭТАП - вы озвучиваете цели, мы проводим анализ

Первым шагом будет формулирование идеи интернет ресурса и понимание той целевой аудитории, для которой процесс создания сайта по этапам предполагается выполнять. Без четкого позиционирования, на выходе, может получиться не совсем то, что вы хотели. Мы плотно работаем с клиентом, чтобы понять, что конкретно заказчик ждет от своего будущего ресурса.

ВТОРОЙ ЭТАП - подготовка технического задания

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

Что включает в себя ТЗ

ТРЕТИЙ ЭТАП – прототипирование (проектирование)

Данный этап имеет весьма важное, если не сказать – основополагающее значение, ведь от принятых на основе тестирования прототипа решений, в конечном итоге зависит эффективность сайта и жизнеспособность выстроенной впоследствии web системы.

ЧЕТВЕРТЫЙ ЭТАП - подготовка макетов дизайна веб сайта

ПЯТЫЙ ЭТАП - верстка, интеграция верстки в систему управления и программирование

Это время отводится нами под все технические работы, и на выходе мы предоставим

ШЕСТОЙ ЭТАП – seo копирайт и заполнение информацией

В результате, пройдя все описанные выше шаги по порядку – у вас технически готовый ресурс, но, пока без заполненного контента. Не неся в себе актуального контента и оптимизированной по SEO информации – сайт ничего не стоит. Поэтому, в рамках времени отведенного на эти шаги, мы пишем тексты, подбираем и обрабатываем изображения, наполняем разделы и страницы целевым контентом.

СЕДЬМОЙ ЭТАП – запуск и тестирование

ВОСЬМОЙ ЭТАП - поддержка и продвижение

Продвижение сайта в поисковых системах - это привлечение на него имеющихся и потенциальных клиентов, новых пользователей. Тут все зависит от заказчика, если наш клиент хочет, чтобы его интернет представительство приносило ему заявки, новых покупателей, то над ним будем работать и дальше.

ВЫВОДЫ

  1. Мы рассмотрели последовательность этапов работ создания и непосредственной реализации идеи качественного сайта под ключ. Наши специалисты, шаг за шагом, решают как подготовительные и обеспечительные вопросы - выбор места размещения сервера, поставщика услуг доступа в интернет, регистрация домена и т.п., так и вопросы, связанные с соблюдением бесперебойной работы web ресурса и интегрированием его в существующие у владельца информационные системы и бизнес процессы.
  2. Вышеописанные мероприятия всегда завершаются подведением итогов работы на базе сравнения достигнутых результатов с запланированными, в контексте ранее определенных критериев с оценкой эффективности проделанной работы и полученных результатов. При правильном подходе к вопросу, когда необходима разработка сайта с точки зрения построения бизнеса с использованием возможностей Сети, веб ресурс будет продолжать совершенствоваться и развиваться.
  3. После подведения первых итогов возможна корректировка общих целей и задач, что, в свою очередь, нередко влечет за собой пересмотр вопросов программы маркетинга, реализованной в ходе первого этапа.
  4. При выявлении недостаточной коммерческой отдачи от веб-ресурса, связанной с неудачным (с точки зрения конечного пользователя) дизайном или неоправданно малым количеством посетителей, возникает необходимость возврата соответственно к четвертому и нижеследующим этапам создания сайта, для того, чтобы провести необходимые корректирующие мероприятия и внести изменения.
  5. Существенные изменения в первоначальные планы может вносить и сам интернет, поскольку динамика его развития требует постоянно совершенствовать используемые методы и средства. Иными словами, выстраивание действующей программы маркетинга на основе веб-ресурса является типичным итерационным процессом, который видоизменяется в ходе развития Всемирной сети.

www.divier.ru

Внутренняя оптимизация - первый этап работы по продвижению сайта

Внутренняя оптимизация - это система определенных мер для достижения наилучшей индексации сайта поисковыми системами. Эти меры включают в себя следующее:

Подбор поисковых запросов.

Первым этапом внутренней оптимизации сайта является подбор ключевых фраз, по которым он будет продвигаться в поисковых системах. Запросы (ключи) должны отражать содержание сайта. При этом необходимо учитывать не только популярность запросов, но и их конкурентность. Чем больше количество показанных веб-документов по конкретной ключевой фразе, тем сложнее будет продвижение. Рассчитать эти факторы позволяют специальные программы, например, wordstat yandex, adstat rambler и liveinternet. Рекомендуется продвигать каждую страницу не более чем по двум поисковым запросам. Определившись с фразами для поискового запроса, можно приступать к текстовому заполнению страниц портала.

Подготовка контента.

Ключевые слова обязательно должны входить в заголовок страницы и желательно присутствовать в подзаголовках. Опыт показывает, что длина статьи должна быть 1500 - 2500 знаков, а плотность ключей составлять 4% - 5%, которые должны быть равномерно распределены по тексту. Увеличение их плотности может привести к санкциям за спам, что приведет к понижению на 10 - 30 позиций в поисковой выдаче. Для того чтобы нужный текст попал в сниппет (блок информации о найденном документе в результатах поиска) необходимо поместить его в мини-блок длиной 150 - 200 символов, включив ключевую фразу. Содержание сниппета играет важную роль, так как от него зависит, перейдет ли пользователь на сайт. Контент должен быть такой, чтобы пользователь, изучив его, получил удовлетворительный ответ, на свой запрос.

Важность хорошего юзабилити.

Когда основная задача решена, и человек оказался на сайте, важно, чтобы он понравился пользователю. Существует такое понятие, как юзабилити - степень удобства интерфейса для человека. Для этого сайт должен иметь понятное меню, четкую структуру и легкую навигацию. Известно, что при равных расходах на рекламу удобные интернет-ресурсы получают больше посетителей. Повышению юзабилити способствует также понятный контент и качественный дизайн.

Перелинковка страниц.

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

Главная цель - продвижение сайта.

Существует еще множество способов и нюансов, касающихся темы внутренней оптимизации: облегчение электронных страниц с помощью специальных тегов, которые делают заключенную в них информацию невидимой для поисковых роботов; использование картинок, схем, видеороликов; проверка валидности кода.

Все указанные меры направлены на достижение одной цели - продвижение сайта.

webcomme.ru

Создание и оптимизация интернет проектов

Интернет сайт — удобный, надежный и мощный маркетинговый инструмент для решения конкретных бизнес-задач. Это канал продаж, который работает круглосуточно.

Курс "Создание и оптимизация интернет-проектов" в Тольятти включает в себя три направления: Основы создания сайта, Программирование WEB-сайтов, Оптимизация WEB-сайтов.

Курс имеет практическую направленность - по окончании обучения Вы сможете самостоятельно осуществлять создание, обслуживание и оптимизацию WEB-ресурса. Опытные преподаватели помогут Вам освоить современные WEB-технологии, сформировать основные навыки программирования Web-сайтов.

Стоимость курса:

Обучение в группе (от 5 человек)

19 250 рублей

Индивидуальное обучение

35 400 рублей

Скидки и акции

Объем курса:

Обучение в группе (от 5 человек)

96 ак.ч.

Индивидуальное обучение

72 ак.ч.

Учебная программа курса:

Часть 1. Основы создания сайта

1. Основные понятия.

1.1. Понятие WWW (World Wide Web).

1.2. Понятие гипертекстовых документов и web-сайтов. Классификации web-сайтов. Различные типы web-сайтов, их назначение и использование. Типы гипертекстовых документов (web-страниц), их различия и сходства.

1.4. Размещение и хранение web-страницы и сайты. Понятие web-сервера и принципы его работы с пользователем.

1.5. Обзор программ (браузеров) для просмотра веб-сайтов.

1.6. Подбор программного обеспечения для работы над веб-сайтом. Необходимый минимум для начала работы.

1.7. Способы создания веб-сайтов: визуальный, работа с кодом, комбинированный.

1.8. Разработка структуры и этапы построения web-сайта. Информационное наполнение и взаимосвязи основных разделов и подразделов, а также дополнительных страниц веб-сайта.

2. Введение в HTML (язык гипертекстовой разметки). Основы создания сайта.

2.1. Язык HTML. Основы, версии и стандарты языка HTML. Структура HTML документа. Основные разделы кода веб-страницы. Понятие тэгов HTML, их типы и оформление.

2.2. Объявление типа документа. Варианты и стандарты.

2.3. Открытие блока HTML и начало блока заголовков.

2.4. Обзор заголовков гипертекстовых документов, их синтаксис и назначение.

2.5. Обзор других тэгов, входящих в блок заголовков.

2.6. Закрытие блока заголовков и открытие основного блока (тэг BODY). Обзор основных параметров тэга BODY и их использование (установка фонового цвета и изображения веб-страницы, задание цветов текста и ссылок и т.д.).

2.7. Закрывающие тэги блоков HTML.

2.8. Создание шаблонного кода веб-страницы в простом текстовом редакторе и проверка его работы в браузере. Способы редактирования кода веб-страниц.

3. Обзор тэгов HTML для работы с текстом.

3.1. Создание текстовых заголовков различных уровней и их позиционирование на веб-странице.

3.2. Обзор тэгов оформления и выделения текста, а также изменения его размеров и цвета.

3.3. Обзор тэгов разрыва строк и выделения блоков, их области применения.

3.4. Обзор тэгов создания списков различных типов.

3.5. Принципы вставки спецсимволов и тэги псевдографики. Понятие Unicode, его создание и применение.

3.6. Тэги вставки изображений на web-страницы и их параметры. Обзор поддерживаемых графических форматов, их различия, ограничения и использование.

3.7. Понятие, использование и принципы построения таблиц. Обзор тэгов создания таблиц и их параметры.

3.9. Понятие гиперссылки. Типы и области применения гиперссылок. Тэги создания гиперссылок и их параметры.

3.10. Создание кода и разработка шаблона новостной ленты сайта.

4. Понятие карты сайта, её назначение и использование.

4.1. Обзор тэгов создания карты сайта и их параметров. Пример создания карты сайта.

4.2. Понятие, типы и использование фреймов. Тэги создания фреймов и их параметры. Пример создания фреймовой структуры сайта. Установка плавающих фреймов на веб-страницу и их использование.

4.3. Использование мультимедиа на веб-сайте. Обзор тэгов для размещения аудио- и видеофайлов, а также Flash-анимации на веб-страницах и их параметры. Ограничения использования мультимедиа.

4.4. Понятие и применение комментариев HTML. Обзор тэгов для вставки комментариев и ограничения их использования.

5. Создание интерактивных элементов.

5.1. Понятие, типы и назначение скриптов. Понятие и использование форм на веб-страницах. Принципы взаимодействия формы со скриптами. Обзор тэгов для создания элементов формы (текстовых полей, выпадающих списков и т.д.).

5.2. Введение в JavaScript, его назначение и области применения. Объектная модель веб-страницы и браузера. Примеры объектов.

5.3. Понятие, типы и использование событий на веб-страницах. Примеры использования некоторых событий. Создание интерактивных объектов на веб-странице.

5.4. Создание всплывающих окон и их использование.

6. Работа с графическими объектами и их размещение на веб-сайтах.

6.1. Требования и условия размещения графических объектов на web-страницах. Обзор поддерживаемых форматов, их различия и использование.

6.2. Принципы адаптации графики. Адаптация графических изображений для размещения на web-страницах. Обзор программного обеспечения для адаптации графики, его различия и возможности. Примеры адаптации изображений в различных форматах с помощью программы Adobe Photoshop и подобных графических редакторов.

6.3. Понятие и использование нарезки изображений. Примеры нарезки изображений в программе Adobe Photoshop или подобных графических редакторах. Сборка нарезанных изображений в браузере с помощью таблиц.

6.4. Понятие, области применения и принципы создания анимации. Обзор программного обеспечения для создания анимации. Пример создания и редактирования анимированных изображений в программе Adobe ImageReady или подобных редакторах.

6.5. Понятие, типы, назначение и использование баннеров. Требования к параметрам баннеров и условия их размещения на сайте. Примеры создания баннеров.

Установка баннеров и анимированных изображений на web-страницы.

7. Технология CSS, её версии и поддержка браузерами.

7.1. Понятие, область применения и принципы построения каскадных таблиц стилей (CSS).

7.2. Использование CSS на веб-страницах, способы задания стилей и оформления отдельных элементов.

7.3. Обзор инструкций CSS для оформления, изменения размеров и цвета текста.

Обзор инструкций CSS для установки фоновых изображений и их параметры.

7.3. Понятие и использование обрамления. Обзор инструкций CSS для создания обрамлений и их параметры (установка формы, цвета, ширины и позиционирования бордюров, а также отступов от них и т.д.).

7.4. Понятие, инструкции и использование трёхмерного позиционирования объектов веб-страницы с помощью CSS. Примеры позиционирования отдельных элементов веб-страницы.

7.5. Управление отображением элементов страницы с помощью CSS. Обзор инструкций управления отображением и их взаимодействие со скриптами. Примеры управления отображение объектов (создание исчезающих и меняющихся объектов).

7.8. Понятие и использование фильтров CSS. Инструкции и примеры создания фильтров.

8. Создание web-сайта по шаблону.

8.1. Типы шаблонов и способы работы с ними. Разработка и изготовление собственных шаблонов веб-страниц и целых сайтов.

8.2. Автоматизация создания и редактирования веб-сайтов. Работа с визуальными редакторами типа WYSIWYG. Обзор популярных визуальных web-редакторов: Microsoft FrontPage, Macromedia Dreamweaver и Macromedia HomeSite, их преимущества и недостатки.

8.3. Создание веб-страницы с помощью шаблонов в визуальных редакторах.

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

8.4. Создание и редактирование гиперссылок в среде визуального редактора. Создание и редактирование гипертекстовых меню в шаблоне веб-страницы.

8.5. Позиционирование и удаление отдельных элементов шаблона веб-страницы в среде визуального редактора. Создание собственных элементов и вставка их в шаблон. Разработка остальных страниц веб-сайта на базе данного шаблона.

8.6. Создание сложных эффектов (меняющихся изображений и выпадающих меню) в среде визуального редактора.

8.7. Унификация общего визуального оформления сайта. Проверка работы гиперссылок и логических связей между страницами сайта.

9. Размещение web-сайта на сервере.

9.1. Способы доступа к сайту (по имени или IP-адресу).

9.2. Понятие, принципы построения и работа DNS (BIND). Организация InterNIC и её представительства. Выбор и регистрация доменного имени сайта. Понятие и типы хостинга. Выбор хостинга для размещения своего сайта. Требования и ограничения серверов для размещения веб-ресурсов. Способы закачки сайта на сервер по протоколам HTTP и FTP. Обзор программного обеспечения для закачки файлов сайта на сервер и работа с ним. Размещение сайта на сервере.

9.3. Понятие, назначение и использование систем управления контентом (CMS).

Тестирование работы web-сайта на сервере. Возможные ошибки и недочёты.

  1. Зачет: Создание web-сайта.

Часть 2. Программирование WEB-сайтов

  1. Введение.

1.1. Понятие WWW (World Wide Web).

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

1.3. Понятие web-сервера и его взаимодействие с пользователем. Обзор протоколов (HTTP, FTP и т.д.) передачи данных, их различия и практическое применение.

1.4. Понятие индексных файлов, их названия, типы и использование.

Обзор программ (браузеров) для просмотра web-страниц и web-сайтов, их различия и особенности интерпретации кода.

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

1.6. Понятие скрипта. Классификация скриптов, их различия и области применения.

Клиентские скрипты. Обзор технологий для создания клиентских скриптов (JavaScript), их особенности и поддержка в различных браузерах.

2. Язык JavaScript.

2.1. Создание и способы подключения Java – скриптов к web-страницам. Синтаксис JavaScript.

2.2. Вызов простых встроенных функций и проверка работоспособности скрипта в браузере.

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

2.4. Массивы, способы их создания и области применения. Примеры создания сложных массивов и работа с ними.

3. Условные операторы, их типы и применение на практике.

3.1. Понятие функций и их применение на практике. Функции интерактивного общения с пользователем и запрос информации. Примеры создания сложных условий и программ аутентификации на странице.

3.2. Циклы, их назначение, виды, создание и применение в программах. Примеры использования различных видов циклов.

3.3. Бесконечные циклы и их применение в компьютерных вирусах. Примеры написания простых вирусов и варианты защиты от них.

3.4. Понятие события. Виды и обработка событий в браузере. Примеры использования событий для запуска различных функций.

3.5. Создание собственных (пользовательских) функций. Примеры передачи данных и обработки возвращённого значения функции.

3.6. Понятие объекта. Типы, назначение, создание и использование объектов в программах.

3.7. Объектная модель браузера. Примеры доступа к различным объектам и манипуляции с ними.

3.8. Создание интерактивных элементов на web-странице (изображений, кнопок, всплывающих меню, скрытых информационных блоков и т.д.). Работа с HTML-формами.

3.9. Способы передачи данных скриптам (методы GET и POST) и случаи их применения.

3.10. Способы генерации кода web-страниц. Создание всплывающих окон и управление ими.

3.11. Создание строковых объектов и работа с ними. Обзор функций для обработки строк. Примеры поиска информации в строках и создание текстовых фильтров.

4. Язык Java Script.

4.1. Получение информации о системе с помощью Java Script (определение версии браузера, типа операционной системы, параметров монитора и т.д.).

4.2. Обработка и отправка данной информации на сервер.

5. Web-серверы.

5.1. Обзор популярных web -серверов, их различия, особенности и использование.

6. Вебсервер Apache.

6.1. Выбор версии, установка и проверка работоспособности Apache.

6.2. Установка и подключение дополнительных модулей.

6.3. Использование пакетов разработчика для тестов и ознакомления с работой и устройством сервера.

6.4. Обзор переменных окружения сервера и их практическое использование.

6.5. Каталоги и файлы конфигурации Apache.

6.6. Настройка сервера и разрешение доступа к нему с других компьютеров.

6.8. Создание виртуальных хостов и размещение сайтов.

7. Серверные скрипты.

7.1. Обзор технологий для создания серверных скриптов (PHP), их популярность, особенности и поддержка web -серверами.

8. Язык PHP.

8.1. Создание и способы подключения PHP-скриптов к web -страницам.

8.2. Синтаксис PHP.

8.3. Различие версий интерпретаторов и их современное использование.

8.4. Вызов простых встроенных функций и проверка работоспособности скрипта.

8.5. Типы переменных, способы их объявления, создания и присвоения значений.

8.6. Работа с простыми типами переменных и передача информации браузеру.

8.7. Понятие конкатенации.

9. Массивы, их типы и способы создания.

9.1. Добавление данных в простой массив и работа с его элементами.

9.2. Примеры создания ассоциативных, многомерных и древовидных массивов и работа с ними.

9.3. Примеры передачи скриптам значений переменных и массивов посредством HTML-форм и гиперссылок методами GET и POST (отправка информации на сервер).

10. Обзор функций для работы с переменными и массивами.

10.1. Сортировка элементов и другие манипуляции с массивами.

10.2. Удаление переменных и массивов.

10.3. Условия и циклы, их типы и применение на практике. Примеры создания условий и генерации кода в циклах (создание выпадающих списков, таблиц по запросу и т.д.).

10.4. Работа со строками. Обзор функций для работы со строками. Примеры написания текстовых фильтров и поиск информации в строках. Работа с различными кодировками.

10.5. Функции шифрования данных. Примеры обратимого и необратимого шифрования и их применение на практике. Создание скриптов аутентификации на сайте.

10.6. Отправка данных по e-mail. Примеры скриптов для форм обратной связи на сайтах.

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

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

10.9. Функции для работы с каталогами. Автоматическое создание новых каталогов, установка разрешений и другие манипуляции с ними. Копирование и удаление файлов и каталогов.

10.10. Создание гостевых книг, чатов и форумов на базе текстовых файлов. Функции включения содержимого других файлов и генерации кода «на лету».

11. Работа с базами данных.

11.1. Обзор типов и систем управления базами данных (СУБД), их различия, специфика и области применения.

11.2. Введение в реляционные системы управления базами данных.

11.3. Принципы построения и работы реляционных СУБД.

11.4. Обзор популярных СУБД для работы с web серверами.

11.5. Выбор, установка и настройка СУБД.

12. Язык SQL.

12.1.Использование SQL в современных СУБД, его версии и особенности.

12.2. Создание SQL-запросов к базам данных на примере СУБД MySQL. Вставка, изменение и удаление данных, а также их извлечение и сортировка по заданным условиям.

12.3. Создание связки PHP-MySQL. Обзор функций PHP для работы с системами управления базами данных. Создание новых баз данных и обращение к ним через PHP-скрипты.

12.4. Примеры создания интерфейса управления базами данных, а также гостевых книг, форумов и чатов с использованием СУБД.

 

  1. Зачетная работа: создание web-сайта.

Часть 3. Оптимизация WEB-сайтов.

1. Введение. Цели курса.

1.1. Кто такие «оптимизаторы».

1.2. Спрос на услуги оптимизации порождает рост предложения.

1.3. Для кого же делают сайты? «Белое и черное» в работе оптимизатора.

2. Виды сайтов, их аудитория, источники входящего потока посетителей на сайт.

2.1. Классификация сайтов по отношению входящего/исходящего потоков посетителей.

2.1.1. Типичные генераторы потоков посетителей (каталоги и поисковики).

2.1.2. Типичные приемники потока посетителей (информационные ресурсы, коммерческие, развлекательные ресурсы).

2.2. Виды и подвиды сайтов генераторов и приемников.

2.2.1. Поисковики

2.2.2. Каталоги

2.2.3. Информационные и развлекательные ресурсы

2.2.4. Коммерческие ресурсы

3. Как сделать «правильный» сайт.

3.1. Определение ЦА сайта. Кому и зачем нужен этот сайт?

3.2. Как его будут искать?

3.3. Что будут искать (ищут) внутри?

3.4. Классификация нового или уже имеющегося сайта и определение его вида.

3.5. Составление фоно-семантического ядра сайта – основа дальнейшей легкой раскрутки сайта в поисковиках.

3.5.1. «Ручной» способ подбора. Использование элементов автоматизации (макросы в Excel).

3.5.2. Программное обеспечение и работа с ним (на примере двух наиболее распространенных в РУ-нете программ Semonitor и Page Promoter)

3.6. Подбор имени сайта и хостинга, как элементы, способствующие дальнейшей раскрутке сайта.

3.7. Создание комфортного интерфейса сайта. Юзабилити. Основные правила. Правило «трех кликов»

3.8. Анализ рисков и методы их предотвращения. (Борьба с недобросовестными конкурентами и хакерами, способы предотвращения и защиты)

3.9. Основы «белой» оптимизации html-кода.

3.10. Основы оптимизации контента и графики.

3.11. Использование CMS – систем для сайта. Преимущества и недостатки.

3.12. Использование обратной связи (собственных Гостевых книг, Форумов) для раскрутки сайта.

4. Сайт готов. Что дальше? Шаг первый, то, что можно сделать совершенно бесплатно!

4.1. Теория и практика работы поисковиков.

4.1.1. Принципы работы основных поисковых систем РУ-нета - Yandex, Rambler, Mail.ru, Апорт! «Первое место» в поисковиках – мифы и реальность.

4.1.2. А так же зарубежных - Google

4.1.3. Понятие индексирования сайтов. тИЦ и PR, их значение в продвижении сайта.

4.1.4. Основные факторы, влияющие на данные индексы.

4.1.5. Алгоритм расчета PR на примере «мини-PR»

4.2. Как увеличить тИЦ и PR сайта.

4.2.1. Подача заявки на индексацию в поисковиках. Особенности данного процесса для различных поисковиков.

4.2.2. Использование еще одного типа сайтов-генераторов потока посетителей – каталогов. Отбор подходящих каталогов и регистрация в них.

4.2.3. Прямой обмен ссылками с другими сайтами. Плюсы и минусы, основные правила.

4.2.4. Методы «серой» накрутки индексов – линкаторы. А надо ли?

4.2.5. Анализ конкурентного окружения и методов раскрутки сайтов-конкурентов. Поиск особенностей и закономерностей.

4.3. Анализ результатов индексирования сайтов.

Программное обеспечение для облегчения труда оптимизатора. (На примере Semonitor и Page Promoter)

5. Посетители пошли на сайт. Как увеличить посещаемость?

5.1. Анализ посещений, источников трафика и ключевых слов, по которым находят сайт.

5.1.1. Кто ходит на сайт?

5.1.2. Что ищут на сайте?

5.1.3. Как передвигаются по сайту?

5.1.4. Что наиболее популярно?

5.1.5. Примеры анализа с помощью программы Semonitor

5.2. Изменения на сайте согласно данным проведенного анализа. Принцип «не навреди».

6. Мы добились стабильного потока посетителей с поисковиков и других сайтов. Это тупик? Можно ли еще увеличить его?

6.1. Поиск новых источников притока посетителей. Основы PR-компаний и рекламы в Интернете.

6.1.1. PR на форумах и ресурсах, часто посещаемых нашей ЦА.

6.1.2. Методы «бесплатной» рекламы на других сайтах, партнерские программы.

6.1.3. «Белые» E-mail рассылки. Использование своих и чужих рассылок для рекламы своего ресурса.

6.1.4. «Серые» и «черные» методы рекламы – СПАМ – «хорошо это или плохо» с точки зрения репутации и «зарабатывания» денег.

6.2. Платная реклама в Интернете.

6.2.1. Баннеры, баннерообменные системы (На примере LBN)

6.2.2. Контекстная реклама (на примере Яндекс.Директ)

6.3. Оценка ROI платной рекламы.

7. А всегда ли нужна огромная посещаемость?

7.1. Понятие конвертации трафика.

7.2. Средние значения конвертации посетителей в заказчиков и как увеличить данные цифры на Вашем сайте?

7.2.1. Маркетинговая машина. Посетитель не должен покидать ее от момента первого обращения на сайт.

7.2.2. Предпосылки оттока посетителей и как его избежать.

7.2.3. Как заставить вернуться того, кто уже воспользовался услугами вашего сайта?

7.2.4. «Вирусный» маркетинг

8. Сайт работает и приносит доход. Время задуматься о том, как начать все с начала.

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

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

edu-tlt.ru

Этапы создания сайта с нуля: пошаговый процесс

От автора: приветствую вас. В этой статье мы с вами рассмотрим этапы создания сайта, как пройти путь от идеи до реального интернет-проекта в сети, который приносит вам пользу.

Идея

О да, это и есть самый первый этап и им ни в коем случае не стоит пренебрегать, потому что если создавать сайт без первоначальных целей на него, то в итоге может оказаться так, что вы просто потратите зря деньги, так и не найдя применения своему ресурсу. Либо будет так, что вы его забросите, потому что нет идей по развитию и ведению. В любом случае, идея нужна, без нее просто никуда, забудьте про дальнейшие этапы, пока не сформирована четкая идея, иначе в них нет никакого смысла.

На этом же этапе вы уже можете приобрести доменное имя для сайта, чтобы оно было заранее. Кстати, это очень важный и ответственный момент. Желательно, чтобы уже в домене отражалась основная суть вашего проекта. В этом плане можете равняться на наш сайт. Я не хвастаюсь, просто webformyself – реально классное имя для ресурса о сайтостроении. В связи с этим, рекомендую вам как минимум несколько часов провести за подбором имени.

Для тех же, кто готов заплатить, есть и другой вариант – устроить на какой-нибудь фриланс-бирже конкурс на лучшее название для вашего проекта, самому лучшему заплатите денюжку. Конечно, большинство из вас скажут: “да я лучше сам придумаю”, и я не имею ничего против, но в таком случае приложите все усилия для подбора оптимального названия. Хорошо, с идеей все понятно. Рассмотрим другие этапы создания сайта с нуля.

Начинаем разработку: определяется план создания создания сайта

Это тоже важно, куда ж без плана. Итак, с какими пунктами нужно разобраться в первую очередь:

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого профессионального роста с нуля в сайтостроении

Узнать подробнее

На каком движке будет работать сайт? Для начала полезно будет определиться с этим, почитать хотя бы об основных бесплатных движках (WordPress, Joomla, Drupal), причем выбирать нужно исходя из типа сайта. Например, блог легко сделать и настроить на WP, интернет-магазин – на Opencart и т.д.

Как будет реализовываться внешний вид сайта и его работоспособность? Реализовать сам сайт можно по-разному. Тут я вижу как минимум несколько вариантов:

Заказ разработки сайта с нуля фрилансерам, в который входит рисование уникального дизайна, верстка всего этого добра и интеграция кода под конкретный движок. В итоге вы, скорее всего, получаете качественный ресурс, полностью готовый к работе, а за дополнительную плату вам его еще и могут настроить. Обойдется все это в как минимум 10-15 тысяч рублей, многие студии делают в разы дороже.

Заказ разработки только чего-то одного, а следующий этап вы выполняете самостоятельно. Например, вы умеете верстать и интегрировать в движок, но хотите классный дизайн. Заказываете только его, остальное сами. Можно и сэкономить, хотя реально классные дизайны стоят от 15 тысяч рублей. Опять же, зависит от типа сайта, если внешний вид по вашему мнению не будет играть слишком важной роли, можно обойтись и без помощи профессионала.

Реализация всего и вся самостоятельно. Тут тоже много вариантов. Если вы мастер на все руки, то можете сами нарисовать сайт, сверстать его и сделать полностью работоспособным, посадив на любой движок. Можно поступить и по-другому – взять бесплатный или платный шаблон для нужной CMS, после чего доработать его под свои нужды. Пожалуй, это самый быстрый и экономный вариант, если вы делаете сайт лично для себя.

Использование вспомогательных программ. Многие редакторы кода также оснащены визуальными настройками, которые многие позволяют сделать автоматически. Например, создать меню, кнопки и т.д. Программа Adobe Muse вообще генерирует весь код за вас, но работу с ней тоже надо изучать. Очень много всего создано, чтобы упростить труд веб-разработчика.

Где будет храниться сайт?

Это следующий важный вопрос, потому что до этих пор мы с вами говорили, по сути, о создании необходимых файлов для будущего сайта, какими способами это можно сделать. Но ведь файлы должны где-то храниться?

Когда проект готов к тому, чтобы начать работать, ему нужно найти место в сети, где он будет располагаться. Здесь есть 3 варианта: обычный платный виртуальный хостинг, виртуальный выделенный сервер, выделенный сервер. Что выбрать?

Просто платный виртуальный хостинг кто-то на просторах интернета сравнил с общагой, и я полностью согласен с этим человеком. Это когда на одном сервере может находиться много сайтов, кроме вашего там может быть до 20-50 других! Соответственно, это соседство не всегда полезно, основная проблема в том, что IP-адрес вашего сайта, по сути, стоит и у тех сайтов, так что если вы и хотите держать серьезный проект на виртуальном хостинге, обязательно закажите услугу отдельного IP.

Виртуальный выделенный сервер – это более продвинутый вариант, это как отдельная комната, и там имеете полное право находиться только вы. Таким образом, у вас будет уникальный IP-адрес и собственная виртуальная машина, которой можно управлять. Для большинства проектов рекомендуется брать именно виртуальный выделенный сервер.

Наконец, выделенный сервер – это отдельный удаленный компьютер, который выделяется специально вам и вы можете использовать его мощь в своих целях. Это все равно, что иметь собственный дом, где вы уже единственный и полноправный хозяин.

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

Соответственно, для себя вы должны определить, где хранить свой проект. Самый оптимальный выбор – сразу купить VDS. Если ваш ресурс когда-нибудь станет сверхпосещаемым, вы вполне сможете сменить его на выделенный сервер.

Установка на хостинг, связка с доменом и старт работы проекта

Когда вы определили место, где будут лежать файлы вашего сайта, нужно оплатить услуги и установить сайт. Если вы заказывали разработку под ключ, то все это могут сделать за вас. В любом случае, базовые знания вам не помешают. Например, неплохо было бы знать, как установить нужный движок, поставить на него шаблон, изменить dns-адреса домена и т.д.

После этого, по сути, ваш сайт становится полностью рабочим. Остается только…

Настройка готового проекта

Да, остается настроить движок, на котором будет работать ресурс. После этого шага можно будет сказать, что все готово к работе и жизни проекта. Обычно настройкой занимаются сео-специалисты или опытные веб-мастера. В одном из наших курсов вы можете найти 12 уроков по установке и настройке полезных плагинов для WordPress, которые серьезно улучшат ваш сайт.

Настройка – это то, что может продолжаться долго. Можно вести блог или создать интерне-магазин, а потом спустя полгода что-то там настроить. Но чем раньше вы правильно технически настроите все, тем лучше.

Итак, это были этапы создания web-сайта. Идея – план – реализация дизайна и верстки согласно плану – регистрация домена и покупка места под сайт на хостинге – установка движка, связка с доменом и дальнейшая настройка ресурса. Читая материалы нашего блога, вы можете получить знания, которые упростят вам работу на всех этих этапах. На этом я с вами прощаюсь и желаю успеха в реализации своих интернет-проектов.

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого профессионального роста с нуля в сайтостроении

Узнать подробнее

Фреймворк YII2: теория и первая практика

Овладейте азами фреймворка Yii2 за 5 дней!

Получить

webformyself.com


Prostoy-Site | Все права защищены © 2018 | Карта сайта