Урок Что изучает информатика?

Вид материалаУрок

Содержание


Урок 91. Использование различных приемов форматирования
Урок 92. Использование графических элементов на веб-страницах
Подобный материал:
1   ...   14   15   16   17   18   19   20   21   22




Moя персональная страница<ДШе> </head><br /> <br /> <body bgcolor=ffffff text=003300> Моя страница </body> </html><br /> <br /> Основное содержание программы помещается между тэгами <body></body>. Рассмотрим основные тэги.<br /> <br /> Таблица основных тегов языка HTML<br /> <table width=499 cellpadding=3 cellspacing=0> <col width=112> <col width=373> <tr valign=top> <td width=112 height=10 bgcolor="#ffffff"> <br />Тэги<br /> </td> <td width=373 bgcolor="#ffffff"> <br />Назначение<br /> </td> </tr> <tr valign=top> <td width=112 height=22 bgcolor="#ffffff"> <br /><html></html><br /> </td> <td width=373 bgcolor="#ffffff"> <br />Указывает программе просмотра страниц, что это HTML документ. Данные тэги обрамляют документ<br /> </td> </tr> <tr valign=top> <td width=112 height=32 bgcolor="#ffffff"> <br /><head></head><br /> </td> <td width=373 bgcolor="#ffffff"> <br />Определяет место, где помещается различная информа­ция, не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин<br /> </td> </tr> <tr valign=top> <td width=112 height=22 bgcolor="#ffffff"> <br /><title>

Помещает название документа в оглавление программы просмотра страниц



Определяет видимую.часть документа



Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет



Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет



Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвел



Устанавливает цвет гиперссылок на которых вы уже по бывали, используя значение цвета в виде RRGGBB при мер: ими серый цвет


Устанавливает цвет гиперссылок при нажатии

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

Таблица тэгов для форматирования текста

Тэги

Назначение



Задает размер заголовка



Обрамляет предварительно отформатированный текст

Жирное начертание шрифта



Начертание Курсив



Имитация стиля печатной машинки



Используется для цитат, обычно наклонный текст



Используется для выделения наиболее важных частей текста (наклонный или жирный текст)



Устанавливает размер текста в пределах от 1 до 7



Устанавливает цвет текста, используя значение цвета в виде RRGGBB




Начало нового абзаца




Выравнивает абзац относительно одной из сторон до­кумента, значения: left, right, или center




Вставляет перевод строки



Создает отступы с обеих сторон текста.



    Создает нумерованный список


  1. Определяет каждый элемент списка и присваивает номер



      Создает ненумерованный список


    • Предваряет каждый элемент списка и добавляет кружок или квадратик



      Создает гиперссылку на другие документы или часть текущего документа

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

      IV. Выполнение практического задания

      Разработать страницу «Мое хобби» с использованием лишь тэгов для форматирования текста.

      V. Подведение итогов урока

      Урок 91. Использование различных приемов форматирования

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

      Ход урока

      I. Организационный момент

      П. Актуализация знаний

      - Расшифруйте аббревиатуру HTML. (HTML означает Hyper Text Markup Language или язык гипертекстовой разметки. HTML не является языком программирования в полном смысле данного слова, он просто задает параметры форматирования введенному тексту. Поэтому для программирования используются дополнитель­ные средства, такие как Java, скрипты.

      - Что такое тэги? (Тэги являются основными элементами html документа, представляющие собой определенные последовательно сти символов, заключенные между знаками о, где символ означает начало тэга, а символ конец тэга.)

      III. Теоретический материал урока

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

      Атрибуты таблицы




      Атрибут

      Назначение







      Align

      Выравнивание таблицы по горизонтали (left, center, right)







      Bgcolor

      Задает фон внутри таблицы (можно задавать различный фон в каждой ячейке отдельно)







      Border

      Определяет ширину бордюра







      Bordercolor

      Задает цвет бордюра







      width

      Задает ширину таблицы (либо в процентном соотношении, либо в пикселях)




      день недели

      Погода

      понедельник

      солнечная

      вторник

      солнечная

      среда

      дождливая

      Представим в виде таблицы информацию о погоде по дням недели. Основное тело npoграммы будет иметь вид:









      День недели Погода
      вторник
      cpeдa дoждливaя


      Использование данного тэги приучает школьников к аккуратности, т. к. для правильного описания таблицы необходимо прописать все тэги, как видно даже из данного маленького блока.)

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

      Например:

      Здесь представлены часто используемые виды формата Интернет-страниц. На странице табличная структура скрыта, т. к. нет видимого бор­дюра. При создании страниц, необходимо задать border=0.

      IV. Выполнение практического задания

      Подумайте, какие возможны виды формата с использованием таблич­ной структуры.

      V. Подведение итогов урока

      Урок 92. Использование графических элементов на веб-страницах

      Цели: освоить способы представления графической информации на web-страницах; закрепить навыки преобразования графических форматов; научиться работать с техническими устройствами по работе с графикой.

      Ход урока

      I. Организационный момент

      II. Актуализация знаний

      - Для чего используются таблицы? (Таблицы могут использоваться как для представления табличных данных, так и для форматиро­ванных данных на странице.)

      - Пропишите последовательность тэгов для создания таблицы, со­стоящей из одной строки и двух столбцов. (Сначала идет обрамле­ние таблицы, затем строки и двух столбцов'.