Создание и ввод в эксплуатацию сайта, как платформы для веб-приложения, Проектирование и разработка сайта, Средства разработки, Язык гипертекстовой разметки HTML - Компьютерная лингвистика в образовательной среде
Проектирование и разработка сайта
Средства разработки
Язык гипертекстовой разметки HTML
В Интернете сосредотачивается и передается достаточно большое количество информации. Возможность ее распространения осуществляется за счет протоколов прикладного уровня, позволяющих пересылать гипертекстовую информацию, файлы, почту и т. д. Одним из популярных сервисов для передачи и хранения данных стал WorldWideWeb (WWW).
Всемирная Паутина (или WWW) - это большой объем информации, доступ к которым осуществляется посредством Web-браузеров. Данные технологии предоставляют возможность создавать страницы, связывать их друг с другом или с другими ресурсами в сети, используя при этом гиперссылки.
WWW базируется на "3 китах":
- - URL (UniformRecourseLocator, Унифицированный указатель ресурса) - HTTP (HyperTextTransferProtocol, Протокол передачи гипертекста) - HTML (Hyper Text Mark-Up Language, Язык разметки гипертекста) (http://www. w3.org/)
URL - индивидуальный адрес различных ресурсов в сети Интернет. Каждая страница уникальна, путь состоит из названия протокола - http, затем двоеточие и две дробные черты, имя сервера (например: politic. kwido. net), дробная черта "/" в качестве пути к ресурсу.
HTTP - протокол, осуществляющий распространение информации между компьютером и сервером, компьютером и клиентом. Как правило, пользователю необязательно знать особенности протокола, чтобы работать с информацией.
HTML (HyperTextMarkupLanguage, язык разметки гипертекста) задает структуру содержимого и его смысл, определяя такой контент как, к примеру, заголовки, абзацы или изображения. [Шей Хоу, 2016: 15]
Семантика HTML не что иное, как особый способ представления структуры информации при использовании соответствующих элементов. Код семантики служит для описания содержимого и не зависит от внешнего стиля и вида. Преимущества данного способа разметки - адекватное прочтение поисковой системой, компьютером или любым другим электронным ридером содержимого веб-страницы, а также разделение фрагментов контента для дальнейшей работы с ними.
Подробнее разберем элементы обработки информации в языке HTML:
<div> и <span> (существуют исключительно в целях стилизации).
Основная функция данных тегов - контейнер. Они не несут за собой смысла и глобального значения, однако используются как проводники стиля к содержимому контейнера.
- - является блочным элементом. используется для обозначения большой группы информации, позволяя сконструировать макет и спроектировать дизайн веб-страницы. - строчный элемент. используется для обозначения небольших групп текста внутри элемента
Обычно данные элементы используются в совокупности с атрибутами class или id для стилизации страницы.
Текст является преобладающим видом информации на веб-странице. Именно поэтому у данной категории существует целый набор различных элементов для размещения и стиля. Наиболее популярные касаются таких частей, как заголовки, абзацы, жирное или курсивное выделение отдельных частей.
Заголовки (блочные элементы).
Имеют 6 различных рангов (<h1> - <h6>). Они помогают разделить содержимое на части и установить иерархию. Служат особыми индикаторами как для пользователей, так и для поисковой системы, определяющей содержание веб-страницы.
Необходимо соблюдать порядок использования тегов. Так, основной заголовок обязательно будет заключен в элемент <h1>. Каждый последующий уровень используется с семантическим смыслом, а не служит для выделения текста заголовка.
Абзацы. Определяются блочным элементом <p>. Следуют один за другим, помогают более наглядно структурировать текст, позволяя применять разные стили к отдельным его частям.
Жирный текст (<strong> или <b>). Существует для привлечения внимания к тексту.
<strong>Используется для выделения "сильного" значения текста.
<b>Служит для выделения незначительных, не заслуживающих внимания частей.
Курсивный текст(<em>или <i>). Расставляет особые акценты в тексте.
<em> - наиболее популярный вариант курсива. Применяется для сильного акцентирования.
<i> - используется для текста в кавычках, для передачи текста, написанного другим тоном.
Представленные выше элементы существуют для незначительной обработки текста. Что касается структуры ("шапка", "статья", "подвал" и др.), здесь используется следующий набор элементов:
Достаточно продолжительное время за структуру страницы отвечали контейнеры <div> и <span>, передавая семантическое значение, но не отражая смысл разделяемых частей.
В 5 версию HTML были введены новые базовые элементы, отвечающие за структуру: <head>, <body>, <nav>, <article>, <section>, <aside> и <footer> и др. Они не имеют позиции или стиля, так как используются в качестве блочных элементов. Могут быть использованы неограниченное количество раз.
<head> Служит для обозначения верхней части какого-либо элемента (статьи, страницы и т. д.). Может содержать заголовок, вводный текст, а также навигацию, но стоит помнить, что для последнего существует отдельный элемент:
<nav> - блок ведущих ссылок на странице. Отображает исключительно главные разделы навигации. Внутри данного элемента могут быть всевозможные одноразовые ссылки, но их использование обязательно должно сопровождаться элементом <a>.
<body> Используется для обозначения общего раздела, может содержать в себе все "тело" сайта, включая заголовки. Функция данного элемента частично схожа с <div>, но имеет более глобальную направленность. Шей Хоу "Знакомство с HTML" 2016.
Похожие статьи
-
Автоматизированное извлечение текстов для корпуса политических статей сайта Lenta. ru Для создания полезного обучающего корпуса требуется постоянное...
-
Разработка сайта, Среда разработки web-сайта - Разработка сайта для компании
Среда разработки web-сайта При разработке web-сайта используются: - HTML - язык разметки web-страниц; - CSS - формальный язык описания внешнего...
-
Проектирование упражнения. Создание списка основных политических терминов. Поиск и разметка терминов в полученном корпусе После создания корпуса статей...
-
При извлечении текста из Интернета, он не имеет никой разметки и представлен в виде сплошного набора предложений. Для дальнейшего использования...
-
Язык разметки XML - Компьютерная лингвистика в образовательной среде
XML - это расширяемый язык разметки (ExtensibleMarkupLanguage). Был разработан в соответствии с основными требованиями сервера WWW. Является достаточно...
-
HTML - Разработка сайта рекламного агентства "ART"
HTML (HyperText Markup Language) - язык разметки (маркировки) гипертекста. Гипертекст своим развитием обязан интернету, хоть и создавался он совсем не...
-
Шаблоны сайта Bootstrap3 Веб-дизайн является одним из основных элементов в процессе создания сайта. Именно от него зависит, насколько удобно и комфортно...
-
Корпусная лингвистика и ее применение в области преподавания иностранного языка "Корпусная лингвистика - раздел компьютерной лингвистики, занимающийся...
-
Структура сайта - Компьютерная лингвистика в образовательной среде
Структура сайта разработана в соответствии с основными требованиями к веб-приложению. (Рис.3) Содержит в себе 3 основные страницы (одна из которых...
-
Разработка графической части На данном этапе создания веб-сайта для рекламного агентства "ART", был разработан дизайн подобающе данной тематике. Стиль...
-
При проектировании упражнения встал вопрос о его реализации. Было необходимо найти такой метод, который не только соответствовал основным требованиям...
-
Создание веб-сервера - Компьютерная лингвистика в образовательной среде
Завершающий шаг в создании и введении в эксплуатацию сайта - выбор и настройка веб-сервера, принимающего HTTP-запросы от клиентов (веб-браузеров), и...
-
Каскадные таблицы стилей CSS - Компьютерная лингвистика в образовательной среде
Язык CSS отвечает за стиль в том или ином документе. Он используется для того, чтобы придать страницам на HTML -- фундаментальном языке WWW --...
-
За структуру HTML-документа отвечают следующие теги: <HTML> - в данном контейнере находится все содержимое HTML-документа. <HEAD> - содержит...
-
1.1 Анализ существующих программных агентов Согласно классическому определению, программный агент -- это программа-посредник. Эти посредники...
-
Для того, чтобы на сервере можно было запустить файлы с расширением. py, необходимо выполнить несколько операций: 1) Для работы с виртуальным окружением...
-
2.1 Среды разработки для построения программных агентов Инструментальные средства разработки программных агентов формируют среду, которая оптимизирована...
-
Для программирования агентов могут применяться: универсальные языки (Java, C++ , Visual Basic и др.), языки представления знаний (SL, KIF), языки...
-
Разработать и создать аналог системной утилиты "Диспетчер задач" по дисциплине "Системное программирование". "Диспетчер задач" должен содержать следующие...
-
Лингвистический процессор GATE GATE представляет собой инфраструктуру для разработки и развертывания компонентов программного обеспечения, которые...
-
Сервисы сайта - Создание сайта
Сервисы сайта направлены на облегчение использования сервисов компании. Так, например, онлайн-консультация позволяет пользователю быстро получить ответ...
-
CSS - Разработка сайта рекламного агентства "ART"
CSS (Cascading Style Sheets) - это еще один язык программирования, называемый еще формальным языком, который применяется для описания внешнего вида...
-
Что такое HTML. Hyper Text Markup Language (HTML) является стандартным языком, предназначенным для создания гипертекстовых документов в среде WEB....
-
Основные конструкции для разработки базы данных - База данных "Кинотеатр"
База данных - это организованная структура, предназначенная для хранения информации. Систему управления базой данных (СУБД) можно определить, как...
-
Редакторы HTML - Компьютерные сети
- Adobe Dream Weaver; - Microsoft Expression Web; - SharePoint Designer (бесплатный); - Web Development Studio (бесплатная); - Word; - Microsoft Front...
-
МЕТОДЫ ДОСТУПА К ПЕРЕДАЮЩЕЙ СРЕДЕ В ЛВС - Компьютерные сети и телекоммуникации
Несомненные преимущества обработки информации в сетях ЭВМ оборачиваются немалыми сложностями при организации их защиты. Отметим следующие основные...
-
Adobe Dreamweaver Adobe Dreamweaver - это HTML-редактор от компании Adobe, который на сегодняшний день очень известный. Первая его версия была выпущена в...
-
2.2 Модель программного агента ресурсов - Средства для создания программных агентов
Программный агент в мультиагентной системе имеет свое описание в виде BDI модели, которая содержит его знания, планы и цели, которые агент выполняет по...
-
Описание входной и выходной информации "Учет продаж футбольной атрибутики и спортивных товаров". Входная информация задачи: 1. Условно постоянная...
-
1.4 Средства спецификаций типовых моделей - Средства для создания программных агентов
Рассмотрим типовую модель, которая получила название Reticular Agent Mental Model (RAMM) и является развитием модели Шохама (Shoham), где все действия...
-
Общие требования Прежде чем начинать формулировать требования к пользовательскому интерфейсу, было принято решение, что необходимо ознакомиться с...
-
Введение - Разработка веб-редактора для описания лексико-семантических шаблонов на визуальном языке
Объем неупорядоченной и неструктурированной текстовой информации неуклонно растет, поэтому задача ее быстрой и качественной обработки актуальна сегодня...
-
Гражданский кодекс Российской Федерации в части четвертой регулирует вопросы охраны результатов интеллектуальной деятельности и средств индивидуализации....
-
Защита персональных данных регламентируется Федеральным Законом РФ № 152-ФЗ "О персональных данных", принятым 27 июля 2006 года. Целью настоящего...
-
Несмотря на то, что к IoT Hub можно подключиться напрямую, используя протоколы HTTP или AMQP), Microsoft также предоставляет разные SDK для разных языков...
-
Разработка интеграционных платформ началась одновременно с исследованием и развитием Интернета Вещей. Это происходило по той причине, что сама концепция...
-
Основные компоненты и структура приложения Прежде чем приступить к установке и настройке среды программирования, построению технического задания и...
-
Проблема безопасности С подключением все большего количества устройств к интернету возникает больше возможных уязвимостей с точки зрения безопасности....
-
Информационная система (ИС) ГИБДД должна обеспечивать хранение информации об автомобилях (марка, номер кузова, номер двигателя, цвет кузова, гос. номер),...
-
Постановка задач на проектирование Мотивация: В настоящее время есть возможность улучшить эффективность управлением временем и коммуникацией между...
Создание и ввод в эксплуатацию сайта, как платформы для веб-приложения, Проектирование и разработка сайта, Средства разработки, Язык гипертекстовой разметки HTML - Компьютерная лингвистика в образовательной среде