Главная страница
Навигация по странице:

  • 1. Характеристика использования компьютерных систем в перевозках на водном транспорте

  • Список использованных источников

  • Приложение А Работа HTML Приложение Б

  • HTML- язык. Содержание Введение Характеристика использования компьютерных систем в перевозках на водном транспорте html язык разметки гипертекста Webстраниц Заключение Список использованных источников Приложения Введение


    Скачать 0.59 Mb.
    НазваниеСодержание Введение Характеристика использования компьютерных систем в перевозках на водном транспорте html язык разметки гипертекста Webстраниц Заключение Список использованных источников Приложения Введение
    Дата26.04.2018
    Размер0.59 Mb.
    Формат файлаdocx
    Имя файлаHTML- язык.docx
    ТипРеферат
    #42233

    Содержание

    Введение…………………………………………………………………………...3

    1.Характеристика использования компьютерных систем в перевозках на водном транспорте………………………………………………………………..4

    2. HTML- язык разметки гипертекста Web-страниц……………………………8

    Заключение……………………………………………………………………….17

    Список использованных источников…………………………………………...18

    Приложения…………………………………………………........…………….. 19

    Введение

    Компьютеры и компьютерные сети – важная часть сегодняшнего мира, а область их применения охватывает буквально все сферы человеческой деятельности. Последние два десятилетия характеризуются динамичным развитием сетевых технологий. Это связано с широкой популярностью, пришедшей к Интернету, развитием веб-технологий, электронной почты, потокового аудио и видео, систем обмена сообщениями в реальном времени и т. п.

    Цель работы – изучить характеристику использования компьютерных систем в перевозках на водном транспорте; HTML- язык разметки гипертекста Web-страниц.


    1. Характеристика использования компьютерных систем в перевозках на водном транспорте

    Компьютерные сети, называемые также сетями передачи данных, появились в конце 1960-х гг., и являются результатом развития компьютерных и телекоммуникационных технологий. Компьютерная сеть образуется при физическом соединении (проводном или беспроводном) двух или более компьютеров для передачи данных между ними.

    Главной целью объединения вычислительных устройств в сеть является удаленный доступ к разделяемым ресурсам: пользователи компьютеров, подключенных к сети, или приложения, выполняемые на этих компьютерах, получают возможность доступа к разнообразным ресурсам других компьютеров сети, находящихся на расстоянии.

    К таким разделяемым ресурсам относятся: периферийные устройства (принтеры, плоттеры, сканеры и др.); данные, хранящиеся в оперативной памяти или на внешних запоминающих устройствах; вычислительная мощность (за счет удаленного запуска своих программ на чужих компьютерах).

    Перечень и элементы основных подсистем бассейновых сетей определяются для каждого пункта управления на стадии составления технического задания исходя из структуры управления объектами в бассейне.

    Общий и достаточный перечень подсистем включает [4]:

    -первичную цифровую сеть;

    - сеть передачи данных (СПД) и телематических служб;

    - цифровые УПАТС и АТС;

    - систему управления движением судов (СУДС), автоматические идентификационные системы (АИС), мониторинг судов и видео- наблюдение;

    - аудио- и видеоконференцсвязь;

    - УКВ- и КВ-радиосвязь;

    - диспетчерскую связь



    Рисунок 1 – сети связи бассейна с использованием спутниковых терминалов [4]

    Для бассейнов единой глубоководной системы внутренних водных путей (ЕГС ВВП) России первичная сеть обоих уровней организуется на базе сетей операторов «ТрансТелеКом» и «Ростелеком». Включение узлов доступа в общую сеть осуществляется с помощью местных соединительных ВОЛС, коротких радиорелейных линий или оборудования радиодоступа. Для бассейнов Восточной и Северо-Восточной России, в которых отсутствуют наземные цифровые сети других операторов, магистральная и бассейновая части первичной сети создаются с помощью стационарных спутниковых терминалов, которые включаются в общую ИТСС через основной бассейновый узел связи (БУС) и телепорт в Москве.

    В данном варианте отпадает необходимость строительства цифровых соединительных линий в городских условиях.

    На рисунке 1 показана конфигурация спутниковых станций для формирования первичной сети удаленных бассейнов. Станции оснащены антеннами диаметром 1,8 м и передатчиками мощностью 2 Вт, а также многофункциональной платформой, которая обеспечивает обмен данными в IP-сетях, общественную и корпоративную телефонию.

    В составе платформы имеются платы для включения ЛВС, СУДС, АИС, АТС, базовых радиостанций и плата обеспечения режима mesh-связи «каждый с каждым». Данная комплектация обеспечивает работу любого узла нижнего уровня бассейна. Основной БУС и узлы с выходом на телефонную сеть общего пользования дополнительно комплектуются шлюзовой платформой GateWay, которая поддерживает соединение по Е1 с СОП и работу в IP-сети передачи данных. БУС в любом регионе выполняет две функции: узла доступа ИТСС верхнего уровня и узла доступа ИТСС бассейнового уровня [4].

    Рисунок 2 - Подсистема сети передачи данных [4]

    В каждом узле доступа осуществляется подключение в сеть передачи данных технологических подсистем: СУДС и АИС, видеонаблюдения за гидросооружениями, локальных сетей, видеоконференций и логистики. Подключение производится через коммутаторы ЛВС и модемы.

    На основном бассейновом узле связи устанавливается дополнительное сетевое оборудование: шлюзовая платформа GateWay, серверы тарификации и биллинга, телематических служб, защитный сетевой экран, рабочие станции центра управления (ЦУ) сетью. Безопасная и эффективная передача данных в магистральной сети осуществляется по протоколу MPLS (Multi Protocol Label Switching) за счет коммутации IP-пакетов, содержащих дополнительные байты данных с информацией о маршруте их следования. Эта технология позволяет объединить функции коммутации и маршрутизации трафика в рамках IP-сети, что увеличивает эффективность и скорость передачи IP-пакетов.


    2. HTML- язык разметки гипертекста Web-страниц

    HyperText Markup Language (HTML) – язык разметки гипертекста – предназначен для написания гипертекстовых документов, публикуемых в World Wide Web [1].

    Гипертекстовый документ – это текстовый файл, имеющий специальные метки, называемые тегами, которые впоследствии опознаются браузером и используются им для отображения содержимого файла на экране компьютера. С помощью этих меток можно выделять заголовки документа, изменять цвет, размер и начертание букв, вставлять графические изображения и таблицы. Но основным преимуществом гипертекста перед обычным текстом является возможность добавления к содержимому документагиперссылок– специальных конструкций языка HTML, которые позволяют щелчком мыши перейти к просмотру другого документа.

    Существует два способа создания гипертекстовых документов. Можно воспользоваться одним из WYSIWYG HTML-редакторов (например, Microsoft FrontPage, или др.), для работы с которыми не требуется специальных знаний о внутренней структуре создаваемого документа. Этот способ позволяет создавать документы для www без знания языка HTML. HTML-редакторы автоматизируют создание гипертекстовых документов, избавляют от рутинной работы.

    Однако их возможности ограничены, они сильно увеличивают размер получаемого файла и не всегда полученный с их помощью результат соответствует ожиданиям разработчика. Но, безусловно, этот способ незаменим для новичков в деле подготовки гипертекстовых документов.

    Альтернативой служит создание и разметка документа при помощи обычного редактора текста (NotePad). При этом способе в текст вручную вставляются команды языка HTML. Создавая документы таким способом, вы точно знаете, что делаете.

    HTML-документ содержит символьную информацию. Одна ее часть - собственно текст, т. е. данные, составляющие содержимое документа. Другая – теги (markup tags), называемые такжефлагами разметки, – специальные конструкции языка HTML, используемые для разметки документа и управляющие его отображением. Именно теги языка HTML определяют, в каком виде будет представлен текст, какие его компоненты будут исполнять роль гипертекстовых ссылок, какие графические или мультимедийные объекты должны быть включены в документ [2].

    Графическая и звуковая информация, включаемая в HTML-документ, хранится в отдельных файлах. Программы просмотра HTML-документов (браузеры) интерпретируют флаги разметки и располагают текст и графику на экране соответствующим образом. Для файлов, содержащие HTML-документы, приняты расширения .htm или .html.

    Прописные и строчные буквы при записи тегов не различаются.В большинстве случаев теги используются парами. Пара состоит из открывающего (start tag) и закрывающего (end tag) тегов. Синтаксис открывающего тега [1]:

    <имя_тега [атрибуты]>

    Прямые скобки, используемые в описании синтаксиса, означают, что данный элемент может отсутствовать. Имя закрывающего тега отличается от имени открывающего лишь тем, что перед ним ставится наклонная черта:



    Атрибуты тега записываются в следующем формате:

    имя[="значение"]

    Кавычки при задании значения аргумента не обязательны и могут быть опущены. Для некоторых атрибутов значение может не указываться. У закрывающего тега атрибутов не бывает.

    Действие любого парного тега начинается с того места, где встретился открывающий тег и заканчивается при встрече соответствующего закрывающего тега. Часто пару, состоящую из открывающего и закрывающего тегов, называют контейнером, а часть текста, окаймленную открывающим и закрывающим тегом, – элементом.

    Последовательность символов, составляющая текст, может состоять из пробелов, табуляций, символов перехода на новую строку, символов возврата каретки, букв, знаков препинания, цифр, и специальных символов (например, +, #, $, @), за исключениемследующих четырех символов, имеющих в HTML специальный смысл: < (меньше), > (больше), & (амперсенд) и " (двойная кавычка). Если необходимо включить в текст какой-либо из этих символов, то следует закодировать его особой последовательностью символов.

    Самым главным из тегов HTML является одноименный тег – . Он должен всегда открывать ваш документ, так же, как тег должен непременно стоять в последней его строке. Эти теги обозначают, что находящиеся между ними строки представляют единый гипертекстовый документ. Без этих тегов браузер или другая программа просмотра не в состоянии идентифицировать формат документа и правильно его интерпретировать.

    Закрывающий тег так же важен, как и открывающий. Если, например, документ включен в электронное письмо, тег дает команду программе просмотра прекратить интерпретацию текста, как HTML-кода.

    HTML-документ состоит из двух частей: заголовок (head) и тело (body), расположенных в следующем порядке [1]:







    ...

    и не только обозначает начало содержимого документа, но и задает его основные свойства: цвет фона, текста и многое другое. Эти свойства определяются с помощью атрибутов, которые приведены в таблице.

    Таблица 1 – Атрибуты [2]

    Атрибут

    Назначение

    ALINK

    Определяет цвет активной ссылки

    BACKGROUND

    Указывает на URL-адрес изображения, которое используется в качестве фонового

    BGCOLOR

    Определяет цвет фона документа

    LINK

    Определяет цвет непосещенной ссылки

    ТЕХТ

    Определяет цвет текста

    VLINK

    Определяет цвет посещенной ссылки


    Определение цвета составных частей документа – один из первых шагов в его создании. Если этого не сделать, то будут использоваться цвета по умолчанию, определяемые установками браузера. Не существует каких-либо правил создания хорошо сбалансированной цветовой палитры документа. Нужно лишь заботиться о том, чтобы можно было прочитать текст, не испытывая при этом неудобств. При выборе цветовой палитры старайтесь поддерживать высокую контрастность текста и фона и избегайте соседства областей с близкими цветами.

    Цвет может быть задан названием (например, green) или шестнадцатеричным числом, определяющим цвет в модели RGB. Эта цветовая модель базируется на определении цвета как композиции трех основных оттенков цвета: красного (Red), зеленого (Green) и синего (Blue). Каждая компонента задается двузначным шестнадцатеричным числом (т. е. изменяется от 00 до FF). Затем эти значения объединяются в одно число, перед которым ставится символ # (большинство современных браузеров может распознать цвет и без указания символа #).

    Таблица 2 - Стандартные цвета вместе с их кодами [3]

    Цвет

    Код

    Цвет

    Код

    black (черный)

    #000000

    silver (серебряный)

    #C0C0C0

    maroon (темно-бордовый)

    #800000

    red (красный)

    #FF0000

    green (зеленый)

    #008000

    lime (известь)

    #00FF00

    olive (оливковый)

    #808000

    yellow (желтый)

    #FFFF00

    navy (темно-синий)

    #000080

    blue (синий)

    #0000FF

    purple (фиолетовый)

    #800080

    fuchsia (фуксия)

    #FF00FF

    teal (сине-зеленый)

    #008080

    aqua (аква)

    #00FFFF

    gray (серый)

    #808080

    white (белый)

    #FFFFFF


    Язык HTML предполагает, что автор документа ничего не знает о компьютере своего читателя. Читатель вправе установить любой размер окна и пользоваться любым из имеющихся у него шрифтов. Это означает, что место переноса в строке определяется только программой просмотра и установками конечного пользователя. Символы перевода строки оригинального документа игнорируются, в результате чего текст, отлично смотревшийся в окне вашего редактора, может превратиться в сплошной неудобочитаемый текст в окне программы просмотра.

    Избежать этой неприятности позволяет разделение на абзацы при помощи тега <Р>.Разместите его в начало каждого абзаца, и программа просмотра отделит абзацы друг от друга пустой строкой. Использование закрывающего тега
    необязательно. Несколько стоящих подряд тегов<Р> не дают дополнительного пространства между абзацами.

    Иногда требуется «разорвать» текст, перенеся его остаток на новую строку, при этом не выделяя нового абзаца. Для этого используется тег разрыва строки
    .Он заставляет программу просмотра выводить стоящие после него символы с новой строки. В отличие от тега абзаца, тег
    не добавляет пустую строку. У этого тега нет парного закрывающего тега.

    Другим методом разделения документа на части является проведение горизонтальных линий. Они визуально подчеркивают законченность той или иной области страницы. Тег
    позволяет провести рельефную горизонтальную линию в окне большинства программ просмотра. Этот тег не требует закрывающего тега. До и после линии автоматически вставляется пустая строка.

    Хотя язык HTML включает теги для достижения различных шрифтовых эффектов (полужирный шрифт, курсив, подчеркнутый шрифт), не все браузеры их поддерживают. Однако все браузеры поддерживают тот или иной способ выделения текста. Поэтому использование логического форматирования текста в любом случае приведет к выделению программой просмотра различных частей текста и выявит структуру документа.

    Название документа, задаваемое с помощью тега , не выводится на экран как часть документа. Чтобы отобразить название используется один из тегов заголовка. Заголовки в типичном документе разделяются по уровням. Язык HTML позволяет задать шесть уровней заголовков:H1(заголовок первого уровня),Н2, Н3, H4, Н5иH6. Заголовок первого уровня имеет обычно больший размер и насыщенность по сравнению с заголовком второго уровня.<br /><br />Одним из отличий HTML-документа от документа, подготовленного на печатной машинке, является возможность форматирования текста. Язык HTML позволяет автору документа выбрать понравившийся ему шрифт, подходящий размер букв, их цвет и начертание. За все эти параметры отображения текста отвечают теги физического форматирования. Они действуют на все символы, стоящие между открывающим и закрывающим тегами [1].<br /><br />После стартового тега обязательно указание атрибутов, без которых элемент не <a href="/referat-po-discipline-vvedenie-v-professionalenuyu-deyatelenos-vsem1/index.html" title="Реферат по дисциплине «Введение в профессиональную деятельность» на тему «Строение искусственных нейронных сетей»">оказывает никакого влияния на текст</a>, помещенный в контейнер.<br /><br />Атрибут FACE позволяет указать тип шрифта, которым программа просмотра выведет ваш текст (если таковым располагает пользователь). Если нужного шрифта нет, программа проигнорирует запрос и будет использовать шрифт, установленный по умолчанию.<br /><br />Этот атрибут позволяет указать как один, так и несколько шрифтов (через запятую). Весь список будет просмотрен слева направо и первый из имеющихся на машине пользователя будет использован для вывода документа.<br /><br />Атрибут SIZE служит для указания размера шрифта в условных единицах от 1 до 7. Считается, что размер "нормального" шрифта соответствует числу 3. Размер может быть как абсолютной величиной (SIZE=5), так и относительной (SIZE=+2). Во втором примере текущий размер шрифта увеличивается на 2 [1].<br /><br />Атрибут COLOR устанавливает цвет шрифта, который может быть задан как в формате RGB, так и указанием имени.<br /><br />Несмотря на то, что в состав HTML-документа входят самые различные компоненты, можно сказать, что гипертекстовые ссылки- основа www. Если бы Web-страницы не ссылались друг на друга, содержимое Web превратилось бы в обычный набор файлов, не связанных между собой.<br /><br />Для создания гипертекстовой ссылки используется пара тегов <a>.... Фрагмент текста, изображение или любой другой объект, расположенный между этими тегами, отображается в окне браузера как гипертекстовая ссылка. Активация такого объекта приводит к загрузке в окно браузера нового документа или к отображению другой части текущей Web-страницы. Гипертекстовая ссылка формируется с помощью выражения<br /><br />фрагмент документа<br /><br />HREFздесь <a href="/chto-iz-perechislennogo-yavlyaetsya-obyazatelenim-atributom-bi/index.html" title="Что из перечисленного является обязательным атрибутом бизнес-процесса?">является обязательным атрибутом</a>, значение которого и есть URL-адрес запрашиваемого ресурса. Кавычки в задании значения атрибутаHREFне обязательны.<br /><br />Текстовые указатели, т. е. фрагменты текста, являющиеся ссылками, не отличаются разнообразием внешнего вида. Обычно такой указатель представляет собой слово или слова, подчеркнутые прямой линией. Цвет указателя может регулироваться автором и установками программы просмотра.<br /><br />В настоящее время стандарты HTML поддерживают теги для списков трех различных видов: нумерованных (упорядоченных), маркированных (неупорядоченных) и списков определений. Списки и элементы списков являются блочными элементами. Это означает, что перед ними и после них автоматически добавляются пустые строки.<br /><br /><br /><b>Заключение</b><br /><br />В связи с быстрым развитием Web-программирования и создания множественных CMS, была облегчена работа Web-дизайнера. <br /><br />Теперь для создания многофункционального мощного динамического web портала достаточно освоить несколько языков программирования (если будем дописывать расширения и скрипты), умело владеть графическими и растровыми программами, немного вдохновения, инноваций и мастерства.<br /><br /><br /><b><span id='Список_использованных_источников'>Список использованных источников</span></b><br /><br />1. Которев Д. В, Костарев А.Ф. «PHP 5 или наиболее полное руководство в подлиннике.» Петербугр - 2015<br /><br />2. А. Гончаров «Самоучитель HTML».<br /><br />3. Велихов В. «Справочник по HTML 4.0»<br /><br />4.Сопряжение подсистем интегрированной технологической сети связи. Электронный ресурс – [Режим доступа]: http://www.initel.msk.ru/datadocs/doc_528fo.pdf<br /><br /><b><span id='Приложение_А_Работа_HTML__Приложение_Б'>Приложение А</span></b><br /><br /><b>Работа </b><b>HTML</b><br /><br /><img src="42233_html_m453bd491.png" name="рисунок 11" align=bottom width=590 height=417 border=0><br /><br /><b>Приложение Б</b><br /><br /><b>Структура </b><b>HTML </b><b>страницы</b><br /><img src="42233_html_m161c25c7.png" name="рисунок 12" align=bottom width=623 height=391 border=0></a>


    написать администратору сайта