bootstrap/index.html at master · eyoue/bootstrap · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html>
<head>
  <title>Web-технологии</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="css/bootstrap.css">
  <link rel="stylesheet" href="css/font-awesome.min.css">
  <link rel="stylesheet" href="css/main.css">
</head>

<!Добавление ссылки на источник, при копировании текста с сайта>
<script> document.oncopy = function ()
  { var bodyElement = document.body;
    var selection = getSelection();
    var href = document.location.href;
    var copyright = "<br><br>Взято с сайта: <a href='"+ href +"'>" + href + "</a><br>© Максим Звягинцев";
    var text = selection + copyright;
    var divElement = document.createElement('div');
    divElement.style.position = 'absolute';
    divElement.style.left = '-99999px';
    divElement.innerHTML = text; bodyElement.appendChild(divElement);
    selection.selectAllChildren(divElement);
    setTimeout(function() { bodyElement.removeChild(divElement); }, 0); };
  </script>

  <body>

   <div class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
     <div class="navbar-header">
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="index.html">Web&nbsp;TECHN<i class="fa fa-globe" aria-hidden="true"></i>L<i class="fa fa-globe" aria-hidden="true"></i>GY</a>

    </div>

    <div class="navbar-collapse collapse">
      <ul class="nav navbar-nav navbar-right">
        <li class="active"> <a href="index.html">Главная</a></li>
        <li> <a href="internet.html">Internet</a></li>
        <li > <a href="http.html">HTTP</a></li>
        <li> <a href="html.html">HTML</a></li>
        <li> <a href="css.html">CSS</a></li>
      </ul>
    </div>
  </div>
</div>

<div id="headerwrap">
	<div class="container">
		<div class="row centered">
			<div class="col-lg-8 col-lg-offset-2">

       <h1>Общее определение</h1>
       <img src="images/web.png" width="15%" height="15%"  align="right" vspace="5" hspace="5">
       <p>В данной статье затронуты проблемы определения таких терминов, как Web 2.0 и Web 3.0. Данные термины применяют как попытку обеспечить общее представление постоянно меняющейся среды Интернет. С целью определения и объяснения понятий Web 1.0, Web 2.0, Web 3.0  в Интернет, позаимствуем у директора W3C Тима Бернерс-Ли (Tim Berners-Lee) понятия о чтении-записи в Интернет.
        <br><br>Понятие Web 1.0, по утверждению Бернерс-Ли, можно рассматривать как "Интернет только для чтения". Иными словами, ранее Интернет позволял нам искать информацию и читать ее. Было очень мало путей для взаимодействия с пользователями или для участия в составлении содержания. Тем не менее, на первом этапе развития сети Интернет это было именно то, чего хотело большинство владельцев веб-сайтов: цель их сайта заключалась в том, чтобы обозначить свое присутствие в Интернете и сделать информацию о себе доступной для всех в любое время.</p>

        <h1>Корзины для покупок Web 1.0</h1>

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

          <br><br>В настоящее время мы наблюдаем стадию Web 2.0, или стадию  "чтения-записи" Интернет, если мы будем придерживаться утверждения, описанного Бернерс-Ли. Введенная в Интернет способность внесения содержания и взаимодействия с другими пользователями в скором времени значительно изменит среду сети. Чтобы понять огромный потенциал днных изменений, достаточно посмотреть на YouTube и MySpace, которые опираются на публикуемый пользователями контент. Web 2.0 кажется долгожданным ответом на требования пользователей сети, Web 2.0 позволяет быть более вовлеченными в процесс создания информации, которая доступна пользователям.</p>
          <h1>Можество представлений Web 2.0</h1>
<p>Существует огромное число определений того, что является "Web 2.0 приложением". Например, существует представление, что только потому, что сайт построен с использованием определенных технологий (таких как Ruby on Rails), или потому что он использует Ajax в интерфейсе, - это Web 2.0 приложение. Из главного, общего представления мы понимаем, что это не так. Наше определение требует, чтобы пользователи сами могли взаимодейстовать друг с другом, или делиться своим содеражанием. У разработчиков, к примеру, гораздо более жесткое определение Web 2.0, чем у средних пользователей сети, и это может привести к путанице.
 <br><br>
В свою очередь, это приводит к неверному пониманию и понятия Web 3.0. Расширяя объяснения Тима Бернерса-Ли, Web 3.0 представляет Интернет как уже стадию "чтение-запись-выполнение". Однако, это трудно представить себе в абстрактной форме, так что взглянем на две вещи, которые будут основой семантической разметки и веб-сервисов Web 3.0.
 <br><br>
Семантическая разметка относится к процессу коммуникации между Интернет-пользователем (человеком) и компьютеризированными программами. Одна из крупнейших организационных проблем представления информации в Интернет состоит в том, что веб-приложения не в состоянии обеспечить контекст для данных, и, следовательно, не могу понять, что имеет релевантность, а что нет. С помощью какой-то семантической разметки или форматов обмена данными, данные могут быть помещены в форму не только с помощью доступного для людей естественного языка, но и также способны быть хорошо понятыми и интерпретированными с помощью программных приложений. Под понятием "выполнение" мы и подразумеваем форматирование данных для понимания программными агентами, веб-сервисами.</p>

<h1>Web 3.0 - семантический веб</h1>
<p>Веб-сервис - это программная система, предназначенная для поддержки взаимодействия типа компьютер-компьютер через Интернет. Веб-службы – это не новинка, как правило, имеют форму Application Programming Interface (API). Популярный веб-сайт обмена фотографиями Flickr предоставляет собой веб-сервис, с помощью которого пользователи могут с помощью программного интерфейса искать изображения на Flickr. В настоящее время доступны тысячи веб-служб. Однако, в контексте Web 3.0, они получают большее внимание. Объединив семантическую разметку и веб-сервисы, Web 3.0 увеличивает потенциал для приложений, которые могут общаться непосредственно друг с другом и предоставлять более широкий поиск информации через простые интерфейсы.</p>

<h1>От Web 1.0 к Web 3.0 - три десятилетия Интернет</h1>
<p>Картинка стоит тысячи слов. С учетом сказанного, приведем следующие изображения для объяснения различий между Web 2.0 и Web 3.0 иначе известного как семантического веба. Но, прежде чем сравнивать Web 2.0 и Web 3.0, полезно сравнить с Web 1.0 Web 2.0 в первую очередь.
<img src="images/web10-20.gif" alt="1" width="34%" height="30%" hspace="10%">
<img src="images/web10-20-30.gif" alt="2" width="30%" height="30%" >
<br><br>
Таким образом, к концу первого десятилетия XXI в. можно рассматривать следующие этапы развития сети:
 <br><br>
<b>Web 1.0</b> — контент (содержание) интернет-ресурсов формирует сравнительно небольшая группа профессионалов, а подавляющее большинство пользователей сети Интернет фигурирует в качестве простых "читателей". В первом десятилетии сети Интерент, или Web 1.0, была разработана сама основа Интернет, которая позволила дать доступ к огромным объемам информации широкому кругу пользователей сети.
 <br><br>
<b>Web 2.0</b> — в создание контента активно включаются пользователи сети. Сейчас мы находимся в конце второго десятилетия - Web 2.0 - были развиты различные пользовательские интерфейсы, которые позволяли пользователям уже управлять содержимым сети Интерент и связаться друг с другом.
 <br><br>
<b>Web 3.0</b> — мы на пороге третьей декады - Web 3.0. Семантического Веб (Semantic Web). Семантическая паутина (Semantic Web) – «часть глобальной концепции развития сети Интернет, целью которой является реализация возможности машинной обработки информации, доступной во Всемирной паутине. Основной акцент концепции делается на работе с метаданными, однозначно характеризующими свойства и содержание ресурсов Всемирной паутины, вместо используемого в настоящее время текстового анализа документов» (Википедия).То есть - это некая сеть над Сетью, содержащая метаданные о ресурсах Всемирной паутины и существующая параллельно с ними.
 <br><br>
Важно понимать, что, давая определения и используя понятия различных концепций построения сайтов Web 1.0, Web 2.0, Web 3.0, если сайт использует особенности Web 2.0, это не делает его устаревшим. В конце концов, у небольшого веб-сайта электронной торговли, пытающегося продать продукцию в какой-либо нише, возможно, нет никакой потребности в предоставлении содержимого пользователями или возможности взаимодействия пользователей друг с другом. Следует понимать, создание сайтов - дорогостоящий и времязатратный процесс, и, чтоб ваш Интерент-проект был удачен, уже на самых первых этапах проектирования, продумывания концепции сайта, важно четко знать существующие тенденции современных Интернет-технологий.
 <br><br>
Очевидно одно: Интернет не перестает развиваться и будущее Интернет-технологий чрезвычайно интересно!</p>
          <div class="Avtor">
          <b>(с)Информация взята <a href="http://www.creasol.ru/index2.php?ob=articles_one&id=8">с сайта Creasol <br></a></b>
</div>

        </div>
      </div>
    </div>
  </div>


  <div id="f">
    <div class="container">
      <div class="row centered">
       <a href="https://vk.com/xd_makcum"><i class="fa fa-vk fa-2x"></i></a>
       <a href="https://www.instagram.com/zvg_m_a/"><i class="fa fa-instagram fa-2x"></i></a>
     </div>
   </div>
 </div>


 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
 <script src="js/bootstrap.min.js"></script>
 <script type="text/javascript">
  $(document).ready(function(){
   $.fn.animate_Text = function() {
    var string = this.text();
    return this.each(function(){
     var $this = $(this);
     $this.html(string.replace(/./g, '<span class="new">$&</span>'));
     $this.find('span.new').each(function(i, el){
      setTimeout(function(){ $(el).addClass('div_opacity'); }, 20 * i);
    });
   });
  };
  $('#example').show();
  $('#example').animate_Text();
});

</script>
</body>
</html>