РАЗМЕЩЕНИЕ ИНФОРМАЦИИ В ИНТЕРНЕТ РАЗРАБОТКА WEB-ПРИЛОЖЕНИЙ. - презентация

1 РАЗМЕЩЕНИЕ ИНФОРМАЦИИ В ИНТЕРНЕТ РАЗРАБОТКА WEB-ПРИЛОЖЕНИЙ

2 Язык HTML HTML (Hyper Text Markup Language) - язык разметки гипертекстовых документов. Язык разметки гипертекстовых документов HTML представляет собой совокупность команд, называемых тегами (от английского tag). Назначение HTML-тегов Форматирование текста; Форматирование таблиц и списков; Организация ссылок на другие ресурсы; Описание фреймов; Вставка изображений и расширений HTML.

3 Формат HTML–тегов HTML-тег записывается в угловых скобках и состоит из имени, за которым может следовать список атрибутов. Атрибуты – элементы, дающие браузеру дополнительную информацию об отображении размещаемой информации. Большинство тегов имеют два компонента: открывающий и закрывающий (парные теги). Закрывающий компонент имеет то же название, но при записи перед названием ставится символ « / ». Общий вид парного тега: текст Пример: Пробная страница Существуют также непарные теги. Общий вид непарного тега: Пример: Общий вид тега с атрибутами: текст Пример: Проба

4 Структура HTML-документа Заголовок Тело Программа

5 Пример простейшего HTML-документа Пример HTML-документа Hello!!! Тег указывает программе просмотра страниц что это HTML документ. Тег определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается тег названия документа. Тег - тег названия документа. Текст внутри него отображается не на странице, а как заголовок окна браузера. Тег определяет видимую часть документа. В этом разделе располагается вся содержательная часть документа (текст статьи, фотографии, формы для заполнения, другие объекты). Атрибут bgcolor устанавливает цвет фона документа, используя значение цвета в виде RGB (возможно использование константы цвета, например yellow).

6 Названия основных цветов и значения RGB Чувствительность к регистру При написании имен тегов, атрибутов и большинства значений атрибутов язык HTML нечувствителен к регистру. Например, можно написать TITLE, или Title, или title, или даже tItLE.

7 Теги форматирования текстовых фрагментов Курсив Жирный шрифт Подчеркнутый текст заголовок 1-го уровня (самый большой)... заголовок 6-го уровня (самый маленький) перевод строки (непарный) для рисования горизонтальной черты в качестве разделителя (непарный) определяет выводимый шрифт, его цвет и размер(парный) Атрибуты: color - цвет текста face - гарнитуру шрифта size - размер текста в пределах от 1 до 7, где 1 - самый мелкий шрифт. По умолчанию равен 3 начало нового параграфа (абзаца)(парный) Атрибут: align - выравнивает параграф относительно одной из сторон документа, значения: left, right, или center парные теги

8 Встраивание в документ иллюстраций Графические форматы GIF - Graphic Interchange Format. При сохранении изображения в этом формате количество используемых цветов не превышает 256. JPEG (JPG) - Joint Photography Experts Group. Этот формат допускает сохранение изображений, содержащих миллионы цветов. - тег для внедрения графики на страницу Атрибуты src - обязательный атрибут, указывающий URL рисунка. align - выравнивает изображение к одной из сторон документа: left - по левому краю right - по правому краю center - по центру bottom - по нижнему краю top - по верхнему краю middle – посередине. alt - выводит текст к картинке. Полезно, если браузер не отображает графику на странице border - устанавливает толщину рамки вокруг изображения в пикселах. По умолчанию рамка не используется. height - высота картинки в пикселах или процентах. Желательно явно устанавливать этот параметр для ускорения загрузки страницы браузером. hspace - определяет размер свободного места в пикселах слева и справа от изображения. vspace - определяет размер свободного места в пикселах сверху и снизу от изображения. width - ширина картинки в пикселах или процентах. (Желательно устанавливать явно).

9 Использование списков Виды списков – нумерованные и маркированные. и - для маркированного списка Атрибут: type - тип маркера disk - закрашенный кружок (по умолчанию) circle - незакрашенный кружок square - квадратик и - для нумерованного списка Атрибуты: type - тип маркера A - заглавные буквы a - строчные буквы I - заглавные римские цифры i - строчные римские цифры 1 - арабские цифры (по умолчанию) start - начальное значение для нумерованного списка при использовании арабских цифр - элементы списка (непарный) Элемент любого списка может содержать в себе другой список любого вида (число уровней формально не ограничено)

10 Организация ссылок Гипертекст позволяет осуществлять мгновенный переход от одного фрагмента текста к другому. Для создания гипертекста (гиперссылок) служит тег. Закрывающий тег обязателен. Атрибут href - задает URL ресурса, на который должен перейти пользователь, щелкнув по ссылке. Атрибут может указывать как на внешний документ, так и на документ, расположенный в той же папке, что и исходный файл (в этом случае в достаточно указать имя файла – его относительный адрес). Документы одного сайта рекомендуется связывать относительными ссылками, чтобы не потерять их при перемещении с одного компьютера на другой. Пример: текст В качестве ссылки может использоваться графический элемент или комбинация текста и графики. Примеры: страница 2