Разработка сайта олимпиады для школьников для по заказу ГБОУ СПО СО ЕЭТК с системой управления содержимым

Доменное имя — это адрес Вашего сайта в сети Интернет. Учитывая специфику деятельности и название компании, составляется список наиболее подходящих доменных имен, а также проверяется их «занятость».

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

8. Продвижение (раскрутка).Готовый, наполненный  информацией сайт еще не гарантирует  вам приток новых клиентов. Главная  причина этого — пользователи  Интернет могут не встретить ваш сайт в сети. По статистике большинство пользователей находят информацию и приходят на сайты через поисковые системы. Именно поэтому популярность ресурса зачастую зависит от его позиции по результатам поиска. Чтобы сайт занимал лидирующие позиции в поисковых системах необходимо провести ряд мероприятий по его продвижению в сети.

Продвижение — это своего рода «рекламная кампания» по узнаванию сайта и повышения его посещаемости. Сюда входит регистрация сайта в поисковых системах, обмен ссылками, баннерная реклама и др.

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

Еще более важной является постоянная актуализация информации на сайте (частота обновления, ответственный за наполнение сотрудник).

 

1.3 Правила написания  контента для сайта

 

 

Контент (content) — с английского это слово переводится как «содержание» или «наполнение». В русский язык оно вошло без изменения значения и не стало синонимом. Теперь это термин, относящийся к сфере интернет технологий. Под контентом понимают собственно наполнение сайта. Можно сказать, что дизайн сайта — это форма, а контент — его содержание.

Итак, контент (содержание) бывает разным. В нашем случае, контент для сайта делится на три категории:

Графический контент. Сюда входит различные графические материалы. В первую очередь — конечно, фотографии, иллюстрации, анимация. Но могут быть и диаграммы, чертежи, видео.

Фактический контент. Это технические характеристики товаров, инструкции, данные каких-либо исследований, числовая информация (таблицы).

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

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

Довольно сложно представить себе интернет магазин без подробных описаний продаваемых товаров (фактический контент) и их внешний вид (графический контент). Невозможно представить интернет проект с услугами по дизайну или сайт строительной компании, без больших объемов графического контента (визуальных материалов).

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

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

А вот графический или текстовый контент — это дело профессионалов. Только специалист дизайнер обработает ваши фотографии так, что они будут смотреться как работы профессионального фотографа. И только грамотный копирайтер в сотрудничестве с оптимизатором напишет вам «продающие» тексты, которые превратят потенциальных покупателей в покупателей фактических.

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

Для оптимизации процесса подготовки контента, всю информацию нужно разделить на три группы:

1. Фундаментальная информация. Данный вид информации актуален, как правило, всегда или достаточно долго.
2. Информация средней продолжительности — сведения, которые актуальны в течении одного-двух лет и не требуют частого обновления.
3. Информация краткой продолжительности — сведения, которые необходимо обновлять или заменять перманентно.

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

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

Если посмотреть на контент сайта глазами поискового робота, то мы увидим, что каждая статья должна быть:

• уникальной;
• давать исчерпывающий ответ на поставленный пользователем вопрос;
• быть удобной для восприятия.

В соответствии с этим можно с уверенностью сказать, что первые места поисковой выдачи будут обеспечены статье, которая:

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

Все это следует учитывать при подготовке контента и размещении его на страницах сайта.

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

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

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

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

Зависимость проведенного посетителем времени на сайте и совершения запланированных веб мастером действийпоказана в таблице 1.

Таблица 1 - Конвертация

1 — 10 сек	Конвертация — 0%, отсутствие повторных возвращений
30 — 60 сек	Конвертация — 0,01%, отсутствие повторных возвращений
1-10 минут	Конвертация — 1,2 %, повторные возвращения — 0,5%
10-15 минут	Конвертация — 4-5 %, повторные возвращения — 7%

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

Основные приемы:

• обязательное составление краткого описания материалов (играет роль рекламы статьи в поисковой выдаче);
• составление тега title;
• грамотная расстановка ключевых слов;
• форматирование текста и сопровождение его иллюстрациями и дополнительными контентными блоками.

2 Описание средств разработки сайта

 

2.1 Язык гипертекстовой  разметки

 

 

HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.

Язык HTML является приложением SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879.

Язык XHTML является более строгим вариантом HTML, он следует всем ограничениям XML и, фактически, XHTML можно воспринимать как приложение языка XML к области разметки гипертекста.

Во всемирной паутине HTML-страницы, как правило, передаются браузерам от сервера по протоколам HTTP или HTTPS, в виде простого текста или с использованием сжатия.

Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1986—1991 годах в стенах Европейского Центра ядерных исследований в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов — дескрипторов. Дескрипторы также часто называют «тегами». С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже.

Изначально язык HTML был задуман и создан как средство структурирования и форматирования документов без их привязки к средствам воспроизведения (отображения). В идеале, текст с разметкой HTML должен был без стилистических и структурных искажений воспроизводиться на оборудовании с различной технической оснащённостью (цветной экран современного компьютера, монохромный экран органайзера, ограниченный по размерам экран мобильного телефона или устройства и программы голосового воспроизведения текстов). Однако современное применение HTML очень далеко от его изначальной задачи. Например, тег <TABLE> предназначен для создания в документах таблиц, но часто используется и для оформления размещения элементов на странице. С течением времени основная идея платформонезависимости языка HTML была принесена в жертву современным потребностям в мультимедийном и графическом оформлении.

Текстовые документы, содержащие разметку на языке HTML (такие документы традиционно имеют расширение .html или .htm), обрабатываются специальными приложениями, которые отображают документ в его форматированном виде. Такие приложения, называемые «браузерами» или «интернет-обозревателями», обычно предоставляют пользователю удобный интерфейс для запроса веб-страниц, их просмотра (и вывода на иные внешние устройства) и, при необходимости, отправки введённых пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются Google Chrome, Mozilla Firefox, Opera, Internet

Любая html страница состоит из тэгов. Тэги не выводятся на экран браузером, они лишь сообщают ему о том, каким образом нужно форматировать тот или иной участок страницы. Пример тегов: <html>, <head>, <body>,<title>,<br>.

Практически любая html страница имеет следующую структуру:

Рисунок 2 – структура html страницы

 

2.2 Dreamweaver

 

 

Dreamweaver (Дримуи́вер) — WYSIWYG HTML-редактор компании Adobe. Изначально разработан и поддерживался компанией Macromedia, вплоть до 8-й версии (2005 год). Следующие версии, начиная с Dreamweaver CS3 (2007), выпускает Adobe.

По состоянию на февраль 2012 кроме возможностей оплатить полностью всю стоимость (Full — $399.00), обновить ($119.00), существует оплата через подписку (помесячно — $29.00 в месяц, за год — из расчёта $19.00 в месяц).

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

Adobe Dreamweaver позволяет не только с легкостью проектировать дизайн сайта, используя визуальные методы, но и предоставляет необходимые средства для продуктивной разработки веб-приложений.

Тут присутствует полная поддержка формата CSS, с функцией проверки его совместимости с различными браузерами, функциональный редактор кода веб-страниц и возможность работать с такими технологиями, как: XML, JavaScript, PHP, Adobe ColdFusion, ASP и ASP.NET.

В новой версии появилась среда для разработки Ajax-приложений, которые могут выполнять самые разные функции (получение информации из RSS каналов и баз данных, создание визуальных эффектов и многое другое), добавлена возможность создания сайтов на основе тегов DIV, реализована тесная интеграция с другими программами Adobe.

Преимущества Adobe Dreamweaver:

• улучшенная структура для ajax;
• улучшенное представление данных;
• улучшенные элементы управления;
• улучшенные эффекты;
• интеграция adobe Photoshop® и fireworks®;
• проверка совместимости браузера;
• Web-сайт css advisor;
• компоновки css;
• управление css;
• Adobe Device Central.