Урок Что изучает информатика?
Вид материала | Урок |
СодержаниеУрок 91. Использование различных приемов форматирования Урок 92. Использование графических элементов на веб-страницах |
- Первый урок информатики в 7-м классе, 17.4kb.
- Сафонова Н. В. Что изучает математика?, 135.4kb.
- Конкурс «Теоретический» Что изучает морфемика? Из каких значимых частей образуются, 66.32kb.
- Конспекты уроков 6 класс 1 час в неделю Урок №1 Что изучает география, 3866.74kb.
- Рабочая учебная программа по дисциплине «Информатика» Направление №230100 «Информатика, 91.73kb.
- Лекция №1 Научный статус социологии, 108.24kb.
- Гузеева Татьяна Ивановна доктор технических наук Профессор лекция, 351.77kb.
- Кинематика, 366.47kb.
- Уроки с измененными способами организации, 139.22kb.
- Протокол № от Юсупова Л. Я. Председатель ЦК горина, 527.64kb.
Основное содержание программы помещается между тэгами . Рассмотрим основные тэги.
Таблица основных тегов языка HTML
Тэги | Назначение |
| Указывает программе просмотра страниц, что это HTML документ. Данные тэги обрамляют документ |
| Определяет место, где помещается различная информация, не отображаемая в теле документа. Здесь располагается тег названия документа и теги для поисковых машин |
| Помещает название документа в оглавление программы просмотра страниц |
| Определяет видимую.часть документа |
| Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет |
| Устанавливает цвет текста документа, используя значение цвета в виде RRGGBB - пример: 000000 - черный цвет |
| Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB - пример: 00FF00 - зеленый цвел |
| Устанавливает цвет гиперссылок на которых вы уже по бывали, используя значение цвета в виде RRGGBB при мер: ими серый цвет |
| Устанавливает цвет гиперссылок при нажатии |
Для создания своей первой страницы недостаточно знать основные тэги. Необходимо научиться форматировать текст соответствующим образом. Для этого используются тэги для форматирования текста. Они представлены в следующей таблице:
Таблица тэгов для форматирования текста
Тэги | Назначение |
| Задает размер заголовка |
| Обрамляет предварительно отформатированный текст |
Жирное начертание шрифта | |
| Начертание Курсив |
| Имитация стиля печатной машинки |
| Используется для цитат, обычно наклонный текст |
| Используется для выделения наиболее важных частей текста (наклонный или жирный текст) |
| Устанавливает размер текста в пределах от 1 до 7 |
| Устанавливает цвет текста, используя значение цвета в виде RRGGBB |
| Начало нового абзаца |
| Выравнивает абзац относительно одной из сторон документа, значения: left, right, или center |
| Вставляет перевод строки |
| Создает отступы с обеих сторон текста. |
| Создает нумерованный список |
| Определяет каждый элемент списка и присваивает номер |
| Создает ненумерованный список |
| Предваряет каждый элемент списка и добавляет кружок или квадратик |
| Создает гиперссылку на другие документы или часть текущего документа |
Тэги состоят из ключевых слов и могут быть дополнены атрибутами, разделенными пробелами. Описание атрибутов без использования ключевых слов не допускается.
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. Актуализация знаний
- Для чего используются таблицы? (Таблицы могут использоваться как для представления табличных данных, так и для форматированных данных на странице.)
- Пропишите последовательность тэгов для создания таблицы, состоящей из одной строки и двух столбцов. (Сначала идет обрамление таблицы, затем строки и двух столбцов'.