Языки веб-программирования презентация

История развития WEB

История развития WEB
ВEБ (англ. web — паутина — паутина) — интернет-пространство.
World Wide Web (www, web, рус.: веб, Всемирная Паутина) — распределенная информационная система,
предоставляющая доступ к гипертекстовым документам по протоколу HTTP.
WWW — сетевая технология прикладного уровня стека TCP/IP, построенная на клиент-серверной архитектуре и использующая инфраструктуру Интернет для взаимодействия между сервером и клиентом (www).
Серверы www (веб-серверы) — это хранилища гипертекстовой (в общем случае) информации, управляемые специальным программным обеспечением.
Документы, представленные в виде гипертекста называются веб-страницами. Несколько веб-страниц,
объединенных общей тематикой, оформлением, связанных гипертекстовыми ссылками и обычно находящихся на одном и том же веб-сервере, называются веб-сайтом.
Для загрузки и просмотра информации с веб-сайтов используются специальные программы — браузеры,
способные обрабатывать гипертекстовую разметку и отображать содержимое веб-страниц.
Браузер может обратиться к веб-серверу по доменному имени или по ip-адресу, передавая в запросе идентификатор требуемого ресурса. Получив запрос от клиента, сервер находит соответствующий ресурс на локальном устройстве хранения и отправляет его как ответ. Браузер принимает ответ и обрабатывает его соответствующим образом, в зависимости от типа ресурса (отображает гипертекст, показывает изображения, сохраняет полученные файлы и т.п.).

Сеть ARPANET

История развития WEB
Сеть ARPANET.
Предпосылкой создания сети Интернет послужила потребность Министерства обороны США в надежной системе передачи информации во время холодной войны.
План создания компьютерной сети (названной «ARPANET») был представлен в октябре 1967 года, а в декабре 1969 была запущена в работу первая сеть из четырех компьютеров. Основная проблема при создании сети состояла в том, как соединить отдельные физические сети, не связывая сетевые ресурсы постоянными каналами.
Решение - разбиение запросов данных на небольшие фрагменты, «пакеты», которые могут быстро обрабатываться, не блокируя коммуникацию других частей — этот принцип все еще используется сегодня для работы Интернет.
Концепция получила широкое признание с появлением нескольких других сетей, использующих тот же самый метод коммутации пакетов ,сформировавшая основу первой университетской сети Великобритании . Эти сети, несмотря на наличие множества соединений, были в большей степени частными сетями, чем сегодняшней сетью Интернет.

Протокол TCP/IP

История развития WEB
Протокол TCP/IP.
Распространение различных сетевых протоколов стало вскоре проблемой при попытке заставить общаться все эти отдельные сети. Однако в поле зрения имелось решение — Роберт Кан, во время работы над проектом спутниковой пакетной сети ARPA, начал определять некоторые правила для более открытой сетевой архитектуры для замены используемого в ARPANET протокола. Позже, вместе с Винтоном Серфом из Станфордского университета, они создали систему, которая маскировала различия между сетевыми протоколами с помощью нового стандарта. В публикации, посвященной проекту спецификации в декабре 1974 года, он был назван «Internet Transmission Control Program».
Эта спецификация уменьшила роль сети и перенесла ответственность за поддержание целостности передачи на хост-компьютер. Конечным результатом этого было то, что стало возможно легко соединять почти любые сети. ARPA профинансировала разработку программного обеспечения и в 1977 году была проведена успешная демонстрация коммуникации трех различных сетей. К 1981 спецификация была завершена, опубликована и принята, и в 1982 году соединения ARPANET за пределами США были переведены на использование нового протокола «TCP/IP».
Появилась сеть Интернет. Встал вопрос о создании системы распределенного доступа к сетевым файлам.
В начале 1990 годов в качестве системы извлечения информации в глобальной сети использовалась система Gopher, которая предоставляла меню ссылок на файлы, компьютерные ресурсы и другие меню. Gopher была создана в Университете Миннесоты. В феврале 1993 университет объявил, что собирается требовать лицензионные отчисления за использование своей эталонной реализации сервера Gopher. Вследствие этого многие организации начали искать альтернативные решения.

Создание всемирной паутины

История развития WEB
Создание Всемирной паутины.
Европейский совет по ядерным исследованиям в Швейцарии имел такое альтернативное решение. Тим Бернерс-Ли работал над системой управления информацией, в которой текст мог содержать связи и ссылки на другие работы, позволяя читателю быстро перемещаться от документа к документу. Он создал сервер CERN httpd для публикации документов такого вида, а также программу для их чтения, которую назвал «World Wide Web». Это программное обеспечение было выпущено впервые в 1991 году. 30 апреля 1993 года CERN выпустил исходный код World Wide Web во всеобщее достояние, поэтому кто угодно мог использовать или применять это программное обеспечение без всякой платы.
В 1994 году Тим Бернерс-Ли основал World Wide Web Consortium (W3C) в Массачусетском технологическом институте (Massachusetts Institute of Technology) при поддержке CERN, DARPA (в которую была переименована ARPA) и Европейской Комиссии. Консорциум W3C видел свою задачу в стандартизации протоколов и технологий, которые используются для создания Web, чтобы информационное содержание было доступно как можно большему числу жителей всего мира.
В течение нескольких следующих лет W3C опубликовал несколько спецификаций (называемых «рекомендациями»), включая HTML, формат изображений PNG (Portable Network Graphics), и каскадные таблицы стилей (CSS).

Языки WEB-программирования

Коротко о главном
Языки веб-программирования
Языки веб-программирования — это языкиЯзыки веб-программирования — это языки, которые в основном предназначены для работы с веб-технологиями. Языки веб-программирования можно условно разделить на две пересекающиеся группы: клиентскиеЯзыки веб-программирования — это языки, которые в основном предназначены для работы с веб-технологиями. Языки веб-программирования можно условно разделить на две пересекающиеся группы: клиентские и серверные.
Веб-программирование — раздел программирования — раздел программирования, ориентированный на разработку веб-приложений — раздел программирования, ориентированный на разработку веб-приложений (программ, обеспечивающих функционирование динамических сайтов — раздел программирования, ориентированный на разработку веб-приложений (программ, обеспечивающих функционирование динамических сайтов Всемирной паутины).
WEB-программирование

Языки WEB- программирования
Клиентские языки программирования
Клиент - это сам пользователь, а точнее браузер установленный на вашем компьютере. Когда пользователь Интернета обращается с запросом к серверу, то он является клиентом.
Клиентские языки выполняются на компьютере пользователя (клиента). Если говорить более точно, то их выполняет сам браузер. Обычно клиентские языки встраиваются в html-код web-страницы. Таким образом, чтобы увидеть код, достаточно открыть веб-страницу с помощью любого текстового редактора или браузера.
Минусы:
Один из основных недостатков клиентских языков заключается в том, что они не могут взаимодействовать с сервером, на котором расположен сайт. Нет возможности сохранять и загружать информацию с него. Это значительно ограничивает применение клиентских языков. Например, о таких программах, которые должны сохранять и загружать определенную информацию с /на сервер: гостевых книгах, блоках комментариев, рейтингах, голосованиях и.т.д. можно вообще забыть. Кроме того, раз любой пользователь может очень легко просмотреть код программы, то о безопасности можно тоже забыть. Если Вы захотите закрыть доступ к некоторым файлам, с помощью таких языков, это вряд ли удастся. Очень просто просмотреть HTML – код web-страницы, чтобы узнать всю защищенную информацию и пароли.
Плюсы:
Они не отправляют данные на сервер, что делает их работу значительно быстрей.Не требуется никакого дополнительного программного обеспечения, все необходимое есть в браузере клиента. За пользование серверными языками компания, предоставляющая хостинг, требует денег (платный хостинг), а за клиентскими нет.

Языки WEB- программирования
Клиентские языки программирования
Самыми распространенными клиентскими языками являются: JavaScript и VisualBasicScript (VBS). Для того, чтобы браузер мог их понимать и выполнять в него встроен специальный инструмент – интерпретатор.
Интерпретатор — программа — программа (разновидность транслятора), выполняющая интерпретацию.
Интерпретация — построчный анализ, обработка и выполнение исходного кода программы или запроса
(в отличие от компиляции, где весь текст программы, перед запуском, анализируется и транслируется в
байт-код, без её выполнения).
JavaScript, разработан компанией Netscape и первоначально использовался только для браузера Netscape Navigator. В настоящее время этот язык получил очень большую популярность. VisualBasicScript (VBS) это аналог клиентского языка от компании Microsoft.
Как уже говорилось ранее, все эти языки работают в обычных браузерах без всяких дополнительных модулей и плагинов. Самые распространенные браузеры это: Internet Explorer, Opera, Mozilla, Google Chrome.

Языки WEB- программирования
Серверные языки программирования
Серверные языки выполняются непосредственно на самом сервере, специальной программой. Это значит, что для того, чтобы они работали не важно, каким браузером пользуется пользователь, все равно все вычисления будут проходить на удаленном компьютере (сервере).
Увидеть код программы на серверном языке для посетителя сайта вообще невозможно, он видит только результаты работы, которые будут уже представлены в качестве HTML-страницы.
Серверные языки предоставляют веб-программисту гораздо больше возможностей, чем клиентские. Используя их можно обмениваться данными с сервером, чего мы были лишены при использовании клиентских языков.
Наибольшую популярность, среди серверных языков получили: PHP и Perl.
Т.к. серверные языки взаимодействуют с удаленным компьютером (сервером), возникает необходимость где-то хранить результаты этого взаимодействия. Возникает вопрос: как и где хранить эти данные?
По мере роста любого сайта, приходиться хранить огромное количество информации. Именно для этой цели существует База Данных (БД). Это своего рода библиотека, где вся информация аккуратно разложена по полочкам. Но просто одной БД еще не достаточно. Когда информации становиться много, найти то, что нам необходимо становиться очень трудно, не говоря уже, уже о том, чтобы всю информацию обработать или извлечь только нужные данные. Так почему бы не поручить это компьютеру? Так и поступили. В настоящее время БД успешно обрабатываются компьютерами. Системы, которые за все это отвечают, называются Системами Управления Базами Данных (СУБД).

Языки WEB- программирования
Серверные языки программирования
В них можно хранить всю необходимую Вам информацию, даже пароли (причем в зашифрованном виде). Взаимодействие пользователя с БД обеспечивает специальный язык запросов - Structured Query Language (SQL) (Язык структурированных запросов).
Самым известным СУБД является MySQL.

HTML

Языки WEB- программирования
HTML
HTML - это сокращение от "HyperText Mark-up Language/язык гипертекстовой разметки"
Говоря кратко, HTML был изобретён в 1990 году учёным, Тимом Бёрнсом-Ли (Tim Berners-Lee), и предназначался для облегчения обмена документами между учёными различных университетов. Проект имел больший успех, чем Tim Berners-Lee мог ожидать. Этим изобретением HTML он заложил основы современной сети Internet.
HTML это язык, который позволяет представлять информацию (например, научные исследования) в Internet. То, что вы видите при просмотре страницы в Internet, это интерпретация вашим браузером HTML-текста.
HTML — теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами.
В настоящее время Консорциум Всемирной паутины разработал HTML версии 5 , который расширяет HTML для лучшего представления семантики различных типичных страниц , например форумов, сайтов аукционов и т.д.

Языки WEB- программирования
HTML5
Семантические замены для использования универсальных блочных (
) и строчных (
) элементов, например,
(блок навигации по сайту),
(обычно относится к нижней части страницы или последней строке HTML кода) или
и
вместо
Семантика
SVG — язык разметки масштабируемой векторной графики, созданный Консорциумом Всемирной паутины (W3C) и входящий в подмножество расширяемого языка разметки XML, предназначен для описания двумерной векторной и смешанной векторно/растровой графики в формате XML.
SVG
Возможности DOM расширены и фактически используемые свойства задокументированы.
Элемент холст для непосредственного метода рисования в 2D,
контроль над проигрыванием медиафайлов;
File API: возможность загрузки документа через выбор (тег
) или перетаскиванием (Drag-and-drop);
тип MIME и регистрация обработчика протокола;
Микроданные.
API
HTML5 — это не продолжатель языка разметки гипертекста, а новая открытая платформа, предназначенная для создания
веб-приложений использующих аудио, видео, графику, анимацию и многое другое. Он расширяет, улучшает и рационализирует
разметку документов, а также добавляет единый APIразметку документов, а также добавляет единый API для сложных веб-приложений
Слайд 19
CSS
Слайд 20
Языки WEB- программирования
CSS
CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный
язык описания внешнего вида документа, написанного с использованием языка разметки.
Правила CSS пишутся на формальном языке CSS и располагаются в таблицах стилей, то есть таблицы стилей содержат в себе правила CSS. Эти таблицы стилей могут располагаться как в самом веб-документе, внешний вид которого они описывают, так и в отдельных файлах, имеющих формат CSS. (По сути, формат CSS — это обычный текстовый файл. В файле .css не содержится ничего, кроме перечня правил CSS и комментариев к ним.) То есть, эти таблицы стилей могут быть подключены, внедрены в описываемый ими веб-документ четырьмя различными способами:
когда таблица стилей находится в отдельном файле, она может быть подключена к веб-документу посредством тега , располагающегося в этом документе между тегами и . (Тег будет иметь атрибут href, имеющий значением адрес этой таблицы стилей). Все правила этой таблицы действуют на протяжении всего документа;
когда таблица стилей описана в самом документе, она может располагаться в нём между тегами (которые, в свою очередь, располагаются в этом документе между тегами и ). Все правила этой таблицы действуют на протяжении всего документа;
body{color: red;}
Слайд 21
Языки WEB- программирования
CSS
3) когда таблица стилей описана в самом документе, она может располагаться
в нём в теле какого-то отдельного тега (посредством его атрибута style) этого документа. Все правила этой таблицы действуют только на содержимое этого тега.
Стили CSS по сравнению c HTML имеют гораздо больший спектр возможностей по дизайну элементов страниц сайта. Простыми методами изменяется цвет фона элемента, добавляется рамка, устанавливается шрифт текста, определяются размеры и относительное расположение элемента страницы, и другие элементы дизайна сайта.
Для создания структуры страниц сайта используется метод блочной верстки. При помощи тэга DIV с присвоенным ему стилем создается структура страницы сайта. В данное время это наиболее распространенный метод создания страниц сайта.
Слайд 22
CSS3
Слайд 23
Языки WEB- программирования
CSS3
CSS3-анимация придаёт сайтам динамичность. Она оживляет веб-страницы, улучшая взаимодействие с пользователем.
Создание анимации
начинается с установки ключевых кадров правила @keyframes. Кадры определяют, какие свойства на каком шаге будут анимированы. Каждый кадр может включать один или более блоков объявления из одного или более пар свойств и значений.
Анимация
SVG — язык разметки масштабируемой векторной графики, созданный Консорциумом Всемирной паутины (W3C) и входящий в подмножество расширяемого языка разметки XML, предназначен для описания двумерной векторной и смешанной векторно/растровой графики в формате XML.
Скругленные рамки
CSS3-градиент представляет собой переходы от одного цвета к другому.
Градиенты создаются с помощью функций linear-gradient() и radial-gradient().
Линейный градиент создается с помощью двух и более цветов, для которых задано направление, или линия градиента.
Если направление не указано, используется значение по умолчанию — сверху-вниз.
Цвета градиента по умолчанию распределяются равномерно в направлении, перпендикулярном линии градиента.
Градиенты
По сути это все тот же CSS, с набором новых аргументов, которые дают дополнительные возможности в плане различных
эффектов. Например, свечение текста. Многие браузеры не поддерживают такие свойства, поэтому рекомендуется использовать
такие эффекты в минимальных количествах.
Слайд 24
WRITE A TITLE IN THIS SECTION
Full Width Text Sample
First: What is a Fast-Fish?
Alive or dead a fish is technically fast, when it is connected with an occupied ship or boat, by any medium at all controllable by the occupant or occupants,—a mast, an oar, a nine-inch cable, a telegraph wire, or a strand of cobweb, it is all the same. Likewise a fish is technically fast when it bears a waif, or any other recognized symbol of possession; so long as the party waiting it plainly evince their ability at any time to take it alongside, as well as their intention so to do. First: What is a Fast-Fish? Alive or dead a fish is technically fast, when it is connected with an occupied ship or boat, by any medium at all controllable by the occupant or occupants,—a mast, an oar, a nine-inch cable, a telegraph wire, or a strand of cobweb, it is all the same. Likewise a fish is technically fast when it bears a waif, or any other recognized symbol of possession; so long as the party waiting it plainly evince their ability at any time to take it alongside, as well as their intention so to do.
First: What is a Fast-Fish? Alive or dead a fish is technically fast, when it is connected with an occupied ship or boat, by any medium at all controllable by the occupant or occupants,—a mast, an oar, a nine-inch cable, a telegraph wire, or a strand of cobweb, it is all the same. Likewise a fish is technically fast when it bears a waif, or any other recognized symbol of possession; so long as the party waiting it plainly evince their ability at any time to take it alongside, as well as their intention so to do. First: What is a Fast-Fish? Alive or dead a fish is technically fast, when it is connected with an occupied ship or boat, by any medium at all controllable by the occupant or occupants,—a mast.
Слайд 25
JavaScript
Слайд 26
Языки WEB- программирования
JavaScript
Javascript – это язык программирования, с помощью которого веб-страницам придается интерактивность. С
его помощью создаются приложения, которые включаются в HTML-код (например, анкеты или формы регистрации, которые заполняются пользователем).
С помощью Javascript можно изменять страницу, изменять стили элементов, удалять или добавлять теги. С его помощью можно узнать о любых манипуляциях пользователя на странице (прокрутка страницы, нажатие любой клавиши, клики мышкой, увеличение или уменьшение рабочей области экрана…) Через него можно к любому элементу HTML-кода получить доступ и делать с этим элементом множество манипуляций. Можно загружать данные не перезагружая страницу, выводить сообщения, считывать или устанавливать cookie и выполнять множество других действий.
Вся уникальность данного языка программирования заключается в том, что он поддерживается практически всеми браузерами и полностью интегрируется с ними, а все что можно сделать с его помощью – делается очень просто. Ни одна другая технология не вмещает в себе все эти преимущества вместе.
Слайд 27
Языки WEB- программирования
JavaScript
Для добавления JavaScript-кода на страницу, можно использовать теги , которые рекомендуется,
но не обязательно, помещать внутри контейнера . Контейнеров
может быть сколько угодно.<br>Так же можно подключить и внешние файлы с JS кодом,желательно перед закрывающимся тегом <body> </body>.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide28" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/6691/slide-27.jpg" target="_blank" rel="noopener">Слайд 28</a><h3 class="slides-content text-center font-bold"><div><p>PHP<br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide29" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/6691/slide-28.jpg" target="_blank" rel="noopener">Слайд 29</a><h3 class="slides-content text-center font-bold"><div><p>Языки WEB- программирования<br><p>PHP<br><p>PHP – это широко используемый язык сценариев общего назначения с открытым исходным</div></h3></h3><!----><!----><div class="slides-content">кодом. Говоря проще, PHP это язык программирования, специально разработанный для написания web-приложений (сценариев), исполняющихся на Web-сервере. Аббревиатура PHP означает “Hypertext Preprocessor (Препроцессор Гипертекста)".<br>Популярность в области построения веб-сайтов определяется наличием большого набора встроенных средств для разработки веб-приложений. Основные из них:<br>1) автоматическое извлечение POST и GET-параметров, а также переменных окружения веб-сервера в предопределённые массивы;<br>2) взаимодействие с большим количеством различных систем управления базами данных (MySQL, MySQLi, SQLite, PostgreSQL, Oracle (OCI8), Oracle, Microsoft SQL Server, Sybase, ODBC, mSQL, IBM DB2, Cloudscape и Apache Derby, Informix, Ovrimos SQL, Lotus Notes, DB++, DBM, dBase, DBX, FrontBase, FilePro, Ingres II, SESAM, Firebird / InterBase, Paradox File Access, MaxDB, Интерфейс PDO);<br>3) автоматизированная отправка HTTP-заголовков;<br>4) работа с HTTP-авторизацией;<br>5) работа с cookies и сессиями;<br>6) работа с локальными и удалёнными файлами, сокетами;<br>7) обработка файлов, загружаемых на сервер;<br>8) работа с Xforms.<br> В настоящее время PHP используется сотнями тысяч разработчиков. Согласно рейтингу корпорации TIOBE, базирующемся на данных поисковых систем, в мае 2016 года PHP находился на 6 месте среди языков программирования.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide30" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/6691/slide-29.jpg" target="_blank" rel="noopener">Слайд 30</a><h3 class="slides-content text-center font-bold"><div><p>Языки WEB- программирования<br><p>PHP<br><p>Сервер и браузер общаются, посылая друг другу запросы по особому протоколу</div></h3></h3><!----><!----><div class="slides-content">- HTTP. Соединение может инициировать только браузер. Он посылает серверу запрос - показать такой-то файл. Сервер клиенту файл посылает.
Только так и происходит. Клиент запросил - сервер отдал. И забыл сразу о клиенте. Отсюда становится понятным ответ на вопрос, можно ли точно узнать, сколько юзеров сечас на сайте. Нельзя. потому, что "на сайте" нету ни одного. Они соединяются, запрашивают страницу, и отсоединяются. Не имеют постоянного cоединения с сервером. Узнать можно только примерно, записывая время каждого соединения и выбирая записи за определенный промежуток времени.<br>РНР выполняется на сервере. Браузер посылает серверу запрос на страницу с php кодом. Сервер отдает эту страницу на исполнение интерпретатору PHP, интерпретатор генерирует HTML код, отдает серверу, а сервер посылает клиенту. Никакого РНР кода в браузер не попадает (это важно! Это значит, что увидеть исходный код PHP скрипта невозможно!). Единственный способ отправить что-то скрипту - это кликнуть по ссылке или нажать на кнопку в форме. Так, чтобы РНР обрабатывал какие-то действия пользователя в браузере - невозможно. РНР остался на сервере, ждать новых запросов с данными для обработки. PHP, но не скрипт! Скрипт, который выполнялся, отдавая пользователю страницу, завершил работу. Все данные, которые были в нем - пропали. Именно поэтому, если какая-то переменная нужна при последующих вызовах скрипта, ее надо этому скрипту передать снова.<br>Способов, предоставляемых протоколом HTTP, немного. Это важная информация. Никаких других способов нет. На практике используются два:
GET - это когда данные передаются в адресной строке, например, когда пользователь жмет ссылку.
POST - когда он нажимает кнопку в форме.
Сформировали страницу со ссылкой или с формой методом GET - запрос придет GET-ом. Сформировали с формой, в которой указан метод POST - придет POST-ом.Определить, какой способ следует применять, очень просто. Если форма служит для запроса некой информации, например - при поиске, то ее следует отправлять методом GET. Чтобы можно было обновлять страницу, можно было поставить закладку и или послать ссылку другу.
Если же в результате отправки формы данные записываются или изменяются на сервере, то следует их отправлять методом POST, причем обязательно после обработки формы надо перенаправить браузер методом GET. Так же, POST может понадобиться, если на сервер надо передать большой объём данных (у GET он сильно ограничен), а так же, если не следует "светить" передаваемые данные в адресной строке (при вводе логина и пароля, например). Но в любом случае, после обработки POST надо всегда перенаправлять браузер на какую-нибудь страницу, пусть ту же самую, но уже без данных формы, чтобы при обновлении страницы они не записывались повторно.<br>Самое главное, что надо помнить: сервер по своей инициативе обратиться к клиенту не может. Мы можем только по факту запроса выдать что-то браузеру - либо страницу, либо команду запросить другой ресурс.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide31" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/6691/slide-30.jpg" target="_blank" rel="noopener">Слайд 31</a><h3 class="slides-content text-center font-bold"><div><p>Плюсы:<br><p>Языки WEB- программирования<br><p>Плюсы и минусы WEB-разработки<br><p>востребованность на рынке труда;<br><p>творческая работа, так как каждая</div></h3></h3><!----><!----><div class="slides-content">задача уникальна, и для ее решения существует несколько способов;<br><p>возможность совмещения с учебой;<br>возможность стать специалистом в молодом возрасте;<br><p>не всегда требуется диплом;<br>свобода в принятии решений (как решать ту или иную задачу решает сам web-программист);<br><p>возможность удаленной работы.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide32" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/6691/slide-31.jpg" target="_blank" rel="noopener">Слайд 32</a><h3 class="slides-content text-center font-bold"><div><p>Языки WEB- программирования<br><p>Плюсы и минусы WEB-разработки<br><p>в небольших проектах web-программист совмещает функции нескольких специалистов,</div></h3></h3><!----><!----><div class="slides-content">частые переключения с одной задачи на другую;<br><p>ненормированный рабочий день.<br><p>Минусы:<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><!----></div><!--]--></div><div class="section"><div></div></div><form id="download" action="/api/" method="post" class="download"><!----><div class="download-description"> Имя файла: Языки-веб-программирования.pptx <br> Количество просмотров: 119 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/istoriya/rozvitok-osvti--nauki-v-drugy" class="navigation-link">Розвиток освіти і науки в другій половині ХІХ століття</a></div><div class="navigation-item"><div>Следующая -</div><a href="/informatika/oblachnye-vychisleniya" class="navigation-link">Облачные вычисления</a></div></div></div></div><div class="item-layoutRelated"><div class="section"><div></div></div></div></div><div class="item-layout"><div class="related"><h2 class="related-header">Похожие презентации</h2><div class="related-wrapper"><!--[--><div class="related-item"><a href="/informatika/elektronne-listuvannya-z-vikoristannyam-veb-nterfeysu" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/18678/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/18678/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/18678/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/18678/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/18678/slide-0.jpg 1440w" class="slides-image related-itemImage"> Електронне листування з використанням веб-інтерфейсу. Вкладені файли</a></div><div class="related-item"><a href="/informatika/etapy-kompyuternogo-modelirovaniya-1" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/223629/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/223629/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/223629/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/223629/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/223629/slide-0.jpg 1440w" class="slides-image related-itemImage"> Этапы компьютерного моделирования</a></div><div class="related-item"><a href="/informatika/kompyuterlk-grafika-3" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/385632/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/385632/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/385632/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/385632/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/385632/slide-0.jpg 1440w" class="slides-image related-itemImage"> Компьютерлік графика</a></div><div class="related-item"><a href="/informatika/informatsionnaya-sistema-2" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/278838/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/278838/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/278838/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/278838/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/278838/slide-0.jpg 1440w" class="slides-image related-itemImage"> Информационная система</a></div><div class="related-item"><a href="/informatika/1s-predpriyatie" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/20118/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/20118/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/20118/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/20118/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/20118/slide-0.jpg 1440w" class="slides-image related-itemImage"> 1С: Предприятие</a></div><div class="related-item"><a href="/informatika/vvedenie-v-yazyk-programmirovaniya-basic" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/137279/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/137279/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/137279/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/137279/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/137279/slide-0.jpg 1440w" class="slides-image related-itemImage"> Введение в язык программирования Basic</a></div><div class="related-item"><a href="/informatika/sozdanie-uchebnyh-kursov-v-sisteme-moodle" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/453098/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/453098/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/453098/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/453098/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/453098/slide-0.jpg 1440w" class="slides-image related-itemImage"> Создание учебных курсов в системе Moodle</a></div><div class="related-item"><a href="/informatika/sto-k-odnomu-igra-2" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/230454/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/230454/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/230454/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/230454/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/230454/slide-0.jpg 1440w" class="slides-image related-itemImage"> Сто к одному. Игра</a></div><div class="related-item"><a href="/informatika/programne-zabezpechennya-operatsyn-sistemi" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/145640/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/145640/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/145640/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/145640/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/145640/slide-0.jpg 1440w" class="slides-image related-itemImage"> Програмне забезпечення. Операційні системи</a></div><div class="related-item"><a href="/informatika/rasprostranenie-informatsii-v-seti-internet" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/425149/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/425149/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/425149/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/425149/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/425149/slide-0.jpg 1440w" class="slides-image related-itemImage"> Распространение информации в сети интернет</a></div><div class="related-item"><a href="/informatika/ways-of-communicating" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/111313/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/111313/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/111313/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/111313/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/111313/slide-0.jpg 1440w" class="slides-image related-itemImage"> Ways of communicating</a></div><div class="related-item"><a href="/informatika/access-formi-lektsya-5-konstruktor-form" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/202715/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/202715/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/202715/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/202715/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/202715/slide-0.jpg 1440w" class="slides-image related-itemImage"> Access (Форми). Лекція 5. Конструктор форм</a></div><div class="related-item"><a href="/informatika/prakticheskaya-realizatsiya-tehnologii-erp" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/246992/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/246992/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/246992/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/246992/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/246992/slide-0.jpg 1440w" class="slides-image related-itemImage"> Практическая реализация технологии ERP</a></div><div class="related-item"><a href="/informatika/signal-kodirovanie-dekodirovanie-iskazhenie-informatsii-arifmeticheskie" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/554532/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/554532/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/554532/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/554532/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/554532/slide-0.jpg 1440w" class="slides-image related-itemImage"> Сигнал, кодирование, декодирование, искажение информации. Арифметические основы работы компьютера.</a></div><div class="related-item"><a href="/informatika/tipy-tablits" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/242183/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/242183/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/242183/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/242183/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/242183/slide-0.jpg 1440w" class="slides-image related-itemImage"> Типы таблиц</a></div><div class="related-item"><a href="/informatika/tsifrovaya-platforma-rossiyskiy-fermer" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/326499/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/326499/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/326499/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/326499/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/326499/slide-0.jpg 1440w" class="slides-image related-itemImage"> Цифровая платформа Российский Фермер</a></div><div class="related-item"><a href="/informatika/tsikly-na-yazyke-pascal-1" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/595883/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/595883/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/595883/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/595883/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/595883/slide-0.jpg 1440w" class="slides-image related-itemImage"> Циклы на языке Pascal</a></div><div class="related-item"><a href="/informatika/spring-teplates-thymeleaf-amp-spring-framework" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/89206/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/89206/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/89206/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/89206/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/89206/slide-0.jpg 1440w" class="slides-image related-itemImage"> Spring teplates. Thymeleaf &amp;amp; spring framework</a></div><div class="related-item"><a href="/informatika/lineynye-vychislitelnye-algoritmy-znakomstvo-s-yazykom" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/589564/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/589564/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/589564/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/589564/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/589564/slide-0.jpg 1440w" class="slides-image related-itemImage"> Линейные вычислительные алгоритмы. Знакомство с языком Паскаль</a></div><div class="related-item"><a href="/informatika/internet-banking-2" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/432115/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/432115/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/432115/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/432115/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/432115/slide-0.jpg 1440w" class="slides-image related-itemImage"> Интернет - банкинг</a></div><div class="related-item"><a href="/informatika/informatsionnaya-bezopasnost-i-ee-zadachi" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/296160/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/296160/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/296160/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/296160/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/296160/slide-0.jpg 1440w" class="slides-image related-itemImage"> Информационная безопасность и ее задачи</a></div><div class="related-item"><a href="/informatika/ponyattya-pro-paraleln-ta-rozpodlen-obchislennya" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/597674/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/597674/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/597674/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/597674/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/597674/slide-0.jpg 1440w" class="slides-image related-itemImage"> Поняття про паралельні та розподілені обчислення. Лекція №1</a></div><div class="related-item"><a href="/informatika/parametry-stranitsy-formatirovanie-teksta" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/406591/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/406591/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/406591/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/406591/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/406591/slide-0.jpg 1440w" class="slides-image related-itemImage"> Параметры страницы. Форматирование текста</a></div><div class="related-item"><a href="/informatika/rabota-s-faylami-v-si-sharp" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/95353/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/95353/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/95353/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/95353/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/95353/slide-0.jpg 1440w" class="slides-image related-itemImage"> Работа с файлами в Си-шарп</a></div><div class="related-item"><a href="/informatika/prioritetnye-napravleniya-deyatelnosti-bibliotek-formy-i" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/216511/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/216511/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/216511/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/216511/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/216511/slide-0.jpg 1440w" class="slides-image related-itemImage"> Приоритетные направления деятельности библиотек. Формы и методы работы с пользователями</a></div><div class="related-item"><a href="/informatika/ontologii-i-tezaurusy" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/163971/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/163971/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/163971/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/163971/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/163971/slide-0.jpg 1440w" class="slides-image related-itemImage"> Онтологии и тезаурусы</a></div><div class="related-item"><a href="/informatika/human-computer-interaction-5" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/365690/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/365690/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/365690/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/365690/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/365690/slide-0.jpg 1440w" class="slides-image related-itemImage"> Human-computer interaction</a></div><div class="related-item"><a href="/informatika/derevya-idealno-sbalansirovannye-binarnye-derevya" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/227557/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/227557/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/227557/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/227557/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/227557/slide-0.jpg 1440w" class="slides-image related-itemImage"> Деревья. Идеально сбалансированные бинарные деревья</a></div><!--]--></div></div></div></div><!--]--><!--]--><!--]--></div></div></main><footer class="footer"><div class="layout"><!----><div class="footer-contacts"><svg class="footer-contactsIcon" viewBox="0 0 27 26" xmlns="http://www.w3.org/2000/svg"><use xlink:href="/images/icons.svg#contacts"></use></svg> Обратная связь</div><!----><div class="footer-contactsEmail"> Email: <span class="footer-contactsShow">Нажмите что бы посмотреть</span></div></div></footer></div><!--]--></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R){return {data:{meta:{result:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F}},item:{result:{id:6691,name:k,category:G,count:33,jpg:"jpg\u002F6691",hits:H,download:b,h1:"Языки веб-программирования презентация",meta:{h1:k,title:k,description:"Языки веб-программирования презентация на тему, доклад, Информатика",keywords:"Языки веб-программирования, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Языки веб-программирования из раздела Информатика. Презентация на заданную тему содержит 33 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EИстория развития WEB\u003Cbr\u003E \u003Cp\u003EИстория развития WEB\u003Cbr\u003E\u003Cp\u003EВEБ (англ. web — паутина — паутина) — интернет-пространство.\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003EWorld Wide Web (www, web, рус.: веб, Всемирная Паутина) — распределенная информационная система,\u003Cbr\u003E предоставляющая досту",file:"Языки-веб-программирования.pptx",texts:["\u003Cp\u003EВыполнил: студент группы 12ПКС 9-4 Осипов Виктор\u003Cbr\u003E\u003Cp\u003EЯЗЫКИ ВЕБ-ПРОГРАММИРОВАНИЯ\u003Cbr\u003E","\u003Cp\u003EИстория развития WEB\u003Cbr\u003E","\u003Cp\u003EИстория развития WEB\u003Cbr\u003E\u003Cp\u003EВEБ (англ. web — паутина — паутина) — интернет-пространство.\u003Cbr\u003E\u003Cp\u003EWorld Wide Web (www, web, рус.: веб, Всемирная Паутина) — распределенная информационная система,\u003Cbr\u003E предоставляющая доступ к гипертекстовым документам по протоколу HTTP.\u003Cbr\u003EWWW — сетевая технология прикладного уровня стека TCP\u002FIP, построенная на клиент-серверной архитектуре и использующая инфраструктуру Интернет для взаимодействия между сервером и клиентом (www).\u003Cbr\u003EСерверы www (веб-серверы) — это хранилища гипертекстовой (в общем случае) информации, управляемые специальным программным обеспечением.\u003Cbr\u003EДокументы, представленные в виде гипертекста называются веб-страницами. Несколько веб-страниц, \u003Cbr\u003Eобъединенных общей тематикой, оформлением, связанных гипертекстовыми ссылками и обычно находящихся на одном и том же веб-сервере, называются веб-сайтом.\u003Cbr\u003EДля загрузки и просмотра информации с веб-сайтов используются специальные программы — браузеры, \u003Cbr\u003Eспособные обрабатывать гипертекстовую разметку и отображать содержимое веб-страниц.\u003Cbr\u003EБраузер может обратиться к веб-серверу по доменному имени или по ip-адресу, передавая в запросе идентификатор требуемого ресурса. Получив запрос от клиента, сервер находит соответствующий ресурс на локальном устройстве хранения и отправляет его как ответ. Браузер принимает ответ и обрабатывает его соответствующим образом, в зависимости от типа ресурса (отображает гипертекст, показывает изображения, сохраняет полученные файлы и т.п.).\u003Cbr\u003E","\u003Cp\u003EСеть ARPANET\u003Cbr\u003E","\u003Cp\u003EИстория развития WEB\u003Cbr\u003E\u003Cp\u003EСеть ARPANET.\u003Cbr\u003E\u003Cp\u003EПредпосылкой создания сети Интернет послужила потребность Министерства обороны США в надежной системе передачи информации во время холодной войны.\u003Cbr\u003EПлан создания компьютерной сети (названной «ARPANET») был представлен в октябре 1967 года, а в декабре 1969 была запущена в работу первая сеть из четырех компьютеров. Основная проблема при создании сети состояла в том, как соединить отдельные физические сети, не связывая сетевые ресурсы постоянными каналами. \u003Cbr\u003EРешение - разбиение запросов данных на небольшие фрагменты, «пакеты», которые могут быстро обрабатываться, не блокируя коммуникацию других частей — этот принцип все еще используется сегодня для работы Интернет.\u003Cbr\u003EКонцепция получила широкое признание с появлением нескольких других сетей, использующих тот же самый метод коммутации пакетов ,сформировавшая основу первой университетской сети Великобритании . Эти сети, несмотря на наличие множества соединений, были в большей степени частными сетями, чем сегодняшней сетью Интернет.\u003Cbr\u003E\r\n\u003Cbr\u003E","\u003Cp\u003EПротокол TCP\u002FIP\u003Cbr\u003E","\u003Cp\u003EИстория развития WEB\u003Cbr\u003E\u003Cp\u003EПротокол TCP\u002FIP.\u003Cbr\u003E\u003Cp\u003EРаспространение различных сетевых протоколов стало вскоре проблемой при попытке заставить общаться все эти отдельные сети. Однако в поле зрения имелось решение — Роберт Кан, во время работы над проектом спутниковой пакетной сети ARPA, начал определять некоторые правила для более открытой сетевой архитектуры для замены используемого в ARPANET протокола. Позже, вместе с Винтоном Серфом из Станфордского университета, они создали систему, которая маскировала различия между сетевыми протоколами с помощью нового стандарта. В публикации, посвященной проекту спецификации в декабре 1974 года, он был назван «Internet Transmission Control Program».\u003Cbr\u003EЭта спецификация уменьшила роль сети и перенесла ответственность за поддержание целостности передачи на хост-компьютер. Конечным результатом этого было то, что стало возможно легко соединять почти любые сети. ARPA профинансировала разработку программного обеспечения и в 1977 году была проведена успешная демонстрация коммуникации трех различных сетей. К 1981 спецификация была завершена, опубликована и принята, и в 1982 году соединения ARPANET за пределами США были переведены на использование нового протокола «TCP\u002FIP».\u003Cbr\u003EПоявилась сеть Интернет. Встал вопрос о создании системы распределенного доступа к сетевым файлам.\u003Cbr\u003EВ начале 1990 годов в качестве системы извлечения информации в глобальной сети использовалась система Gopher, которая предоставляла меню ссылок на файлы, компьютерные ресурсы и другие меню. Gopher была создана в Университете Миннесоты. В феврале 1993 университет объявил, что собирается требовать лицензионные отчисления за использование своей эталонной реализации сервера Gopher. Вследствие этого многие организации начали искать альтернативные решения.\u003Cbr\u003E","\u003Cp\u003EСоздание всемирной паутины\u003Cbr\u003E","\u003Cp\u003EИстория развития WEB\u003Cbr\u003E\u003Cp\u003EСоздание Всемирной паутины.\u003Cbr\u003E\u003Cp\u003EЕвропейский совет по ядерным исследованиям в Швейцарии имел такое альтернативное решение. Тим Бернерс-Ли работал над системой управления информацией, в которой текст мог содержать связи и ссылки на другие работы, позволяя читателю быстро перемещаться от документа к документу. Он создал сервер CERN httpd для публикации документов такого вида, а также программу для их чтения, которую назвал «World Wide Web». Это программное обеспечение было выпущено впервые в 1991 году. 30 апреля 1993 года CERN выпустил исходный код World Wide Web во всеобщее достояние, поэтому кто угодно мог использовать или применять это программное обеспечение без всякой платы.\u003Cbr\u003EВ 1994 году Тим Бернерс-Ли основал World Wide Web Consortium (W3C) в Массачусетском технологическом институте (Massachusetts Institute of Technology) при поддержке CERN, DARPA (в которую была переименована ARPA) и Европейской Комиссии. Консорциум W3C видел свою задачу в стандартизации протоколов и технологий, которые используются для создания Web, чтобы информационное содержание было доступно как можно большему числу жителей всего мира.\u003Cbr\u003EВ течение нескольких следующих лет W3C опубликовал несколько спецификаций (называемых «рекомендациями»), включая HTML, формат изображений PNG (Portable Network Graphics), и каскадные таблицы стилей (CSS).\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB-программирования\u003Cbr\u003E","\u003Cp\u003EКоротко о главном\u003Cbr\u003E\u003Cp\u003EЯзыки веб-программирования\u003Cbr\u003E\u003Cp\u003EЯзыки веб-программирования — это языкиЯзыки веб-программирования — это языки, которые в основном предназначены для работы с веб-технологиями. Языки веб-программирования можно условно разделить на две пересекающиеся группы: клиентскиеЯзыки веб-программирования — это языки, которые в основном предназначены для работы с веб-технологиями. Языки веб-программирования можно условно разделить на две пересекающиеся группы: клиентские и серверные.\u003Cbr\u003E\u003Cp\u003EВеб-программирование — раздел программирования — раздел программирования, ориентированный на разработку веб-приложений — раздел программирования, ориентированный на разработку веб-приложений (программ, обеспечивающих функционирование динамических сайтов — раздел программирования, ориентированный на разработку веб-приложений (программ, обеспечивающих функционирование динамических сайтов Всемирной паутины).\u003Cbr\u003E\u003Cp\u003EWEB-программирование\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003EКлиентские языки программирования\u003Cbr\u003E\u003Cp\u003EКлиент - это сам пользователь, а точнее браузер установленный на вашем компьютере. Когда пользователь Интернета обращается с запросом к серверу, то он является клиентом.\u003Cbr\u003EКлиентские языки выполняются на компьютере пользователя (клиента). Если говорить более точно, то их выполняет сам браузер. Обычно клиентские языки встраиваются в html-код web-страницы. Таким образом, чтобы увидеть код, достаточно открыть веб-страницу с помощью любого текстового редактора или браузера.\u003Cbr\u003E\t\t\t\tМинусы:\u003Cbr\u003EОдин из основных недостатков клиентских языков заключается в том, что они не могут взаимодействовать с сервером, на котором расположен сайт. Нет возможности сохранять и загружать информацию с него. Это значительно ограничивает применение клиентских языков. Например, о таких программах, которые должны сохранять и загружать определенную информацию с \u002Fна сервер: гостевых книгах, блоках комментариев, рейтингах, голосованиях и.т.д. можно вообще забыть. Кроме того, раз любой пользователь может очень легко просмотреть код программы, то о безопасности можно тоже забыть. Если Вы захотите закрыть доступ к некоторым файлам, с помощью таких языков, это вряд ли удастся. Очень просто просмотреть HTML – код web-страницы, чтобы узнать всю защищенную информацию и пароли.\u003Cbr\u003E\t\t\t\tПлюсы:\u003Cbr\u003EОни не отправляют данные на сервер, что делает их работу значительно быстрей.Не требуется никакого дополнительного программного обеспечения, все необходимое есть в браузере клиента. За пользование серверными языками компания, предоставляющая хостинг, требует денег (платный хостинг), а за клиентскими нет.\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003EКлиентские языки программирования\u003Cbr\u003E\u003Cp\u003EСамыми распространенными клиентскими языками являются: JavaScript и VisualBasicScript (VBS). Для того, чтобы браузер мог их понимать и выполнять в него встроен специальный инструмент – интерпретатор.\u003Cbr\u003EИнтерпретатор — программа — программа (разновидность транслятора), выполняющая интерпретацию.\u003Cbr\u003EИнтерпретация — построчный анализ, обработка и выполнение исходного кода программы или запроса \u003Cbr\u003E(в отличие от компиляции, где весь текст программы, перед запуском, анализируется и транслируется в \u003Cbr\u003Eбайт-код, без её выполнения).\u003Cbr\u003EJavaScript, разработан компанией Netscape и первоначально использовался только для браузера Netscape Navigator. В настоящее время этот язык получил очень большую популярность. VisualBasicScript (VBS) это аналог клиентского языка от компании Microsoft.\u003Cbr\u003EКак уже говорилось ранее, все эти языки работают в обычных браузерах без всяких дополнительных модулей и плагинов. Самые распространенные браузеры это: Internet Explorer, Opera, Mozilla, Google Chrome.\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003EСерверные языки программирования\u003Cbr\u003E\u003Cp\u003EСерверные языки выполняются непосредственно на самом сервере, специальной программой. Это значит, что для того, чтобы они работали не важно, каким браузером пользуется пользователь, все равно все вычисления будут проходить на удаленном компьютере (сервере).\u003Cbr\u003EУвидеть код программы на серверном языке для посетителя сайта вообще невозможно, он видит только результаты работы, которые будут уже представлены в качестве HTML-страницы.\u003Cbr\u003EСерверные языки предоставляют веб-программисту гораздо больше возможностей, чем клиентские. Используя их можно обмениваться данными с сервером, чего мы были лишены при использовании клиентских языков.\u003Cbr\u003EНаибольшую популярность, среди серверных языков получили: PHP и Perl.\u003Cbr\u003EТ.к. серверные языки взаимодействуют с удаленным компьютером (сервером), возникает необходимость где-то хранить результаты этого взаимодействия. Возникает вопрос: как и где хранить эти данные?\u003Cbr\u003EПо мере роста любого сайта, приходиться хранить огромное количество информации. Именно для этой цели существует База Данных (БД). Это своего рода библиотека, где вся информация аккуратно разложена по полочкам. Но просто одной БД еще не достаточно. Когда информации становиться много, найти то, что нам необходимо становиться очень трудно, не говоря уже, уже о том, чтобы всю информацию обработать или извлечь только нужные данные. Так почему бы не поручить это компьютеру? Так и поступили. В настоящее время БД успешно обрабатываются компьютерами. Системы, которые за все это отвечают, называются Системами Управления Базами Данных (СУБД).\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003EСерверные языки программирования\u003Cbr\u003E\u003Cp\u003EВ них можно хранить всю необходимую Вам информацию, даже пароли (причем в зашифрованном виде). Взаимодействие пользователя с БД обеспечивает специальный язык запросов - Structured Query Language (SQL) (Язык структурированных запросов).\r\nСамым известным СУБД является MySQL. \u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EHTML\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003EHTML\u003Cbr\u003E\u003Cp\u003EHTML - это сокращение от \"HyperText Mark-up Language\u002Fязык гипертекстовой разметки\"\u003Cbr\u003EГоворя кратко, HTML был изобретён в 1990 году учёным, Тимом Бёрнсом-Ли (Tim Berners-Lee), и предназначался для облегчения обмена документами между учёными различных университетов. Проект имел больший успех, чем Tim Berners-Lee мог ожидать. Этим изобретением HTML он заложил основы современной сети Internet.\u003Cbr\u003EHTML это язык, который позволяет представлять информацию (например, научные исследования) в Internet. То, что вы видите при просмотре страницы в Internet, это интерпретация вашим браузером HTML-текста.\u003Cbr\u003EHTML — теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами.\u003Cbr\u003EВ настоящее время Консорциум Всемирной паутины разработал HTML версии 5 , который расширяет HTML для лучшего представления семантики различных типичных страниц , например форумов, сайтов аукционов и т.д.\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003EHTML5\u003Cbr\u003E\u003Cp\u003EСемантические замены для использования универсальных блочных (\u003Cdiv\u003E) и строчных (\u003Cspan\u003E) элементов, например, \u003Cnav\u003E (блок навигации по сайту), \u003Cfooter\u003E (обычно относится к нижней части страницы или последней строке HTML кода) или \u003Caudio\u003E и \u003Cvideo\u003E вместо \u003Cobject\u003E\u003Cbr\u003E\u003Cp\u003EСемантика\u003Cbr\u003E\u003Cp\u003ESVG — язык разметки масштабируемой векторной графики, созданный Консорциумом Всемирной паутины (W3C) и входящий в подмножество расширяемого языка разметки XML, предназначен для описания двумерной векторной и смешанной векторно\u002Fрастровой графики в формате XML. \u003Cbr\u003E\u003Cp\u003ESVG \u003Cbr\u003E\u003Cp\u003EВозможности DOM расширены и фактически используемые свойства задокументированы.\u003Cbr\u003EЭлемент холст для непосредственного метода рисования в 2D,\u003Cbr\u003Eконтроль над проигрыванием медиафайлов;\u003Cbr\u003EFile API: возможность загрузки документа через выбор (тег \u003Cinput type=\"file\"\u003E) или перетаскиванием (Drag-and-drop);\u003Cbr\u003Eтип MIME и регистрация обработчика протокола;\u003Cbr\u003EМикроданные.\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003EAPI\u003Cbr\u003E\u003Cp\u003EHTML5 — это не продолжатель языка разметки гипертекста, а новая открытая платформа, предназначенная для создания \u003Cbr\u003Eвеб-приложений использующих аудио, видео, графику, анимацию и многое другое. Он расширяет, улучшает и рационализирует\u003Cbr\u003Eразметку документов, а также добавляет единый APIразметку документов, а также добавляет единый API для сложных веб-приложений\u003Cbr\u003E","\u003Cp\u003ECSS\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003ECSS\u003Cbr\u003E\u003Cp\u003ECSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.\u003Cbr\u003EПравила CSS пишутся на формальном языке CSS и располагаются в таблицах стилей, то есть таблицы стилей содержат в себе правила CSS. Эти таблицы стилей могут располагаться как в самом веб-документе, внешний вид которого они описывают, так и в отдельных файлах, имеющих формат CSS. (По сути, формат CSS — это обычный текстовый файл. В файле .css не содержится ничего, кроме перечня правил CSS и комментариев к ним.) То есть, эти таблицы стилей могут быть подключены, внедрены в описываемый ими веб-документ четырьмя различными способами:\u003Cbr\u003Eкогда таблица стилей находится в отдельном файле, она может быть подключена к веб-документу посредством тега , располагающегося в этом документе между тегами и . (Тег будет иметь атрибут href, имеющий значением адрес этой таблицы стилей). Все правила этой таблицы действуют на протяжении всего документа; \r\n\u003Clink rel=\"stylesheet\" href=\"\u002Fpublic\u002Ffonts\u002Ffont-awesome\u002Fcss\u002Ffont-awesome.min.css\"\u003E\u003Cbr\u003Eкогда таблица стилей описана в самом документе, она может располагаться в нём между тегами (которые, в свою очередь, располагаются в этом документе между тегами и ). Все правила этой таблицы действуют на протяжении всего документа;\r\n\u003Cstyle\u003Ebody{color: red;}\u003C\u002Fstyle\u003E\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003ECSS\u003Cbr\u003E\u003Cp\u003E3) когда таблица стилей описана в самом документе, она может располагаться в нём в теле какого-то отдельного тега (посредством его атрибута style) этого документа. Все правила этой таблицы действуют только на содержимое этого тега.\u003Cbr\u003E\u003Cp style=\"color:red;\"\u003E\u003C\u002Fp\u003E \u003Cbr\u003EСтили CSS по сравнению c HTML имеют гораздо больший спектр возможностей по дизайну элементов страниц сайта. Простыми методами изменяется цвет фона элемента, добавляется рамка, устанавливается шрифт текста, определяются размеры и относительное расположение элемента страницы, и другие элементы дизайна сайта.\u003Cbr\u003EДля создания структуры страниц сайта используется метод блочной верстки. При помощи тэга DIV с присвоенным ему стилем создается структура страницы сайта. В данное время это наиболее распространенный метод создания страниц сайта.\r\n\u003Cbr\u003E","\u003Cp\u003ECSS3\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003ECSS3\u003Cbr\u003E\u003Cp\u003ECSS3-анимация придаёт сайтам динамичность. Она оживляет веб-страницы, улучшая взаимодействие с пользователем.\u003Cbr\u003EСоздание анимации начинается с установки ключевых кадров правила @keyframes. Кадры определяют, какие свойства на каком шаге будут анимированы. Каждый кадр может включать один или более блоков объявления из одного или более пар свойств и значений.\u003Cbr\u003E\u003Cp\u003EАнимация\u003Cbr\u003E\u003Cp\u003ESVG — язык разметки масштабируемой векторной графики, созданный Консорциумом Всемирной паутины (W3C) и входящий в подмножество расширяемого языка разметки XML, предназначен для описания двумерной векторной и смешанной векторно\u002Fрастровой графики в формате XML. \u003Cbr\u003E\u003Cp\u003E Скругленные рамки\u003Cbr\u003E\u003Cp\u003ECSS3-градиент представляет собой переходы от одного цвета к другому.\u003Cbr\u003EГрадиенты создаются с помощью функций linear-gradient() и radial-gradient().\u003Cbr\u003EЛинейный градиент создается с помощью двух и более цветов, для которых задано направление, или линия градиента.\u003Cbr\u003EЕсли направление не указано, используется значение по умолчанию — сверху-вниз.\u003Cbr\u003EЦвета градиента по умолчанию распределяются равномерно в направлении, перпендикулярном линии градиента.\u003Cbr\u003E\u003Cp\u003EГрадиенты\u003Cbr\u003E\u003Cp\u003EПо сути это все тот же CSS, с набором новых аргументов, которые дают дополнительные возможности в плане различных\u003Cbr\u003E эффектов. Например, свечение текста. Многие браузеры не поддерживают такие свойства, поэтому рекомендуется использовать\u003Cbr\u003E такие эффекты в минимальных количествах.\u003Cbr\u003E","\u003Cp\u003EWRITE A TITLE IN THIS SECTION\u003Cbr\u003E\u003Cp\u003EFull Width Text Sample\u003Cbr\u003E\u003Cp\u003EFirst: What is a Fast-Fish? Alive or dead a fish is technically fast, when it is connected with an occupied ship or boat, by any medium at all controllable by the occupant or occupants,—a mast, an oar, a nine-inch cable, a telegraph wire, or a strand of cobweb, it is all the same. Likewise a fish is technically fast when it bears a waif, or any other recognized symbol of possession; so long as the party waiting it plainly evince their ability at any time to take it alongside, as well as their intention so to do. First: What is a Fast-Fish? Alive or dead a fish is technically fast, when it is connected with an occupied ship or boat, by any medium at all controllable by the occupant or occupants,—a mast, an oar, a nine-inch cable, a telegraph wire, or a strand of cobweb, it is all the same. Likewise a fish is technically fast when it bears a waif, or any other recognized symbol of possession; so long as the party waiting it plainly evince their ability at any time to take it alongside, as well as their intention so to do.\u003Cbr\u003EFirst: What is a Fast-Fish? Alive or dead a fish is technically fast, when it is connected with an occupied ship or boat, by any medium at all controllable by the occupant or occupants,—a mast, an oar, a nine-inch cable, a telegraph wire, or a strand of cobweb, it is all the same. Likewise a fish is technically fast when it bears a waif, or any other recognized symbol of possession; so long as the party waiting it plainly evince their ability at any time to take it alongside, as well as their intention so to do. First: What is a Fast-Fish? Alive or dead a fish is technically fast, when it is connected with an occupied ship or boat, by any medium at all controllable by the occupant or occupants,—a mast.\u003Cbr\u003E","\u003Cp\u003EJavaScript\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003EJavaScript\u003Cbr\u003E\u003Cp\u003EJavascript – это язык программирования, с помощью которого веб-страницам придается интерактивность. С его помощью создаются приложения, которые включаются в HTML-код (например, анкеты или формы регистрации, которые заполняются пользователем).\u003Cbr\u003EС помощью Javascript можно изменять страницу, изменять стили элементов, удалять или добавлять теги. С его помощью можно узнать о любых манипуляциях пользователя на странице (прокрутка страницы, нажатие любой клавиши, клики мышкой, увеличение или уменьшение рабочей области экрана…) Через него можно к любому элементу HTML-кода получить доступ и делать с этим элементом множество манипуляций. Можно загружать данные не перезагружая страницу, выводить сообщения, считывать или устанавливать cookie и выполнять множество других действий.\u003Cbr\u003EВся уникальность данного языка программирования заключается в том, что он поддерживается практически всеми браузерами и полностью интегрируется с ними, а все что можно сделать с его помощью – делается очень просто. Ни одна другая технология не вмещает в себе все эти преимущества вместе.\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003EJavaScript\u003Cbr\u003E\u003Cp\u003EДля добавления JavaScript-кода на страницу, можно использовать теги , которые рекомендуется, но не обязательно, помещать внутри контейнера . Контейнеров \u003Cscript\u003E может быть сколько угодно.\u003Cbr\u003EТак же можно подключить и внешние файлы с JS кодом,желательно перед закрывающимся тегом \u003Cbody\u003E \u003C\u002Fbody\u003E.\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EPHP\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003EPHP\u003Cbr\u003E\u003Cp\u003EPHP – это широко используемый язык сценариев общего назначения с открытым исходным кодом. Говоря проще, PHP это язык программирования, специально разработанный для написания web-приложений (сценариев), исполняющихся на Web-сервере. Аббревиатура PHP означает “Hypertext Preprocessor (Препроцессор Гипертекста)\".\u003Cbr\u003EПопулярность в области построения веб-сайтов определяется наличием большого набора встроенных средств для разработки веб-приложений. Основные из них:\u003Cbr\u003E1) автоматическое извлечение POST и GET-параметров, а также переменных окружения веб-сервера в предопределённые массивы;\u003Cbr\u003E2) взаимодействие с большим количеством различных систем управления базами данных (MySQL, MySQLi, SQLite, PostgreSQL, Oracle (OCI8), Oracle, Microsoft SQL Server, Sybase, ODBC, mSQL, IBM DB2, Cloudscape и Apache Derby, Informix, Ovrimos SQL, Lotus Notes, DB++, DBM, dBase, DBX, FrontBase, FilePro, Ingres II, SESAM, Firebird \u002F InterBase, Paradox File Access, MaxDB, Интерфейс PDO);\u003Cbr\u003E3) автоматизированная отправка HTTP-заголовков;\u003Cbr\u003E4) работа с HTTP-авторизацией;\u003Cbr\u003E5) работа с cookies и сессиями;\u003Cbr\u003E6) работа с локальными и удалёнными файлами, сокетами;\u003Cbr\u003E7) обработка файлов, загружаемых на сервер;\u003Cbr\u003E8) работа с Xforms.\u003Cbr\u003E В настоящее время PHP используется сотнями тысяч разработчиков. Согласно рейтингу корпорации TIOBE, базирующемся на данных поисковых систем, в мае 2016 года PHP находился на 6 месте среди языков программирования.\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003EPHP\u003Cbr\u003E\u003Cp\u003EСервер и браузер общаются, посылая друг другу запросы по особому протоколу - HTTP. Соединение может инициировать только браузер. Он посылает серверу запрос - показать такой-то файл. Сервер клиенту файл посылает.\r\nТолько так и происходит. Клиент запросил - сервер отдал. И забыл сразу о клиенте. Отсюда становится понятным ответ на вопрос, можно ли точно узнать, сколько юзеров сечас на сайте. Нельзя. потому, что \"на сайте\" нету ни одного. Они соединяются, запрашивают страницу, и отсоединяются. Не имеют постоянного cоединения с сервером. Узнать можно только примерно, записывая время каждого соединения и выбирая записи за определенный промежуток времени.\u003Cbr\u003EРНР выполняется на сервере. Браузер посылает серверу запрос на страницу с php кодом. Сервер отдает эту страницу на исполнение интерпретатору PHP, интерпретатор генерирует HTML код, отдает серверу, а сервер посылает клиенту. Никакого РНР кода в браузер не попадает (это важно! Это значит, что увидеть исходный код PHP скрипта невозможно!). Единственный способ отправить что-то скрипту - это кликнуть по ссылке или нажать на кнопку в форме. Так, чтобы РНР обрабатывал какие-то действия пользователя в браузере - невозможно. РНР остался на сервере, ждать новых запросов с данными для обработки. PHP, но не скрипт! Скрипт, который выполнялся, отдавая пользователю страницу, завершил работу. Все данные, которые были в нем - пропали. Именно поэтому, если какая-то переменная нужна при последующих вызовах скрипта, ее надо этому скрипту передать снова.\u003Cbr\u003EСпособов, предоставляемых протоколом HTTP, немного. Это важная информация. Никаких других способов нет. На практике используются два:\r\nGET - это когда данные передаются в адресной строке, например, когда пользователь жмет ссылку.\r\nPOST - когда он нажимает кнопку в форме.\r\nСформировали страницу со ссылкой или с формой методом GET - запрос придет GET-ом. Сформировали с формой, в которой указан метод POST - придет POST-ом.Определить, какой способ следует применять, очень просто. Если форма служит для запроса некой информации, например - при поиске, то ее следует отправлять методом GET. Чтобы можно было обновлять страницу, можно было поставить закладку и или послать ссылку другу.\r\nЕсли же в результате отправки формы данные записываются или изменяются на сервере, то следует их отправлять методом POST, причем обязательно после обработки формы надо перенаправить браузер методом GET. Так же, POST может понадобиться, если на сервер надо передать большой объём данных (у GET он сильно ограничен), а так же, если не следует \"светить\" передаваемые данные в адресной строке (при вводе логина и пароля, например). Но в любом случае, после обработки POST надо всегда перенаправлять браузер на какую-нибудь страницу, пусть ту же самую, но уже без данных формы, чтобы при обновлении страницы они не записывались повторно.\u003Cbr\u003EСамое главное, что надо помнить: сервер по своей инициативе обратиться к клиенту не может. Мы можем только по факту запроса выдать что-то браузеру - либо страницу, либо команду запросить другой ресурс.\u003Cbr\u003E","\u003Cp\u003EПлюсы:\u003Cbr\u003E\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003EПлюсы и минусы WEB-разработки\u003Cbr\u003E\u003Cp\u003Eвостребованность на рынке труда;\u003Cbr\u003E\u003Cp\u003Eтворческая работа, так как каждая задача уникальна, и для ее решения существует несколько способов;\u003Cbr\u003E\u003Cp\u003Eвозможность совмещения с учебой;\u003Cbr\u003Eвозможность стать специалистом в молодом возрасте;\u003Cbr\u003E\u003Cp\u003Eне всегда требуется диплом;\u003Cbr\u003Eсвобода в принятии решений (как решать ту или иную задачу решает сам web-программист);\u003Cbr\u003E\u003Cp\u003Eвозможность удаленной работы.\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003EПлюсы и минусы WEB-разработки\u003Cbr\u003E\u003Cp\u003Eв небольших проектах web-программист совмещает функции нескольких специалистов, частые переключения с одной задачи на другую;\u003Cbr\u003E\u003Cp\u003Eненормированный рабочий день.\u003Cbr\u003E\u003Cp\u003EМинусы:\u003Cbr\u003E","\u003Cp\u003ECOMING!\u003Cbr\u003E\u003Cp\u003EBY FRONTEND DEVELOPER OSIPOV VICTOR\u003Cbr\u003E\u003Cp\u003ETHANKS FOR\u003Cbr\u003E"],href:"\u002Finformatika\u002Fyazyki-veb-programmirovaniya",href_category:"\u002Finformatika",date:1624062351,related:[{id:18678,name:"Електронне листування з використанням веб-інтерфейсу. Вкладені файли",href:"\u002Finformatika\u002Felektronne-listuvannya-z-vikoristannyam-veb-nterfeysu",jpg:"jpg\u002F18678"},{id:223629,name:"Этапы компьютерного моделирования",href:"\u002Finformatika\u002Fetapy-kompyuternogo-modelirovaniya-1",jpg:"jpg\u002F223629"},{id:385632,name:"Компьютерлік графика",href:"\u002Finformatika\u002Fkompyuterlk-grafika-3",jpg:"jpg\u002F385632"},{id:278838,name:"Информационная система",href:"\u002Finformatika\u002Finformatsionnaya-sistema-2",jpg:"jpg\u002F278838"},{id:20118,name:"1С: Предприятие",href:"\u002Finformatika\u002F1s-predpriyatie",jpg:"jpg\u002F20118"},{id:137279,name:"Введение в язык программирования Basic",href:"\u002Finformatika\u002Fvvedenie-v-yazyk-programmirovaniya-basic",jpg:"jpg\u002F137279"},{id:453098,name:"Создание учебных курсов в системе Moodle",href:"\u002Finformatika\u002Fsozdanie-uchebnyh-kursov-v-sisteme-moodle",jpg:"jpg\u002F453098"},{id:230454,name:"Сто к одному. Игра",href:"\u002Finformatika\u002Fsto-k-odnomu-igra-2",jpg:"jpg\u002F230454"},{id:145640,name:"Програмне забезпечення. Операційні системи",href:"\u002Finformatika\u002Fprogramne-zabezpechennya-operatsyn-sistemi",jpg:"jpg\u002F145640"},{id:425149,name:"Распространение информации в сети интернет",href:"\u002Finformatika\u002Frasprostranenie-informatsii-v-seti-internet",jpg:"jpg\u002F425149"},{id:111313,name:"Ways of communicating",href:"\u002Finformatika\u002Fways-of-communicating",jpg:"jpg\u002F111313"},{id:202715,name:"Access (Форми). Лекція 5. Конструктор форм",href:"\u002Finformatika\u002Faccess-formi-lektsya-5-konstruktor-form",jpg:"jpg\u002F202715"},{id:246992,name:"Практическая реализация технологии ERP",href:"\u002Finformatika\u002Fprakticheskaya-realizatsiya-tehnologii-erp",jpg:"jpg\u002F246992"},{id:554532,name:"Сигнал, кодирование, декодирование, искажение информации. Арифметические основы работы компьютера.",href:"\u002Finformatika\u002Fsignal-kodirovanie-dekodirovanie-iskazhenie-informatsii-arifmeticheskie",jpg:"jpg\u002F554532"},{id:242183,name:"Типы таблиц",href:"\u002Finformatika\u002Ftipy-tablits",jpg:"jpg\u002F242183"},{id:326499,name:"Цифровая платформа Российский Фермер",href:"\u002Finformatika\u002Ftsifrovaya-platforma-rossiyskiy-fermer",jpg:"jpg\u002F326499"},{id:595883,name:"Циклы на языке Pascal",href:"\u002Finformatika\u002Ftsikly-na-yazyke-pascal-1",jpg:"jpg\u002F595883"},{id:89206,name:"Spring teplates. Thymeleaf &amp; spring framework",href:"\u002Finformatika\u002Fspring-teplates-thymeleaf-amp-spring-framework",jpg:"jpg\u002F89206"},{id:589564,name:"Линейные вычислительные алгоритмы. Знакомство с языком Паскаль",href:"\u002Finformatika\u002Flineynye-vychislitelnye-algoritmy-znakomstvo-s-yazykom",jpg:"jpg\u002F589564"},{id:432115,name:"Интернет - банкинг",href:"\u002Finformatika\u002Finternet-banking-2",jpg:"jpg\u002F432115"},{id:296160,name:"Информационная безопасность и ее задачи",href:"\u002Finformatika\u002Finformatsionnaya-bezopasnost-i-ee-zadachi",jpg:"jpg\u002F296160"},{id:597674,name:"Поняття про паралельні та розподілені обчислення. Лекція №1",href:"\u002Finformatika\u002Fponyattya-pro-paraleln-ta-rozpodlen-obchislennya",jpg:"jpg\u002F597674"},{id:406591,name:"Параметры страницы. Форматирование текста",href:"\u002Finformatika\u002Fparametry-stranitsy-formatirovanie-teksta",jpg:"jpg\u002F406591"},{id:95353,name:"Работа с файлами в Си-шарп",href:"\u002Finformatika\u002Frabota-s-faylami-v-si-sharp",jpg:"jpg\u002F95353"},{id:216511,name:"Приоритетные направления деятельности библиотек. Формы и методы работы с пользователями",href:"\u002Finformatika\u002Fprioritetnye-napravleniya-deyatelnosti-bibliotek-formy-i",jpg:"jpg\u002F216511"},{id:163971,name:"Онтологии и тезаурусы",href:"\u002Finformatika\u002Fontologii-i-tezaurusy",jpg:"jpg\u002F163971"},{id:365690,name:"Human-computer interaction",href:"\u002Finformatika\u002Fhuman-computer-interaction-5",jpg:"jpg\u002F365690"},{id:227557,name:"Деревья. Идеально сбалансированные бинарные деревья",href:"\u002Finformatika\u002Fderevya-idealno-sbalansirovannye-binarnye-derevya",jpg:"jpg\u002F227557"}],navigation:{next:"\u002Finformatika\u002Foblachnye-vychisleniya",next_name:"Облачные вычисления",prev:"\u002Fistoriya\u002Frozvitok-osvti--nauki-v-drugy",prev_name:"Розвиток освіти і науки в другій половині ХІХ століття"}}},categories:{result:[{id:I,ordering:b,name:"Без категории",pseudoname:"uncategorized"},{id:144,ordering:b,name:"Бизнес",pseudoname:"biznes"},{id:146,ordering:b,name:"Образование",pseudoname:"obrazovanie"},{id:149,ordering:b,name:"Финансы",pseudoname:"finansy"},{id:150,ordering:b,name:"Государство",pseudoname:"gosudarstvo"},{id:152,ordering:b,name:"Спорт",pseudoname:"sport"},{id:154,ordering:b,name:"Армия",pseudoname:"armiya"},{id:156,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:157,ordering:b,name:"Еда и кулинария",pseudoname:"eda-i-kulinariya"},{id:158,ordering:b,name:"Лингвистика",pseudoname:"lingvistika"},{id:163,ordering:b,name:"Черчение",pseudoname:"cherchenie"},{id:164,ordering:b,name:"Физкультура",pseudoname:"fizkultura"},{id:165,ordering:b,name:"ИЗО",pseudoname:"izo"},{id:166,ordering:b,name:"Психология",pseudoname:"psihologiya"},{id:116,ordering:I,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:104,ordering:3,name:"Алгебра",pseudoname:"algebra"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:141,ordering:6,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:G,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:10,name:"Литература",pseudoname:"literatura"},{id:H,ordering:11,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:h,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:J,SITE_HOST:"mypreza.com",SITE_LANG:K,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:J,short_name:a,description:a,lang:K,start_url:"\u002F?standalone=true",display:"standalone",background_color:j,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:d,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:d,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:d,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:d,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:d,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:d,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:d,sizes:R,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:b,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F,token:a}}}}("",0,false,"image\u002Fpng",true,"any","maskable",13,"#d53032","#ffffff","Языки веб-программирования","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","[e-mail]","h3a","text","none","h3","category","both",80,800,"\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E","Информатика",119,1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))

CSS

Языки WEB- программирования
CSS
CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.
Правила CSS пишутся на формальном языке CSS и располагаются в таблицах стилей, то есть таблицы стилей содержат в себе правила CSS. Эти таблицы стилей могут располагаться как в самом веб-документе, внешний вид которого они описывают, так и в отдельных файлах, имеющих формат CSS. (По сути, формат CSS — это обычный текстовый файл. В файле .css не содержится ничего, кроме перечня правил CSS и комментариев к ним.) То есть, эти таблицы стилей могут быть подключены, внедрены в описываемый ими веб-документ четырьмя различными способами:
когда таблица стилей находится в отдельном файле, она может быть подключена к веб-документу посредством тега , располагающегося в этом документе между тегами и . (Тег будет иметь атрибут href, имеющий значением адрес этой таблицы стилей). Все правила этой таблицы действуют на протяжении всего документа;
когда таблица стилей описана в самом документе, она может располагаться в нём между тегами (которые, в свою очередь, располагаются в этом документе между тегами и ). Все правила этой таблицы действуют на протяжении всего документа;
body{color: red;}

Языки WEB- программирования
CSS
3) когда таблица стилей описана в самом документе, она может располагаться в нём в теле какого-то отдельного тега (посредством его атрибута style) этого документа. Все правила этой таблицы действуют только на содержимое этого тега.
Стили CSS по сравнению c HTML имеют гораздо больший спектр возможностей по дизайну элементов страниц сайта. Простыми методами изменяется цвет фона элемента, добавляется рамка, устанавливается шрифт текста, определяются размеры и относительное расположение элемента страницы, и другие элементы дизайна сайта.
Для создания структуры страниц сайта используется метод блочной верстки. При помощи тэга DIV с присвоенным ему стилем создается структура страницы сайта. В данное время это наиболее распространенный метод создания страниц сайта.

CSS3

Языки WEB- программирования
CSS3
CSS3-анимация придаёт сайтам динамичность. Она оживляет веб-страницы, улучшая взаимодействие с пользователем.
Создание анимации начинается с установки ключевых кадров правила @keyframes. Кадры определяют, какие свойства на каком шаге будут анимированы. Каждый кадр может включать один или более блоков объявления из одного или более пар свойств и значений.
Анимация
SVG — язык разметки масштабируемой векторной графики, созданный Консорциумом Всемирной паутины (W3C) и входящий в подмножество расширяемого языка разметки XML, предназначен для описания двумерной векторной и смешанной векторно/растровой графики в формате XML.
Скругленные рамки
CSS3-градиент представляет собой переходы от одного цвета к другому.
Градиенты создаются с помощью функций linear-gradient() и radial-gradient().
Линейный градиент создается с помощью двух и более цветов, для которых задано направление, или линия градиента.
Если направление не указано, используется значение по умолчанию — сверху-вниз.
Цвета градиента по умолчанию распределяются равномерно в направлении, перпендикулярном линии градиента.
Градиенты
По сути это все тот же CSS, с набором новых аргументов, которые дают дополнительные возможности в плане различных
эффектов. Например, свечение текста. Многие браузеры не поддерживают такие свойства, поэтому рекомендуется использовать
такие эффекты в минимальных количествах.

WRITE A TITLE IN THIS SECTION
Full Width Text Sample
First: What is a Fast-Fish? Alive or dead a fish is technically fast, when it is connected with an occupied ship or boat, by any medium at all controllable by the occupant or occupants,—a mast, an oar, a nine-inch cable, a telegraph wire, or a strand of cobweb, it is all the same. Likewise a fish is technically fast when it bears a waif, or any other recognized symbol of possession; so long as the party waiting it plainly evince their ability at any time to take it alongside, as well as their intention so to do. First: What is a Fast-Fish? Alive or dead a fish is technically fast, when it is connected with an occupied ship or boat, by any medium at all controllable by the occupant or occupants,—a mast, an oar, a nine-inch cable, a telegraph wire, or a strand of cobweb, it is all the same. Likewise a fish is technically fast when it bears a waif, or any other recognized symbol of possession; so long as the party waiting it plainly evince their ability at any time to take it alongside, as well as their intention so to do.
First: What is a Fast-Fish? Alive or dead a fish is technically fast, when it is connected with an occupied ship or boat, by any medium at all controllable by the occupant or occupants,—a mast, an oar, a nine-inch cable, a telegraph wire, or a strand of cobweb, it is all the same. Likewise a fish is technically fast when it bears a waif, or any other recognized symbol of possession; so long as the party waiting it plainly evince their ability at any time to take it alongside, as well as their intention so to do. First: What is a Fast-Fish? Alive or dead a fish is technically fast, when it is connected with an occupied ship or boat, by any medium at all controllable by the occupant or occupants,—a mast.

JavaScript

Языки WEB- программирования
JavaScript
Javascript – это язык программирования, с помощью которого веб-страницам придается интерактивность. С его помощью создаются приложения, которые включаются в HTML-код (например, анкеты или формы регистрации, которые заполняются пользователем).
С помощью Javascript можно изменять страницу, изменять стили элементов, удалять или добавлять теги. С его помощью можно узнать о любых манипуляциях пользователя на странице (прокрутка страницы, нажатие любой клавиши, клики мышкой, увеличение или уменьшение рабочей области экрана…) Через него можно к любому элементу HTML-кода получить доступ и делать с этим элементом множество манипуляций. Можно загружать данные не перезагружая страницу, выводить сообщения, считывать или устанавливать cookie и выполнять множество других действий.
Вся уникальность данного языка программирования заключается в том, что он поддерживается практически всеми браузерами и полностью интегрируется с ними, а все что можно сделать с его помощью – делается очень просто. Ни одна другая технология не вмещает в себе все эти преимущества вместе.

Языки WEB- программирования
JavaScript
Для добавления JavaScript-кода на страницу, можно использовать теги , которые рекомендуется, но не обязательно, помещать внутри контейнера . Контейнеров
может быть сколько угодно.<br>Так же можно подключить и внешние файлы с JS кодом,желательно перед закрывающимся тегом <body> </body>.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide28" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/6691/slide-27.jpg" target="_blank" rel="noopener">Слайд 28</a><h3 class="slides-content text-center font-bold"><div><p>PHP<br></div></h3></h3><!----><!----><!----><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide29" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/6691/slide-28.jpg" target="_blank" rel="noopener">Слайд 29</a><h3 class="slides-content text-center font-bold"><div><p>Языки WEB- программирования<br><p>PHP<br><p>PHP – это широко используемый язык сценариев общего назначения с открытым исходным</div></h3></h3><!----><!----><div class="slides-content">кодом. Говоря проще, PHP это язык программирования, специально разработанный для написания web-приложений (сценариев), исполняющихся на Web-сервере. Аббревиатура PHP означает “Hypertext Preprocessor (Препроцессор Гипертекста)".<br>Популярность в области построения веб-сайтов определяется наличием большого набора встроенных средств для разработки веб-приложений. Основные из них:<br>1) автоматическое извлечение POST и GET-параметров, а также переменных окружения веб-сервера в предопределённые массивы;<br>2) взаимодействие с большим количеством различных систем управления базами данных (MySQL, MySQLi, SQLite, PostgreSQL, Oracle (OCI8), Oracle, Microsoft SQL Server, Sybase, ODBC, mSQL, IBM DB2, Cloudscape и Apache Derby, Informix, Ovrimos SQL, Lotus Notes, DB++, DBM, dBase, DBX, FrontBase, FilePro, Ingres II, SESAM, Firebird / InterBase, Paradox File Access, MaxDB, Интерфейс PDO);<br>3) автоматизированная отправка HTTP-заголовков;<br>4) работа с HTTP-авторизацией;<br>5) работа с cookies и сессиями;<br>6) работа с локальными и удалёнными файлами, сокетами;<br>7) обработка файлов, загружаемых на сервер;<br>8) работа с Xforms.<br> В настоящее время PHP используется сотнями тысяч разработчиков. Согласно рейтингу корпорации TIOBE, базирующемся на данных поисковых систем, в мае 2016 года PHP находился на 6 месте среди языков программирования.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide30" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/6691/slide-29.jpg" target="_blank" rel="noopener">Слайд 30</a><h3 class="slides-content text-center font-bold"><div><p>Языки WEB- программирования<br><p>PHP<br><p>Сервер и браузер общаются, посылая друг другу запросы по особому протоколу</div></h3></h3><!----><!----><div class="slides-content">- HTTP. Соединение может инициировать только браузер. Он посылает серверу запрос - показать такой-то файл. Сервер клиенту файл посылает.
Только так и происходит. Клиент запросил - сервер отдал. И забыл сразу о клиенте. Отсюда становится понятным ответ на вопрос, можно ли точно узнать, сколько юзеров сечас на сайте. Нельзя. потому, что "на сайте" нету ни одного. Они соединяются, запрашивают страницу, и отсоединяются. Не имеют постоянного cоединения с сервером. Узнать можно только примерно, записывая время каждого соединения и выбирая записи за определенный промежуток времени.<br>РНР выполняется на сервере. Браузер посылает серверу запрос на страницу с php кодом. Сервер отдает эту страницу на исполнение интерпретатору PHP, интерпретатор генерирует HTML код, отдает серверу, а сервер посылает клиенту. Никакого РНР кода в браузер не попадает (это важно! Это значит, что увидеть исходный код PHP скрипта невозможно!). Единственный способ отправить что-то скрипту - это кликнуть по ссылке или нажать на кнопку в форме. Так, чтобы РНР обрабатывал какие-то действия пользователя в браузере - невозможно. РНР остался на сервере, ждать новых запросов с данными для обработки. PHP, но не скрипт! Скрипт, который выполнялся, отдавая пользователю страницу, завершил работу. Все данные, которые были в нем - пропали. Именно поэтому, если какая-то переменная нужна при последующих вызовах скрипта, ее надо этому скрипту передать снова.<br>Способов, предоставляемых протоколом HTTP, немного. Это важная информация. Никаких других способов нет. На практике используются два:
GET - это когда данные передаются в адресной строке, например, когда пользователь жмет ссылку.
POST - когда он нажимает кнопку в форме.
Сформировали страницу со ссылкой или с формой методом GET - запрос придет GET-ом. Сформировали с формой, в которой указан метод POST - придет POST-ом.Определить, какой способ следует применять, очень просто. Если форма служит для запроса некой информации, например - при поиске, то ее следует отправлять методом GET. Чтобы можно было обновлять страницу, можно было поставить закладку и или послать ссылку другу.
Если же в результате отправки формы данные записываются или изменяются на сервере, то следует их отправлять методом POST, причем обязательно после обработки формы надо перенаправить браузер методом GET. Так же, POST может понадобиться, если на сервер надо передать большой объём данных (у GET он сильно ограничен), а так же, если не следует "светить" передаваемые данные в адресной строке (при вводе логина и пароля, например). Но в любом случае, после обработки POST надо всегда перенаправлять браузер на какую-нибудь страницу, пусть ту же самую, но уже без данных формы, чтобы при обновлении страницы они не записывались повторно.<br>Самое главное, что надо помнить: сервер по своей инициативе обратиться к клиенту не может. Мы можем только по факту запроса выдать что-то браузеру - либо страницу, либо команду запросить другой ресурс.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide31" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/6691/slide-30.jpg" target="_blank" rel="noopener">Слайд 31</a><h3 class="slides-content text-center font-bold"><div><p>Плюсы:<br><p>Языки WEB- программирования<br><p>Плюсы и минусы WEB-разработки<br><p>востребованность на рынке труда;<br><p>творческая работа, так как каждая</div></h3></h3><!----><!----><div class="slides-content">задача уникальна, и для ее решения существует несколько способов;<br><p>возможность совмещения с учебой;<br>возможность стать специалистом в молодом возрасте;<br><p>не всегда требуется диплом;<br>свобода в принятии решений (как решать ту или иную задачу решает сам web-программист);<br><p>возможность удаленной работы.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide32" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/6691/slide-31.jpg" target="_blank" rel="noopener">Слайд 32</a><h3 class="slides-content text-center font-bold"><div><p>Языки WEB- программирования<br><p>Плюсы и минусы WEB-разработки<br><p>в небольших проектах web-программист совмещает функции нескольких специалистов,</div></h3></h3><!----><!----><div class="slides-content">частые переключения с одной задачи на другую;<br><p>ненормированный рабочий день.<br><p>Минусы:<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><!----></div><!--]--></div><div class="section"><div></div></div><form id="download" action="/api/" method="post" class="download"><!----><div class="download-description"> Имя файла: Языки-веб-программирования.pptx <br> Количество просмотров: 119 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/istoriya/rozvitok-osvti--nauki-v-drugy" class="navigation-link">Розвиток освіти і науки в другій половині ХІХ століття</a></div><div class="navigation-item"><div>Следующая -</div><a href="/informatika/oblachnye-vychisleniya" class="navigation-link">Облачные вычисления</a></div></div></div></div><div class="item-layoutRelated"><div class="section"><div></div></div></div></div><div class="item-layout"><div class="related"><h2 class="related-header">Похожие презентации</h2><div class="related-wrapper"><!--[--><div class="related-item"><a href="/informatika/elektronne-listuvannya-z-vikoristannyam-veb-nterfeysu" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/18678/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/18678/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/18678/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/18678/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/18678/slide-0.jpg 1440w" class="slides-image related-itemImage"> Електронне листування з використанням веб-інтерфейсу. Вкладені файли</a></div><div class="related-item"><a href="/informatika/etapy-kompyuternogo-modelirovaniya-1" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/223629/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/223629/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/223629/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/223629/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/223629/slide-0.jpg 1440w" class="slides-image related-itemImage"> Этапы компьютерного моделирования</a></div><div class="related-item"><a href="/informatika/kompyuterlk-grafika-3" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/385632/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/385632/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/385632/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/385632/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/385632/slide-0.jpg 1440w" class="slides-image related-itemImage"> Компьютерлік графика</a></div><div class="related-item"><a href="/informatika/informatsionnaya-sistema-2" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/278838/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/278838/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/278838/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/278838/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/278838/slide-0.jpg 1440w" class="slides-image related-itemImage"> Информационная система</a></div><div class="related-item"><a href="/informatika/1s-predpriyatie" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/20118/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/20118/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/20118/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/20118/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/20118/slide-0.jpg 1440w" class="slides-image related-itemImage"> 1С: Предприятие</a></div><div class="related-item"><a href="/informatika/vvedenie-v-yazyk-programmirovaniya-basic" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/137279/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/137279/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/137279/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/137279/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/137279/slide-0.jpg 1440w" class="slides-image related-itemImage"> Введение в язык программирования Basic</a></div><div class="related-item"><a href="/informatika/sozdanie-uchebnyh-kursov-v-sisteme-moodle" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/453098/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/453098/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/453098/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/453098/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/453098/slide-0.jpg 1440w" class="slides-image related-itemImage"> Создание учебных курсов в системе Moodle</a></div><div class="related-item"><a href="/informatika/sto-k-odnomu-igra-2" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/230454/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/230454/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/230454/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/230454/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/230454/slide-0.jpg 1440w" class="slides-image related-itemImage"> Сто к одному. Игра</a></div><div class="related-item"><a href="/informatika/programne-zabezpechennya-operatsyn-sistemi" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/145640/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/145640/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/145640/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/145640/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/145640/slide-0.jpg 1440w" class="slides-image related-itemImage"> Програмне забезпечення. Операційні системи</a></div><div class="related-item"><a href="/informatika/rasprostranenie-informatsii-v-seti-internet" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/425149/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/425149/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/425149/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/425149/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/425149/slide-0.jpg 1440w" class="slides-image related-itemImage"> Распространение информации в сети интернет</a></div><div class="related-item"><a href="/informatika/ways-of-communicating" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/111313/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/111313/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/111313/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/111313/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/111313/slide-0.jpg 1440w" class="slides-image related-itemImage"> Ways of communicating</a></div><div class="related-item"><a href="/informatika/access-formi-lektsya-5-konstruktor-form" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/202715/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/202715/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/202715/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/202715/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/202715/slide-0.jpg 1440w" class="slides-image related-itemImage"> Access (Форми). Лекція 5. Конструктор форм</a></div><div class="related-item"><a href="/informatika/prakticheskaya-realizatsiya-tehnologii-erp" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/246992/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/246992/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/246992/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/246992/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/246992/slide-0.jpg 1440w" class="slides-image related-itemImage"> Практическая реализация технологии ERP</a></div><div class="related-item"><a href="/informatika/signal-kodirovanie-dekodirovanie-iskazhenie-informatsii-arifmeticheskie" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/554532/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/554532/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/554532/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/554532/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/554532/slide-0.jpg 1440w" class="slides-image related-itemImage"> Сигнал, кодирование, декодирование, искажение информации. Арифметические основы работы компьютера.</a></div><div class="related-item"><a href="/informatika/tipy-tablits" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/242183/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/242183/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/242183/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/242183/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/242183/slide-0.jpg 1440w" class="slides-image related-itemImage"> Типы таблиц</a></div><div class="related-item"><a href="/informatika/tsifrovaya-platforma-rossiyskiy-fermer" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/326499/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/326499/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/326499/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/326499/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/326499/slide-0.jpg 1440w" class="slides-image related-itemImage"> Цифровая платформа Российский Фермер</a></div><div class="related-item"><a href="/informatika/tsikly-na-yazyke-pascal-1" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/595883/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/595883/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/595883/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/595883/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/595883/slide-0.jpg 1440w" class="slides-image related-itemImage"> Циклы на языке Pascal</a></div><div class="related-item"><a href="/informatika/spring-teplates-thymeleaf-amp-spring-framework" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/89206/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/89206/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/89206/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/89206/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/89206/slide-0.jpg 1440w" class="slides-image related-itemImage"> Spring teplates. Thymeleaf &amp;amp; spring framework</a></div><div class="related-item"><a href="/informatika/lineynye-vychislitelnye-algoritmy-znakomstvo-s-yazykom" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/589564/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/589564/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/589564/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/589564/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/589564/slide-0.jpg 1440w" class="slides-image related-itemImage"> Линейные вычислительные алгоритмы. Знакомство с языком Паскаль</a></div><div class="related-item"><a href="/informatika/internet-banking-2" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/432115/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/432115/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/432115/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/432115/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/432115/slide-0.jpg 1440w" class="slides-image related-itemImage"> Интернет - банкинг</a></div><div class="related-item"><a href="/informatika/informatsionnaya-bezopasnost-i-ee-zadachi" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/296160/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/296160/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/296160/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/296160/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/296160/slide-0.jpg 1440w" class="slides-image related-itemImage"> Информационная безопасность и ее задачи</a></div><div class="related-item"><a href="/informatika/ponyattya-pro-paraleln-ta-rozpodlen-obchislennya" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/597674/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/597674/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/597674/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/597674/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/597674/slide-0.jpg 1440w" class="slides-image related-itemImage"> Поняття про паралельні та розподілені обчислення. Лекція №1</a></div><div class="related-item"><a href="/informatika/parametry-stranitsy-formatirovanie-teksta" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/406591/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/406591/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/406591/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/406591/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/406591/slide-0.jpg 1440w" class="slides-image related-itemImage"> Параметры страницы. Форматирование текста</a></div><div class="related-item"><a href="/informatika/rabota-s-faylami-v-si-sharp" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/95353/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/95353/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/95353/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/95353/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/95353/slide-0.jpg 1440w" class="slides-image related-itemImage"> Работа с файлами в Си-шарп</a></div><div class="related-item"><a href="/informatika/prioritetnye-napravleniya-deyatelnosti-bibliotek-formy-i" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/216511/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/216511/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/216511/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/216511/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/216511/slide-0.jpg 1440w" class="slides-image related-itemImage"> Приоритетные направления деятельности библиотек. Формы и методы работы с пользователями</a></div><div class="related-item"><a href="/informatika/ontologii-i-tezaurusy" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/163971/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/163971/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/163971/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/163971/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/163971/slide-0.jpg 1440w" class="slides-image related-itemImage"> Онтологии и тезаурусы</a></div><div class="related-item"><a href="/informatika/human-computer-interaction-5" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/365690/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/365690/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/365690/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/365690/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/365690/slide-0.jpg 1440w" class="slides-image related-itemImage"> Human-computer interaction</a></div><div class="related-item"><a href="/informatika/derevya-idealno-sbalansirovannye-binarnye-derevya" class="related-itemLink"><img src="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/227557/slide-0.jpg" onerror="this.setAttribute(&#39;data-error&#39;, 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_480x360/imagesDir/jpg/227557/slide-0.jpg 480w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_720x540/imagesDir/jpg/227557/slide-0.jpg 720w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_960x720/imagesDir/jpg/227557/slide-0.jpg 960w, /_ipx/f_webp&amp;q_80&amp;fit_contain&amp;s_1440x1080/imagesDir/jpg/227557/slide-0.jpg 1440w" class="slides-image related-itemImage"> Деревья. Идеально сбалансированные бинарные деревья</a></div><!--]--></div></div></div></div><!--]--><!--]--><!--]--></div></div></main><footer class="footer"><div class="layout"><!----><div class="footer-contacts"><svg class="footer-contactsIcon" viewBox="0 0 27 26" xmlns="http://www.w3.org/2000/svg"><use xlink:href="/images/icons.svg#contacts"></use></svg> Обратная связь</div><!----><div class="footer-contactsEmail"> Email: <span class="footer-contactsShow">Нажмите что бы посмотреть</span></div></div></footer></div><!--]--></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R){return {data:{meta:{result:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F}},item:{result:{id:6691,name:k,category:G,count:33,jpg:"jpg\u002F6691",hits:H,download:b,h1:"Языки веб-программирования презентация",meta:{h1:k,title:k,description:"Языки веб-программирования презентация на тему, доклад, Информатика",keywords:"Языки веб-программирования, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Языки веб-программирования из раздела Информатика. Презентация на заданную тему содержит 33 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EИстория развития WEB\u003Cbr\u003E \u003Cp\u003EИстория развития WEB\u003Cbr\u003E\u003Cp\u003EВEБ (англ. web — паутина — паутина) — интернет-пространство.\u003Cbr\u003E\u003Cp\u003E\u003Cbr\u003E\u003Cp\u003EWorld Wide Web (www, web, рус.: веб, Всемирная Паутина) — распределенная информационная система,\u003Cbr\u003E предоставляющая досту",file:"Языки-веб-программирования.pptx",texts:["\u003Cp\u003EВыполнил: студент группы 12ПКС 9-4 Осипов Виктор\u003Cbr\u003E\u003Cp\u003EЯЗЫКИ ВЕБ-ПРОГРАММИРОВАНИЯ\u003Cbr\u003E","\u003Cp\u003EИстория развития WEB\u003Cbr\u003E","\u003Cp\u003EИстория развития WEB\u003Cbr\u003E\u003Cp\u003EВEБ (англ. web — паутина — паутина) — интернет-пространство.\u003Cbr\u003E\u003Cp\u003EWorld Wide Web (www, web, рус.: веб, Всемирная Паутина) — распределенная информационная система,\u003Cbr\u003E предоставляющая доступ к гипертекстовым документам по протоколу HTTP.\u003Cbr\u003EWWW — сетевая технология прикладного уровня стека TCP\u002FIP, построенная на клиент-серверной архитектуре и использующая инфраструктуру Интернет для взаимодействия между сервером и клиентом (www).\u003Cbr\u003EСерверы www (веб-серверы) — это хранилища гипертекстовой (в общем случае) информации, управляемые специальным программным обеспечением.\u003Cbr\u003EДокументы, представленные в виде гипертекста называются веб-страницами. Несколько веб-страниц, \u003Cbr\u003Eобъединенных общей тематикой, оформлением, связанных гипертекстовыми ссылками и обычно находящихся на одном и том же веб-сервере, называются веб-сайтом.\u003Cbr\u003EДля загрузки и просмотра информации с веб-сайтов используются специальные программы — браузеры, \u003Cbr\u003Eспособные обрабатывать гипертекстовую разметку и отображать содержимое веб-страниц.\u003Cbr\u003EБраузер может обратиться к веб-серверу по доменному имени или по ip-адресу, передавая в запросе идентификатор требуемого ресурса. Получив запрос от клиента, сервер находит соответствующий ресурс на локальном устройстве хранения и отправляет его как ответ. Браузер принимает ответ и обрабатывает его соответствующим образом, в зависимости от типа ресурса (отображает гипертекст, показывает изображения, сохраняет полученные файлы и т.п.).\u003Cbr\u003E","\u003Cp\u003EСеть ARPANET\u003Cbr\u003E","\u003Cp\u003EИстория развития WEB\u003Cbr\u003E\u003Cp\u003EСеть ARPANET.\u003Cbr\u003E\u003Cp\u003EПредпосылкой создания сети Интернет послужила потребность Министерства обороны США в надежной системе передачи информации во время холодной войны.\u003Cbr\u003EПлан создания компьютерной сети (названной «ARPANET») был представлен в октябре 1967 года, а в декабре 1969 была запущена в работу первая сеть из четырех компьютеров. Основная проблема при создании сети состояла в том, как соединить отдельные физические сети, не связывая сетевые ресурсы постоянными каналами. \u003Cbr\u003EРешение - разбиение запросов данных на небольшие фрагменты, «пакеты», которые могут быстро обрабатываться, не блокируя коммуникацию других частей — этот принцип все еще используется сегодня для работы Интернет.\u003Cbr\u003EКонцепция получила широкое признание с появлением нескольких других сетей, использующих тот же самый метод коммутации пакетов ,сформировавшая основу первой университетской сети Великобритании . Эти сети, несмотря на наличие множества соединений, были в большей степени частными сетями, чем сегодняшней сетью Интернет.\u003Cbr\u003E\r\n\u003Cbr\u003E","\u003Cp\u003EПротокол TCP\u002FIP\u003Cbr\u003E","\u003Cp\u003EИстория развития WEB\u003Cbr\u003E\u003Cp\u003EПротокол TCP\u002FIP.\u003Cbr\u003E\u003Cp\u003EРаспространение различных сетевых протоколов стало вскоре проблемой при попытке заставить общаться все эти отдельные сети. Однако в поле зрения имелось решение — Роберт Кан, во время работы над проектом спутниковой пакетной сети ARPA, начал определять некоторые правила для более открытой сетевой архитектуры для замены используемого в ARPANET протокола. Позже, вместе с Винтоном Серфом из Станфордского университета, они создали систему, которая маскировала различия между сетевыми протоколами с помощью нового стандарта. В публикации, посвященной проекту спецификации в декабре 1974 года, он был назван «Internet Transmission Control Program».\u003Cbr\u003EЭта спецификация уменьшила роль сети и перенесла ответственность за поддержание целостности передачи на хост-компьютер. Конечным результатом этого было то, что стало возможно легко соединять почти любые сети. ARPA профинансировала разработку программного обеспечения и в 1977 году была проведена успешная демонстрация коммуникации трех различных сетей. К 1981 спецификация была завершена, опубликована и принята, и в 1982 году соединения ARPANET за пределами США были переведены на использование нового протокола «TCP\u002FIP».\u003Cbr\u003EПоявилась сеть Интернет. Встал вопрос о создании системы распределенного доступа к сетевым файлам.\u003Cbr\u003EВ начале 1990 годов в качестве системы извлечения информации в глобальной сети использовалась система Gopher, которая предоставляла меню ссылок на файлы, компьютерные ресурсы и другие меню. Gopher была создана в Университете Миннесоты. В феврале 1993 университет объявил, что собирается требовать лицензионные отчисления за использование своей эталонной реализации сервера Gopher. Вследствие этого многие организации начали искать альтернативные решения.\u003Cbr\u003E","\u003Cp\u003EСоздание всемирной паутины\u003Cbr\u003E","\u003Cp\u003EИстория развития WEB\u003Cbr\u003E\u003Cp\u003EСоздание Всемирной паутины.\u003Cbr\u003E\u003Cp\u003EЕвропейский совет по ядерным исследованиям в Швейцарии имел такое альтернативное решение. Тим Бернерс-Ли работал над системой управления информацией, в которой текст мог содержать связи и ссылки на другие работы, позволяя читателю быстро перемещаться от документа к документу. Он создал сервер CERN httpd для публикации документов такого вида, а также программу для их чтения, которую назвал «World Wide Web». Это программное обеспечение было выпущено впервые в 1991 году. 30 апреля 1993 года CERN выпустил исходный код World Wide Web во всеобщее достояние, поэтому кто угодно мог использовать или применять это программное обеспечение без всякой платы.\u003Cbr\u003EВ 1994 году Тим Бернерс-Ли основал World Wide Web Consortium (W3C) в Массачусетском технологическом институте (Massachusetts Institute of Technology) при поддержке CERN, DARPA (в которую была переименована ARPA) и Европейской Комиссии. Консорциум W3C видел свою задачу в стандартизации протоколов и технологий, которые используются для создания Web, чтобы информационное содержание было доступно как можно большему числу жителей всего мира.\u003Cbr\u003EВ течение нескольких следующих лет W3C опубликовал несколько спецификаций (называемых «рекомендациями»), включая HTML, формат изображений PNG (Portable Network Graphics), и каскадные таблицы стилей (CSS).\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB-программирования\u003Cbr\u003E","\u003Cp\u003EКоротко о главном\u003Cbr\u003E\u003Cp\u003EЯзыки веб-программирования\u003Cbr\u003E\u003Cp\u003EЯзыки веб-программирования — это языкиЯзыки веб-программирования — это языки, которые в основном предназначены для работы с веб-технологиями. Языки веб-программирования можно условно разделить на две пересекающиеся группы: клиентскиеЯзыки веб-программирования — это языки, которые в основном предназначены для работы с веб-технологиями. Языки веб-программирования можно условно разделить на две пересекающиеся группы: клиентские и серверные.\u003Cbr\u003E\u003Cp\u003EВеб-программирование — раздел программирования — раздел программирования, ориентированный на разработку веб-приложений — раздел программирования, ориентированный на разработку веб-приложений (программ, обеспечивающих функционирование динамических сайтов — раздел программирования, ориентированный на разработку веб-приложений (программ, обеспечивающих функционирование динамических сайтов Всемирной паутины).\u003Cbr\u003E\u003Cp\u003EWEB-программирование\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003EКлиентские языки программирования\u003Cbr\u003E\u003Cp\u003EКлиент - это сам пользователь, а точнее браузер установленный на вашем компьютере. Когда пользователь Интернета обращается с запросом к серверу, то он является клиентом.\u003Cbr\u003EКлиентские языки выполняются на компьютере пользователя (клиента). Если говорить более точно, то их выполняет сам браузер. Обычно клиентские языки встраиваются в html-код web-страницы. Таким образом, чтобы увидеть код, достаточно открыть веб-страницу с помощью любого текстового редактора или браузера.\u003Cbr\u003E\t\t\t\tМинусы:\u003Cbr\u003EОдин из основных недостатков клиентских языков заключается в том, что они не могут взаимодействовать с сервером, на котором расположен сайт. Нет возможности сохранять и загружать информацию с него. Это значительно ограничивает применение клиентских языков. Например, о таких программах, которые должны сохранять и загружать определенную информацию с \u002Fна сервер: гостевых книгах, блоках комментариев, рейтингах, голосованиях и.т.д. можно вообще забыть. Кроме того, раз любой пользователь может очень легко просмотреть код программы, то о безопасности можно тоже забыть. Если Вы захотите закрыть доступ к некоторым файлам, с помощью таких языков, это вряд ли удастся. Очень просто просмотреть HTML – код web-страницы, чтобы узнать всю защищенную информацию и пароли.\u003Cbr\u003E\t\t\t\tПлюсы:\u003Cbr\u003EОни не отправляют данные на сервер, что делает их работу значительно быстрей.Не требуется никакого дополнительного программного обеспечения, все необходимое есть в браузере клиента. За пользование серверными языками компания, предоставляющая хостинг, требует денег (платный хостинг), а за клиентскими нет.\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003EКлиентские языки программирования\u003Cbr\u003E\u003Cp\u003EСамыми распространенными клиентскими языками являются: JavaScript и VisualBasicScript (VBS). Для того, чтобы браузер мог их понимать и выполнять в него встроен специальный инструмент – интерпретатор.\u003Cbr\u003EИнтерпретатор — программа — программа (разновидность транслятора), выполняющая интерпретацию.\u003Cbr\u003EИнтерпретация — построчный анализ, обработка и выполнение исходного кода программы или запроса \u003Cbr\u003E(в отличие от компиляции, где весь текст программы, перед запуском, анализируется и транслируется в \u003Cbr\u003Eбайт-код, без её выполнения).\u003Cbr\u003EJavaScript, разработан компанией Netscape и первоначально использовался только для браузера Netscape Navigator. В настоящее время этот язык получил очень большую популярность. VisualBasicScript (VBS) это аналог клиентского языка от компании Microsoft.\u003Cbr\u003EКак уже говорилось ранее, все эти языки работают в обычных браузерах без всяких дополнительных модулей и плагинов. Самые распространенные браузеры это: Internet Explorer, Opera, Mozilla, Google Chrome.\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003EСерверные языки программирования\u003Cbr\u003E\u003Cp\u003EСерверные языки выполняются непосредственно на самом сервере, специальной программой. Это значит, что для того, чтобы они работали не важно, каким браузером пользуется пользователь, все равно все вычисления будут проходить на удаленном компьютере (сервере).\u003Cbr\u003EУвидеть код программы на серверном языке для посетителя сайта вообще невозможно, он видит только результаты работы, которые будут уже представлены в качестве HTML-страницы.\u003Cbr\u003EСерверные языки предоставляют веб-программисту гораздо больше возможностей, чем клиентские. Используя их можно обмениваться данными с сервером, чего мы были лишены при использовании клиентских языков.\u003Cbr\u003EНаибольшую популярность, среди серверных языков получили: PHP и Perl.\u003Cbr\u003EТ.к. серверные языки взаимодействуют с удаленным компьютером (сервером), возникает необходимость где-то хранить результаты этого взаимодействия. Возникает вопрос: как и где хранить эти данные?\u003Cbr\u003EПо мере роста любого сайта, приходиться хранить огромное количество информации. Именно для этой цели существует База Данных (БД). Это своего рода библиотека, где вся информация аккуратно разложена по полочкам. Но просто одной БД еще не достаточно. Когда информации становиться много, найти то, что нам необходимо становиться очень трудно, не говоря уже, уже о том, чтобы всю информацию обработать или извлечь только нужные данные. Так почему бы не поручить это компьютеру? Так и поступили. В настоящее время БД успешно обрабатываются компьютерами. Системы, которые за все это отвечают, называются Системами Управления Базами Данных (СУБД).\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003EСерверные языки программирования\u003Cbr\u003E\u003Cp\u003EВ них можно хранить всю необходимую Вам информацию, даже пароли (причем в зашифрованном виде). Взаимодействие пользователя с БД обеспечивает специальный язык запросов - Structured Query Language (SQL) (Язык структурированных запросов).\r\nСамым известным СУБД является MySQL. \u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EHTML\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003EHTML\u003Cbr\u003E\u003Cp\u003EHTML - это сокращение от \"HyperText Mark-up Language\u002Fязык гипертекстовой разметки\"\u003Cbr\u003EГоворя кратко, HTML был изобретён в 1990 году учёным, Тимом Бёрнсом-Ли (Tim Berners-Lee), и предназначался для облегчения обмена документами между учёными различных университетов. Проект имел больший успех, чем Tim Berners-Lee мог ожидать. Этим изобретением HTML он заложил основы современной сети Internet.\u003Cbr\u003EHTML это язык, который позволяет представлять информацию (например, научные исследования) в Internet. То, что вы видите при просмотре страницы в Internet, это интерпретация вашим браузером HTML-текста.\u003Cbr\u003EHTML — теговый язык разметки документов. Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами.\u003Cbr\u003EВ настоящее время Консорциум Всемирной паутины разработал HTML версии 5 , который расширяет HTML для лучшего представления семантики различных типичных страниц , например форумов, сайтов аукционов и т.д.\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003EHTML5\u003Cbr\u003E\u003Cp\u003EСемантические замены для использования универсальных блочных (\u003Cdiv\u003E) и строчных (\u003Cspan\u003E) элементов, например, \u003Cnav\u003E (блок навигации по сайту), \u003Cfooter\u003E (обычно относится к нижней части страницы или последней строке HTML кода) или \u003Caudio\u003E и \u003Cvideo\u003E вместо \u003Cobject\u003E\u003Cbr\u003E\u003Cp\u003EСемантика\u003Cbr\u003E\u003Cp\u003ESVG — язык разметки масштабируемой векторной графики, созданный Консорциумом Всемирной паутины (W3C) и входящий в подмножество расширяемого языка разметки XML, предназначен для описания двумерной векторной и смешанной векторно\u002Fрастровой графики в формате XML. \u003Cbr\u003E\u003Cp\u003ESVG \u003Cbr\u003E\u003Cp\u003EВозможности DOM расширены и фактически используемые свойства задокументированы.\u003Cbr\u003EЭлемент холст для непосредственного метода рисования в 2D,\u003Cbr\u003Eконтроль над проигрыванием медиафайлов;\u003Cbr\u003EFile API: возможность загрузки документа через выбор (тег \u003Cinput type=\"file\"\u003E) или перетаскиванием (Drag-and-drop);\u003Cbr\u003Eтип MIME и регистрация обработчика протокола;\u003Cbr\u003EМикроданные.\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cp\u003EAPI\u003Cbr\u003E\u003Cp\u003EHTML5 — это не продолжатель языка разметки гипертекста, а новая открытая платформа, предназначенная для создания \u003Cbr\u003Eвеб-приложений использующих аудио, видео, графику, анимацию и многое другое. Он расширяет, улучшает и рационализирует\u003Cbr\u003Eразметку документов, а также добавляет единый APIразметку документов, а также добавляет единый API для сложных веб-приложений\u003Cbr\u003E","\u003Cp\u003ECSS\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003ECSS\u003Cbr\u003E\u003Cp\u003ECSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.\u003Cbr\u003EПравила CSS пишутся на формальном языке CSS и располагаются в таблицах стилей, то есть таблицы стилей содержат в себе правила CSS. Эти таблицы стилей могут располагаться как в самом веб-документе, внешний вид которого они описывают, так и в отдельных файлах, имеющих формат CSS. (По сути, формат CSS — это обычный текстовый файл. В файле .css не содержится ничего, кроме перечня правил CSS и комментариев к ним.) То есть, эти таблицы стилей могут быть подключены, внедрены в описываемый ими веб-документ четырьмя различными способами:\u003Cbr\u003Eкогда таблица стилей находится в отдельном файле, она может быть подключена к веб-документу посредством тега , располагающегося в этом документе между тегами и . (Тег будет иметь атрибут href, имеющий значением адрес этой таблицы стилей). Все правила этой таблицы действуют на протяжении всего документа; \r\n\u003Clink rel=\"stylesheet\" href=\"\u002Fpublic\u002Ffonts\u002Ffont-awesome\u002Fcss\u002Ffont-awesome.min.css\"\u003E\u003Cbr\u003Eкогда таблица стилей описана в самом документе, она может располагаться в нём между тегами (которые, в свою очередь, располагаются в этом документе между тегами и ). Все правила этой таблицы действуют на протяжении всего документа;\r\n\u003Cstyle\u003Ebody{color: red;}\u003C\u002Fstyle\u003E\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003ECSS\u003Cbr\u003E\u003Cp\u003E3) когда таблица стилей описана в самом документе, она может располагаться в нём в теле какого-то отдельного тега (посредством его атрибута style) этого документа. Все правила этой таблицы действуют только на содержимое этого тега.\u003Cbr\u003E\u003Cp style=\"color:red;\"\u003E\u003C\u002Fp\u003E \u003Cbr\u003EСтили CSS по сравнению c HTML имеют гораздо больший спектр возможностей по дизайну элементов страниц сайта. Простыми методами изменяется цвет фона элемента, добавляется рамка, устанавливается шрифт текста, определяются размеры и относительное расположение элемента страницы, и другие элементы дизайна сайта.\u003Cbr\u003EДля создания структуры страниц сайта используется метод блочной верстки. При помощи тэга DIV с присвоенным ему стилем создается структура страницы сайта. В данное время это наиболее распространенный метод создания страниц сайта.\r\n\u003Cbr\u003E","\u003Cp\u003ECSS3\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003ECSS3\u003Cbr\u003E\u003Cp\u003ECSS3-анимация придаёт сайтам динамичность. Она оживляет веб-страницы, улучшая взаимодействие с пользователем.\u003Cbr\u003EСоздание анимации начинается с установки ключевых кадров правила @keyframes. Кадры определяют, какие свойства на каком шаге будут анимированы. Каждый кадр может включать один или более блоков объявления из одного или более пар свойств и значений.\u003Cbr\u003E\u003Cp\u003EАнимация\u003Cbr\u003E\u003Cp\u003ESVG — язык разметки масштабируемой векторной графики, созданный Консорциумом Всемирной паутины (W3C) и входящий в подмножество расширяемого языка разметки XML, предназначен для описания двумерной векторной и смешанной векторно\u002Fрастровой графики в формате XML. \u003Cbr\u003E\u003Cp\u003E Скругленные рамки\u003Cbr\u003E\u003Cp\u003ECSS3-градиент представляет собой переходы от одного цвета к другому.\u003Cbr\u003EГрадиенты создаются с помощью функций linear-gradient() и radial-gradient().\u003Cbr\u003EЛинейный градиент создается с помощью двух и более цветов, для которых задано направление, или линия градиента.\u003Cbr\u003EЕсли направление не указано, используется значение по умолчанию — сверху-вниз.\u003Cbr\u003EЦвета градиента по умолчанию распределяются равномерно в направлении, перпендикулярном линии градиента.\u003Cbr\u003E\u003Cp\u003EГрадиенты\u003Cbr\u003E\u003Cp\u003EПо сути это все тот же CSS, с набором новых аргументов, которые дают дополнительные возможности в плане различных\u003Cbr\u003E эффектов. Например, свечение текста. Многие браузеры не поддерживают такие свойства, поэтому рекомендуется использовать\u003Cbr\u003E такие эффекты в минимальных количествах.\u003Cbr\u003E","\u003Cp\u003EWRITE A TITLE IN THIS SECTION\u003Cbr\u003E\u003Cp\u003EFull Width Text Sample\u003Cbr\u003E\u003Cp\u003EFirst: What is a Fast-Fish? Alive or dead a fish is technically fast, when it is connected with an occupied ship or boat, by any medium at all controllable by the occupant or occupants,—a mast, an oar, a nine-inch cable, a telegraph wire, or a strand of cobweb, it is all the same. Likewise a fish is technically fast when it bears a waif, or any other recognized symbol of possession; so long as the party waiting it plainly evince their ability at any time to take it alongside, as well as their intention so to do. First: What is a Fast-Fish? Alive or dead a fish is technically fast, when it is connected with an occupied ship or boat, by any medium at all controllable by the occupant or occupants,—a mast, an oar, a nine-inch cable, a telegraph wire, or a strand of cobweb, it is all the same. Likewise a fish is technically fast when it bears a waif, or any other recognized symbol of possession; so long as the party waiting it plainly evince their ability at any time to take it alongside, as well as their intention so to do.\u003Cbr\u003EFirst: What is a Fast-Fish? Alive or dead a fish is technically fast, when it is connected with an occupied ship or boat, by any medium at all controllable by the occupant or occupants,—a mast, an oar, a nine-inch cable, a telegraph wire, or a strand of cobweb, it is all the same. Likewise a fish is technically fast when it bears a waif, or any other recognized symbol of possession; so long as the party waiting it plainly evince their ability at any time to take it alongside, as well as their intention so to do. First: What is a Fast-Fish? Alive or dead a fish is technically fast, when it is connected with an occupied ship or boat, by any medium at all controllable by the occupant or occupants,—a mast.\u003Cbr\u003E","\u003Cp\u003EJavaScript\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003EJavaScript\u003Cbr\u003E\u003Cp\u003EJavascript – это язык программирования, с помощью которого веб-страницам придается интерактивность. С его помощью создаются приложения, которые включаются в HTML-код (например, анкеты или формы регистрации, которые заполняются пользователем).\u003Cbr\u003EС помощью Javascript можно изменять страницу, изменять стили элементов, удалять или добавлять теги. С его помощью можно узнать о любых манипуляциях пользователя на странице (прокрутка страницы, нажатие любой клавиши, клики мышкой, увеличение или уменьшение рабочей области экрана…) Через него можно к любому элементу HTML-кода получить доступ и делать с этим элементом множество манипуляций. Можно загружать данные не перезагружая страницу, выводить сообщения, считывать или устанавливать cookie и выполнять множество других действий.\u003Cbr\u003EВся уникальность данного языка программирования заключается в том, что он поддерживается практически всеми браузерами и полностью интегрируется с ними, а все что можно сделать с его помощью – делается очень просто. Ни одна другая технология не вмещает в себе все эти преимущества вместе.\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003EJavaScript\u003Cbr\u003E\u003Cp\u003EДля добавления JavaScript-кода на страницу, можно использовать теги , которые рекомендуется, но не обязательно, помещать внутри контейнера . Контейнеров \u003Cscript\u003E может быть сколько угодно.\u003Cbr\u003EТак же можно подключить и внешние файлы с JS кодом,желательно перед закрывающимся тегом \u003Cbody\u003E \u003C\u002Fbody\u003E.\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003EPHP\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003EPHP\u003Cbr\u003E\u003Cp\u003EPHP – это широко используемый язык сценариев общего назначения с открытым исходным кодом. Говоря проще, PHP это язык программирования, специально разработанный для написания web-приложений (сценариев), исполняющихся на Web-сервере. Аббревиатура PHP означает “Hypertext Preprocessor (Препроцессор Гипертекста)\".\u003Cbr\u003EПопулярность в области построения веб-сайтов определяется наличием большого набора встроенных средств для разработки веб-приложений. Основные из них:\u003Cbr\u003E1) автоматическое извлечение POST и GET-параметров, а также переменных окружения веб-сервера в предопределённые массивы;\u003Cbr\u003E2) взаимодействие с большим количеством различных систем управления базами данных (MySQL, MySQLi, SQLite, PostgreSQL, Oracle (OCI8), Oracle, Microsoft SQL Server, Sybase, ODBC, mSQL, IBM DB2, Cloudscape и Apache Derby, Informix, Ovrimos SQL, Lotus Notes, DB++, DBM, dBase, DBX, FrontBase, FilePro, Ingres II, SESAM, Firebird \u002F InterBase, Paradox File Access, MaxDB, Интерфейс PDO);\u003Cbr\u003E3) автоматизированная отправка HTTP-заголовков;\u003Cbr\u003E4) работа с HTTP-авторизацией;\u003Cbr\u003E5) работа с cookies и сессиями;\u003Cbr\u003E6) работа с локальными и удалёнными файлами, сокетами;\u003Cbr\u003E7) обработка файлов, загружаемых на сервер;\u003Cbr\u003E8) работа с Xforms.\u003Cbr\u003E В настоящее время PHP используется сотнями тысяч разработчиков. Согласно рейтингу корпорации TIOBE, базирующемся на данных поисковых систем, в мае 2016 года PHP находился на 6 месте среди языков программирования.\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003EPHP\u003Cbr\u003E\u003Cp\u003EСервер и браузер общаются, посылая друг другу запросы по особому протоколу - HTTP. Соединение может инициировать только браузер. Он посылает серверу запрос - показать такой-то файл. Сервер клиенту файл посылает.\r\nТолько так и происходит. Клиент запросил - сервер отдал. И забыл сразу о клиенте. Отсюда становится понятным ответ на вопрос, можно ли точно узнать, сколько юзеров сечас на сайте. Нельзя. потому, что \"на сайте\" нету ни одного. Они соединяются, запрашивают страницу, и отсоединяются. Не имеют постоянного cоединения с сервером. Узнать можно только примерно, записывая время каждого соединения и выбирая записи за определенный промежуток времени.\u003Cbr\u003EРНР выполняется на сервере. Браузер посылает серверу запрос на страницу с php кодом. Сервер отдает эту страницу на исполнение интерпретатору PHP, интерпретатор генерирует HTML код, отдает серверу, а сервер посылает клиенту. Никакого РНР кода в браузер не попадает (это важно! Это значит, что увидеть исходный код PHP скрипта невозможно!). Единственный способ отправить что-то скрипту - это кликнуть по ссылке или нажать на кнопку в форме. Так, чтобы РНР обрабатывал какие-то действия пользователя в браузере - невозможно. РНР остался на сервере, ждать новых запросов с данными для обработки. PHP, но не скрипт! Скрипт, который выполнялся, отдавая пользователю страницу, завершил работу. Все данные, которые были в нем - пропали. Именно поэтому, если какая-то переменная нужна при последующих вызовах скрипта, ее надо этому скрипту передать снова.\u003Cbr\u003EСпособов, предоставляемых протоколом HTTP, немного. Это важная информация. Никаких других способов нет. На практике используются два:\r\nGET - это когда данные передаются в адресной строке, например, когда пользователь жмет ссылку.\r\nPOST - когда он нажимает кнопку в форме.\r\nСформировали страницу со ссылкой или с формой методом GET - запрос придет GET-ом. Сформировали с формой, в которой указан метод POST - придет POST-ом.Определить, какой способ следует применять, очень просто. Если форма служит для запроса некой информации, например - при поиске, то ее следует отправлять методом GET. Чтобы можно было обновлять страницу, можно было поставить закладку и или послать ссылку другу.\r\nЕсли же в результате отправки формы данные записываются или изменяются на сервере, то следует их отправлять методом POST, причем обязательно после обработки формы надо перенаправить браузер методом GET. Так же, POST может понадобиться, если на сервер надо передать большой объём данных (у GET он сильно ограничен), а так же, если не следует \"светить\" передаваемые данные в адресной строке (при вводе логина и пароля, например). Но в любом случае, после обработки POST надо всегда перенаправлять браузер на какую-нибудь страницу, пусть ту же самую, но уже без данных формы, чтобы при обновлении страницы они не записывались повторно.\u003Cbr\u003EСамое главное, что надо помнить: сервер по своей инициативе обратиться к клиенту не может. Мы можем только по факту запроса выдать что-то браузеру - либо страницу, либо команду запросить другой ресурс.\u003Cbr\u003E","\u003Cp\u003EПлюсы:\u003Cbr\u003E\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003EПлюсы и минусы WEB-разработки\u003Cbr\u003E\u003Cp\u003Eвостребованность на рынке труда;\u003Cbr\u003E\u003Cp\u003Eтворческая работа, так как каждая задача уникальна, и для ее решения существует несколько способов;\u003Cbr\u003E\u003Cp\u003Eвозможность совмещения с учебой;\u003Cbr\u003Eвозможность стать специалистом в молодом возрасте;\u003Cbr\u003E\u003Cp\u003Eне всегда требуется диплом;\u003Cbr\u003Eсвобода в принятии решений (как решать ту или иную задачу решает сам web-программист);\u003Cbr\u003E\u003Cp\u003Eвозможность удаленной работы.\u003Cbr\u003E","\u003Cp\u003EЯзыки WEB- программирования\u003Cbr\u003E\u003Cp\u003EПлюсы и минусы WEB-разработки\u003Cbr\u003E\u003Cp\u003Eв небольших проектах web-программист совмещает функции нескольких специалистов, частые переключения с одной задачи на другую;\u003Cbr\u003E\u003Cp\u003Eненормированный рабочий день.\u003Cbr\u003E\u003Cp\u003EМинусы:\u003Cbr\u003E","\u003Cp\u003ECOMING!\u003Cbr\u003E\u003Cp\u003EBY FRONTEND DEVELOPER OSIPOV VICTOR\u003Cbr\u003E\u003Cp\u003ETHANKS FOR\u003Cbr\u003E"],href:"\u002Finformatika\u002Fyazyki-veb-programmirovaniya",href_category:"\u002Finformatika",date:1624062351,related:[{id:18678,name:"Електронне листування з використанням веб-інтерфейсу. Вкладені файли",href:"\u002Finformatika\u002Felektronne-listuvannya-z-vikoristannyam-veb-nterfeysu",jpg:"jpg\u002F18678"},{id:223629,name:"Этапы компьютерного моделирования",href:"\u002Finformatika\u002Fetapy-kompyuternogo-modelirovaniya-1",jpg:"jpg\u002F223629"},{id:385632,name:"Компьютерлік графика",href:"\u002Finformatika\u002Fkompyuterlk-grafika-3",jpg:"jpg\u002F385632"},{id:278838,name:"Информационная система",href:"\u002Finformatika\u002Finformatsionnaya-sistema-2",jpg:"jpg\u002F278838"},{id:20118,name:"1С: Предприятие",href:"\u002Finformatika\u002F1s-predpriyatie",jpg:"jpg\u002F20118"},{id:137279,name:"Введение в язык программирования Basic",href:"\u002Finformatika\u002Fvvedenie-v-yazyk-programmirovaniya-basic",jpg:"jpg\u002F137279"},{id:453098,name:"Создание учебных курсов в системе Moodle",href:"\u002Finformatika\u002Fsozdanie-uchebnyh-kursov-v-sisteme-moodle",jpg:"jpg\u002F453098"},{id:230454,name:"Сто к одному. Игра",href:"\u002Finformatika\u002Fsto-k-odnomu-igra-2",jpg:"jpg\u002F230454"},{id:145640,name:"Програмне забезпечення. Операційні системи",href:"\u002Finformatika\u002Fprogramne-zabezpechennya-operatsyn-sistemi",jpg:"jpg\u002F145640"},{id:425149,name:"Распространение информации в сети интернет",href:"\u002Finformatika\u002Frasprostranenie-informatsii-v-seti-internet",jpg:"jpg\u002F425149"},{id:111313,name:"Ways of communicating",href:"\u002Finformatika\u002Fways-of-communicating",jpg:"jpg\u002F111313"},{id:202715,name:"Access (Форми). Лекція 5. Конструктор форм",href:"\u002Finformatika\u002Faccess-formi-lektsya-5-konstruktor-form",jpg:"jpg\u002F202715"},{id:246992,name:"Практическая реализация технологии ERP",href:"\u002Finformatika\u002Fprakticheskaya-realizatsiya-tehnologii-erp",jpg:"jpg\u002F246992"},{id:554532,name:"Сигнал, кодирование, декодирование, искажение информации. Арифметические основы работы компьютера.",href:"\u002Finformatika\u002Fsignal-kodirovanie-dekodirovanie-iskazhenie-informatsii-arifmeticheskie",jpg:"jpg\u002F554532"},{id:242183,name:"Типы таблиц",href:"\u002Finformatika\u002Ftipy-tablits",jpg:"jpg\u002F242183"},{id:326499,name:"Цифровая платформа Российский Фермер",href:"\u002Finformatika\u002Ftsifrovaya-platforma-rossiyskiy-fermer",jpg:"jpg\u002F326499"},{id:595883,name:"Циклы на языке Pascal",href:"\u002Finformatika\u002Ftsikly-na-yazyke-pascal-1",jpg:"jpg\u002F595883"},{id:89206,name:"Spring teplates. Thymeleaf &amp; spring framework",href:"\u002Finformatika\u002Fspring-teplates-thymeleaf-amp-spring-framework",jpg:"jpg\u002F89206"},{id:589564,name:"Линейные вычислительные алгоритмы. Знакомство с языком Паскаль",href:"\u002Finformatika\u002Flineynye-vychislitelnye-algoritmy-znakomstvo-s-yazykom",jpg:"jpg\u002F589564"},{id:432115,name:"Интернет - банкинг",href:"\u002Finformatika\u002Finternet-banking-2",jpg:"jpg\u002F432115"},{id:296160,name:"Информационная безопасность и ее задачи",href:"\u002Finformatika\u002Finformatsionnaya-bezopasnost-i-ee-zadachi",jpg:"jpg\u002F296160"},{id:597674,name:"Поняття про паралельні та розподілені обчислення. Лекція №1",href:"\u002Finformatika\u002Fponyattya-pro-paraleln-ta-rozpodlen-obchislennya",jpg:"jpg\u002F597674"},{id:406591,name:"Параметры страницы. Форматирование текста",href:"\u002Finformatika\u002Fparametry-stranitsy-formatirovanie-teksta",jpg:"jpg\u002F406591"},{id:95353,name:"Работа с файлами в Си-шарп",href:"\u002Finformatika\u002Frabota-s-faylami-v-si-sharp",jpg:"jpg\u002F95353"},{id:216511,name:"Приоритетные направления деятельности библиотек. Формы и методы работы с пользователями",href:"\u002Finformatika\u002Fprioritetnye-napravleniya-deyatelnosti-bibliotek-formy-i",jpg:"jpg\u002F216511"},{id:163971,name:"Онтологии и тезаурусы",href:"\u002Finformatika\u002Fontologii-i-tezaurusy",jpg:"jpg\u002F163971"},{id:365690,name:"Human-computer interaction",href:"\u002Finformatika\u002Fhuman-computer-interaction-5",jpg:"jpg\u002F365690"},{id:227557,name:"Деревья. Идеально сбалансированные бинарные деревья",href:"\u002Finformatika\u002Fderevya-idealno-sbalansirovannye-binarnye-derevya",jpg:"jpg\u002F227557"}],navigation:{next:"\u002Finformatika\u002Foblachnye-vychisleniya",next_name:"Облачные вычисления",prev:"\u002Fistoriya\u002Frozvitok-osvti--nauki-v-drugy",prev_name:"Розвиток освіти і науки в другій половині ХІХ століття"}}},categories:{result:[{id:I,ordering:b,name:"Без категории",pseudoname:"uncategorized"},{id:144,ordering:b,name:"Бизнес",pseudoname:"biznes"},{id:146,ordering:b,name:"Образование",pseudoname:"obrazovanie"},{id:149,ordering:b,name:"Финансы",pseudoname:"finansy"},{id:150,ordering:b,name:"Государство",pseudoname:"gosudarstvo"},{id:152,ordering:b,name:"Спорт",pseudoname:"sport"},{id:154,ordering:b,name:"Армия",pseudoname:"armiya"},{id:156,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:157,ordering:b,name:"Еда и кулинария",pseudoname:"eda-i-kulinariya"},{id:158,ordering:b,name:"Лингвистика",pseudoname:"lingvistika"},{id:163,ordering:b,name:"Черчение",pseudoname:"cherchenie"},{id:164,ordering:b,name:"Физкультура",pseudoname:"fizkultura"},{id:165,ordering:b,name:"ИЗО",pseudoname:"izo"},{id:166,ordering:b,name:"Психология",pseudoname:"psihologiya"},{id:116,ordering:I,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:104,ordering:3,name:"Алгебра",pseudoname:"algebra"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:141,ordering:6,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:G,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:10,name:"Литература",pseudoname:"literatura"},{id:H,ordering:11,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:h,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:J,SITE_HOST:"mypreza.com",SITE_LANG:K,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:J,short_name:a,description:a,lang:K,start_url:"\u002F?standalone=true",display:"standalone",background_color:j,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:d,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:d,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:d,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:d,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:d,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:d,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:d,sizes:R,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:b,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F,token:a}}}}("",0,false,"image\u002Fpng",true,"any","maskable",13,"#d53032","#ffffff","Языки веб-программирования","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","[e-mail]","h3a","text","none","h3","category","both",80,800,"\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E","Информатика",119,1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))