Создание Web-сайта

Автор: Пользователь скрыл имя, 18 Декабря 2012 в 02:38, курсовая работа

Краткое описание

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

Оглавление

ВВЕДЕНИЕ 5
1 Теоретическая часть 6
1.1 Понятие Интернет. Классификация сервисов Интернет 6
1.2 Преимущества и направления использования Интернет для бизнеса 8
1.3 Понятие, цели и задачи Web-сайтов. Классификация Web-сайтов 10
1.4 Этапы проектирования Web-сайтов 13
1.5 Организация электронного бизнеса на предприятии 14
1.5.1 Способы формирования цепочек добавления потребительской стоимости в киберпространстве 15
1.5.2 Основные категории электронного бизнеса 16
1.5.3 Классификация моделей электронного бизнеса 17
1.5.4 Возможности и преимущества электронной торговли 19
2 Практическая часть 21
2.1 Постановка задачи 21
2.2 Обоснование выбора средства разработки Web-сайта 21
2.3 Разработка структуры Web-сайта 23
2.4 Выбор компоновки Web-страниц 24
2.5 Разработка контента и оформление Web-страниц 25
2.5.1 Структура и компоненты HTML-документа 28
2.5.2 Теги для структурирования и форматирования текста 30
2.5.3 Теги для работы с графикой в HTML-документах 32
2.6 Разработка и настройка системы гиперссылок 33
2.7 Тестирование и продвижение Web-сайта 35
ЗАКЛЮЧЕНИЕ 38
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ 39
Приложение А 40
Приложение Б 45

Файлы: 1 файл

практика.doc

— 5.46 Мб (Скачать)

<td width="250px" height="480px" rowspan="2"> <div class="block2">

<span class="menu">

<p><ul >

<li><a href="1.html" >История электронного бизнеса</a></li>

<li><a href="2.html" >Цепочка поставки </a></li>

<li><a href="3.html">Стратегия  развития </a></li>

<li><a href="4.html">Бизнес-решение</a></li>

<li><a href="5.html">Электронная  реклама</a></li>

<li><a href="6.html">Вопрос-ответ </a></li>

<li><a href="7.html">Литература </a></li>

<li><a href="8.html">Сведения о  разработчике</a></li>

</ul></p></span>

</div> </td>

 

<td width="707px" height="78px"> <a href="http://www.priorbank.by/r/retail/money_transfer/western_union/quick_pay/"  target="_blank"><div class="banner">&nbsp </div></a></td>

</tr>

<tr><td rowspan="2" width="687px" height="100%"> <div class="block3" ><p class="menu" id="center">Электронная  реклама</p><p class="infa">Электронная  реклама – одна из наиболее  старых моделей электронного бизнеса (если можно говорить о старых моделях для отрасли, которой нет и десяти лет)…

</p><p class="infa">Использование  сети Интернет в качестве рекламного  канала имеет привлекательные  для рекламодателя черты: платежеспособная  аудитория…

</p><p class="infa">Представление  рекламных блоков последующих  этапов осуществляется после  того, как пользователь отреагировал  на предыдущий этап…

</p><p class="infa"><a name="reklam"></a>Характерной  особенностью электронной рекламы  является возможность учета формальных показателей, характеризующих реакцию пользователя на начальный рекламный блок…

</p><p class="infa">В 2000 г. оборот  российской электронной рекламы  составил около 2,5 миллионов долларов…

</p><p class="infa">Рекламодателей  привлекает обширная и платежеспособная аудитория сайта..

</p><p class="infa">Для большинства  сайтов, входящих в лидирующую  группу, как и для иных рекламных  каналов большое внимание уделяется  формированию образа серьезного  бизнес-партнера…

</p><p class="infa">Важным вопросом при организации электронной рекламы является достаточный уровень защищенности сайта, на котором реклама размещена…

</p><p class="infa">Большое значение  имеет выбор программных средств  для построения соответствующего  сайта и его сопровождения…

</p></div></td></tr>

<tr><td> &nbsp </td></tr>

<tr><td width="1000px" height="40px" colspan="2"><div class="block4" align="center"><span style="font-family: Times New Roman, sans-serif; font-size: 25px; font-style:italic; color:yellow" >

© by Arestovich Daria </span></div></td></tr>

<a href="index.html" class="levij"><div class="glavn" >на главную</div></a></table>

<a href="#verh" class="levij" id="center"><div class="vverh">наверх</div></a>

</body>

</html>

 

Вопрос-ответ

 

<html>

<head >

<title>Организация ЭБ</title>

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

<meta name="Description" content="Информация  об электронном бизнесе">

<meta name="author" content="Арестович Дарья">

<meta name="Document-state" content="Static">

<link rel="stylesheet" href="style.css" type="text/css">

</head>

<body >

<p><a name="verh"></a></p>

<table style="margin:5px auto; padding:0px">

<tr>

<td width="1000px" height="180px" colspan="2"> <div class="block1" align="center"><span style="font-family: Times New Roman, sans-serif; font-size: 70px; color:yellow" >

Организация электронного бизнеса  на предприятии

</span></div></td></tr>

<tr>

<td width="250px" height="480px" rowspan="2"> <div class="block2">

<span class="menu">

<p><ul >

<li><a href="1.html" >История электронного бизнеса</a></li>

<li><a href="2.html" >Цепочка поставки </a></li>

<li><a href="3.html">Стратегия  развития </a></li>

<li><a href="4.html">Бизнес-решение</a></li>

<li><a href="5.html">Электронная  реклама</a></li>

<li><a href="6.html">Вопрос-ответ </a></li>

<li><a href="7.html">Литература </a></li>

<li><a href="8.html">Сведения о  разработчике</a></li>

</ul></p></span>

</div> </td>

<td width="707px" height="78px"> <a href="http://www.priorbank.by/r/retail/money_transfer/western_union/quick_pay/"  target="_blank"><div class="banner">&nbsp </div></a></td>

</tr>

<tr><td rowspan="2" width="687px" height="100%"> <div class="block3"><p class="infa" style="font-size:25px">Часто задаваемые вопросы:</p><ul class="infa" style="line-height:1.5;  font-size: 25px;">

<li><a href="1.html#history">В каком году появился термин ЭБ?</a></li>

<li><a href="2.html#zepochka">Что такое  цепочка поставки?</a></li>

<li><a href="3.html#strategia">Что должна  включать стратегия развития  ЭБ?</li>

<li><a href="5.html#reklam">Что привлекает  рекламодателей?</li>

<li><a href="1.html#vossozdanie">Что  необходимо для воссоздания полной  картины развития электронного  бизнеса?</li>

</ul></div>

</td></tr>

<tr><td> &nbsp </td></tr>

<tr><td width="1000px" height="40px" colspan="2"><div class="block4" align="center"><span style="font-family: Times New Roman, sans-serif; font-size: 25px; font-style:italic; color:yellow" >

© by Arestovich Daria </span></div></td></tr>

<a href="index.html" class="levij"><div class="glavn" >на главную</div></a>

</table>

<a href="#verh" class="levij" id="center"><div class="vverh">наверх</div></a>

</body>

</html>

 

Литература

 

<html>

<head >

<title>Организация ЭБ</title>

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

<meta name="Description" content="Информация об электронном бизнесе">

<meta name="author" content="Арестович Дарья">

<meta name="Document-state" content="Static">

<link rel="stylesheet" href="style.css" type="text/css">

</head>

<body >

<p><a name="verh"></a></p>

<table style="margin:5px auto; padding:0px">

<tr>

<td width="1000px" height="180px" colspan="2"> <div class="block1" align="center"><span style="font-family: Times New Roman, sans-serif; font-size: 70px; color:yellow" >

Организация электронного бизнеса  на предприятии

</span></div></td></tr>

<tr>

<td width="250px" height="480px" rowspan="2"> <div class="block2">

<span class="menu">

<p><ul >

<li><a href="1.html" >История электронного  бизнеса</a></li>

<li><a href="2.html" >Цепочка поставки </a></li>

<li><a href="3.html">Стратегия  развития </a></li>

<li><a href="4.html">Бизнес-решение</a></li>

<li><a href="5.html">Электронная  реклама</a></li>

<li><a href="6.html">Вопрос-ответ </a></li>

<li><a href="7.html">Литература </a></li>

<li><a href="8.html">Сведения о  разработчике</a></li>

</ul></p></span>

</div> </td>

<td width="707px" height="78px"> <a href="http://www.priorbank.by/r/retail/money_transfer/western_union/quick_pay/"  target="_blank"><div class="banner">&nbsp </div></a></td>

</tr>

<tr><td rowspan="2" width="687px" height="100%"> <div class="block3"> <p class="menu" id="center">Литература:</p>

<ol style="line-height:1.5" class="infa">

<li>Интернет-ресурсы

<p><ul style="text-indent:5px">

<li>Материалы сайта fortunecity.com: Создание и раскрутка сайта  - начинающим! -<a href="http://www.fortunecity.com" target="_blank">http://www.fortunecity.com</a></li>

<li>Электронный бизнес  - <a href="http://k-lan.narod.ru/Crypto/oeb_p1.htm" target="_blank">http://k-lan.narod.ru/Crypto/oeb_p1.htm</a></li>

<li>Библиотека Интернет Индустрии  - <a href="http://www.i2r.ru/static/210/out_14087.shtml" target="_blank">http://www.i2r.ru/static/210/out_14087.shtml</a></li>

</ul></p>

<li>Учебная литература</li>

<p><ul style="text-indent:5px">

<li>Мэт Хейг –Основы электронного  бизнеса.-Гранд, ФАИР-ПРЕСС. -208с.</li>

<li>Филип Триливен-Открой свой электронный бизнес.-ФАИР-ПРЕСС.-640с.</li>

<li>Информатика: Базовый курс. Учебник для вузов./Под ред.  С.В. Симоновича. –СПб.: Питер, 1999. –640с.</li>

<li>Олифер В.Г., Олифер Н.А.  Компьютерные сети. Принципы, технологии, протоколы. –СПб.: Питер, 2000. –720с.</li>

</ul></p>

<li>Поисковые инструменты Интернет</li>

<p><ul style="text-indent:5px">

<li><a href="http://www.yandex.ru" target="_blank">http://www.yandex.ru</a></li>

<li><a href="http://www.gg.ru" target="_blank">http://www.gg.ru</a></li>

<li><a href="http://www.tut.by" target="_blank">http://www.tut.by</a></li>

<li><a href="http://www.yahoo.com" target="_blank">http://www.yahoo.com</a></li>

</ul></p>

</li></td></tr>

<tr><td> &nbsp </td></tr>

<tr><td width="1000px" height="40px" colspan="2"><div class="block4" align="center"><span style="font-family: Times New Roman, sans-serif; font-size: 25px; font-style:italic; color:yellow" >

© by Arestovich Daria</span></div></td></tr>

<a href="index.html" class="levij"><div class="glavn" >на главную</div></a>

</table>

<a href="#verh" class="levij" id="center"><div class="vverh">наверх</div></a>

</body>

</html>

 

Сведения о разработчике

 

<html>

<head >

<title>Организация ЭБ</title>

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

<meta name="Description" content="Информация  об электронном бизнесе">

<meta name="author" content="Арестович Дарья">

<meta name="Document-state" content="Static">

<link rel="stylesheet" href="style.css" type="text/css">

</head>

<body >

<p><a name="verh"></a></p>

<table style="margin:5px auto; padding:0px">

<tr>

<td width="1000px" height="180px" colspan="2"> <div class="block1" align="center"><span style="font-family: Times New Roman, sans-serif; font-size: 70px; color:yellow" >

Организация электронного бизнеса на предприятии

</span></div></td></tr>

<tr>

<td width="250px" height="480px" rowspan="2"> <div class="block2">

<span class="menu">

<p><ul >

<li><a href="1.html" >История электронного  бизнеса</a></li>

<li><a href="2.html" >Цепочка поставки </a></li>

<li><a href="3.html">Стратегия  развития </a></li>

<li><a href="4.html">Бизнес-решение</a></li>

<li><a href="5.html">Электронная  реклама</a></li>

<li><a href="6.html">Вопрос-ответ </a></li>

<li><a href="7.html">Литература </a></li>

<li><a href="8.html">Сведения о разработчике</a></li>

</ul></p></span>

</div> </td>

<td width="707px" height="78px"> <a href="http://www.priorbank.by/r/retail/money_transfer/western_union/quick_pay/"  target="_blank"><div class="banner">&nbsp </div></a></td>

</tr>

<tr><td rowspan="2" width="687px" height="100%"> <div class="block3"><p class="infa"><img src="img/foto.jpg" border="1px" align="left" vspace="15px" hspace="15px" >Сайт был разработан студенткой 2 курса факультета маркетинга , менеджмента и предпринемательства Гр.105421 Арестович Дарьей</p></td></tr>

<tr><td> &nbsp </td></tr>

<tr><td width="1000px" height="40px" colspan="2"><div class="block4" align="center"><span style="font-family: Times New Roman, sans-serif; font-size: 25px; font-style:italic; color:yellow" >

© by Arestovich Daria</span></div></td></tr>

<a href="index.html" class="levij"><div class="glavn" >на главную</div></a>

</table>

<a href="#verh" class="levij" id="center"><div class="vverh">наверх</div></a>

</body>

</html>

 

Style.css

 

body{background: url(img/1.jpg) fixed no-repeat center; background-size: cover; }      

 

div.block1{

  display:block;

position:fixed; top:10px;

z-index: 2;

width:1000px; height:180px;

margin: 0px auto 5px;

background: Green;

  border-radius:20px; border:0px; opacity:0.9}

 

  div.banner{display:block;

position:relative; 

z-index:1;

width:707px;

height:78px;

padding:10px; margin: 0px 0px 0px 5px;

background: url(img/logo.jpg) no-repeat center; background-size: cover;

border-radius: 20px; border:0px}

 

  div.block2{

display:block;

position:fixed;  top:203px;

z-index:2;

width:245px; height:423px;

background-color:yellow;

padding:10px; margin: 0px auto;

border-radius:20px; opacity:0.9; border:0px}

 

div.block3{

display:block;

position:relative; 

z-index:1;

width:687px;

min-height:600px;

padding:20px; margin: 0px 0px 0px 5px;

background-color:Cyan;

border-radius: 20px; opacity:0.9; border:0px}

 

div.block4{

  display:block;

position:relative;

width:1000px; height:40px;

margin: 5px 0px 0px;

background: green;

  border-radius:20px; border:0px; opacity:0.9}

 

  div.glavn{

display:block;

position:fixed;

width:100px;

height:20px;

padding:10px;

border-radius:20px;

bottom:100px; right:5px;

background:gold; opacity:0.8}

 

div.vverh{

display:block;

position:fixed;

width:100px;

height:20px;

padding:10px;

border-radius:20px;

bottom:50px; right:5px;

background:white; opacity:0.8}

.vverh:hover{

display:block;

position:fixed;

width:100px;

height:20px;

padding:10px;

border-radius:20px;

bottom:50px; right:5px;

background:plum;}

 

.glavn:hover{

display:block;

position:fixed;

width:100px;

height:20px;

padding:10px;

border-radius:20px;

bottom:100px; right:5px;

background:yellow;}

 

.infa{font-family: Times New Roman, sans-serif; font-size: 20px; color:black; text-indent:35px}

.menu {font-family: Times New Roman, sans-serif; font-size: 25px;}

.podval{font-family:Times New Roman, sans-serif}

.levij{font-family: Times New Roman, sans-serif; font-size: 20px; color:black}

a{text-decoration:none; color:ForestGreen;}

a:hover{color:green;}

#center{text-align:center}


Информация о работе Создание Web-сайта