Веб программирование
Освоение основ языка разметки гипертекста HTML, дескрипторов форматирования текста и технологии создания гиперссылок. Пример простейшего HTML-документа. Набор атрибутов, управляющих способом интерпретации тега браузером. Скриншоты интернет страниц.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | лабораторная работа |
| Язык | русский |
| Дата добавления | 25.05.2016 |
| Размер файла | 1,8 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
МИНИСТЕРСТВО ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ
ФЕДЕРАЛЬНОЕ ГОСУДАРСТВЕННОЕ БЮДЖЕТНОЕ ОБРАЗОВАТЕЛЬНОЕ УЧРЕЖДЕНИЕ ВЫСШЕГО ОБРАЗОВАНИЯ
«ВЛАДИМИРСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ ИМЕНИ АЛЕКСАНДРА ГРИГОРЬЕВИЧА И НИКОЛАЯ ГРИГОРЬЕВИЧА СТОЛЕТОВЫХ»
(ВЛГУ)
КАФЕДРА «ФИЗИКА И ПРИКЛАДНАЯ МАТЕМАТИКА»
ЛАБОРАТОРНАЯ РАБОТА
ВЕБ ПРОГРАММИРОВАНИЕ
Выполнил:
ст. гр. АИСс-113
Афанасьев А.А.
Принял:
Самойленко А.А.
Владимир
2016
Цель работы: освоение основ языка разметки гипертекста HTML, дескрипторов форматирования текста и технологии создания гиперссылок.
Теоретические сведения.
Язык разметки гипертекста HTML представляет собой определенный способ формирования информации, который указывает браузеру как следует отображать страницу. Это основное средство кодирования документов, передаваемых по глобальной информационной сети Интернет.
Базовые синтаксис и семантика HTML определены в стандарте, разработанном международной организацией World Wide Web Consortium (W3C), занимающей рассматривающей и стандартизующей все технологии, связанные с веб-средой. Спецификации уже принятых и проекты новых стандартов можно найти по адресу http://www.w3.org.
HTML-документ состоит из текста, образующего содержимое документа, и дескрипторов (тегов), определяющих его структуру и внешний вид. Каждый дескриптор представляет собой идентификатор, заключенный в угловые скобки. Дескрипторы могут быть одиночными и парными. В последнем случае они определяют некоторый структурный блок информации. Закрывающий дескриптор блока отличается от открывающего наличием косой черты перед именем дескриптора.
В соответствии со стандартом, содержимое HTML-документа заключается в пару тегов <HTML>…</HTML> и разделяется на заголовок (<HEAD>…</HEAD>) и тело документа (<BODY>…</BODY>). В заголовке дается название документа HTML и указываются другие параметры, которые браузер может использовать при отображении документа. Например, дескриптор <META http-equiv="Content-Type" con-tent="text/html; charset=windows-1251"> приводит к включению в HTTP-ответ сервера поля заголовка Content-Type, значение которого будет указывать на использование кодировки windows-1251. Тело - это фактическое содержимое документа, в которое входят отображаемый текст и управляющие форматом отображения теги. Пример простейшего HTML-документа:
<HTML>
<HEAD>
<TITLE>Лабораторная работа №1</TITLE>
</HEAD>
<BODY>
<P><B>I. Цель работы:</B> освоение основ языка разметки гипертекста HTML.
</P>
</BODY>
</HTML>
Помимо имени, практически все теги могут использовать набор атрибутов, управляющих способом интерпретации тега браузером. Атрибуты указываются в открывающем теге в виде пар «имя="значение"». Значение заключается в двойные или одинарные кавычки, но может и не сопровождаться подобными ограничителями. Однако в связи с распространением стандарта XML рекомендуется значения атрибутов заключать в двойные кавычки. Наличие атрибутов не является обязательным, и в случае отсутствия атрибута используется его значение по умолчанию.
Все HTML-дескрипторы можно разделить на несколько групп: служебные теги, влияющие на общие свойства отображения и интерпретации документа (например, приведенный выше тег <META>); теги, определяющие структуру документа (<HTML>, <HEAD>, <BODY> и т.п.); теги, влияющие на внешний вид содержимого (<FONT>, <B>, <I> и т.п.); теги, указывающие на необходимость вставки некоторых объектов (<IMG>, <OBJECT>, <SCRIPT> и др.). гипертекст технология атрибут браузер
Особого внимания заслуживает дескриптор <A>, применяемый для создания гиперссылок - того механизма, который и объединяет (с точки зрения пользователя) информационные ресурсы в единую глобальную компьютерную сеть. Основными его атрибутами являются атрибуты href и name, используемые для указания назначаемого гиперссылкой ресурса или назначения имени идентификатора фрагмента (анкера). Например, для того, чтобы создать анкер с именем info в некотором месте докумен-та doc.html, необходимо использовать тег <A> с атрибутом name: <A name="info">Информация</A>. Для создания гиперссылки на этот анкер необходим атрибут href, в котором имя анкера добавляется к имени файла через диез: <A href="doc.html#info">Ссылка на информацию</A>.
Ход работы
Скриншоты интернет страниц
Рисунок 1 - главная страница
Рисунок 2
Рисунок 3
Рисунок 4
Рисунок 5
Рисунок 6
Листинг 1.html
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<p align="center"><i>
<img src="image\1.jpg"><br>
Американское бюро регистрации патентов и торговых знаков опубликовало новую заявку на патент от Samsung. В документе описывается технология, благодаря которой мобильные устройства корпорации смогут измерять частоту сердечных сокращений и пульса, артериальное давление, скорость кровотока и состояние кожи пользователя путём использования современных методик лазерной спекл-интерферометрии.
Согласно патентной заявке, выполнять такие измерения смогут смартфоны, планшеты и смарт-часы линейки Galaxy.
</i></p>
</BODY>
</HTML>
Листинг 2.html
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<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>
Листинг 3.html
<HTML>
<HEAD>
<TITLE>
</TITLE>
</HEAD>
<BODY>
<p align="right"><u>
<img src="image\3_1.jpg"><br>
Google создала оффлайновую систему распознавания речи, которая намного быстрее и точнее аналогичной системы, имеющей подключение к сети Интернет. Более того, она уже протестирована на смартфоне Nexus 5. Правда, в настоящее время её возможности весьма ограничены, поскольку более сложные команды всё же должны отправляться на сервер, что, в свою очередь, приводит к повышению времени обработки.
Google удалось создать программу размером всего 20,3 МБ, которая в 7 раз быстрее онлайновой системы распознавания голоса, а её процент ошибок составляет всего 13,5%. Для того чтобы добиться такой экономии ресурсов, сервис использует единственную модель как для диктовки, так и для голосовых команд. Для уменьшения его размера компания также применяла и дополнительные технологии сжатия.
<img src="image\3_2.png"><br>
Чтобы система научилась распознавать голос, были проведены тренировки с использованием трёх миллионов анонимных голосовых семплов. При этом для каждого семпла было создано порядка 20 искажённых шумом версий.
Вполне вероятно, что уже в ближайшем будущем разработка найдет применение не только в смартфонах, но и в носимых устройствах.
</u></p></BODY>
</HTML>
Листинг 4.html
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<s>
<img src="image\4_1.jpg"><br>
Современные смартфоны предлагают множество методов для проверки личности владельца. Одним из самых популярных и удобных является сканер отпечатков пальцев. Также сейчас появляются аппараты со сканером радужной оболочки глаза пользователя, но этот метод не столь распространённый, как предыдущий. Компания NEC предложила использовать для идентификации владельца новую технологию, основанную на определении уникальной формы человеческого уха.
<img src="image\4_2.png"><br>
Так как у каждого человека уникальная форма ушей, то и звук резонирует в ушном канале у всех по-разному. Специальные наушники от NEC имеют встроенный микрофон, который считывает, как звук проходит через внутреннее ухо, устанавливая тем самым личность пользователя. Главной особенностью этой технологии является то, что она способна идентифицировать владельца устройства с точностью 99% всего за одну секунду.
NEC надеется, что эта технология может появиться в коммерческих устройствах уже в 2018 году. Компания не говорит о полной замене сканеров отпечатков пальцев в смартфонах, а лишь предлагает дополнительный метод идентификации. Например, подобная проверка личности пользователя может проходить при важном или конфиденциальном телефонном звонке, чтобы никто посторонний не взял трубку.
</s>
</BODY>
</HTML>
Листинг main.html
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<a href="1.html">”стройства Samsung будут активнее следить за здоровьем пользовател¤ </a><br>
<a href="2.html">Vernee Apollo стал одним из самых продвинутых смартфонов на рынке</a><br>
<a href="3.html">Google тестирует систему оффлайнового распознавани¤ речи</a><br>
<a href="4.html">--мартфоны смогут идентифицировать владельца через наушники</a><br>
</BODY></HTML>
Вывод
В ходе данной работы был изучен язык разметки гипертекста HTML, так же были освоены дескрипторы форматирования текста и технологии создания гиперссылок.
Размещено на Allbest.ru
Подобные документы
Значение атрибута TITLE тега HTML-документа. Возможности HTML для разработчиков Web-страниц. Параметры тега
, регулирующие отступы вокруг изображения. Оформление комментариев в CSS. Теги логического форматирования текста (phrase elements).
тест [19,9 K], добавлен 11.10.2012Понятие об html. Структура файла в формате html. Отличительный признак html-документа. Гипертекстовые ссылки. Создание документов в стандарте html. Заголовки. Форматирование текста и изменение стилей. Фреймы.
реферат [23,7 K], добавлен 17.08.2007Общая характеристика языка разметки гипертекста Hypertext Markup Language. Структура HTML-документа. Обзор основных возможностей HTML. Элементы современного дизайна Web-страниц. Анализ практического применения HTML (на примере обучающих программ).
курсовая работа [47,9 K], добавлен 24.11.2012Обоснование выбора языка программирования для создания интернет магазина. Построение виртуальных страниц. Определение затрат на создание Web-сайта. Расчет трудоемкости создания программного продукта. Использование HTML как языка разметки гипертекста.
дипломная работа [1,2 M], добавлен 28.05.2016Работа с HTML-редактором Adobe Dreamweaver. Этапы и правила построения заглавной страницы сайта, форматирования HTML-страниц, создания гипертекстовых ссылок, создания и форматирования таблиц. Использование графических материалов при разработке сайта.
методичка [1,9 M], добавлен 06.07.2011Определение понятия гипертекста. Основные части документа SGML. История создания стандартного языка разметки документов HTML. Отличия синтаксиса XHTML от HTML. RSS - семейство XML-форматов для описания лент новостей. Применение языка разметки KML.
презентация [4,3 M], добавлен 15.02.2014Характеристика принципов создания html-страниц и связывания их ссылками так, чтобы можно было произвольным образом переходить от одной страницы к другой. Применение тегов форматирования текста и заголовка окна. Этапы создания html-страницы с таблицей.
контрольная работа [16,0 K], добавлен 19.06.2014Основные теги и атрибуты языка HTML. Создание web-сайта, который должен представлять собой несколько связанных между собой страниц. Рассмотрение различных значений атрибутов и тегов на страницах и в других документах. Экранные формы разработанных страниц.
лабораторная работа [1,2 M], добавлен 16.04.2014Основы языка программирования Web-страниц – HTML. Виды информации, которую может содержать Web-страница: текст, графика, звук, анимация и видео. Инструментарий для создания Web-страниц. Основные HTML-редакторы, которые используются для Web-дизайна.
реферат [374,0 K], добавлен 19.01.2011Современные Интернет-технологии, Web-дизайн и браузеры. Язык разметки гипертекстовых страниц HTML. Представление текста и графики на Web-страницах. Правила и этапы создания сайта. Влияние дисплеев на Web-дизайн. Сравнительный анализ HTML-редакторов.
дипломная работа [3,3 M], добавлен 21.06.2013
