Веб программирование
Изучение принципов использования нетекстовых элементов гипертекста: изображений, таблиц, списков и форм. Введение стандарта HTML 4.0 и его преимущества. Использование атрибута method для указания HTTP-метода передачи данных. Скриншоты интернет страниц.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | лабораторная работа |
| Язык | русский |
| Дата добавления | 25.05.2016 |
| Размер файла | 1,9 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ
ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ
«ВЛАДИМИРСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ИМЕНИ АЛЕКСАНДРА ГРИГОРЬЕВИЧА И НИКОЛАЯ ГРИГОРЬЕВИЧА СТОЛЕТОВЫХ»
(ВЛГУ)
КАФЕДРА «ФИЗИКА И ПРИКЛАДНАЯ МАТЕМАТИКА»
ЛАБОРАТОРНАЯ РАБОТА
ВЕБ ПРОГРАММИРОВАНИЕ
Выполнил:
ст. гр. АИСс-113
Афанасьев А.А.
Принял:
Самойленко А.А.
Владимир
2016
Цель работы: изучение принципов использования нетекстовых элементов гипертекста: изображений, таблиц, списков, форм.
Теоретические сведения.
Изначально язык разметки гипертекста был предназначен лишь для описания структурных элементов документа: заголовков, разделов, списков, таблиц и т.п. Однако конкуренция на рынке браузеров, развернувшаяся в основном между двумя гигантами, Netscape и Microsoft, привела к отходу от такой доктрины и появлению большого количества дескрипторов и атрибутов, имеющих исключительно оформительское назначение: настройка цветовых и пространственных решений, вставка изображений, звукового и видео-сопровождения, создание интерактивных элементов, фреймов и многих других элементов веб-страниц. До введения стандарта HTML 4.0 процесс разработки веб-ресурсов осложнялся необходимостью знать многочисленные различия в наборах подобных тегов у различных фирм-производителей. После введения данного стандарта и появления всё новых версий браузеров различия эти свелись к минимуму и на сегодняшний день проявляются только на уровне отдельных атрибутов. Несмотря на это, необходимо помнить о возможных отличиях и проверять создаваемые документы, как минимум, в наиболее распространённых версиях браузеров.
Отдельно обращает на себя возможность создания элементов диалога веб-страницы с пользователем с помощью форм. До появления форм единственными элементами веб-страницы, реагирующими на действия пользователя, являлись гиперссылки. Механизм форм (дескриптор <FORM>) позволяет создавать интерфейс, во многом схожий с интерфейсом диалоговых окон обычных оконных приложений и содержащий такие объекты как поля ввода текста, кнопки, селекторные переключатели, списки и т.п. Более того, данные, введённые с помощью элементов формы, могут быть переданы в HTTP-запросе клиента и обработаны сервером (см. лабораторные работы №6 и №7). Для указания HTTP-метода передачи данных используется атрибут method дескриптора <FORM>, а для указания URL серверного приложения, получающего эти данные - дескриптор action. Например, отправка значений элементов формы серверному сценарию guest.asp методом POST будет выполнена в случае следующего тега: <FORM method="POST" ac-tion="guest.asp">. гипертекст стандарт атрибут интернет
Ход работы
Скриншоты интернет страниц
Рисунок 1
Рисунок 2
Рисунок 3
Рисунок 4
Листинг 1.html
<HTML>
<HEAD><TITLE> </TITLE></HEAD>
<BODY background="image\123.jpg">
<a href="main.html"><img src="image\logoIntel.png" title="Главная страница" height="100" align="left"></a><p><h1>Устройства Samsung будут активнее следить за здоровьем пользователя </h1></p>
<p align="center"><i>
<img src="image\1.jpg"><br>
Американское бюро регистрации патентов и торговых знаков опубликовало новую заявку на патент от Samsung. В документе описывается технология, благодаря которой мобильные устройства корпорации смогут измерять частоту сердечных сокращений и пульса, артериальное давление, скорость кровотока и состояние кожи пользователя путём использования современных методик лазерной спекл-интерферометрии.
Согласно патентной заявке, выполнять такие измерения смогут смартфоны, планшеты и смарт-часы линейки
Galaxy.
</i></p>
</BODY>
</HTML>
Листинг 2.html
<HTML>
<HEAD><TITLE></TITLE></HEAD>
<BODY bgcolor="#008080">
<a href="main.html"><img src="image\logoIntel.png" title="Главная страница" height="100" align="left"></a><p><h1>Vernee Apollo стал одним из самых продвинутых смартфонов на рынке</h1></p>
<p align="left"><b>
<img src="image\2_1.jpg"><br>
Новая китайская компания Vernee представила свой первый флагманский смартфон Apollo. Устройство оснастили самыми передовыми характеристиками, которые сегодня доступны на мобильном рынке. Vernee Apollo получил цельнометаллический корпус, на задней стороне которого разместился сканер отпечатков пальцев. Зарядка и синхронизация с компьютером осуществляется с помощью универсального разъёма USB Type-C.
<br>
<img src="image\2_2.jpg"><br>
Большую часть передней панели смартфона занимает 5,5-дюймовый экран с разрешением Quad HD (2560x1440 пикселей) и поддержкой технологии 3D Force Touch. Последняя отвечает за распознавание силы нажатия. Из других технических характеристик Vernee Apollo стоит отметить десятиядерный процессор MediaTek Helio X20 (MT6797), 6 ГБ оперативной памяти, встроенный накопитель ёмкостью 128 ГБ, 21-мегапиксельную основную камеру с сенсором Sony IMX230 и 8-мегапиксельную фронтальную камеру.
Производитель планирует начать поставки смартфона в конце апреля. Стоимость и другие подробности будут объявлены позже.
</b></p>
</BODY>
</HTML>
Листинг 5.html
<html>
<title></title>
<body>
ФИО <input name="fio"><br>
Возраст <input name="age"><br>
Адрес <input name="adres"><br>
Телефон <input name="telefon"><br>
Области интересов<br>
<input name="option1" value="music" type="checkbox">музыка<br>
<input name="option2" value="music" type="checkbox">Фильмы<br>
<input name="option3" value="music" type="checkbox">Кино<br>
Основная сфера деятельности <br>
<input name="sd" value="учеба" type="radio">Учеба<br>
<input name="sd" value="работа" type="radio">Работа<br>
Набор оценок сайта <br>
<select name="1">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>затрудняюсь ответить</option>
</select>
</form>
</body>
</html>
Листинг main.html
<HTML>
<HEAD><TITLE></TITLE></HEAD>
<BODY>
<table width="75%" align="center">
<tr>
<td bgcolor="#00ff00"><a href="1.html" title="страница 1">Устройства Samsung будут активнее следить за здоровьем пользователя </a></td>
</tr>
<tr>
<td bgcolor="#5882FA"><a href="2.html" title="страница 2">Vernee Apollo стал одним из самых продвинутых смартфонов на рынке</a></td>
</tr>
<tr>
<td bgcolor="#00ff00"><a href="3.html" title="страница 3">Google тестирует систему оффлайнового распознавания речи</a></td>
</tr>
<tr>
<td bgcolor="#5882FA"><a href="4.html" title="страница 4">Смартфоны смогут идентифицировать владельца через наушники</a></td>
</tr>
</table>
<ul>
<li><a href="1.html" title="страница 1">Устройства Samsung будут активнее следить за здоровьем пользователя </a></li>
<li><a href="2.html" title="страница 2">Vernee Apollo стал одним из самых продвинутых смартфонов на рынке</a></li>
<li><a href="3.html" title="страница 3">Google тестирует систему оффлайнового распознавания речи</a></li>
<li><a href="4.html" title="страница 4">Смартфоны смогут идентифицировать владельца через наушники</a></li>
</ul>
<br><a href="5.html">Опрос</a>
</BODY>
</HTML>
Вывод
В ходе данной работы были изучены принципы использования нетекстовых элементов гипертекста: изображений, таблиц, списков, форм.
Размещено на Allbest.ru
...Подобные документы
Изучение тегов для создания списков и таблиц в HTML, основных атрибутов тегов. Практические навыки создания списков и таблиц в HTML-документах. Нумерованные, маркированные и вложенные списки, список определений. Выравнивание данных в ячейках таблицы.
контрольная работа [322,1 K], добавлен 09.08.2014Создание информационной сети Интернет и электронной почты. Процесс и протокол передачи гипертекста. Программа просмотра интернет-страниц. Использование новейшей технологии DSL. Скорость передачи данных. Беспроводные сети с использованием радиоканалов.
реферат [22,0 K], добавлен 22.04.2011Обоснование выбора языка программирования для создания интернет магазина. Построение виртуальных страниц. Определение затрат на создание Web-сайта. Расчет трудоемкости создания программного продукта. Использование HTML как языка разметки гипертекста.
дипломная работа [1,2 M], добавлен 28.05.2016HTML - это язык, принятый в World Wide Web для создания и публикации веб-страниц. Общие сведения о создании веб-страниц, особенности их оформления. PHP как язык программирования с динамической типизацией, история его создания и возможности использования.
доклад [18,9 K], добавлен 27.12.2010Общая характеристика языка разметки гипертекста Hypertext Markup Language. Структура HTML-документа. Обзор основных возможностей HTML. Элементы современного дизайна Web-страниц. Анализ практического применения HTML (на примере обучающих программ).
курсовая работа [47,9 K], добавлен 24.11.2012Изучение возможности создания интерактивных WEB - страниц для получения информации в сети Интернет с использованием форм, заполняемых пользователем. Тег, контейнер, атрибут, их понятие и сущность. Структура любого HTML- документа и использование ссылок.
контрольная работа [28,1 K], добавлен 05.03.2009Работа с HTML-редактором Adobe Dreamweaver. Этапы и правила построения заглавной страницы сайта, форматирования HTML-страниц, создания гипертекстовых ссылок, создания и форматирования таблиц. Использование графических материалов при разработке сайта.
методичка [1,9 M], добавлен 06.07.2011Понятие об html. Структура файла в формате html. Отличительный признак html-документа. Гипертекстовые ссылки. Создание документов в стандарте html. Заголовки. Форматирование текста и изменение стилей. Фреймы.
реферат [23,7 K], добавлен 17.08.2007Создание Web-документов (от простейших статических до документов на основе динамического HTML): форматирование текста, создание списков, таблиц, встраивание различных объектов, использование средств интерактивного общения с пользователем.
методичка [45,5 K], добавлен 27.10.2010Характеристика принципов создания html-страниц и связывания их ссылками так, чтобы можно было произвольным образом переходить от одной страницы к другой. Применение тегов форматирования текста и заголовка окна. Этапы создания html-страницы с таблицей.
контрольная работа [16,0 K], добавлен 19.06.2014Значение атрибута TITLE тега HTML-документа. Возможности HTML для разработчиков Web-страниц. Параметры тега
, регулирующие отступы вокруг изображения. Оформление комментариев в CSS. Теги логического форматирования текста (phrase elements).
тест [19,9 K], добавлен 11.10.2012Использование языка гипертекстовой разметки HTML. Преимущества интернет-хостинга Yutex.ru. Структура базы данных информационной системы "Электронная газета". Структура сайта, описание разделов и страниц. Интерфейс и сценарии администраторского блока.
курсовая работа [2,2 M], добавлен 07.07.2015Основные технологии веб-программирования. Методы отправки данных на сервер с помощью HTML-формы. PHP - Препроцессор Гипертекста. Сохранение данных в базе данных MySQL. Клиент-Сервер и технология CGI. Примеры использования PHP совместно с MySQL.
лекция [2,9 M], добавлен 27.04.2009Личная подборка Internet-ресурсов учебного назначения. Язык гипертекстовой разметки страниц HTML. Текстовое оформление страниц. Вставка изображений. Нумерованные, маркированные списки. Оформление таблиц. Создание фреймов. Границы и рамки. Стили CSS.
лабораторная работа [177,3 K], добавлен 23.06.2013Создание основы интернет-сайта - набора таблиц, которые расположены в нужном порядке. Использованные теги и их атрибуты. Кодовое оформление сайта, наложение второго слоя. Стильный текст в HTML. Использование скриптов для большей информативности сайта.
методичка [813,6 K], добавлен 08.11.2013Создание HTML-форм. Ввод многострочного текста. Тег FORM - контейнер форм. Трансляция переменных окружения. Передача данных с помощью формы. Приложения, хранящие данные о регистрации пользователей в базе данных MySQL. Порядок трансляции переменных.
лекция [5,6 M], добавлен 27.04.2009Курс "Web-конструирование" в школе. Основы языка HTML. Изучение языка HTML в школе. Обзор программы ACDSee. Размещение информации на интернет-сайте. Обработка графики для интернет-страниц Adobe Photoshop. Обзор школьных учебников по информатике.
курсовая работа [29,8 K], добавлен 30.06.2009Типы изображений (черно-белые, полутоновые, цветные) и их форматы. Устройства, создающие цифровые изображения, и их параметры. Применение и характеристики методов сжатия изображений. Поиск по содержимому в базах данных изображений. Структуры баз данных.
презентация [360,4 K], добавлен 11.10.2013Технологии создания web-страниц. Появление Active Server Pages. Разработка динамического web-сайта на asp.net. Создание дизайна и каркаса сайта с использованием стандартных HTML таблиц. Проектирование базы данных на основе ado.net и подключение к ней.
контрольная работа [2,4 M], добавлен 24.05.2019Объектно-ориентированное программирование. Особенности использования формата CHM, его преимущества. Создание электронного учебника на тему "Язык программирования C++" с помощью компиляции html-страниц. Правильное сочетание тегов, структура документа.
курсовая работа [1,0 M], добавлен 27.10.2012
