Технология WEB страниц презентация

Содержание

Слайд 1



Технология WEB-страниц
Internet Information Server
Internet Explorer

Слайд 2Эволюция WEB
Первое поколение
Для Web-узлов первого поколения характерна однотипная структура — обычный

сайт представлял собой последовательность текста и «картинок».
Единственной формой интерактивного взаимодействия читателя с документом являлся щелчок на гиперссылке, позволявший перейти на другую страницу публикации или загрузить новый документ.
Странички писали на «чистом» HTML с использованием простейших редакторов типа Notepad (Блокнот).

Слайд 3Второе поколение
Интерактивные элементы, обеспечивавшие более активное участие пользователя в формировании облика

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

Слайд 4Третье поколение
Современные Web-публикации (относящиеся к третьему поколению) предоставляют пользователю возможность интерактивного

взаимодействия практически со всеми элементами страниц.
Это результат развития Web-технологии по трем основным направлениям:
1) разработка инструментов, которые позволили бы свести к минимуму ручное кодирование и одновременно были бы пригодны для выполнения операций по сопровождению Web-публикаций;
2) перераспределение функций по обеспечению интерактивности страниц между сервером и клиентом (броузером) в сторону последнего;
3) расширение диапазона мультимедийных компонентов, включаемых в состав публикаций, и упрощение технологии такой интеграции.

Слайд 5Разработка Web-сайта
Определение общей концепции и предназначения публикации.
Определение аудитории потенциальных пользователей (посетителей

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

Слайд 6Языки разметки
Любая Web-публикация с точки зрения реализации представляет собой гипертекстовый документ,

структура которого описана с помощью одного из языков разметки (Markup Language)
Документ, созданный с помощью языка разметки, представляет собой текст в формате ASCII, код разметки может быть просмотрен и изменен с помощью любого текстового редактора.

Слайд 7Управляющие дескрипторы
Основной синтаксической единицей любого языка разметки является тэг (Tag —

признак)
Тэги- управляющие дескрипторы, обычно выделяются относительно информационного содержимого документа с помощью пары угловых скобок < >, внутри которых помещается название тэга и его параметры (атрибуты), содержащие некоторые дополнительные сведения : , <br>Синтаксис всех языков разметки является общим, все языки разметки имеют единый «корень» — язык SGML (Standard Generalised Markup Language), «Стандартный обобщенный язык разметки», который был утвержден ISO в качестве стандарта еще в 80-х годах. <br> </div> <div class="image"> <a href="/img/tmb/5/421440/4e977f04d3d310d597b29e52dd05407b-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Управляющие дескрипторыОсновной синтаксической единицей любого языка разметки является тэг (Tag — признак) Тэги- управляющие дескрипторы, обычно выделяются относительно информационного содержимого документа с помощью пары угловых скобок < >, внутри которых помещается название тэга и его параметры (атрибуты), содержащие некоторые дополнительные сведения : , Синтаксис всех языков разметки является общим, все языки разметки имеют единый «корень» — язык SGML (Standard Generalised Markup Language), «Стандартный обобщенный язык разметки», который был утвержден ISO в качестве стандарта еще в 80-х годах. "><img src="/img/tmb/5/421440/4e977f04d3d310d597b29e52dd05407b-800x.jpg" title="Управляющие дескрипторыОсновной синтаксической единицей любого языка разметки является тэг (Tag — признак) Тэги- управляющие дескрипторы," alt=""></a> </div> <hr> </div> <div class="descrip" id="slide8"> <h2><a href="/img/tmb/5/421440/67a21c1a9b006ec5fd3cbbfab7b02578-800x.jpg" target="_blank">Слайд 8</a><br>Язык HTML Hypertext Markup Language- язык разметки гипертекста является базовой технологией создания</h2> <div class="text"> и размещения гипертекстовой информации в Интернете. <br> </div> <div class="image"> <a href="/img/tmb/5/421440/67a21c1a9b006ec5fd3cbbfab7b02578-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Язык HTML Hypertext Markup Language- язык разметки гипертекста является базовой технологией создания и размещения гипертекстовой информации в Интернете. "><img src="/img/tmb/5/421440/67a21c1a9b006ec5fd3cbbfab7b02578-800x.jpg" title="Язык HTML Hypertext Markup Language- язык разметки гипертекста является базовой технологией создания и размещения гипертекстовой" alt=""></a> </div> <hr> </div> <div class="descrip" id="slide9"> <h2><a href="/img/tmb/5/421440/3f8f6837b1979ee222ad453164fbffa8-800x.jpg" target="_blank">Слайд 9</a><br><br><br><br>Средства обеспечения интерактивности WEB-страниц на стороне клиента<br>Язык Java<br>Язык JavaScript<br>Язык VisualBasicScript<br>Dynamic HTML<br>Элементы</h2> <div class="text"> управления ActiveX<br> </div> <div class="image"> <a href="/img/tmb/5/421440/3f8f6837b1979ee222ad453164fbffa8-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Средства обеспечения интерактивности WEB-страниц на стороне клиентаЯзык JavaЯзык JavaScriptЯзык VisualBasicScriptDynamic HTMLЭлементы управления ActiveX"><img src="/img/tmb/5/421440/3f8f6837b1979ee222ad453164fbffa8-800x.jpg" title="Средства обеспечения интерактивности WEB-страниц на стороне клиентаЯзык JavaЯзык JavaScriptЯзык VisualBasicScriptDynamic HTMLЭлементы управления ActiveX" alt=""></a> </div> <hr> </div> <div class="descrip" id="slide10"> <h2><a href="/img/tmb/5/421440/4b94db22d1493f6144de619454c7026f-800x.jpg" target="_blank">Слайд 10</a>Средства обеспечения интерактивности WEB-страниц на стороне сервера<br><br>Common Gateway Interface<br>Active Server Pages<br>PHP</h2> <div class="text"> Personal Home Page Tools<br> </div> <div class="image"> <a href="/img/tmb/5/421440/4b94db22d1493f6144de619454c7026f-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Средства обеспечения интерактивности WEB-страниц на стороне сервераCommon Gateway InterfaceActive Server PagesPHP Personal Home Page Tools"><img src="/img/tmb/5/421440/4b94db22d1493f6144de619454c7026f-800x.jpg" title="Средства обеспечения интерактивности WEB-страниц на стороне сервераCommon Gateway InterfaceActive Server PagesPHP Personal Home Page Tools" alt=""></a> </div> <hr> </div> </div> <div class="custom" > <!-- Yandex.RTB R-A-468740-8 --> <div id="yandex_rtb_R-A-468740-8"></div> <script type="text/javascript"> (function(w, d, n, s, t) { w[n] = w[n] || []; w[n].push(function() { Ya.Context.AdvManager.render({ blockId: "R-A-468740-8", renderTo: "yandex_rtb_R-A-468740-8", async: true }); }); t = d.getElementsByTagName("script")[0]; s = d.createElement("script"); s.type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks"); </script></div> <div class="url" id="download"><a href="/uncategorized/tehnologiya-web-stranits/download">Скачать презентацию</a></div> </div> <div class="right"> <div class="banners"> <div class="custom" > <!-- Yandex.RTB R-A-468740-2 --> <div id="yandex_rtb_R-A-468740-2"></div> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: 'yandex_rtb_R-A-468740-2', blockId: 'R-A-468740-2' }) })</script></div> </div> <div class="list related"> <h2>Похожие презентации</h2> <div class="wrapper"> <a href="/uncategorized/formirovanie-universalnyh-uchebnyh-umeniy-na-urokah-biologii-v-5-klasse-v-protsesse-raboty-s-tekstom-uchebnika"> <img src="/img/tmb/1/24021/2359149c47f5045d4b8fb9904cf4d78f-800x.jpg" alt=""> <span class="desc"> <span>Формирование универсальных учебных умений на уроках биологии в 5 классе в процессе работы с текстом учебника</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 266</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/220305-perehod-na-elektronnoe-vzaimodeystvieorganov-ispolnitelnoy-vlasti-rf-k-2018-goduprofessionalnyy-forum-effektivnyy-elektronnyy-dokumentooborot-ot-deloproizvodstva-do-arhiva"> <img src="/img/tmb/3/220305/0a91c6f6e7515de65b9ae1c3766022a2-800x.jpg" alt=""> <span class="desc"> <span>Переход на электронное взаимодействие органов исполнительной власти РФ к 2018 году Профессиональный форум Эффективный электронный документооборот: от делопроизводства до архива</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 223</span> </span> </a> </div> <div class="custom" > <!-- Yandex.RTB R-A-468740-13 --> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ type: 'fullscreen', blockId: 'R-A-468740-13' }) })</script></div> <div class="wrapper"> <a href="/uncategorized/1941-god-1"> <img src="/img/tmb/2/168421/cb5cd452cc78a2220f51b4de27f940b3-800x.jpg" alt=""> <span class="desc"> <span>1941 год</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 235</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/11709-kontseptualnye-printsipy-identifikatsii-obektov-obrashcheniya-s-opasnymi-othodami-kak-obektov-povyshennoy-opasnosti-kraynov-ip-krylyuk-v-ngosudarstvennaya-ekologicheskaya-akademiya-posle-diplomnogo-obrazovaniya-i-upravleniy"> <img src="/img/tmb/1/11709/53fbdcd4c868554dc204fcd1db9c2764-800x.jpg" alt=""> <span class="desc"> <span>Концептуальные принципы идентификации объектов обращения с опасными отходами как объектов повышенной опасности Крайнов И.П., Крылюк В. Н. Государственная экологическая академия после дипломного образования и управления, Киев, Украина</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 197</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/tehnologya-sss-lektsya-5-chastina-2"> <img src="/img/tmb/5/486783/ec720580a3ad87c19a5f885d380b85d4-800x.jpg" alt=""> <span class="desc"> <span>Технологія СSS ( Лекція 5, частина 2)</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 349</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/rezultat-duhovnonravstvennogo-vospitaniya-izuchenie-i-analiz"> <img src="/img/tmb/3/248616/cb768fb52252b83fa7986f57aaa60584-800x.jpg" alt=""> <span class="desc"> <span>Результат духовно – нравственного воспитания: изучение и анализ.</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 237</span> </span> </a> </div> <div class="clear"></div> </div> </div> </div> </div> </div> <div class="container bottom"> <div> <div class="call_back"> <h4><i class="fas fa-bullhorn"></i>Обратная связь</h4> <p>Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:</p> <p>Email: <a href="#" class="js_hidden_email" data-address="thepresentation" data-domain="ya.ru">Нажмите что бы посмотреть</a> </p> </div> <div class="links"> </div> <div class="whatis"> <h4><i class="fa fa-info text-red"></i>Что такое ThePresentation.ru?</h4> <p>Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.</p> <hr /> <p><a href="/privacy">Для правообладателей</a></p> <a href="https://metrika.yandex.ru/stat/?id=54509641&from=informer" target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/54509641/3_1_FFFFFFFF_EFEFEFFF_0_pageviews" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" class="ym-advanced-informer" data-cid="54509641" data-lang="ru" /></a> <!--LiveInternet counter--> <script type="text/javascript"> document.write('<a href="//www.liveinternet.ru/click" '+ 'target="_blank"><img src="//counter.yadro.ru/hit?t16.2;r'+ escape(document.referrer)+((typeof(screen)=='undefined')?'': ';s'+screen.width+'*'+screen.height+'*'+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+';u'+escape(document.URL)+ ';h'+escape(document.title.substring(0,150))+';'+Math.random()+ '" alt="" title="LiveInternet: показано число просмотров за 24'+ ' часа, посетителей за 24 часа и за сегодня" '+ 'border="0" width="88" height="31"><\/a>') </script> <!--/LiveInternet--> </div> <div class="clear"></div> </div> </div> <script src="/templates/presentation/js/script.js?0ed36ea232886ff4063bbdd9e2c5b9c0"></script> </body> </html>