В наше время выделяют следующие подходы к созданию контента:

· сформировать его самостоятельно;

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

2.5.1 Принципы веб-дизайна

В наше время выделяют следующие требования к оформлению контента:

q контент должен быть ёмким, точным, информативным, иметь осмысленное содержание;

q контент должен быть грамотно оформлен (ключевые слова, заголовки);

q контент должен содержать минимум текста, максимум графической информации;

q контент должен оправдывать надежды посетителя пришедшего на сайт;

q контент должен работать на создание имиджа компании;

q контент должен отвечать специфике и требованиям поисковых систем.

Правила оформления контента:

1. Подчеркиванием выделяются только ссылки.

2. Новый абзац отделяется только с помощью «ENTER» , отступы с помощью «TAB» не делаются.

3. Ненумерованные списки обозначаются с помощью маркера «точка».

4. Кавычки на сайте должны быть «лапками»: «» - правильно.

5. Слова, написанные большими буквами, имеют эмоциональную характеристику крика. При оформлении контента их использование не желательно.

6. Нежелательно использование двух и более восклицательных знаков. Это противоречит законам правописания.

7. Желательно соблюдение единого стиля написания служебных слов.

8. Один абзац в идеале должен содержать не более 6-8 строк текста.

9. При добавлении изображения на сайт необходимо добавить альтернативное описание к нему.

10. Желательно минимально использовать цветовые выделения текста. Это может усложнить чтение.

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

12. Если информация скопирована с другого сайта нужно указывать ссылку на источник.

13. На сайте нежелательно использовать сложные и длинные предложения. Лучше разбить их на несколько коротких. [15]

2.5.2 Структурирование и форматирование контента

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

Ш заголовки; абзацы; списки; таблицы;

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

Таблица 5 - Описание тегов

Название элемента	Название тега	Основные атрибуты	Описание
Заголовок	H1…H6	aling	теги этой группы задают заголовки различного размера. Атрибут задает выравнивание.
Абзац	Р	aling, nowrap	используются для формирования абзаца. Атрибуты задают выравнивание и возможность писать текст без переноса.
Списки	ol, ul	type, title	ol-нумерованный список. ul- маркированный. Атрибуты задают тип маркера и подсказку.
Таблицы	Table	borber, height, width, bgcolor	используется при создании таблиц. Атрибуты задают рамку, ширину, высоту и цвет фона таблицы.

Таким образом, таблица 5 дает нам информацию о тегах форматирования контента, их атрибутах и их описание.

Но в редакторе MS FrontPage просто можно воспользоваться меню Таблица/Вставить или список на панели инструментов, вручную сделать абзац или выделить заголовок, а программа при этом автоматически сформирует код.

Пример страниц Об авторе и Платежной системы представлены в режиме Страница/С разделением на рисунках 17 и 18.

Рисунок 14- Реализация контента на странице Об авторе



Рисунок 15- Реализация контента на странице Платежная система

2.5.3 Графика и анимация в HTML-документах

Графика и анимация являются неотлемливой частью современного HTML- документа.

Элементами этой графики являются:

1. изображения

2. видеоизображения

3. бегущие строки

4. Flash-изображения

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

Таблица 6 - Описание тегов изображений

Название элемента	Название тега	Атрибуты	Описание
Изображения	Img	src, alt,height, width	используется для внедрения рисунков. Атрибуты задают адрес, пояснение, высоту и ширину рисунка
Бегущая строка	Marquee	direction, bgcolor	используется для размещения на странице бегущей строки. Атрибуты задают направление и цвет фона строки.
Видеоизображения	Img	dunsrc, start, loop	используется для внедрения видеоизображений. Атрибуты задают способ воспроизвдения и число повторов

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

Но в редакторе MS FrontPage можно просто вставить изображения или видеоизображение при помощи меню Вставка/Рисунок, сохранить его в папке Images, предварительно сменить его расширение и его код сформируется автоматически (рисунок 16).

Рисунок 16- Сохранение внедренных файлов

Пример страниц Коммерческая тайна представлены в режиме Страница/С разделением на рисунках 17 и 18.

Рисунок 17- Графика и анимация на странице Коммерческая тайна



Рисунок 18- Графика и анимация на странице Коммерческая тайна

2.6 Разработка и настройка системы гиперссылок

В наше время широкое распространение получили такие понятия, как гипертекст, гиперссылки, закладки.

Гипертекст- документ, в тексте которого содержатся ссылки на другие документы.

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

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

Гиперссылки и закладки тоже являются неотлемливой частью технологии гипертекста.

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

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

В Html для работы с гиперссылками используется тег <A Href= «адрес» > тело гиперссылки </A> c атрибутами target( выбор окна открытия) и title( задание всплывающей подсказки).

Работа с закладками проходит 2 этапа:

1. Создание закладки <A name= «имя закладки» </A>

2. Создание ссылки на закладку <A Href= «#имя закладки»> вверх </A> В MS FrontPage для создания гиперссылки или закладки необходимо:

1. Вставка/ гиперссылка, задать подсказку и выбрать окно для открытия и адрес ссылки (рисунок 24)

2. Вставка/закладка, ввести имя закладки (рисунок 25).

Программа автоматически сформирует код.

Рекомендации к гиперссылкам:

1. Гиперссылок не должно быть много.

2. Они должны быть структурированы и упорядочены.

3. Гиперссылками могут быть не только текстовые, но и графические файлы

4. Гиперссылки должны быть интуитивно понятные и располагаться на соответствующих местах в тексте. Для главной страницы схема гиперссылок приведена на рисунке 21.

Рисунок 19- Создание гиперссылки и ее параметров



Рисунок 20- Создание закладки

Рисунок 21-Схема гиперссылок для данной страницы

Например, процесс создания гиперссылок на странице Вопрос-ответ включает следующие этапы:

1. Создаем закладку перед необходимым вопросом.

2. Создаем гиперссылку на эту закладку:

Ш Вставка/гиперссылка/закладка, выбираем созданную закладку.

Ш Задаем подсказку и выбираем рамку (та же рамка).

3. Проверяем работоспособность ссылки.

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

Пример страниц Вопрос-ответ и Источники представлен в режиме Страница/С разделением представлен на рисунках 22 и 23.

Рисунок 22- Создание гиперссылок на странице Вопрос-ответ

Рисунок 23- Создание гиперссылок на странице Источники

2.7 Публикация и тестирование веб-сайта

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

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

Можно разделить услуги хостинга по типу предоставляемого ресурса:

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

§ виртуальный выделенный сервер (VPS или VDS) -- предоставляется место на диске, часть общей памяти, процессорное время сервера. Выглядит для пользователя так же, как и выделенный сервер, но физически на одном реальном сервере располагается несколько виртуальных серверов. Услуга предназначена для проектов средней тяжести. В связи с тем, что четко разделить все ресурсы сервера невозможно (в частности I/O операции, ресурсы сетевой карты и др.), а многие провайдеры VPS продают ресурсов больше, чем есть на сервере, надеясь на то, что клиент задействует выделенный ему потенциал не полностью, часто заявленная мощность VPS сервера не соответствует реальной.

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

§ колокация -- предоставление места в датацентре провайдера для оборудования клиента (обычно путем монтажа в стойке) и подключение его к интернету. Услуги хостинга предоставляют различные хостинг-компании.

Цены на хостинг в Беларуси представлены в таблице 7. [6]

Таблица 7- Цены на хостинг компании Хостер

Услуга хостинга	http://hoster.by/
	название плана	стоимость	описание
виртуальный	Стартовый	$63	Дисковое пространство-1000 Мб, почтовые ящики-5, Трафик- неограничен
	Типовой	$85	Дисковое пространство-2000 Мб, почтовые ящики-15, Трафик- неораничен
	Интернет-проект	$158	Дисковое пространство-4000 Мб, почтовые ящики-30, Трафик- неограничен
	Профи	$213	Дисковое пространство-5000 Мб, почтовые ящики-50, Трафик- неограничен
выделенный	Тариф 1	$200	Дисковое пространство-1ГБ, сайтов- неограниченно
	Тариф 2	$369	Дисковое пространство-3ГБ, сайтов- неограниченно
	Тариф 3	$686	Дисковое пространство-5ГБ, сайтов- неограниченно
	Тариф 4	$950	Дисковое пространство-15ГБ, сайтов- неограниченно
	Тариф 5	$1372	Дисковое пространство-25ГБ, сайтов- неограниченно
колокация	размещение сервера	$35	Установка сервера - $50

Таким образом, таблица 7 дает нам наглядное представление о ценах на хостинг белорусской компании Хостер.

Разместить созданный сайт можно на сервере платного и бесплатного хостинга. Здесь мы рассмотрим порядок регистрации на сервере бесплатного хостинга www.narod.ru.

Порядок регистрации:

1. Выбираем в редакторе команду меню Файл/Опубликовать узел.

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

2. Устанавливаем переключатель Протокол FTP

3. В поле ввода Размещение удаленного веб- узла вводим адрес веб-cepвepa, на котором будет расположен сайт.

4. Устанавливаем связь с Интернет-провайдером и нажимаем кнопку Ок.

Будет установлена связь с сервером ftp.narod.ru либо другим сервером, который мы указали для публикации.

5. Вводим имя и пароль, которые мы указали при регистрации на веб- cepвepe и нажимаем кнопку ОК.

Веб- cepвep проверит обозначенные сведения и разрешит загрузку файлов, а программка FrontPage переключится в представление Удаленный веб- узел. В нем можно копировать файлы как с локального компьютера на удаленный, так и назад.

6. Удостоверяемся, что установлен переключатель Локальный и нажимаем кнопку Опубликовать веб- узел. В нижней части рабочего окна будет отображаться ход публикации. [9]

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

<META HTTP - EQUIV = "Content-type" CONTENT = "text/html; charset = windows-1251">

< META HTTP - EQUIV ="Content-Language" CONTENT ="ru">

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

<HEAD>

…

<META NAME = "description" CONTENT = " Этот сайт посвящен коммерческой информации и способам ее защиты в интернет">

<META NAME = "keywords" CONTENT = " Коммерч, защита, тайна.">

…

</HEAD>

В наше время известны следующие мероприятия по продвижению веб-сайта:

регистрация в поисковых системах;

регистрация в тематических каталогах;Размещено на http://www.allbest.ru/

55

регистрация в жёлтых страницах;Размещено на http://www.allbest.ru/

55

партнёрские ссылки;

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

55

размещение платной рекламы на серверах с целевой аудиторией;

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

55

участие в телеконференциях и списках рассылки;

традиционная реклама.

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

55

Так же выделяют следующие мероприятия по удержанию посетителей:

v качественное информационное наполнение;

v интуитивно-понятная система навигации;

v оптимальный дизайн;

v регулярное обновление;

v поддержка посетителей;

v проведение опросов, конкурсов, рекламных акций.

Далее проводим оценку сайта в различных браузерах:

1. браузер Opera (рисунок 24);

2. браузер Internet Explorer (рисунок 25). [см. приложение В]

3.

Рисунок 24- Страница Indeх в браузере Opera



Рисунок 25- Страница Indeх в браузере Internet Explorer

Так как редактор MS FtontPage ориентирован преимущественно на браузер Internet Explorer , то и его лучше всего использовать при открытии сайта, так как он наиболее точно передает результат. Просмотр в других браузерах будет иметь различные недостатки, такие как отсутствие текста , выделение другим цветом и др.

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

Заключение

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

Развитие информационных технологий имеет следующие преимущества:

· использование передовых технологий;

· получение высокой прибыли;

· быстрота и эффективность работы;

· надежность технологии.

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

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

Мною были определены следующие выводы:

1. Отсутствие в нашем государстве систематизированного законодательства о коммерческой информации и ее защите;

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

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

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

Были достигнуты все цели курсовой работы.

Список использованных источников

1. Закон РБ от 11.12.90г. "О собственности в Республике Беларусь" с изм. \\Вед. ВС РБ, 1991, №2, ст.13; 1992, №19, ст.302; 1993, №26, ст.325; 1994, №6, ст72; 1995, №29, ст.366.

2. Закон РБ от 28.05.91г. «О предпринимательстве в Республике Беларусь» Вед. ВС РБ, 1991, №19, ст.269№ 1992, №6, ст.105; 1994, №6, ст.72.

3. Закон РБ от 12.03.92г. «О ценных бумагах и фондовых биржах» Вед. ВС РБ, 1992, №11, ст.194; 1996, №24, ст.439.

4. Закон РБ от 13.03.92г. «О товарных биржах» Вед. ВС РБ, 1992, №11, ст.196; 1993, №26, ст.325.

5. Закон РБ от 10.12.92г. «О противодействии монополистической деятельности и развитии конкуренции» Вед. ВС РБ, 1992, №36, ст.569.

6. Закон РБ от 5.02.93г. «О патентах на промышленный образец».

7. Закон РБ от 8.07.97г. «О патентах на изобретения и полезные модели».

8. Закон РБ от 5.02.93г. «О товарных знаках и знаках обслуживания» Вед. ВС РБ, 1993, №13.

9. О рынке ценных бумаг \ "Республика" от 7.04.99.

10. Приказ Государственного комитета по ценным бумагам РБ от 12.10.99г. № 19\П Порядок представления субъектами хозяйствования информации о выпущенных векселях \ Республика от 3.11.99г.

11. О противодействий монополистической деятельности и развитии конкуренции: Закон Республики Беларусь от 10 декабря 1992 г. //Ведомости Верховного Совета Республики Беларусь. 1992. № 36. Ст. 569.

12. О государственной налоговой инспекции Республики Беларусь: Закон Республики Беларусь от 2 февраля 1994 г. //Ведомости Верховного Совета Республики Беларусь. 1994. №7. Ст. 94.

13. О государственных секретах: Закон Республики Беларусь от 29 ноября 1994 г. //Ведомости Верховного Совета Республики Беларусь. 1995. № 3. Ст. 5.

14. Положение о коммерческой тайне: Утв. постановлением Совета Министров Республики Беларусь от 6 ноября 1992 г. №670 //Собрание постановлений правительства Республики Беларусь. 1992., № 32. Ст. 570.

15. Батурин Ю.М., Жодзишский А.М. Компьютерная преступность и компьютерная безопасность -- М., 1991.

16. Василец В.И., Голованов В.Н., Самотуга В.А.1 Практика обеспечения информационной безопасности акционерного общества //Конфидент. 1995. № 4.

17. Предпринимательство и безопасность: В 2 т.-- М., 1991.

18. Электронные источники

19. http://www.kay.by

20. www.bru.mogilev.by

21. www.bel.biz

Приложение А

Макет веб-страниц

Рисунок А1 - Макет главной страницы (index.htm)

Рисунок А2 - Макет страницы «Цели и задачи» (targets.html)

Рисунок А3 - Макет страницы «Коммерческая информация» (komm_inf.html)



Рисунок А4 - Макет страницы «Коммерческая тайна» (komm_secr.html)

Рисунок А5 - Макет страницы «Кража коммерческой информации» (steel.html)

Рисунок А6 - Макет страницы «Защита коммерческой информации» (protect.html)



Рисунок А7 - Макет страницы «F.A.Q» (faq.html)

Рисунок А8 - Макет страницы «Источники» (source.html)

Рисунок А9 - Макет страницы «Карта сайта» (map.html)



Рисунок А11 - Макет страницы «Об авторе» (abought.html)

Приложение Б

HTML-код страницы веб-сайта

Главная

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<meta http-equiv="Content-Language" content="en-us">

<title>Харитонович старт</title>

<style type="text/css">

<!--

td {font: 10pt verdana}

-->

</style>

</head>

<body topmargin="0" leftmargin="7" rightmargin="7" bottommargin="0" marginwidth="0" marginheight="0" style="background-attachment: fixed" bgcolor="#EEEEEE">

<table border="0" cellpadding="0" cellspacing="0" width="800">

<tr>

<td width="100%">

<img border="0" src="images/web-design1.gif" width="399" height="143"><div style="position: absolute; width: 403px; height: 143px; z-index: 3; left: 404px; top: 0px; background-color: #000000" id="layer3">

<font color="#FFFFFF">Если бы в камерах был доступ в Интернет, количество желающих покинуть тюрьму резко сократилось.</font><p><font color="#FFFFFF">Если в слове &quot;Работать&quot; сделать 8 ошибок, то получится слово &quot;Интернет&quot;</font></p>

<p><font color="#FFFFFF">Интернет - цветок на могиле рабочего времени.<br>

&nbsp;</font></div>

</td>

</tr>

<tr>

<td width="100%">

<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr>

<td width="379"><img border="0" src="images/menu_left.gif" width="379" height="45"></td>

<td width="84"><a href="abought.html">

<img border="0" src="images/menu_button1.gif" width="84" height="45" alt="карта сайта"></a></td>

<td width="80"><a href="map.html"><img border="0" src="images/menu_button2.gif" width="80" height="45"></a></td>

<td width="80"><a href="source.html"><img border="0" src="images/menu_button3.gif" width="80" height="45"></a></td>

<td width="80"><a href="faq.html"><img border="0" src="images/menu_button4.gif" width="80" height="45"></a></td>

<td width="84"><a href="#"><img border="0" src="images/menu_button5.gif" width="84" height="45"></a></td>

<td>

<img border="0" src="images/menu_right.gif" width="17" height="45"></td>

</tr>

</table>

</td>

</tr>

<tr>

<td width="100%">

<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr>

<td valign="top">

<table border="0" cellpadding="0" cellspacing="0" width="600" height="100%">

<tr>

<td width="100%">

<img border="0" src="images/top_chains.gif" width="800" height="17"></td>

</tr>

<tr>

<td width="100%" valign="bottom">

<table border="0" cellpadding="0" cellspacing="0" width="100%" height="229">

<tr>

<td width="99%" valign="middle">

<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tr>

<td width="100%" valign="middle">

<p align="center">

<font size="4" face="Verdana">

<span lang="ru" style="vertical-align: sub">

Данный сайт является информационным узкоспециализированным справочником</span></font></td>

</tr>

</table>

<p align="center"><font size="4" face="Verdana"><span lang="ru">&nbsp;</span>&quot;<span lang="ru">Коммерческая информация и способы ее защиты в интернете</span>&quot;</font></p>

<p><font size="4" face="Verdana"><span lang="ru">&nbsp;</span></font></p>

</td>

</tr>

</table>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>&nbsp;</p>

<p>:::::: made by Kharitonovich</td>

</tr>

</table>

</td>

<td valign="top" bgcolor="#EEEEEE">

<table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#000000" height="626">

<tr>

<td width="100%"><img border="0" src="images/side_spacer.gif" width="172" height="1"></td>

</tr>

<tr>

<td width="100%" height="281">

<p align="center">

<img border="0" src="images/002.gif" width="207" height="276"></td>

</tr>

<tr>

<td width="100%">

<a href="targets.html">

<img border="0" src="images/Цели%20и%20задачи.png" width="352" height="42"></a><p>

<a href="komm_inf.html">

<img border="0" src="images/Коммерческая%20информация.png" width="352" height="42"></a></p>

<p><a href="komm_secr.html">

<img border="0" src="images/Коммерческая%20тайна.png" width="352" height="42"></a></p>

<p><a href="steel.html">

<img border="0" src="images/Кража%20коммерческой%20информации.png" width="352" height="42"></a></p>

<p><a href="protect.html">

<img border="0" src="images/Защита%20коммерческой%20информации.png" width="352" height="46"></a></p>

<p>&nbsp;</td>

</tr>

<tr>

<td width="100%">

<p>

&nbsp;</p>

<p>

&nbsp;</p>

<div style="position: absolute; width: 351px; height: 187px; z-index: 2; left: 807px; top: 2px; background-color: #000000" id="layer2">

<img border="0" src="images/инфа.jpeg" width="351" height="194"></div>

<p align="center">

<a href="targets.html">

<img border="0" src="images/Далее.png" width="89" height="33"></a></p>

</td>

</tr>

</table>

</td>

</tr>

</table>

</td>

</tr>

</table>

</body>

</html>

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