🗊 Красивые документы 11 класс

Категория: Информатика
Нажмите для полного просмотра!
  
  Красивые документы   11 класс  , слайд №1  
  Красивые документы   11 класс  , слайд №2  
  Красивые документы   11 класс  , слайд №3  
  Красивые документы   11 класс  , слайд №4  
  Красивые документы   11 класс  , слайд №5  
  Красивые документы   11 класс  , слайд №6  
  Красивые документы   11 класс  , слайд №7  
  Красивые документы   11 класс  , слайд №8  
  Красивые документы   11 класс  , слайд №9  
  Красивые документы   11 класс  , слайд №10  
  Красивые документы   11 класс  , слайд №11  
  Красивые документы   11 класс  , слайд №12  
  Красивые документы   11 класс  , слайд №13  
  Красивые документы   11 класс  , слайд №14  
  Красивые документы   11 класс  , слайд №15  
  Красивые документы   11 класс  , слайд №16  
  Красивые документы   11 класс  , слайд №17  
  Красивые документы   11 класс  , слайд №18  
  Красивые документы   11 класс  , слайд №19  
  Красивые документы   11 класс  , слайд №20  
  Красивые документы   11 класс  , слайд №21  
  Красивые документы   11 класс  , слайд №22  
  Красивые документы   11 класс  , слайд №23  
  Красивые документы   11 класс  , слайд №24  
  Красивые документы   11 класс  , слайд №25  
  Красивые документы   11 класс  , слайд №26  
  Красивые документы   11 класс  , слайд №27  
  Красивые документы   11 класс  , слайд №28  
  Красивые документы   11 класс  , слайд №29  
  Красивые документы   11 класс  , слайд №30  
  Красивые документы   11 класс  , слайд №31  
  Красивые документы   11 класс  , слайд №32  
  Красивые документы   11 класс  , слайд №33  
  Красивые документы   11 класс  , слайд №34  
  Красивые документы   11 класс  , слайд №35  
  Красивые документы   11 класс  , слайд №36  
  Красивые документы   11 класс  , слайд №37  
  Красивые документы   11 класс  , слайд №38  
  Красивые документы   11 класс  , слайд №39  
  Красивые документы   11 класс  , слайд №40  
  Красивые документы   11 класс  , слайд №41  
  Красивые документы   11 класс  , слайд №42  
  Красивые документы   11 класс  , слайд №43  
  Красивые документы   11 класс  , слайд №44  
  Красивые документы   11 класс  , слайд №45  
  Красивые документы   11 класс  , слайд №46  
  Красивые документы   11 класс  , слайд №47  
  Красивые документы   11 класс  , слайд №48  
  Красивые документы   11 класс  , слайд №49  
  Красивые документы   11 класс  , слайд №50  
  Красивые документы   11 класс  , слайд №51  
  Красивые документы   11 класс  , слайд №52  
  Красивые документы   11 класс  , слайд №53  
  Красивые документы   11 класс  , слайд №54  
  Красивые документы   11 класс  , слайд №55  
  Красивые документы   11 класс  , слайд №56  
  Красивые документы   11 класс  , слайд №57  
  Красивые документы   11 класс  , слайд №58  
  Красивые документы   11 класс  , слайд №59  
  Красивые документы   11 класс  , слайд №60

Содержание

Вы можете ознакомиться и скачать Красивые документы 11 класс . Презентация содержит 60 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации


Слайд 1





Красивые документы 
11 класс
Описание слайда:
Красивые документы 11 класс

Слайд 2





Красивые документы
Один и тот же текст может выглядеть по-разному 
Посмотрите два представления одного и того же текста на экране.
Описание слайда:
Красивые документы Один и тот же текст может выглядеть по-разному Посмотрите два представления одного и того же текста на экране.

Слайд 3


  
  Красивые документы   11 класс  , слайд №3
Описание слайда:

Слайд 4


  
  Красивые документы   11 класс  , слайд №4
Описание слайда:

Слайд 5





Красивые документы
Вероятно, реакция на первый вариант была такой “Это не текст, а какой-то ужастик!”. Вы не можете себе представить, как часто попадаются в Интернете страницы оформленные подобным образом. 
Давайте не будем поддаваться соблазну использовать многочисленные возможности HTML по принципу “чем больше, тем лучше”. Гораздо ближе к истине умеренное утверждение “чем проще, тем приятнее глазу”. Главное — не пестрота и многообразие, а хороший вкус и единый стиль. 
Прежде чем перейти к рассмотрению тегов, задающих оформление текста на экране, поговорим немного о структуре документа и его внешнем виде. Ведь вы не хотите писать “ужастики”, подобные приведенному антипримеру?
Описание слайда:
Красивые документы Вероятно, реакция на первый вариант была такой “Это не текст, а какой-то ужастик!”. Вы не можете себе представить, как часто попадаются в Интернете страницы оформленные подобным образом. Давайте не будем поддаваться соблазну использовать многочисленные возможности HTML по принципу “чем больше, тем лучше”. Гораздо ближе к истине умеренное утверждение “чем проще, тем приятнее глазу”. Главное — не пестрота и многообразие, а хороший вкус и единый стиль. Прежде чем перейти к рассмотрению тегов, задающих оформление текста на экране, поговорим немного о структуре документа и его внешнем виде. Ведь вы не хотите писать “ужастики”, подобные приведенному антипримеру?

Слайд 6





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

Слайд 7





Структура текстового документа
Запишите заголовок для всего документа. Он должен быть самым крупным(тег <H1>) и выровнен по центру в строке. 
Разделите документ на главные части (главы). Заголовки глав выравниваются по левому краю и делаются немного меньше заголовка документа (тег <H2>). 
При необходимости главы разделите на параграфы (заголовки<H3>), параграфы на пункты (заголовки<H4>). Все заголовки документа, кроме его названия, выравниваются по левому краю.
Описание слайда:
Структура текстового документа Запишите заголовок для всего документа. Он должен быть самым крупным(тег <H1>) и выровнен по центру в строке. Разделите документ на главные части (главы). Заголовки глав выравниваются по левому краю и делаются немного меньше заголовка документа (тег <H2>). При необходимости главы разделите на параграфы (заголовки<H3>), параграфы на пункты (заголовки<H4>). Все заголовки документа, кроме его названия, выравниваются по левому краю.

Слайд 8





Структура текстового документа
Текстовый фрагмент, обозначенный заголовком, разбейте на абзацы (тег<P>). Абзацы должны быть небольшими и содержать законченную мысль. 
В каждом абзаце используйте одни и те же приемы оформления: 
нормальный размер шрифта; 
полужирный шрифт для выделений слов или коротких фраз; 
курсив для выделения текстовых (обычных) ссылок или цитирования (название книги, газеты, статьи...) 
смещение большой цитаты вправо от левой границы текста.
Описание слайда:
Структура текстового документа Текстовый фрагмент, обозначенный заголовком, разбейте на абзацы (тег<P>). Абзацы должны быть небольшими и содержать законченную мысль. В каждом абзаце используйте одни и те же приемы оформления: нормальный размер шрифта; полужирный шрифт для выделений слов или коротких фраз; курсив для выделения текстовых (обычных) ссылок или цитирования (название книги, газеты, статьи...) смещение большой цитаты вправо от левой границы текста.

Слайд 9





Структура текстового документа
Решите вопрос о цветовой гамме своего документа. 
Выберите цвет фона и цвет основного текста. Подберите цвета для некоторых специальных выделений и используйте их одинаково на протяжении всего документа. 
Самые комфортные цвета: белый — для фона, черный —для текста и красный для специальных выделений.
Описание слайда:
Структура текстового документа Решите вопрос о цветовой гамме своего документа. Выберите цвет фона и цвет основного текста. Подберите цвета для некоторых специальных выделений и используйте их одинаково на протяжении всего документа. Самые комфортные цвета: белый — для фона, черный —для текста и красный для специальных выделений.

Слайд 10


  
  Красивые документы   11 класс  , слайд №10
Описание слайда:

Слайд 11


  
  Красивые документы   11 класс  , слайд №11
Описание слайда:

Слайд 12


  
  Красивые документы   11 класс  , слайд №12
Описание слайда:

Слайд 13





Программирование вывода текста 
Прежде всего, уточним, что открывающие теги могут содержать атрибуты, то есть дополнительную информацию о свойствах отображаемого на экране элемента.
 Атрибуты записываются внутри открывающего тега после его имени в виде отдельного ключевого слова или ключевого слова, знака “=” и параметра (значения атрибута). 
Порядок следования атрибутов в теге не важен. 
Атрибут действует от открывающего тега, в котором он задан, до закрывающего или только внутри тега, если тег не имеет парного.
Описание слайда:
Программирование вывода текста Прежде всего, уточним, что открывающие теги могут содержать атрибуты, то есть дополнительную информацию о свойствах отображаемого на экране элемента. Атрибуты записываются внутри открывающего тега после его имени в виде отдельного ключевого слова или ключевого слова, знака “=” и параметра (значения атрибута). Порядок следования атрибутов в теге не важен. Атрибут действует от открывающего тега, в котором он задан, до закрывающего или только внутри тега, если тег не имеет парного.

Слайд 14





Горизонтальная линия
Тег <HR>, рисующий горизонтальную линию, может содержать атрибут size, изменяющий толщину линии. Если этот атрибут не задан, горизонтальные линии имеют в браузере толщину в два (или три, зависит от браузера) пиксела. 
Задавая разные параметры атрибуту size, можно получить целую коллекцию линий, разных по толщине:
Описание слайда:
Горизонтальная линия Тег <HR>, рисующий горизонтальную линию, может содержать атрибут size, изменяющий толщину линии. Если этот атрибут не задан, горизонтальные линии имеют в браузере толщину в два (или три, зависит от браузера) пиксела. Задавая разные параметры атрибуту size, можно получить целую коллекцию линий, разных по толщине:

Слайд 15





Горизонтальная линия
По умолчанию браузер рисует линии “объемными”. Можно вывести линии “плоскими”, если использовать атрибут noshade:
Описание слайда:
Горизонтальная линия По умолчанию браузер рисует линии “объемными”. Можно вывести линии “плоскими”, если использовать атрибут noshade:

Слайд 16





Программа (2 вариант)
Описание слайда:
Программа (2 вариант)

Слайд 17


  
  Красивые документы   11 класс  , слайд №17
Описание слайда:

Слайд 18





Цвет фона и цвет шрифта 
Когда в программе на HTML цвета явно не заданы, браузер использует свои установки по умолчанию.
 Если в Internet Explorer в разделе“Цвета” включена опция “Использовать стандартные цвета Windows”,то будут отображаться черные буквы на белом фоне. Можно выключить эту опцию и установить свои цвета для работы “по умолчанию”. 
Если вам хочется, чтобы документ смотрелся строго определенным образом, не полагайтесь на режимы умолчания, а задавайте нужные параметры явно.
Описание слайда:
Цвет фона и цвет шрифта Когда в программе на HTML цвета явно не заданы, браузер использует свои установки по умолчанию. Если в Internet Explorer в разделе“Цвета” включена опция “Использовать стандартные цвета Windows”,то будут отображаться черные буквы на белом фоне. Можно выключить эту опцию и установить свои цвета для работы “по умолчанию”. Если вам хочется, чтобы документ смотрелся строго определенным образом, не полагайтесь на режимы умолчания, а задавайте нужные параметры явно.

Слайд 19





Цвет фона и цвет шрифта
Цвета для фона и шрифта на всем протяжении документа можно задать при помощи атрибутов bgcolor и text в теге <BODY>.
Описание слайда:
Цвет фона и цвет шрифта Цвета для фона и шрифта на всем протяжении документа можно задать при помощи атрибутов bgcolor и text в теге <BODY>.

Слайд 20





Цвет фона и цвет шрифта
Как отмечалось выше, атрибуты цветов, заданные в теге<BODY> действуют до парного тега</BODY>, то есть, до конца документа. 
С цветом фона ничего уже не поделаешь — он может задаваться только один раз, а цвет шрифта можно менять внутри документа многократно при помощи команды<FONT>...</FONT>. 
Установка цвета в этой команде выполняется при помощи атрибута color так, как это сделано в примере:
Описание слайда:
Цвет фона и цвет шрифта Как отмечалось выше, атрибуты цветов, заданные в теге<BODY> действуют до парного тега</BODY>, то есть, до конца документа. С цветом фона ничего уже не поделаешь — он может задаваться только один раз, а цвет шрифта можно менять внутри документа многократно при помощи команды<FONT>...</FONT>. Установка цвета в этой команде выполняется при помощи атрибута color так, как это сделано в примере:

Слайд 21





Цвет фона и цвет шрифта
Описание слайда:
Цвет фона и цвет шрифта

Слайд 22


  
  Красивые документы   11 класс  , слайд №22
Описание слайда:

Слайд 23





Цвет шрифта
В HTML действует общее важное правило: конструкции языка могут быть вложенными, то есть, внутри одной команды могут располагаться другие. Указания вложенной команды могут изменять указания внешних команд, но когда вложенная команда заканчивается, восстанавливаются полномочия внешней инструкции. 
Используя команду <FONT>...</FONT>, можно не только переопределить цвет шрифта, но также его размер и внешний вид. Однако, использование соответствующих атрибутов не рекомендуется. 
Установку шрифтового типа поддерживают не все браузеры. Кроме того, указанный шрифт может не оказаться на компьютере у пользователя. Для изменения размеров шрифта есть другие команды, более подходящие для сохранения единого стиля оформления документа.
Описание слайда:
Цвет шрифта В HTML действует общее важное правило: конструкции языка могут быть вложенными, то есть, внутри одной команды могут располагаться другие. Указания вложенной команды могут изменять указания внешних команд, но когда вложенная команда заканчивается, восстанавливаются полномочия внешней инструкции. Используя команду <FONT>...</FONT>, можно не только переопределить цвет шрифта, но также его размер и внешний вид. Однако, использование соответствующих атрибутов не рекомендуется. Установку шрифтового типа поддерживают не все браузеры. Кроме того, указанный шрифт может не оказаться на компьютере у пользователя. Для изменения размеров шрифта есть другие команды, более подходящие для сохранения единого стиля оформления документа.

Слайд 24





Усиление текста

Часто, кроме заголовков, которые выделяются командой<Hn>...</Hn> (n — уровень заголовка, цифра от 1 до 6) и располагаются на отдельных строках, требуется выделить в тексте отдельные слова, чтобы подчеркнуть их значение, сконцентрировать на них внимание пользователя. Например, всюду в этом тексте выделены полужирным шрифтом имена тегов. Для такого выделения элементов текста предназначена команда <STRONG>...</STRONG>.
Пользуйтесь этой командой в соответствии с заранее принятыми для вашего текста стилевыми соглашениями. Например, вы можете решить использовать выделение для терминов, для названий программ, исполнителей, для отдельных слов или коротких фраз, если эти фразы должны произноситься очень громким голосом. 
Старайтесь делать в тексте как можно меньше выделений —текст будет лучше читаться, и помните, что выделить все — значит, не выделить ничего.
Описание слайда:
Усиление текста Часто, кроме заголовков, которые выделяются командой<Hn>...</Hn> (n — уровень заголовка, цифра от 1 до 6) и располагаются на отдельных строках, требуется выделить в тексте отдельные слова, чтобы подчеркнуть их значение, сконцентрировать на них внимание пользователя. Например, всюду в этом тексте выделены полужирным шрифтом имена тегов. Для такого выделения элементов текста предназначена команда <STRONG>...</STRONG>. Пользуйтесь этой командой в соответствии с заранее принятыми для вашего текста стилевыми соглашениями. Например, вы можете решить использовать выделение для терминов, для названий программ, исполнителей, для отдельных слов или коротких фраз, если эти фразы должны произноситься очень громким голосом. Старайтесь делать в тексте как можно меньше выделений —текст будет лучше читаться, и помните, что выделить все — значит, не выделить ничего.

Слайд 25





Изменение размера шрифта
Выделять элементы текста можно не только при помощи жирности, но и изменением размера шрифта. Например, текст объявления “Попал под лошадь” в примере выводится на экран мелким шрифтом, имитируя нонпарель. 
Команда <BIG>...</BIG> увеличивает размер шрифта по отношению к текущему, а команда<SMALL>...</SMALL> —уменьшает его. 
Команды могут быть вложенными, что позволяет увеличивать (или уменьшать) размер в несколько раз.
Описание слайда:
Изменение размера шрифта Выделять элементы текста можно не только при помощи жирности, но и изменением размера шрифта. Например, текст объявления “Попал под лошадь” в примере выводится на экран мелким шрифтом, имитируя нонпарель. Команда <BIG>...</BIG> увеличивает размер шрифта по отношению к текущему, а команда<SMALL>...</SMALL> —уменьшает его. Команды могут быть вложенными, что позволяет увеличивать (или уменьшать) размер в несколько раз.

Слайд 26


  
  Красивые документы   11 класс  , слайд №26
Описание слайда:

Слайд 27


  
  Красивые документы   11 класс  , слайд №27
Описание слайда:

Слайд 28


  
  Красивые документы   11 класс  , слайд №28
Описание слайда:

Слайд 29





Оформление отдельных элементов текста 
Текстовые ссылки и цитаты
Название книги, газетной статьи, фильма или песни можно выделить при помощи команды<CITE>...</CITE>.Большинство браузеров изображает текстовую ссылку курсивом (наклонным шрифтом). Эту же команду можно использовать для оформления небольших внутри строчных цитат. 
Большие цитаты лучше выделять из основного текста при помощи команды<BLOCKQUOTE>...</BLOCKQUOTE>.Браузер отображает цитату с большим, чем у обычного текста, левым и правым отступом от края страницы. 
Посмотрите, как выглядят ссылки и цитаты в нашем примере. А теперь посмотрите на текст программы.
Описание слайда:
Оформление отдельных элементов текста Текстовые ссылки и цитаты Название книги, газетной статьи, фильма или песни можно выделить при помощи команды<CITE>...</CITE>.Большинство браузеров изображает текстовую ссылку курсивом (наклонным шрифтом). Эту же команду можно использовать для оформления небольших внутри строчных цитат. Большие цитаты лучше выделять из основного текста при помощи команды<BLOCKQUOTE>...</BLOCKQUOTE>.Браузер отображает цитату с большим, чем у обычного текста, левым и правым отступом от края страницы. Посмотрите, как выглядят ссылки и цитаты в нашем примере. А теперь посмотрите на текст программы.

Слайд 30


  
  Красивые документы   11 класс  , слайд №30
Описание слайда:

Слайд 31


  
  Красивые документы   11 класс  , слайд №31
Описание слайда:

Слайд 32


  
  Красивые документы   11 класс  , слайд №32
Описание слайда:

Слайд 33


  
  Красивые документы   11 класс  , слайд №33
Описание слайда:

Слайд 34





Выравнивание абзацев и фрагментов 
Команда <P>, записанная без атрибутов, выравнивает текст по левому краю страницы. Можно запрограммировать вывод текста с ровным правым краем, или так, чтобы все его строчки были выровнены по центру. 
<P>— выравнивает абзац по левому краю
<P align=left> — выравнивает абзац по левому краю
<P align=right> — выравнивает абзац по правому краю
<P align=center> — выравнивает абзац по центру
Описание слайда:
Выравнивание абзацев и фрагментов Команда <P>, записанная без атрибутов, выравнивает текст по левому краю страницы. Можно запрограммировать вывод текста с ровным правым краем, или так, чтобы все его строчки были выровнены по центру. <P>— выравнивает абзац по левому краю <P align=left> — выравнивает абзац по левому краю <P align=right> — выравнивает абзац по правому краю <P align=center> — выравнивает абзац по центру

Слайд 35


  
  Красивые документы   11 класс  , слайд №35
Описание слайда:

Слайд 36


  
  Красивые документы   11 класс  , слайд №36
Описание слайда:

Слайд 37


  
  Красивые документы   11 класс  , слайд №37
Описание слайда:

Слайд 38





Выравнивание абзацев и фрагментов
Выровнять по центру можно не только отдельный абзац или заголовок, но и целую группу экранных элементов, если поместить их описание внутри тегов <CENTER>...</CENTER>.
Приведенные ниже две разные программы приводят к одному и тому же результату.
Описание слайда:
Выравнивание абзацев и фрагментов Выровнять по центру можно не только отдельный абзац или заголовок, но и целую группу экранных элементов, если поместить их описание внутри тегов <CENTER>...</CENTER>. Приведенные ниже две разные программы приводят к одному и тому же результату.

Слайд 39


  
  Красивые документы   11 класс  , слайд №39
Описание слайда:

Слайд 40


  
  Красивые документы   11 класс  , слайд №40
Описание слайда:

Слайд 41





Специальные символы 
Поскольку символы “<” и “>” воспринимаются браузером как начало и конец тега, возникает вопрос: а как показать эти символы на экране? Еще вопрос: можно ли вставить в тексте абзаца принудительную группу пробелов (ведь браузер игнорирует лишние пропуски)? 
Для этих символов, а также для некоторых других предусмотрено специальное кодирование.
 Код строится из символа“&” (амперсанд), фиксированного имени и завершающего символа “;”:
Описание слайда:
Специальные символы Поскольку символы “<” и “>” воспринимаются браузером как начало и конец тега, возникает вопрос: а как показать эти символы на экране? Еще вопрос: можно ли вставить в тексте абзаца принудительную группу пробелов (ведь браузер игнорирует лишние пропуски)? Для этих символов, а также для некоторых других предусмотрено специальное кодирование. Код строится из символа“&” (амперсанд), фиксированного имени и завершающего символа “;”:

Слайд 42





Специальные символы
Не для всех символов в стандарте HTML предусмотрены мнемонические имена. Но любой символ можно закодировать по его числовому коду так:
Описание слайда:
Специальные символы Не для всех символов в стандарте HTML предусмотрены мнемонические имена. Но любой символ можно закодировать по его числовому коду так:

Слайд 43





Специальные символы
Описание слайда:
Специальные символы

Слайд 44


  
  Красивые документы   11 класс  , слайд №44
Описание слайда:

Слайд 45





Программирование списков 
HTML допускает задание в документах списков двух типов:
Описание слайда:
Программирование списков HTML допускает задание в документах списков двух типов:

Слайд 46





Маркированный список 
Каждый элемент этого списка браузер предваряет меткой в начале строки, а сами строки смещает вправо. 
Команда UL, задающая маркированный список, имеет следующую структуру:
Описание слайда:
Маркированный список Каждый элемент этого списка браузер предваряет меткой в начале строки, а сами строки смещает вправо. Команда UL, задающая маркированный список, имеет следующую структуру:

Слайд 47





Маркированный список
Вид метки, которую браузер помещает перед каждым элементом списка, настраивается при помощи атрибута type. Этот атрибут может отсутствовать или принимать одно из трех значений:
Описание слайда:
Маркированный список Вид метки, которую браузер помещает перед каждым элементом списка, настраивается при помощи атрибута type. Этот атрибут может отсутствовать или принимать одно из трех значений:

Слайд 48


  
  Красивые документы   11 класс  , слайд №48
Описание слайда:

Слайд 49


  
  Красивые документы   11 класс  , слайд №49
Описание слайда:

Слайд 50





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

Слайд 51





Нумерованный список
Вид номера определяется значением атрибута type.
Описание слайда:
Нумерованный список Вид номера определяется значением атрибута type.

Слайд 52


  
  Красивые документы   11 класс  , слайд №52
Описание слайда:

Слайд 53


  
  Красивые документы   11 класс  , слайд №53
Описание слайда:

Слайд 54





Списки
Браузеры Microsoft Internet Explorer и Netscape Navigator делают фиксированный отступ для вывода элементов списка на экран. 
Нумерация при этом, смещается от отступа к левому краю окна. Когда номер достаточно большой, места не хватает, и номер “налезает” на соответствующий элемент списка.
 Для исключения этого неприятного эффекта в программе примера использована команда <BLOCKQUOTE>.Эта команда “насильственным” путем увеличивает левый отступ списка.
Описание слайда:
Списки Браузеры Microsoft Internet Explorer и Netscape Navigator делают фиксированный отступ для вывода элементов списка на экран. Нумерация при этом, смещается от отступа к левому краю окна. Когда номер достаточно большой, места не хватает, и номер “налезает” на соответствующий элемент списка. Для исключения этого неприятного эффекта в программе примера использована команда <BLOCKQUOTE>.Эта команда “насильственным” путем увеличивает левый отступ списка.

Слайд 55





Задание.
Справочник.
Создайте страницу, используя текст, на определенную тему
(термин и его краткая характеристика).
Например, 
Справочник компьютерных устройств.
Справочник растений.
Справочник автомобилиста.
Описание слайда:
Задание. Справочник. Создайте страницу, используя текст, на определенную тему (термин и его краткая характеристика). Например, Справочник компьютерных устройств. Справочник растений. Справочник автомобилиста.

Слайд 56





Как записывать текст программы 
Рекомендуются следующие правила. 
Записывайте имена тегов заглавными буквами, а имена атрибутов и их значения — малыми. 
Синтаксис языка HTML допускает запись команд в любом регистре, однако лучше следовать приведенной выше рекомендации. Как правило, текст, предназначенный для вывода на экран браузера, состоит в основном из маленьких символов, поэтому “большие” буквы HTML-команд будут на этом фоне выделяться.
Описание слайда:
Как записывать текст программы Рекомендуются следующие правила. Записывайте имена тегов заглавными буквами, а имена атрибутов и их значения — малыми. Синтаксис языка HTML допускает запись команд в любом регистре, однако лучше следовать приведенной выше рекомендации. Как правило, текст, предназначенный для вывода на экран браузера, состоит в основном из маленьких символов, поэтому “большие” буквы HTML-команд будут на этом фоне выделяться.

Слайд 57





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

Слайд 58





Как записывать текст программы
Старайтесь записывать теги на отдельных строках так, чтобы по записи можно было определить вложение команд друг в друга. Рекомендация достигается использованием строчного смещения записи тега вправо на2 позиции по отношению к внешнему блоку. 
Теги самой первой команды программы —<HTML>...</HTML>записываются с 1 позиции строки. Все остальные команды находятся внутри этого блока. Поэтому их запись должна быть смещена на две позиции вправо.
Описание слайда:
Как записывать текст программы Старайтесь записывать теги на отдельных строках так, чтобы по записи можно было определить вложение команд друг в друга. Рекомендация достигается использованием строчного смещения записи тега вправо на2 позиции по отношению к внешнему блоку. Теги самой первой команды программы —<HTML>...</HTML>записываются с 1 позиции строки. Все остальные команды находятся внутри этого блока. Поэтому их запись должна быть смещена на две позиции вправо.

Слайд 59


  
  Красивые документы   11 класс  , слайд №59
Описание слайда:

Слайд 60





Как записывать текст программы
При необходимости используйте в ваших программах комментарии. Комментарием в HTML считается конструкция <!--...-->. Все, что располагается внутри этой структуры (на месте, обозначенном многоточием) браузером игнорируется. Комментарии удобно применять в следующих случаях: 
для документирования сложных языковых конструкций; 
для временного отключения группы команд при отладке.
Описание слайда:
Как записывать текст программы При необходимости используйте в ваших программах комментарии. Комментарием в HTML считается конструкция <!--...-->. Все, что располагается внутри этой структуры (на месте, обозначенном многоточием) браузером игнорируется. Комментарии удобно применять в следующих случаях: для документирования сложных языковых конструкций; для временного отключения группы команд при отладке.



Похожие презентации
Mypresentation.ru
Загрузить презентацию