Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

Презентация на тему по предмету Основы Веб-дизайна на тему Фреймы и списки

В переводе с английского, фрейм это рамка. И в HTML значение похожее. Фрейм — это совершенно отдельный прямоугольный элемент (область) окна браузера, который содержит и показывает свой HTML-документ. Фрейм это как отдельная ячейка таблицы, содержание которой
ПРАВИЛА ВСТАВКИ ФРЕЙМОВ В переводе с английского, фрейм это рамка. И в HTML значение похожее. Правила вставки фреймовСвойства фрейма определяется тегом — он поддерживается во всех браузерах В этом теге не требуется закрывающий тег типа , а вот для Фреймсет тоже имеет параметры:rows — определяет количество горизонтальных областей, на которые будет HTML СпискиHTML поддерживает списки трех разных типов, для каждоrо из которых предусмотрены Нумерованные спискиВ нумерованный список браузер автоматически вставляет номера элементов по порядку, начиная Иногда при просмотре существующих кодов HTML вы будете встречать аргумент type в элементе , который Стили оформления нумерованных списков Маркированные спискиМаркированные списки по сути похожи на нумерованные только они не содержат Внутри тега  не обязательно размещать только текст, допустимо поместить любой элемент потокового контента Стили оформления маркированного списка Графические маркеры.В HTML есть возможность создать список с графическими маркерами. Одно дело, Списки определений (описаний)Списки определений очень удобны для создания, например, вашего личного словаря
Слайды презентации

Слайд 2 В переводе с английского, фрейм это рамка. И

В переводе с английского, фрейм это рамка. И в HTML значение

в HTML значение похожее.
Фрейм — это совершенно отдельный

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

Слайд 3 Правила вставки фреймов
Свойства фрейма определяется тегом —

Правила вставки фреймовСвойства фрейма определяется тегом — он поддерживается во всех

он поддерживается во всех браузерах (в т.ч. мобильных). Тег

помещается в контейнер . И, если фрейм участвует в определении свойств одного фрейма, то фреймсет дополнительно размечает страницу сайта на области. И уже в эти области, вы можете подгрузить фрейм с параметром src=»».

Пример синтаксиса:


Слайд 4 В этом теге не требуется закрывающий тег типа

В этом теге не требуется закрывающий тег типа , а вот

, а вот для — требуется.

Список атрибутов

фреймов:
bordercolor — определяет цвет пограничной линии (границы)
frameborder — задает рамку вокруг фрейма или ее отсутствие
name — используется для задания уникального имени (не обязателен, но рекомендован) — это нужно чтобы иметь возможность задавать ссылку к конкретному фрейму
noresize — параметр для определения возможности пользовательского редактирования (мышкой) размера области фрейма
scrolling — задает отображение внутрифреймовой прокрутки в том случае если содержимое фрейма не помещается в его физические размеры, может принимать следующие значения: yes, no, auto
src — последний и самый главный параметр — в нем указывается путь (адрес) к файлу или странце, которую вы хотите подгрузить внутри фрейма
marginwidth — с помощью этого параметра можно задать отступ от содержимого фрейма до его левого края
marginheight а с помощью этого параметра мы задаем отступ от содержимого фрейма до его верхнего края

Слайд 5 Фреймсет тоже имеет параметры:
rows — определяет количество горизонтальных

Фреймсет тоже имеет параметры:rows — определяет количество горизонтальных областей, на которые

областей, на которые будет разбито окно: для задания четырех

горизонтальных областей с шириной 25% нужно задать параметр rows=»25%, 25%, 25%, 25%»
cols — аналогично горизонтальным областям, только теперь определение вертикальных областей
А для того чтобы фреймсет не имел рамок, используйте следующие атрибуты: border=»0″ frameborder=»0″.

Слайд 6 HTML Списки

HTML поддерживает списки трех разных типов, для

HTML СпискиHTML поддерживает списки трех разных типов, для каждоrо из которых

каждоrо из которых предусмотрены свои собственные теrи:
 – нумерованный (с

помощью цифр или букв) список, каждый элемент которого имеет порядковый номер (букву);
     – маркированный (не нумерованный) список, рядом с каждым элементом которого помещается маркер (а не цифровые или буквенные символы, обозначающие порядковый номер);
     – список определений состоит из пар «имя/значение», в том числе терминов и определений.

Слайд 7 Нумерованные списки
В нумерованный список браузер автоматически вставляет номера

Нумерованные спискиВ нумерованный список браузер автоматически вставляет номера элементов по порядку,

элементов по порядку, начиная с некоторого значения (обычно 1).

Это позволяет вставлять и удалять пункты списка, не нарушая нумерации, так как остальные номера автоматически будут пересчитаны. Нумерованные списки создаются с помощью блочного элемента 
     (от англ. Ordered List – нумерованный список). Далее в контейнер 
       для каждого пункта списка помещается элемент 
    1.  (от англ. List Item – пункт списка). По умолчанию применяется нумерованный список с арабскими числами. Тег 
         имеет следующий синтаксис:


        1. элемент 1

        2. элемент 2

        3. элемент 3


Слайд 8 Иногда при просмотре существующих кодов HTML вы будете

Иногда при просмотре существующих кодов HTML вы будете встречать аргумент type в элементе ,

встречать аргумент type в элементе , который используется для указания типа нумерации

(буквы, римские и арабские цифры и т.п.). Синтаксис:

    Здесь: type – символы списка:
    A — прописные латинские буквы (A, B, C . . .);
    a — строчные латинские буквы (a, b, c . . .);
    I — большие римские цифры (I, II, III . . .);
    i — маленькие римские цифры (i, ii, iii . . .);
    1 — арабские цифры (1, 2, 3 . . .) (применяется по умолчанию).
    Если вы хотите, чтобы список начинался с номера, отличного от 1, следует указать это при помощи атрибута start тега 
      .

Слайд 9 Стили оформления нумерованных списков

Стили оформления нумерованных списков

Слайд 10 Маркированные списки
Маркированные списки по сути похожи на нумерованные

Маркированные спискиМаркированные списки по сути похожи на нумерованные только они не

только они не содержат последовательной нумерации пунктов. Маркированные списки

создаются с помощью блочного элемента 
     (от англ. Unordered List – ненумерованный список). Каждый элемент списка, как и в нумерованных списках, начинается с тега 
  • . Браузер формирует отступ для каждого пункта списка и автоматически отображает маркеры. Тег 
       имеет следующий синтаксис:


      • Первый пункт

      • Второй пункт

      • Третий пункт


Слайд 11 Внутри тега  не обязательно размещать только текст, допустимо поместить

Внутри тега  не обязательно размещать только текст, допустимо поместить любой элемент потокового

любой элемент потокового контента (ссылки, абзацы, изображения и др.)
Вложенные

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

  • Слайд 12 Стили оформления маркированного списка

    Стили оформления маркированного списка

    Слайд 13 Графические маркеры.
    В HTML есть возможность создать список с

    Графические маркеры.В HTML есть возможность создать список с графическими маркерами. Одно

    графическими маркерами. Одно дело, когда маркерами списка являются стандартные

    кружочки или квадратики, и совсем другое – когда разработчик сам подбирает маркер в соответствии с дизайном страницы. Для того, чтобы сделать элементы списка красивыми, часто используют маленькие картинки. Чтобы заменить обычный маркер на графический, заменим свойство list-style-type на свойство list-style-image и укажем URL–адрес картинки:



    • Имя файла: prezentatsiya-po-predmetu-osnovy-veb-dizayna-na-temu-freymy-i-spiski.pptx
    • Количество просмотров: 127
    • Количество скачиваний: 0