Файл: Основы программирования на языке HTML (Язык HTML и его назначение)..pdf
Добавлен: 31.03.2023
Просмотров: 471
Скачиваний: 3
Введение
В настоящий момент интернет стал не просто источником получения информации, он стал частью нашей жизни, а программирование и дизайн - престижной профессией. Каждый день специалисты изучают потребности людей, создают новые приложения, игры, обновляют информацию, делая ее более доступной и понятной. Огромное количество информации содержит в себе глобальная сеть, миллиарды сайтов написаны на любой вкус. Специалистам необходимо постоянно совершенствовать навыки своей работы, чтобы идти в ногу со временем. Таким образом, вопрос web-программирования и дизайна является очень актуальным.
В начале своего пути первое чему необходимо научиться- это создавать простые страницы с помощью HTML. Соответственно тема моей работы связана с созданием web-сайта на языке программирования HTML. Для точного изучения этого вопроса я выбирала литературу, которая написана известными программистами, справочные сайты, разработанные для программистов и для тех, кто только начинает освоение данной профессии. Так же в своей работе я ссылалась на данные научно электронной библиотеки «Киберленинка» где собрано большое количество качественных статей и другой информации.
Объект исследования: веб-сайт.
Предмет исследования: программирование сайта на языке HTML.
Цель работы: изучение языка программирования HTML.
Задачи:
- Изучить, систематизировать и обобщить специальную литературу по теме исследования.
- Рассмотреть основы программирования на языке HTML.
- Изучить процесс создания сайта.
- Создать сайт при помощи языка HTML.
Методы исследования: изучение литературы, анализ, синтез, классификация, обобщение и моделирование.
Глава 1. Язык гипертекстовой разметки HTML как средство создания гипертекстовых документов
Язык HTML и его назначение
Язык HTML (Hyper Text Markup Language) – язык разметки гипертекста. Этот язык был разработан Тимом Бернерсом-Ли в рамках создания проекта распределённой гипертекстовой системы, которая была названа World Wide Web (WWW) или Всемирная паутина. HTML предназначен для написания гипертекстовых документов, публикуемых в World Wide Web. Опыт создания веб-сайтов показывает, что овладение базовым языком HTML намного упрощает процесс создания сайтов. Он так же расширяет возможности дальнейшего применения специализированных пакетов прикладных программ (ППП) и редакторов. Язык HTML является основой построения сайтов. В этом языке нет особых сложностей. Обыкновенный текст заключается в теги, что позволяет браузеру отображать набранную страницу. [9,c.3]
Цель языка HTML заключается в обеспечении смысла и структуры контента. Этот язык не предназначен для создания инструкции о том, как должен выглядеть контент документа (его представления) [8,с.76]
Большинство документов имеют стандартные элементы, такие, как заголовок, параграфы или списки. Используя тэги HTML вы можете обозначать данные элементы, обеспечивая WEB-браузеры минимальной информацией для отображения данных элементов, сохраняя в целом общую структуру и информационную полноту документов. Все что необходимо, чтобы прочитать HTML-документ - это WEB-браузер, который интерпретирует тэги HTML и воспроизводит на экране документ в виде, который ему придает автор. [15]
HTML описывает браузеру структуру документа: где заголовки, где начинаются новые абзацы, какой текст нужно подчеркнуть и т. д. Получив эту информацию, браузер использует встроенные в него по умолчанию правила о том, как отображать каждый из этих элементов. [11, с.40]
Структура Web-страницы и Web-сайта
Информация, доступная пользователям Internet, располагается на компьютерах (Web-серверах), на которых установлено специальное программное обеспечение. Значительная часть этой информации организована в виде Web-сайтов. Почти каждый сайт имеет пользовательскую и серверную часть. Пользовательская (или клиентская) часть (англ. frontend) строится на html-разметке, css-стилях и javascript-е. HTML нужен для отображения контента сайта: тексты, заголовки, изображения, таблицы, текстовые блоки, нумерованные и ненумерованные списки.[1, c.41]
Язык HTML имеет собственный набор символов, с помощью которых Web-браузеры отображают страницу. Эти символы, называемые дескрипторами, включают в себя элементы, необходимые для создания гиперссылок. [2, c.20]
Клиентская часть - это графический интерфейс. Это то, что видит пользователь на странице.
Графический интерфейс отображается в браузере. Пользователь взаимодействует с веб-приложением именно через браузер, создавая запросы (переход по ссылкам и т. д.). Запросы обрабатываются на стороне пользователя, как правило, через браузер. Результат выполнения программы или скрипта зависит от браузера пользователя и может по-разному выполняться на разных его версиях. Серверная часть веб-приложения - это программа или скрипт на сервере, обрабатывающая запросы браузера, который использует пользователь. При каждом переходе пользователя по ссылке браузер отправляет запрос к серверу. Сервер обрабатывает этот запрос, вызывая некоторый скрипт, который формирует веб-страничку, описанную языком HTML, и отсылает клиенту по сети. Браузер тут же отображает полученный результат в виде очередной веб-страницы. [1, c.42]
Страница на которую попадает пользователь, когда вводит www-адрес (или URL) данного сайта, должен называться index.html или welcome.html. Остальные страницы сайта (если они есть) могут иметь произвольные имена (но обязательно без символа «#» и состоящие из латинских букв, иначе могут возникнуть проблемы при их размещении на сервере), а пользователь будет попадать на них по ссылкам с основной страницы. Содержимое файла Web-страницы заключается в тег <HTML> . . .</HTML> - это указывает браузеру, что текст представляет собой HTML-документ, содержит в себе теги, которые браузер должен выявить, распознать и правильно интерпретировать. Внутри этого контейнера обычно располагаются только листинги скриптов, если они имеются на данной странице. [6, c.25]
Язык HTML всегда развивался в ходе дискуссии между разработчиками браузеров, авторами Web-страниц, разработчиками стандартов и другими людьми, которые сначала заинтересовались этим "разговором об угловых скобках", а потом и включились в него сами. Большинство успешных версий HTML представляют собой "ретроспецификации", стремящиеся одновременно актуализировать все то, что к моменту их выхода стало фактическим стандартом, и одновременно задать правильное направление дальнейшего развития. [7, c.31]
Интернет — страница обычно состоит из двух частей: заголовка (HEAD) и тела (BODY). Эта базовая структура в простейшем виде, ее можно наглядно показать.
<HTML> Начало тега HTML – документа
<HEAD> Начало тега заголовка
<TITLE> начало тега строки — названия страницы
… строка названия страницы
</TITLE> конец тега строки — названия страницы
</HEAD> конец тега заголовка
<BODY> начало тега тела страницы
… тело (всё содержимое) страницы
</BODY> конец тега тела страницы
</HTML> конец тега HTML – документа
Таким образом, чтобы превратить имеющийся текст в готовую Web-страницу, достаточно лишь заключить весь этот текст в тег <BODY>, добавить сверху строку-название, заключённую в «двойной» тег <HEAD><TITLE>… </TITLE> <HEAD/>, а потом всё это заключать в общий тег <HTML> … </HTML>, тогда браузер воспринимает такую запись совершенно правильно и выдаёт в своём окне необходимый текст.
Чтобы создать страницу, следует сначала использовать эти теги.
Указанная строка-название будет выводиться в заголовке окна браузера, когда данная страница будет в нём просматриваться, а также (уже после размещения этой страницы в Интернете) в списках, выдаваемых поисковыми серверами, и в списке «Избранное» браузера, если эта страница будет туда помещена. [6, c.25]
Вывод к первой главе
В процессе рассмотрения истории возникновения языка гипертекстовой разметки HTML, как средство создания гипертекстовых документов можно сделать вывод, что этот язык является основой построения сайтов. В него должны входить стандартные элементы: заголовки, параграфы, списки. Этот язык очень четко описывает структуру данных, которые необходимо отразить на странице WEB – браузера. Для написания сайта на языке HTML используется определенная структура и набор определенных команд-тегов.
Глава 2. Создание Web- страниц с помощью языка HTML
Для того, чтобы сайт был удобен в использовании, нужно начинать с основ языка HTML, иными словами создавать сайт с нуля. Сейчас помимо HTML созданы другие языки программирования, на основе которых строиться основная часть сайтов, например PHP, PITON и т. п. В использовании они просты и удобны, избавляют от рутинной деятельности. Но для того, чтобы пользоваться этими языками программирования со стороны сервера, создавать сайты автоматически, нужно изучит HTML. [9, c.3]
2.1. Размещение и оформление текста
HTML-документы могут быть созданы при помощи любого текстового редактора или специализированных HTML-редакторов и конвертеров. Выбор редактора, который будет использоваться для создания HTML-документов, зависит исключительно от понятия удобства и личных пристрастий каждого автора. [14]
Для разработки web-страниц сайта можно использовать следующие инструментальные средства.
1) Текстовые редакторы для работы с “чистым” HTML-кодом. Поскольку HTML-документ представляет собой текстовый файл, его можно подготовить в простейшем текстовом редакторе, например, в блокноте (notepad), но при этом все команды разметки придется вводить вручную.
2) Программные средства, которые имеют специальные встроенные компоненты для конвертирования данных, созданных в этих продуктах, в HTML формат. Например, программы широко используемого пакета MS Office, начиная с версии 97, позволяет сохранить документ в формате HTML. При этом сохраняются, насколько это возможно, особенности форматирования символов и абзацев, изображения, таблицы, списки и так далее. Многие современные графические редакторы предоставляют возможность сохранить коллекцию картинок в виде HTML-документа. Надо отметить, что при таком конвертировании исходный текст HTML-документа получается крайне избыточным и нуждается в коррекции.
3) Специализированные программные средства - web-редакторы, предназначенные специально для разработки web-сайтов.
Применение современного программного обеспечения при разработке web-сайтов [3, c.26]
Основные положения
Основу HTML-документов составляют обычные текстовые файлы, отдельные символы в которых представлены в ASCII-кодировке. Эти файлы доступны для просмотра и редактирования в любом редакторе текстов. Отличием HTML-издания от обычного текста является то, что в нем присутствуют специальные команды - теги, которые указывают правила форматирования документа. Недостатком этого формата является чувствительность к используемым в издании шрифтам: отсутствие нужного шрифта на пользовательском компьютере вызывает затруднения при просмотре документа, связанные с необходимостью замены отсутствующей шрифтовой гарнитуры. [12,c.119]
Все тэги HTML начинаются с "<" (левой угловой скобки) и заканчиваются символом ">" (правой угловой скобки). Как правило, существует стартовый тэг и завершающий тэг. Для примера приведем тэги заголовка, определяющие текст, находящийся внутри стартового и завершающего тэга и описывающий заголовок документа: <TITLE> Заголовок документа </TITLE>
Завершающий тэг выглядит также, как стартовый, и отличается от него прямым слэшем перед текстом внутри угловых скобок. В данном примере тэг <TITLE> говорит WEB-браузеру об использовании формата заголовка, а тэг </TITLE> - о завершении текста заголовка.
Некоторые тэги, такие, как <P> (тэг, определяющий абзац), не требуют завершающего тэга, но его использование придает исходному тексту документа улучшенную читаемость и структурируемость.
HTML не реагирует на регистр символов, описывающих тэг, и приведенный ранее пример может выглядеть следующим образом: <title> Заголовок документа </title>
Дополнительные пробелы, символы табуляции и возврата каретки, добавленные в исходный текст HTML-документа для его лучшей читаемости, будут проигнорированы WEB-браузером при интерпретации документа. HTML-документ может включать вышеописанные элементы только если они помещены внутрь тэгов <PRE> и </PRE>.
Структура документа
Когда WEB-браузер получает документ, он определяет, как документ должен быть интерпретирован. Самый первый тэг, который встречается в документе, должен быть тэгом <HTML>. Данный тэг сообщает WEB-браузеру, что ваш документ написан с использованием HTML. Минимальный HTML-документ будет выглядеть так: <HTML> ...тело документа... </HTML> [15]