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

  • Форматирование текста. Тэги оформления текста

  • Каскадные таблицы стилей.

  • Табличная разметка Web-страниц

  • ПОДГОТОВКА-К-ЭКЗАМЕНУ-МДК-01.01_ИНТЕРНЕТ. Материалы для подготовки к экзамену мдк 01. 01 Технологии создания и обработки цифровой мультимедийной информации


    Скачать 387.7 Kb.
    НазваниеМатериалы для подготовки к экзамену мдк 01. 01 Технологии создания и обработки цифровой мультимедийной информации
    Дата03.11.2022
    Размер387.7 Kb.
    Формат файлаpdf
    Имя файлаПОДГОТОВКА-К-ЭКЗАМЕНУ-МДК-01.01_ИНТЕРНЕТ.pdf
    ТипМатериалы для подготовки
    #768647
    страница3 из 3
    1   2   3
    Представление цвета
    На веб странице для смешения цветов используется различные значения целых чисел, процентов и шестнадцатеричных значений. В таблицах CSS3 также заложено ограниченное число цветов, которые обозначаются словесно – которыми можно пользоваться, осваивая другие методы смешения цветов.
    При смешении красок их соотношение иногда указывается в процентах.
    Разное соотношение красного, зелёного и синего будет давать разные цвета.
    Первое значение обозначает процент красного, второе – зелёного, третье – синего цвета. В сумме три процентных значения дают больше, чем 100%, поэтому указанное процентное значение является процентной долей от самого цвета, а не слагаемым суммы цветов. Значения можно указывать доста- точно точно, вплоть до дробных долей процентов.
    Ещё один способ указания цвета в процентах – модель цветовоспроизведения Тон- насыщенность-яркость (HLS, Hue-Saturation-Light).
    Существенным преимуществом данной модели является то, что параметр яркости симметричен.
    Это упрощает процесс настройки цвета.
    Цветовой круг представляется в виде компаса, где тона распределе- ны по окружности на 360 0
    Насыщенность – это степень красочности того или иного цвета.
    Стопроцентная насыщенность означает максимальную красочность тона данного цвета. При насыщенности, равной 0%, любой цвет в средней точке будет серым.

    Десятичные целые числа в системе RGB.
    Смешение цветов с помощью настройки значений rgb () состоит в следующем: вместо процен- тов, указать числовые значения от 0 до 255. Число 256 представляет собой количество возможных ком- бинаций битов в 8-битном байте. Данный способ основан на принципах хранений и обработки инфор- мации компьютером. Набор из трёх значений от 0 до 255 даёт 16 777 216 комбинаций.
    Шестнадцатеричные значения.
    Определение цвета с помощью буквенно-цифровых значений. Значение 6F001C насыщенный красный мокко. Если разобрать его на составляющие, то окажется, что данный цвет так же является смешением красного, зелёного и синего цветов. Шестнадцатеричные значения FF является наибольшим среди возможных значений двух цифр; аналогично и двоичное значение 11111111 – наибольшее из воз- можных значений из восьми цифр. Именно поэтому значения цветов присваивают в шестнадцатерич- ных числах. С помощью шести значений – по два на красный, зелёный и синий – все цвета могут быть заданы посредством шести шестнадцатеричных целых чисел.
    Форматирование текста. Тэги оформления текста
    BODY – основная часть страницы.
    В этом контейнере находиться содержимое страницы. Все атрибуты тэга body необязательные, так как их значения установлены в настройках браузера.
    Атрибуты тэга body:
    − bgcolor – цвет фона; например, bgcolor= «green» или bgcolor= «#cc99cc» – перед кодом цвета желательно ставить #;
    − text – цвет текста на странице, значение задаётся также как bgcolor;
    − background – фоновый рисунок – файл в формате gif или jpg;
    − topmargin – отступ сверху и снизу от границ окна браузера до начала страницы;
    − leftmargin – отступ слева и справа от границ окна браузера до начала страницы.
    DIV (division) – раздел страницы.
    В HTML используются только для выравнивания группы объектов по ширине страницы align = «center» | «right» | «left»; «left» – выравнивание по левому краю, right - выравнивание по правому краю, center – по центру; вместо < div align ="center” >…
    используют
    .
    H1, H2, H3, H4, H5, H6 (headings) – заголовки текста где х = [1 - 6] – шесть уровней заголовков, различающихся размером шрифта.
    Атрибут тэга H: align = «right center» |«center»| «left» – выравнивание заголовка на странице, необязательный ат- рибут.
    P (paragraph) – параграф текста.
    Отделяет параграф интервалами сверху и снизу. В HTML нет возможности сделать красную строку.
    Атрибут тэга Р(необязательный):
    align = «center» | «right»| «justify» | «left» – выравнивание параграфа; left – выравнивание по лево- му краю, right - выравнивание по правому краю, center – по центру, justify – по ширине страницы.
    BR (break) - разрыв строки.
    Аналогичен клавише Enter в текстовом редакторе, не имеет конечного тэга. Чтобы отделить па- раграфы текста, часто используют несколько BR. Не имеет атрибутов.
    B (bold) – полужирный текст.
    Не имеет атрибутов.
    I (italic) – курсивный текст.
    Не имеет атрибутов.
    FONT – шрифт.
    Атрибуты тэга font:
    − size – размер шрифта: либо абсолютный размер от 1 до 7, либо значение относительно размера, установленного в браузере, например +2 или -1; указывать в кавычках;
    − color – цвет символов, указывается в кавычках, 16-ричными цифрами, используется #;
    − face – шрифт, применяется только стандартные шрифты Arial, Verdana – шрифты без засечек,
    Times New Roman, Tahoma – шрифты с засечками, Courier – машинописный шрифт, можно использо- вать художественные шрифты из стандартного набора Windows, текст выделяется обычным шрифтом –
    Times New Roman.
    Списки.
    Списки предоставляют возможность упорядочить и систематизировать разные данные и пред- ставить их в наглядном и удобном для пользователя виде.
    Нумерованные списки.
    Элемент нумерованного списка начинается числом или его заменителем, после которого идёт знак пунктуации: точка или закрывающая скобка.
    Многоуровневые списки.
    В таких списках часто используется нарастающие абзацные отступы.
    В многоуровневых списках часто используются разные типы нумерации для разных уровней.
    Создание списков:
    − ненумерованный список начинается тегом
      и завершается тегом
    ;
    − нумерованный список начинается тегом
      и завершается тегом
    ;
    − элемент списка начинается тегом
  • и завершается тегом
  • ;
    − для создания многоуровневых списков несколько простых списков вкладываются друг в друга.
    Ссылки.
    Ссылки являются основой гипертекстовых документов и позволяют переходить с одной веб- страницы на другую. Особенность их состоит в том, что сама ссылка может вести не только на HTML- файлы, но и на файл любого типа, причем этот файл может размещаться совсем на другом сайте. Глав- ное, чтобы к документу, на который делается ссылка, был доступ. Если путь к файлу можно указать в адресной строке браузера, и файл при этом будет открыт, то на него можно сделать ссылку. Атрибут
    href определяет URL (Universal Resource Locator, универсальный указатель ресурса), адрес документа, на который следует перейти, а содержимое контейнера является ссылкой. Текст, расположенный между тегами и , по умолчанию становится синего цвета и подчеркивается. href = soft- ware.html
    > Текст.
    Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать ад- рес документа, на который следует сделать ссылку. Оба действия выполняются с помощью тега
    .
    Общий синтаксис создания ссылок следующий.
    Таблицы.
    C помощью таблиц удобно верстать макеты страниц, расположив нужным образом фрагменты текста и изображений.
    Для добавления таблицы на веб-страницу используется тег . Этот элемент служит контей- нером для элементов, определяющих содержимое таблицы. Любая таблица состоит из строк и ячеек, которые задаются соответственно с помощью тегов и
    . Таблица должна содержать хотя бы од- ну ячейку. Допускается вместо тега использовать тег . Текст в ячейке, оформленной с помо- щью тега , отображается браузером шрифтом жирного начертания и выравнивается по центру ячейки.
    Таблицы применяются достаточно часто и не только для отображения табличных данных обязан не только их гибкости и универсальности, но и обилию атрибутов тегов , и
    .
    Атрибуты тега , которые применяются наиболее часто.
    Align
    задает выравнивание таблицы по краю окна браузера. Допустимые значения: left— вы- равнивание таблицы по левому краю, center— по центру и right— по правому краю. Когда используют- ся значения left и right, текст начинает обтекать таблицу сбоку и снизу.
    Bgcolor
    устанавливает цвет фона таблицы.
    Border
    устанавливает толщину границы в пикселах вокруг таблицы. При наличии этого атрибу- та также отображаются границы между ячеек.
    Cellpadding
    определяет расстояние между границей ячейки и ее содержимым. Этот атрибут до- бавляет пустое пространство к ячейке, увеличивая тем самым ее размеры. Без cellpadding текст в табли- це «налипает» на рамку, ухудшая тем самым его восприятие. Добавление же cellpadding позволяет улучшить читабельность текста. При отсутствии границ особого значения этот атрибут не имеет, но может помочь, когда требуется установить пустой промежуток между ячейками.
    Cellspacing
    задает расстояние между внешними границами ячеек. Если установлен атрибут border
    , толщина границы принимается в расчет и входит в общее значение.
    Cols – указывает количество столбцов в таблице, помогая браузеру в подготовке к ее отображе- нию. Без этого атрибута таблица будет показана только после того, как все ее содержимое будет загру- жено в браузер и проанализировано. Позволяет несколько ускорить отображение содержимого таблицы.
    Rules
    сообщает браузеру, где отображать границы между ячейками. По умолчанию рамка рису- ется вокруг каждой ячейки, образуя тем самым сетку. В дополнение можно указать отображать линии между колонками (значение cols), строками (rows) или группами (groups), которые определяются нали-
    чием тегов
    , , , или .
    Width
    задает ширину таблицы. Если общая ширина содержимого превышает указанную шири- ну таблицы, то браузер будет пытаться «втиснуться» в заданные размеры за счет форматирования тек- ста. В случае, когда это невозможно, например, в таблице находятся изображения, атрибут width будет проигнорирован, и новая ширина таблицы будет вычислена на основе ее содержимого.
    Каскадные таблицы стилей.
    Таблицы могут быть определены тремя способами с помощью:
    - глобальных таблиц стилей, указываемых в разметке страницы, можно определить свойства элементов на всей странице;
    - внешних таблиц стилей, представляющих собой текстовые файлы, где хранятся стили, которые можно использовать многократно;
    - тега
    1   2   3


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