Электронные издания - страница 43

В качестве примера можно остановится на форме сервера www.rambler.ru, которая выводится на браузере клиента, желающего получить бесплатный почтовый адрес. На рис. 2.13 представлена такая форма в несколько усеченном формате. Как видно на рисунке, большинство полей – текстовые однострочные, задаваемые тэгом INPUT и значениями параметра TYPE, равным TEXT (E-mail, "Имя", "Фамилия", "Возраст") и PASSWORD ("Введите пароль" и "Подтвердите пароль"). В состав формы включены 2 переключателя: для указания пола клиента и его юридического статуса (физическое лицо либо представитель юридического лица). Для сокращения размеров формы (она и так получилась довольно большой) в ней используются 4 списковых окна с одним единственным видимым элементом. Эти окна реализуются с помощью тэга-контейнера . Размер этой области: 6 строк и около 100 столбцов. По умолчанию в этой области выводится текст юридического соглашения с клиентом бесплатной электронной почты, указывающий права и обязанности сторон. Клиент не может изменять этот текст, он должен его прочесть и принять условия соглашения, изложенные в этом тексте, если намерен получить бесплатный почтовый адрес на этом сервере. В конце формы предусмотрена кнопка типа SUBMIT, представленная в виде графического изображения с надписью "Зарегистрироваться". Если клиент согласен с текстом соглашения, он нажимает кнопку "Зарегистрироваться" и получает бесплатный почтовый адрес на сервере RAMBLER.</p></div><div class="section"><div class="title h3"><p>2.9. Понятие о динамическом HTML и его компонентах</p></div><p>Динамический HTML (DHTML) это не какой-то особый язык, а термин, который применяется для обозначения HTML-страниц с динамически изменяющимся содержимым. Такие страницы основаны на использовании помимо языка HTML каскадных таблиц стилей CSS (Cascade Style Sheets) и языка сценариев JavaScript или VBScript. Связь этих компонентов осуществляется с помощью так называемой объектной модели документа DOM (Document Object Model). При этом HTML-документ приобретает новое качество, а именно возможность динамического изменения без перезагрузки страницы.</p><p>С помощью каскадных таблиц стилей определяется внешний вид документа: шрифт, разбивка на абзацы, цвет фона и шрифта, причем свой вариант отображения в окно браузера с их помощью можно установить для содержимого каждого из контейнеров (тэгов).</p><p>Язык программирования JavaScript разработан фирмой Netscape для создания интерактивных HTML-документов. Язык позволяет разрабатывать как серверные приложения, так и клиентские приложения. Первые выполняются на Web-сервере, а вторые – браузером клиентского компьютера. Для обоих типов приложений используется общее ядро, включающее стандартные объекты и конструкции, и дополнения для конкретных приложений. Сказанное иллюстрируется рис. 2.14. Как видно на рисунке в состав ядра помимо переменных и функций LiveConnect входит средство взаимодействия с Java-апплетами. Клиентские приложения непосредственно встраиваются в HTML-страницы и интерпретируются браузером по мере отображения элементов страницы, серверные же приложения предварительно компилируются для увеличения производительности.</p><p>Язык JavaScript используется на клиентской стороне для создания HTML-документов с помощью сценариев, в том числе и совместно с CSS (каскадными таблицами стилей), для оперативной проверки HTML-форм до их передачи на сервер для последующей обработки и для взаимодействия с пользователем в процессе выполнения приложений этого языка. Трудно найти в сети Интернет хотя бы одну страницу, не содержащую операторов языка JavaScript. Чтобы браузер смог отобразить разработанную Web-страницу именно в том виде, каком она задумывалась, на странице обычно помещают вызов функции JavaScript для идентификации типа используемого браузера и его версии.</p></div></div> <div class="show-more show-more_reader text-center mt-4"> <a class="btn btn-primary" href="/x/elektronnye-izdaniya/p-42"> Назад </a> <a class="btn btn-primary ml-3" href="/x/elektronnye-izdaniya/p-44" > Вперед </a> </div> </section> <hr class="w-100"> <section> <div class="pagination-container"> <nav> <ul class="pagination"> <li class="page-item"> <a class="page-link" href="/x/elektronnye-izdaniya">1</a> </li> <li class="page-item disabled"> <span class="page-link">…</span> </li> <li class="page-item"> <a class="page-link" href="/x/elektronnye-izdaniya/p-41">41</a> </li> <li class="page-item"> <a class="page-link" href="/x/elektronnye-izdaniya/p-42">42</a> </li> <li class="page-item active"> <span class="page-link">43</span> </li> <li class="page-item"> <a class="page-link" href="/x/elektronnye-izdaniya/p-44">44</a> </li> <li class="page-item"> <a class="page-link" href="/x/elektronnye-izdaniya/p-45">45</a> </li> <li class="page-item disabled"> <span class="page-link">…</span> </li> </ul> </nav> </div> </section> <hr class="w-100"> </div> <section class="related my-4"> <div class="row"> <div class="col-12"> <h2 class="h2">Похожие книги</h2> </div> </div> <div class="row"> <div class="col-12 col-lg-6 book-card "> <div class="book-card__wrap"> <div class="book-card__img-wrap"> <a class="card__img-link book-card__img-link" href="/x/elektronnye-izdaniya" > <img class="card__img book-card__img book-img img img-fluid " width="215" height="323" src="/uploads/covers/af/elektronnye-izdaniya.jpg" alt="Электронные издания" > </a> </div> <div class="book-card__meta"> <div class="book-card__title-wrap"> <a class="book-card__title" href="/x/elektronnye-izdaniya"><b>Электронные издания</b></a> </div> <div class="mt-2 book-card__author-list"> <a class="book-card__author text-dark" href="/a/vladimir-vul">Владимир Вуль</a> </div> <div class="mt-2"> <a href="/g/programmy">Программы</a> </div> <div class="book-card__description mt-3"> Книга посвящена рассмотрению всей совокупности проблем, связанных с созданием, воспроизведением на компьютере и практическим использованием электронных и мультимедийных изданий. В частности, показано место этих изданий в современной медиа-индустрии. Рассмотрено использование различных HTML-редакторов и специализированных программных средств создания электронных и мультимедийных изданий (MS FrontPage, Macromedia Director, DreamWeaver и Flash, а та </div> <div class="text-right "> <a class="btn btn-outline-primary w-100 mt-2" href="/x/elektronnye-izdaniya">Читать онлайн</a> </div> </div> </div> </div> <div class="col-12 col-lg-6 book-card "> <div class="book-card__wrap"> <div class="book-card__img-wrap"> <a class="card__img-link book-card__img-link" href="/x/elementarnyy-telegram-vse-chto-nuzhno-znat-o-samom-perspektivnom" > <img class="card__img book-card__img book-img img img-fluid " width="215" height="323" src="/uploads/covers/a4/elementarnyy-telegram-vse-chto-nuzhno-znat-o-samom-perspektivnom.jpg" alt="Элементарный TELEGRAM. Все, что нужно знать о самом перспективном мессенджере страны, чтобы на нем зарабатывать" > </a> </div> <div class="book-card__meta"> <div class="book-card__title-wrap"> <a class="book-card__title" href="/x/elementarnyy-telegram-vse-chto-nuzhno-znat-o-samom-perspektivnom"><b>Элементарный TELEGRAM. Все, что нужно знать о самом перспективном мессенджере страны, чтобы на нем зарабатывать</b></a> </div> <div class="mt-2 book-card__author-list"> <a class="book-card__author text-dark" href="/a/aleksey-shabarshin">Алексей Шабаршин</a> </div> <div class="mt-2"> <a href="/g/internet-biznes">Интернет-бизнес</a> </div> <div class="book-card__description mt-3"> Telegram – самый перспективный мессенджер в современном мире. Прирост более 100 млн новых пользователей в год, приятная политика конфиденциальности и безграничные возможности заработка обеспечивают платформе сумасшедшую популярность.Вы хотите развивать экспертный блог? Скупить несколько каналов и зарабатывать на рекламе? Или создавать контент, работая на других админов? Каким бы ни был ваш запрос, telegram сможет удовлетворить его.Алексей Шабарши </div> <div class="text-right "> <a class="btn btn-outline-primary w-100 mt-2" href="/x/elementarnyy-telegram-vse-chto-nuzhno-znat-o-samom-perspektivnom">Читать онлайн</a> </div> </div> </div> </div> <div class="col-12 col-lg-6 book-card "> <div class="book-card__wrap"> <div class="book-card__img-wrap"> <a class="card__img-link book-card__img-link" href="/x/kompyuternye-metody-analiza-pocherka" > <img class="card__img book-card__img book-img img img-fluid " width="215" height="323" src="/uploads/covers/46/kompyuternye-metody-analiza-pocherka.jpg" alt="Компьютерные методы анализа почерка" > </a> </div> <div class="book-card__meta"> <div class="book-card__title-wrap"> <a class="book-card__title" href="/x/kompyuternye-metody-analiza-pocherka"><b>Компьютерные методы анализа почерка</b></a> </div> <div class="mt-2 book-card__author-list"> <a class="book-card__author text-dark" href="/a/yuriy-chernov">Юрий Чернов</a> </div> <div class="mt-2"> <a href="/g/programmy">Программы</a> </div> <div class="book-card__description mt-3"> Книга посвящена компьютерным методам анализа почерка. Автор рассматривает анализ почерка как одно из перспективных направлений психологии, медицины, социологии, педагогики. С развитием цифровых технологий письмо от руки, с одной стороны, используется все меньше, с другой стороны, эти технологии предоставляют новые возможности для научно-обоснованного анализа почерка. Письмо от руки остается неотъемлемой частью нашей культуры и практики. В книге о </div> <div class="text-right "> <a class="btn btn-outline-primary w-100 mt-2" href="/x/kompyuternye-metody-analiza-pocherka">Читать онлайн</a> </div> </div> </div> </div> <div class="col-12 col-lg-6 book-card "> <div class="book-card__wrap"> <div class="book-card__img-wrap"> <a class="card__img-link book-card__img-link" href="/x/sozday-svoy-vpn-bezopasnoe-ispolzovanie-interneta" > <img class="card__img book-card__img book-img img img-fluid " width="215" height="323" src="/uploads/covers/2b/sozday-svoy-vpn-bezopasnoe-ispolzovanie-interneta.jpg" alt="Создай свой VPN. Безопасное использование интернета" > </a> </div> <div class="book-card__meta"> <div class="book-card__title-wrap"> <a class="book-card__title" href="/x/sozday-svoy-vpn-bezopasnoe-ispolzovanie-interneta"><b>Создай свой VPN. Безопасное использование интернета</b></a> </div> <div class="mt-2 book-card__author-list"> <a class="book-card__author text-dark" href="/a/dzheyd-karter">Джейд Картер</a> </div> <div class="mt-2"> <a href="/g/samouchiteli">Самоучители</a> </div> <div class="book-card__description mt-3"> Книга будет полезна для тех, кто стремится к созданию собственной виртуальной частной сети (VPN). Она охватывает широкий спектр тем, начиная с основ безопасности сетей и технологий VPN, и заканчивая практическими шагами по настройке и обслуживанию серверов и клиентов VPN. Автор подробно рассматривает различные аспекты создания VPN, включая выбор платформы и инфраструктуры, обеспечение безопасности данных, оптимизацию производительности и интеграц </div> <div class="text-right "> <a class="btn btn-outline-primary w-100 mt-2" href="/x/sozday-svoy-vpn-bezopasnoe-ispolzovanie-interneta">Читать онлайн</a> </div> </div> </div> </div> </div> <div class="row"> <div class="col-12 col-lg-6 book-card "> <div class="book-card__wrap"> <div class="book-card__img-wrap"> <a class="card__img-link book-card__img-link" href="/x/castlevania-nasledie-igrovoy-sagi" > <img class="card__img book-card__img book-img img img-fluid lazyload" width="215" height="323" data-src="/uploads/covers/a1/castlevania-nasledie-igrovoy-sagi.jpg" alt="Castlevania. Наследие игровой саги" > <div class="lazy__img-spinner" style="width: 215px; height: 323px;" ></div> </a> </div> <div class="book-card__meta"> <div class="book-card__title-wrap"> <a class="book-card__title" href="/x/castlevania-nasledie-igrovoy-sagi"><b>Castlevania. Наследие игровой саги</b></a> </div> <div class="mt-2 book-card__author-list"> <a class="book-card__author text-dark" href="/a/dzhanni-molinaro">Джанни Молинаро</a> </div> <div class="mt-2"> <a href="/g/programmy">Программы</a> </div> <div class="book-card__description mt-3"> Узнайте, как эволюционировала сага – от платформера и исследования к элементам RPG и 3D-слэшеру. Внутри вас ждет не только сюжет и лор франшизы, но и описание механик, история разработки, а также примеры, как серия Castlevania повлияла на игровую индустрию.Погрузитесь в леденящую душу историю:Чем, кроме «Дракулы» Брэма Стокера, вдохновлялись разработчики и как роман стал частью канона.Что общего у кнута «Убийца вампиров» с «Клинками Хаоса» из God </div> <div class="text-right "> <a class="btn btn-outline-primary w-100 mt-2" href="/x/castlevania-nasledie-igrovoy-sagi">Читать онлайн</a> </div> </div> </div> </div> <div class="col-12 col-lg-6 book-card "> <div class="book-card__wrap"> <div class="book-card__img-wrap"> <a class="card__img-link book-card__img-link" href="/x/ot-eminema-do-billa-geytsa-iskusstvo-obshcheniya-i-vystraivaniya-svyazey" > <img class="card__img book-card__img book-img img img-fluid lazyload" width="215" height="323" data-src="/uploads/covers/34/ot-eminema-do-billa-geytsa-iskusstvo-obshcheniya-i-vystraivaniya-svyazey.jpg" alt="От Эминема до Билла Гейтса. Искусство общения и выстраивания связей" > <div class="lazy__img-spinner" style="width: 215px; height: 323px;" ></div> </a> </div> <div class="book-card__meta"> <div class="book-card__title-wrap"> <a class="book-card__title" href="/x/ot-eminema-do-billa-geytsa-iskusstvo-obshcheniya-i-vystraivaniya-svyazey"><b>От Эминема до Билла Гейтса. Искусство общения и выстраивания связей</b></a> </div> <div class="mt-2 book-card__author-list"> <a class="book-card__author text-dark" href="/a/brayan-greyzer">Брайан Грейзер</a> </div> <div class="mt-2"> <a href="/g/lichnaya-effektivnost">Личная эффективность</a> </div> <div class="book-card__description mt-3"> Главной составляющей своего успеха оскароносный продюсер Брайан Грейзер считает способность установить искреннюю связь с кем угодно. Открывая для нас увлекательное закулисье своих самых знаковых фильмов и телешоу, он стремится донести до читателей простую мысль: мы слишком погружены в свои гаджеты и теряем связь с интересными людьми и их опытом. В своей книге Грейзер вспоминает, как личные встречи с самыми знаменитыми и влиятельными людьми соврем </div> <div class="text-right "> <a class="btn btn-outline-primary w-100 mt-2" href="/x/ot-eminema-do-billa-geytsa-iskusstvo-obshcheniya-i-vystraivaniya-svyazey">Читать онлайн</a> </div> </div> </div> </div> <div class="col-12 col-lg-6 book-card "> <div class="book-card__wrap"> <div class="book-card__img-wrap"> <a class="card__img-link book-card__img-link" href="/x/plyvi-ryba" > <img class="card__img book-card__img book-img img img-fluid lazyload" width="215" height="323" data-src="/uploads/covers/2e/plyvi-ryba.jpg" alt="Плыви, рыба" > <div class="lazy__img-spinner" style="width: 215px; height: 323px;" ></div> </a> </div> <div class="book-card__meta"> <div class="book-card__title-wrap"> <a class="book-card__title" href="/x/plyvi-ryba"><b>Плыви, рыба</b></a> </div> <div class="mt-2 book-card__author-list"> <a class="book-card__author text-dark" href="/a/bevi">Беви</a> </div> <div class="mt-2"> <a href="/g/korotkie-lyubovnye-romany">Короткие любовные романы</a> </div> <div class="book-card__description mt-3"> В ресторане бизнесмен знакомится с юной особой, приглашая ее на собеседование, в ходе которого узнает, что она только что закончила школу. Им нравится беседа, но на работу он ее взять не может. Через пол года девушка расцветает, и сама спонтанно приглашает его на свидание. В ресторане они продолжают знакомство и понимают, что нравятся друг другу. Для нее, возможно, это начало нового сильного чувства, несмотря на то что он женат, и, слушая себя, г </div> <div class="text-right "> <a class="btn btn-outline-primary w-100 mt-2" href="/x/plyvi-ryba">Читать онлайн</a> </div> </div> </div> </div> </div> </section> </main> </div> <script src="/build/runtime.5332280c.js" defer></script><script src="/build/site.b0ab3bc5.js" defer></script>  <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.webvisor.org/metrika/tag_ww.js", "ym"); ym(97881572, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true }); </script>  </div> </body> </html>