Создание сайта студии для повышения конкурентоспособности предоставления услуг
Автор работы: Пользователь скрыл имя, 14 Июня 2014 в 13:27, дипломная работа
Краткое описание
В дипломной работе был показан процесс разработки Web – сайта фирмы с момента создания NTML – кода сайта до момента продвижения сайта. В дипломной работе были рассмотрен NTML – код известного и успешного Web – сайта американского маркетолога из Сан Франциско США, Michelle Killebrew. Доступ к данному сайту так же помог рассмотреть работу сайта, созданного опытными американскими рекламными фирмами.
Содержание
ВВЕДЕНИЕ………………………………………………………………………3 ГЛАВА 1 ПОНЯТИЕ WEB-САЙТА…………………………………………….7 1.1 Классификация Wеb-сайтов и этапы их разработки……………………….7 1.2. Код NTML на котором создаются Web – сайты………………………….14 1.3. Изучаем устройство Web – страницы……………………………………..21 1.4. Создаем первую Web-страницу……………………………………………29 ГЛАВА 2 КРАТКОЕ ОПИСАНИЕ ТЕХНИКО – ЭКОНОМИЧЕСКИХ АСПЕКТОВ ОБЪЕКТА УПРАВЛЕНИЯ СТУДИЯ «ИНФИНИТИ»………..34 2.1.Общая характеристика предприятия………………………………………34 2.2.Сайт компании – цели и преимущества……………………………………36 2.3. SEO товарных позиций в продвижение сайта…………………………….40 ГЛАВА 3. ПРОДВИЖЕНИЕ САЙТА КОМПАНИИ НА ПРИМЕРЕ СТУДИИ «ИНФИНИТИ»Г.КЕМЕРОВО………………………………………………….47 3.1. Создание сайта студии «Инфинити»………………………………………47 3.2. Исследование рынка услуг в Кемерово на примере компаний предлагающих обучение йоге и другие услуги………………………………..70 ЗАКЛЮЧЕНИЕ…………………………………………………………………..85 СПИСОК ЛИТЕРАТУРЫ……………………………………………………….87
Готовый Web-сайт необходимо
опубликовать на Web-сервере, чтобы он был
доступен через Internet. Если наш сайт создан
посредством редактора FrontPage, то на сервере
должны быть инсталлированы серверные
расширения FrontPage, что обеспечит полную
поддержку доступных в FrontPage компонентов,
которые были помещены на странице в процессе
создания сайта[ 6].
Если нет собственного сервера,
то в Сети можно найти огромное количество
ссылок на free web pages, где
некоторые провайдеры предоставляют своим
клиентам бесплатное место под страницу.
На сервере http://www.44.ru/cgi-bin/start.pl
можно получить возможность устанавливать
свои собственные скрипты и доступ к ним
по ftp.
Однако для того чтобы окончательно
выбрать сервер для размещения своего
сайта необходимо следующее:
• отсутствие дискриминации
по контенту. Некоторые сервера ставят
условия, касающиеся содержимого Вашего
сайта;
• надежность Web-сервера. Посетим
их Web-узел в пиковые
часы и убедимся, что проблем с доступом
не возникает;
• отсутствие скрытых завуалированных
видов оплаты места в виде всевозможных
доплат за различные услуги и рекламы;
• техническая поддержка. Есть
ли возможность общения с администратором
сервера, возможность доступа по протоколу
FTP (File Transfer Protocol
) и т.д.;
• объем выделяемого нам пространства.
Обычно это 5 – 10 мегабайт;
• дополнительные возможности.
Не будет лишним, если сервер предложит:
бесплатную почту,счетчик посещений, гостевую
книгу, чат, различные CGI-скрипты и т.д.;
• какое программное обеспечение
установлено на сервере. Например, UNIX-сервера
чувствительны к регистру букв в названиях
файлов, т.е. если в исходном коде будет
стоять ссылка на файл background.gif, а файл
будет назван background.Gif или Background.gif, то он
не будет визуализирован. Однако у таких
серверов более высокая степень защищенности
от взломов[4];
• есть ли на сервере автоматическая
перекодировка содержимого страниц, в
соответствии с пользовательскими настройками
браузера. Если таковой нет, то могут возникнуть
проблемы с отображением русских кодировок.
Рекламирование сайта
Существует множество приемов
рекламирования сайта: размещение информации
о нем на поисковом Web-сайте, организация
взаимных ссылок с другими сайтами и т.д.
Как привлечь пользователя? Красиво оформленные страницы
Web-сайта – это только половина дела. В
первую очередь страницы должны быть содержательными.
Основное требование к содержимому
Web-сайта – полнота и достоверность. Информация
должна быть представлена таким образом,
чтобы пользователь, однажды посетивший
Web-сайт, еще ни раз обратился к нему.
Можно акцентировать внимание
пользователя на своей личности или организации,
в которой работаешь, например, создав
отдельную страницу, посвященную этой
теме. Разместить на домашней странице
свою фотографию или логотип организации.
Сопровождение сайта
Содержимое Web-сайта может подвергаться
неоднократным изменениям. Важно, чтобы
предоставляемая на Web-сайте информация
всегда была актуальной, поэтому как можно
чаще обновляем информацию на своем Web-сайте,
по возможности расширяя материал, улучшая
дизайн.
Обязательное правило. Web-сайт должен обновляться
не реже одного раза в месяц. В противном
случае можно потерять не только потенциальных,
но и уже состоявшихся посетителей[5].
Можно создать на своем компьютере
копию Web-сайта, вносить в нее изменения
и новую версию передавать для размещения
на сервере в завершенном виде.
1.2. Код NTML на котором
создаются Web – сайты
Языков программирования много.
Но для Web был изобретен свой код NTML
, который на данный момент считается лучшим.
Почему нельзя было взять обычный
формат текстовых документов, например
Word, со всеми его шрифтами, таблицами, картинками
и гиперссылками, и написать для него программу-просмотрщик?
Зачем было изобретать особый язык разметки
гипертекста и набирать его в Notepad, не имея
возможности даже увидеть, как это выглядит
на самом деле?
Ведь есть Word, и он под рукой.
И все видно, и все понятно, и его документы
везде открываются. Но для Web – сайта важен
объем страницы.
Почему объем HTML-страницы так
важен? Говоря о месте на жестком диске,
мы давно оперируем гигабайтами или, на
худой конец, сотнями мегабайт. А тут считаем
каждый десяток килобайт[5]!
В чем причина?
В каналах связи. Скорость загрузки
страницы на компьютер ее посетителя определяется
многими факторами. Учесть их все при таком
поверхностном расчете не представляется
возможным. Поэтому будем опираться только
на один факт, который нам известен, - скорость
модема. Предположим, она составляет 33,6
Кбит/с. Это значит, что (подчеркнем, не
учитывая массу других факторов!) за секунду
модем передает 33,6 Кбит / 8 = 4,2 Кбайт данных.
Но количество полезных данных меньше,
так как на линии часто возникают ошибки,
отчего данные приходится передавать
повторно. Насколько оно меньше, точно
сказать нельзя. Предположим, что в полтора
раза. Тогда получится, что пользователь
принимает 4,2 / 1,5 = 2,8 Кбайт полезной информации
в секунду. Сколько времени он будет терпеливо
ждать загрузки страницы? Предположим,
что это время составляет 1 минуту. Тогда,
как нетрудно подсчитать, максимальный
размер Web-страницы составляет 2,8 * 60 =168
Кбайт. Нетрудно подсчитать, что для скорости
14,4 кбит/с этот размер составит 72 Кбайт,
а для скорости 54,6 Кбит/с — 273 Кбайт.
Конечно, мы многое не учли в
нашем примитивном расчете. Однако он
позволяет сказать, что размер Web-страницы
должен составлять 100 - 150 Кбайт и не должен
превышать 250 Кбайт[Полонская].
Но ведь файлы с HTML-кодом гораздо
меньше. Действительно, размер самого
кода редко превышает несколько десятков
килобайт.
Так же вместе с кодом на компьютер
посетителя страницы передаются файлы
с картинками и, возможно, другими нетекстовыми
объектами. А их размер может значительно
превышать определенный лимит, который
имеет жесткое ограничение. Оно не позволяет
использовать на Web-страницах интенсивную
графику, аудио- и видеоэффекты. Для того
чтобы такие вещи, как просмотр через Internet
видеофильмов и телеканалов, стали реальностью,
нужны гораздо более мощные каналы передачи
данных, - такие, которые позволили бы оперировать
не сотнями килобайт, а гигабайтами или
сотнями мегабайт[7].
Скачаем из Internet и сохраним
на диске любую Web-страницу без картинок.
Откроем ее, скажем, в Word 2000 или ХР и сохраним
как документ Word. Готово? Теперь откройте
Explorer (Проводник) или какой-нибудь Commander
и сравните размеры обоих файлов. Ну как?
Могу поспорить, что файл с кодом HTML не
просто меньше, а раз в десять меньше. Или
даже в пятьдесят... А теперь припомним
свои впечатления, когда мы последний
раз загружали объемистую Web-страницу
и минут пять глазели на одинокий баннер.
Не мелькала ли у вас тогда мысль заставить
автора этой страницы частично оплатить
вам доступ к Internet[2]?
А у того – свои заботы. Каждый
хозяин Web-собственности желает, чтобы
его страницу в Internet посещали часто и с
удовольствием. Поэтому страницы должны
быть интересными и быстро открываться.
HTML отвечает за второе и хорошо с этим
справляется. Мы могли убедиться в этом
сами, сравнив объем HTML-страницы с объемом
документа Word.
Но у пользователей разные платформы - компьютеры
и операционные системы. Поэтому сообществу Internet,
для обмена информацией, нужен такой формат,
который бы «понимали» все броузеры всех производителей
и всех операционных
систем, настоящие и по возможности будущие.
Можем ли мы положиться на двоичный формат
отдельно взятого приложения, разработанный
отдельно взятой пусть даже очень большой
компанией? Раз так – возникает следующий
вопрос: какой формат самый универсальный?
Очевидно, такой, который прочтет и поймет
не только программа, но и, в случае чего,
человек[2]. Для этого лучше всего подходит текстовый формат.
Если взять обычный текстовый
файл и разметить в нем фрагменты, которые
нужно выделить, скажем, курсивом или цветом,
обозначить нумерованные и маркированные
списки, места вставки рисунков и т.п. (рисунки
и другие нетекстовые объекты придется
поместить в отдельных файлах), то программист
составит программу, которая бы отображала
такие файлы на экране в читаемом виде.
Это и будет броузер.
Необходимо так же разработать
единую систему разметки текста. Или, точнее, гипертекста,
поскольку, кроме собственно текста –
и не простого, а форматированного - в нем
будут еще картинки, ссылки на другие документы
и файлы, а иногда аудио- и даже видеовставки.
Что у нас получится? Язык разметки гипертекста,
или, по-английски, НуperText Markup Language — HTML[7].
Таким образом, мы обосновали
необходимость кода HTML при создании броузера.
Важный аргумент в пользу HTML
является стоиость текстового
процессора Microsoft Word.
Поинтересуйтесь. За эту сумму
можно устроить себе неплохой летний отпуск.
А текстовых редакторов для ASCII — пруд
пруди. Помимо Notepad и редакторов, встроенных
во всяческие "Коммандеры", на Web-узлах
бесплатного ПО их сотни мегабайт.
И это не считая специализированных
HTML-редакторов, среди которых тоже немало
бесплатных и условно-бесплатных. Если
бы вся Всемирная Паутина перешла на стандарт
Word, она бы, пожалуй, быстро лишилась многих
небогатых, но законопослушных авторов.
А поскольку слишком много народу уже
жизни не мыслит без Internet, то происходит
как раз обратное: Word и весь Microsoft Office, да
и другие офисные пакеты, дружно принимают
HTML в виде еще одного текстового формата.
Notepad, он же Блокнот Windows — излюбленный
редактор Web-дизайнеров.
Хотя есть много других хороших
и не менее уважаемых ими специализированных
редакторов для HTML, таких как MacroHTML или
HomeSite. Уважают их, главным образом, за простоту,
доступность, компактность. А еще за невмешательство
в творческие дела дизайнера. Все очень
просто: вы вводите в редакторе HTML-код
и любуетесь результатом в окне параллельно
работающего броузера. Редактор в лучшем
случае ускорит ввод ключевых слов и поможет
с синтаксической проверкой. Остальное
— за вами.
Другой тип HTML-редакторов — визуальные,
такие как известный Microsoft FrontPage Express или
гораздо более любимый Web-дизайнерами
Macromedia DreamWeaver. Их интерфейс построен по
тому же принципу, что и интерфейс текстового
процессора, скажем Word. Кстати, Word 2000 или
ХР вполне сойдет в качестве визуального
HTML-редактора[13].
Преимущество визуальных HTML-редакторов
в том, что для работы с ними можно вообще
не знать HTML. К сожалению, визуальные редакторы
страдают тем же недостатком, что и трансляторы
языков программирования, преобразующие
текст на С или Pascal в ассемблерный код.
А именно – неоптимальностью этих самых
кодов. Спросите любого программиста,
и он вам скажет, что ассемблерный код,
написанный вручную, в несколько раз меньше
кода такой же программы, написанной, скажем,
на Pascal и преобразованной в ассемблерный
код с помощью транслятора. Удивляться
нечему: решения человека-специалиста
всегда красивее решений машины. Зато
и труда, и времени они требуют несравнимо
больше. Впрочем, вероятно, недалек тот
день, когда при загрузке страницы разница
в несколько килобайтов или даже мегабайтов
не будет так заметна, как сейчас. Тогда
визуальные HTML-редакторы займут на компьютере
Web-дизайнера такое же достойное место,
какое сейчас занимают на компьютере программиста
визуальные среды разработки, такие как,
например, Delphi.
Увы, этим грехи визуальных
редакторов не исчерпываются. Часто страница
выглядит в броузере совсем не так, как
до этого она выглядела в окне редактора.
Приходится лезть в длинный, запутанный
код, искать там ошибки и вручную их исправлять.
Когда-то давно мне встретились
в одной книжке десять шуточных заповедей
программиста. Одна из них гласила: «Не
возжелай программы ближнего твоего!»
В применении к нашей задаче она звучит
так: «Не возжелай HTML-кода ближнего твоего,
в особенности если этот ближний — FrontPage,
а ты собрался изучать HTML».
Где взять хороший HTML-редактор?
HTML-редакторов множество,
и у каждого из них есть
свои преимущетсва и недостатки.
Поэтому однозначно сказать, какой именно
нам подойдет лучше всего, нельзя. Одним
нравится HomeSite, другим — 1st Page, третьим
— Arachnophilia или Easy HTML. Или другой из десятков
им подобных. Здесь все в конечном счете
сводится к личным вкусам. Для того чтобы
подобрать редактор по душе, советую посетить
несколько Web-хранилищ бесплатного и условно-бесплатного
программного обеспечения и там подобрать
себе редактор по душе и по карману. Поэтому
вместо того, чтобы сравнивать редакторы
(тем более что регулярно появляются новые
версии с новыми функциями), я лучше приведу
несколько адресов, по которым стоит обратиться.
• 1st Page: www.evrsoft.com
• Arachnophilia: www.arachnoid.com
• HomeSite: www.macromedia.com
• Easy HTML: www.ukrwest.net
• Также виртуальные архивы
ПО: FreeSoft (www.freesoft.ru), Freeware.ru
(www.freeware.ru), ListSoft (www.listsoft.ru), Softarea
(www.softarea.ru) и др.
Многие ошибочно называют HTML
языком программирования. К сожалению,
это не так. И дело здесь даже не в том,
что у HTML нет компилятора, а только встроенный
в броузер интерпретатор: BASIC и JavaScript тоже
обходятся одними интерпретаторами, но
это не мешает им называться языками программирования[13].
Дело в том, что в HTML отсутствует
главный атрибут, присущий любому языку
программирования, - команды. На HTML
нельзя задать последовательность
действий, а можно только описать,
как броузер должен вводить на экран тот
или иной документ. Если же на Web-странице
действительно должно что-то выполняться,
например вестись форум, то используются
настоящие языки программирования, такие
как Java и JavaScript. Поэтому говорить «программа
на HTML» не вполне корректно. Мы будем пользоваться
термином «HTML-код».
Таким образом, код HTML, или универсальный
код разметки гипертекста, используется
для создания самых разных интерактивных
документов с гиперссылками и элементами
мультимедиа – Web – страниц, интерфейсов,
презентаций, электронных книг и учебных
пособий. Файлы с HTML-кодом – это обычные
текстовые файлы, доступные для чтения
как программе, так и человеку. Благодаря
этому HTML – страницы можно редактировать
и просматривать на любом компьютере и
в любой операционной системе.