Проектирование сайта

Размещено на http://www.allbest.ru/

Содержание:

Введение

Глава 1. Теоретическая часть

1.1 Понятие и значение web-представительства

1.2 Основы разработки web-представительства. Разработка архитектуры сайта

1.3 Особенности разработки web-представительств

1.4 Анализ существующих разработок и обоснование выбора технологии проектирования

1.5 Постановка задачи

Глава 2. Практическая часть

2.1 Цели создания и задачи web-представительства

2.2 Информационное обеспечение задачи

2.3 Определение целевой аудитории сайта

2.4 Контент web-представительства

2.5 Структура навигационной системы сайта

Вывод

Список источников

Введение

информационный сайт контент

В последнее десятилетие благодаря бурному развитию Интернета прогрессирует и Web-программирование. Каждая уважающая себя компания уже имеет свое Web-представительство.

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

Глава 1. Теоретическая часть

1.1 Понятие и значение web-представительства

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

Независимо от того, пользуетесь ли вы в процессе создания сайтов готовой CMS-системой или используете полностью собственный программный продукт, понятие интернет-сайта базируется на четырех основных "китах": HTML-разметка, CSS-стили, СУБД MySQL и PHP-программирование. Именно по этим важным разделам вы получите базовые знания на наших курсах, благодаря чему станете понимать суть происходящих на сайтах процессов, научитесь их себе подчинять, ими управлять.

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

Не нужно быть гением или провидцем, чтобы с уверенностью сказать: "Будущее за интернетом!"

1.2 Основы разработки web-представительства. Разработка архитектуры сайта

Принципиальное отличие веб-представительства от материальных носителей информации - нелинейность. Это значит, что отдельная страница сама по себе не имеет фиксированного положения в пространстве сайта, а набор из нескольких страниц не обязан складываться в линейную (или любую другую) последовательность. В то же время основные, магистральные связи между страницами, существующие на любом сайте, всегда складываются в некоторую структуру, отражающую внутренние связи содержимого. Два основных типа таких структур:

· древовидные (иерархические)

· линейные (последовательные)

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

Что такое разработка web-сайта? Если просто посмотреть на слово “разработка”, то становится понятно, что оно означает строительство (то есть создание) сайтов. Но сколько же различных работ нужно выполнить, чтобы “разработать” сайт? Для начала нужно правильно выбрать основную идею и тематику сайта, затем разработать дизайн. Дизайн должен быть не только красивым и функциональным, на его основе должен легко верстаться сам сайт. Но и это ещё не всё! Для того чтобы сайт был динамичным и привлекал внимание, за работу принимаются не только дизайнеры, но и программисты. Когда же сайт готов, его ещё нужно разместить в Сети и привлечь к нему посетителей, этим часто занимаются отдельные специалисты.

Получается, что разработка web-преставительства -- это работа для команды людей, имеющих хорошую профессиональную подготовку? Да, это так, если говорить о крупных сайтах, разрабатываемых для больших корпораций. Но на сегодняшний день у людей с различными интересами всё чаще возникает необходимость в создании небольших личных сайтов: для рекламы своих услуг и товаров, для продвижения своего творчества, для организации «кружка по интересам» или просто для общения. Есть все воз-можности, чтобы любой желающий мог создать свой собственный сайт самостоятельно! Что же необходимо знать начинающему веб-мастеру, который решил создать свой собственный простой сайт? Для достижения поставленной цели есть два основных варианта действий:

· воспользоваться готовыми интернет-решениями или конструкторами сайтов;

· изучить базовые веб-технологии и создать свой сайт вручную «с нуля».

Первый вариант предполагает разработку сайта с помощью готовых конструкторов интернет-сайтов. Для разработки сайтов с помощью таких конструкторов не требуется изучать веб-технологии (HTML, CSS, JavaScript), достаточно познакомиться с интерфейсом самого конструктора. Этот быстрый и удобный способ создания сайтов подходит для тех, кто дорожит своим временем. Конечно, с помощью конструктора можно создать собственный сайт буквально за пять минут, но в нём будут очевидные недостатки. Во-первых, дизайн сайта. Даже если конструктор предлагает большое количество шаблонов оформления, довольно редко в этих шаблонах можно менять отдельные элементы дизайна, к тому же, есть вероятность, что точно такой же шаблон использует на своём сайте кто-то другой. Во-вторых, сайт будет привязан к возможностям конструктора, и если со временем возможностей конструктора будет не хватать для реализации каких-то идей, то сайт придётся создавать заново.

Ну а что же даёт вариант разработки интернет сайта в ручную, то есть создание сайтов с помощью HTML, CSS и JavaScript. Огромное количество веб-мастеров начинали свой путь в сайтостроении именно с этого, так как если мы делаем сайт на HTML, то изучаешь «азбуку» веб-мастеринга, без знания которой невозможно будет делать дальнейшие шаги в освоении этого искусства. Конечно, крупные корпоративные сайты никто уже не делает на «чистом» HTML, пользуются различными системами управления содержимым сайта, но если твой сайт состоит из небольшого количества страниц и мы стремимся начать осваивать веб-технологии, то этот вариант нам подойдёт больше.

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

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

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

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

1.3 Особенности разработки web-представительств.

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

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

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

2. Необходимо составить из 4 - 5 слов Title (заголовок страницы), и составить из ключевых слов, которые будут подходить для данной вебстраницы.

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

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

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

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

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

8. Рекомендуем на каждой странице применять теги, типа: <h1>, <h2>, <h3>, <strong>, <b>, <i> - поисковые системы их любят, и соответственно индексация ресурса произойдет быстрее, и он станет выше ранжироваться. А еще, довольно неплохо ценятся картинки, для которых прописаны ALT-атрибуты.

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

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

11. Не делайте меню на JavaScript, потому - что они не индексируются.

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

Стандартная контактная форма состоит из трех полей:

· Имя;

· Email;

· Тестовое поле для сообщения.

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

1.4 Анализ существующих разработок и обоснование выбора технологии проектирования

Главный инструмент это интегрированная среда разработка или IDE, которая позволит редактировать HTML, Javascript, CSS, PHP и будет поддерживать другие языки, например Python или Ruby. Очень мощным инструмент в руках программиста будет CMS Joomla. Достоинство этой CMS в том, что она позволяет наращивать любой функционал при помощи плагинов, которых очень много. Если планируется разрабатывать web-приложения на PHP, то можно использовать версии Joomla 1.5, Joomla 1.6, Joomla 1.7, Joomla 2.5. Joomla - система управления содержимым, написанная на PHP и JavaScript, для хранения баз данных использует MySQL.

Рекомендуется установить следующие плагины:

· ArtAdminer - компонент для работы с базой данных;

· System Debug - отображает отладочную информацию на сайте;

· Blog Ping - плагин позволяющий ускорить процесс индексации сайта;

· Joomla Magic Updater - автоматическое обновление версии;

· AJAX Toogler - существенно ускоряет работу админ панели сайта;

· Cashe Cleaner - очистка кеша.

Для выполнения данного проекта выбран движок Joomla 1.5.25

1.5 Постановка задачи.

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

Необходимо создать интерфейс администрирования. Администратор должен иметь возможность добавления, изменения и удаления данных о товарах. База данных содержит всю необходимую информацию, а приложение осуществляет необходимые операции с этой базой.

Для разработки будут использованы хорошо зарекомендовавшие себя программные продукты:

* сервер баз данных MySQL;

* web-сервер Apache;

* язык PHP.

Глава 2. Практическая часть

2.1 Цели создания и задачи web-представительства

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

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

Наше представительство разрабатывается для привлечения клиентов. Таким образом, целями данного проекта являются:

1. Стать инструментом распространения информации о компании, о ее деятельности.

2. Осуществлять удаленную демонстрацию товара и услуг для их продвижения.

3. Осуществлять информационную и сервисную поддержку клиентов и партнеров.

4. Реализовать оперативную обратную связь с клиентами в любой точке мира.

5. Взаимодействовать со средствами массовой информации.

2.2 Информационное обеспечение задачи

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

Информационная модель Web-представительства представлена в виде диаграммы на рисунке 1:

· I этап.

На первом этапе создаются уникальные статьи, новые новости, акции, предложения компании.

· II этап.

На втором этапе данные заносятся в административную панель управления сайтом.

· III этап.

На третьем этапе данные перенаправляются в базу данных Mysite.

· IV этап.

На четвертом этапе данные отправляются на сайт.

2.3 Определение целевой аудитории сайта

Цeлeвaя ayдитopия caйтa - этo пoceтитeли или пoтeнциaльныe пoкyпaтeли\клиенты зaинтepecoвaнныe в кoнкpeтнoм вeб-pecypce.

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

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

И так, для начала нам надо составить приблизительный портрет посетителя. Этo дeти, шкoльники, cтyдeнты, люди oт 20 дo 30 лeт или cpeднeгo вoзpacтa, cтapики, мyжчины или жeнщины? В нашем случае по большей части целевую аудиторию будет составлять женский контингент всех возрастов.

В общем случае способы определения целевой аудитории сайта можно выделить следующие:

· использование статистических данных специальных исследовательских компаний, которые профессионально занимаются подобными вопросами;

· проведение опросов аудитории сайта с использованием опросной формы или регистрации на сайте;

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

Нyжнo бyдeт xopoшeнькo пopaзмышлять пo пoвoдy тoгo, кaкиe мыcли, чyвcтвa и эмoции мoжет иcпытывaть нaшa цeлeвaя ayдитopия. Чтo будет вoлновать и бecпoкoить наших поситителей? Kaкиe имeннo пpoблeмы xoтят oни для ceбя peшить? Чтo мoгyт иcкaть в Интepнeтe и чeгo в нём тaк нe xвaтaeт для ниx. Мы дaжe мoжeм oтпpaвитьcя нa дpyгиe caйты, блoги и фopyмы пoдoбнoй тeмaтики. Пocмoтpeть, чтo пишyт люди в кoммeнтapияx, пocтax и гocтeвыx книгax. Мы тaким oбpaзoм yзнaeм, чeгo люди нe мoгyт нaйти и кaкaя имeннo инфopмaция иx интepecyeт.

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

Есть ещё 1 способ определения целевой аудитории это статистика запросов, к примеру - http://wordstat.yandex.ru/ .

В результатах подбора будет приведена статистика запросов на Яндексе, включающих заданное вами слово или словосочетание (слева), и других запросов, которые делали искавшие его люди (справа).

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

2.4 Контент web-представительства

Контент сайта - это вся информация, которая размещена на сайте. Это абсолютно всё, что там есть, начиная с текста и заканчивая видеороликами и картинками, а также правильным оформлением тегов. Кроме того, в понятие контент входят и заголовок сайта, прописывающийся в теге, и заголовки metaтегов (description, keywords), служащих для написания ключевых слов и простого описания сайта.

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

Контент по своему содержанию бывает платный и бесплатный.

Если мы располагаем небольшой суммой на развитие: покупку контента на специализированных биржах. То стоит в таких местах контент относительно дешево, а так же есть в наличии множество готовых текстов, которые можно покупать как в магазине - всегда есть из чего выбрать. Любые тексты, начиная с некачественных "рандомайзеров" (сгенерированных с помощью различных программ), заканчивая статьями, вручную подготовленными под сео (поисковую оптимизацию сайтов). Но тас так же много и нормального, качественного контента для СДЛ (сайтов для людей).

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

Существует еще один путь. Не всем он подходит, конечно. Но, если мы пойдём по этому пути, удастся максимально воплотить в своем любимом сетевом ресурсе свое "Я". Речь идет о тех, кто самостоятельно пишет контент для своего сайта, делает для него авторское фото и видео. Это так называемые "белые" сайты и они очень ценятся поисковыми системами и пользователями.

В данной курсовой работе мы придерживались простых правил внедрения контента:

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

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

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

4. В тексте присутствует только актуальная информация.

В дальнейшем на web-сайте планируется внедрить видео составляющую, так называемый видео ролик, представляющий наглядно всё пространство, удобство, уют и красоту нашего предприятия.

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

В дальнейшем на web-сайте планируется внедрить видео составляющую, так называемый видео ролик, представляющий наглядно всё пространство, удобство, уют и красоту нашего предприятия.

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

После ввода логина и пароля переходим на страницу внедрения нового материала:

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

2.5 Структура навигационной системы сайта

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

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

Но мы выбрали для данной работы иерархическую систему, дабы приследуем цель клиенто-ориентированности.

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

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

Таким образом структутра web-представительства выглядит так:

· На самом верху интерактивный блок с бегающей полоской, состоящей из картинок.

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

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

o Так же 2 раздела выделили под прайс-лист и информацию о контактах.

· В левом блоке внедрили обратную связь. Обратная связь создана с графической защитой, от спама, флуда и прочего. Форма обратной связи служит для отправки сообщений владельцу сайта от посетителей с вопросом или же пожеланием. В отведённые поля вводится конкретная информация (имя, электронная почта, текст). Для отправки сообщения на е-мейл владельцу сайта, необходимо нажать на кнопку «Отправить сообщение», но могут быть и другие варианты, это уже на усмотрение владельца.



· По самому центру находятся разделы, которые прямиком отправляют клиента в раздел с подробным описанием по сути и методам процедур. Разделы обозначенные картинками, для простоты и большего удобства в восприятии информации.

· Так же можно добавить в левую, нижнюю часть сайта блок рекламы или же прямую ссылку на партнёра салона красоты.

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

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

Вывод

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

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

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

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

Список источников

1. http://joomla.ru/

2. Дунаев В.В., HTML, скрипты и стили 2-е издание. - СПб.: БХВ-Петербург, 2010. - 1024 с.

3. К. Дж. Дейт Введение в системы баз данных . - СПб.: Вильямс, 2009. - 1072 с.

4. Прохоренок Н., HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера, СПб.: БХВ-Петербург, 2010. - 900 с.

5. www.htmlbook.ru

6. Web Style Guide: Basic Design Principles for Creating Web Sites, 3rd Edition Patrick J. Lynch and Sarah Horton Yale University Press; 3 edition (January 15, 2009)

Приложения

HTML код (1)

HTML код (2)



HTML код (3)

HTML код (4)



HTML код - 5

Главная страница (6)

Размещено на Allbest.ru