2020-05-13
170
Тематическое планирование для 9 класса на апрель по информатике
Файлы с практическими работами отправлять на электронную почту: tanol@yandex.ru
| Дата урока | Класс/подгруппа | Тема урока | Интернет ресурс | Задание по теме урока |
| 08.04.2020 09.04.2020 10.04.2020 | 9в (нем) 9б (нем) 9а (анг) 9г 9б (анг) 9а(нем) 9в (анг) | Технология создания сайта на языке разметки HTML. Создание простейшей Web-страницы. Редактирование и форматирование. | https://youtu.be/A3p0d0qbL4U
https://youtu.be/CR3p8bDffow
https://youtu.be/c93LjxdOcuo
| Устно стр. 191-196 Выполнить Практическую работу №1, №2 (см ниже) |
| 15.04.2020 16.04.2020 17.04.2020 | 9в (нем) 9б (нем) 9а (анг) 9г 9б (анг) 9а(нем) 9в (анг) | Редактирование и форматирование абзацев Web-страницы, работа с цветом | Выполнить Практическую работу №3 (см ниже) | |
| 22.04.2020 23.04.2020 24.04.2020 | 9в (нем) 9б (нем) 9а (анг) 9г 9б (анг) 9а(нем) 9в (анг) | Создание нескольких страниц. Вставка изображений. | Выполнить Практическую работу №4 (см ниже) | |
| 29.04.2020 30.04.2020 02.05.2020 | 9в (нем) 9б (нем) 9а (анг) 9г 9б (анг) 9а(нем) 9в (анг) | Создание гиперссылок для перехода между несколькими страницами сайта | Выполнить Практическую работу №5 (см ниже) |
|
|
|
Для выполнения практических работ можно использовать стандартное приложение БЛОКНОТ или установить программу Bluefish https://wikiprograms.org/bluefish/
ПРАКТИЧЕСКАЯ РАБОТА №1. Тема: «Создание простейшей Web - страницы».
Задание 1. Схема создания Web – страницы.
1. Откройте окно программы Bluefish или Блокнот
2. Ведите теги начала и конца документа
<HTML>
<HEAD>
<TITLE> Страница1 </TITLE>
<meta charset = "UTF - 8">
</HEAD>
<BODY>
</BODY>
</HTML>
3. Между тегами содержания (<BODY> </BODY>) поместите текст:
| Архитектура персонального компьютера Компьютер (англ. computer — вычислитель) представляет собой программируемое электронное устройство, способное обрабатывать данные и производить вычисления, а также выполнять другие задачи манипулирования символами. Существует два основных класса компьютеров: ü цифровые компьютеры, обрабатывающие данные в виде числовых двоичных кодов; ü аналоговые компьютеры, обрабатывающие непрерывно меняющиеся физические величины (электрическое напряжение, время и т.д.), которые являются аналогами вычисляемых величин. На этом сайте мы будем рассматривать только цифровые компьютеры. Мы познакомим вас со всеми основными устройствами компьютера. Приятного обучения! |
4. Сохраните Web- страницу в виде файла с именем index.htm
|
|
|
5. Загрузите файл index.htm в окно браузера для просмотра, выполнив двойной щелчок мыши по файлу index.htm.
6. Закройте окно браузера и откройте вашу Web – страницу в программе Bluefish (или Блокнот) с помощью команды контекстного меню Открыть с помощью
7. Перенесите каждый новый абзац текста на новую строку, поместив абзацы между парными тегами <P> и </P>
8. Сохраните изменения и проверьте как выглядит ваша страница в браузере.
ПРАКТИЧЕСКАЯ РАБОТА №2. Тема: «Форматирование текста на Web - странице».
Задание 1. Изменить размер букв на Web – странице.
1. Откройте созданную вами Web – страницу с помощью программы Bluefish или Блокнот
2. Заключите заголовок страницы Архитектура персонального компьютера между тегами <H1> и </H1>.
3. Сохраните изменения и, обновив страницу в браузере, посмотрите, как выглядит ваш текст.
4. Заключите первый абзац в парные теги <FONT SIZE=5> и </FONT>
5. Сохраните изменения и посмотрите, как теперь выглядит ваш текст в браузере.
Задание 2. Изменить начертание букв и название текста на Web – странице.
1. Заключите слово фразу Компьютер (англ. computer — вычислитель) в парные теги <B><I> и </B></I>
2. Заключите второй абзац текста в парные теги <H3><U> и </H3></U> и посмотрите, как выглядит страница в браузере
3. Список существующих классов компьютеров заключите между тегами <FONT FACE=”...”> и </FONT>, подобрав при этом понравившееся вам название шрифта (обратите внимание, что кавычки в написании тега должны быть поставлены на английской раскладке).
Задание 3. Самостоятельно.
1. Отформатируйте оставшиеся 3 абзаца на свое усмотрение, задав им размер, начертание и название шрифта.
2. После содержимого Web-страницы добавьте текст: Сайт разработал ученик … класса МАОУ «СОШ №4» …… и введите свое имя и фамилию.
3. С помощью тегов верхнего индекса <SUP> и </SUP> задайте букву своего класса.
4. Отформатируйте последнюю строку на свое усмотрение.
5. Сохраните все изменения на Web – странице.
ПРАКТИЧЕСКАЯ РАБОТА №3. Тема: «Форматирование абзацев на Web – странице, задание цвета шрифта».
Задание 1. Форматирование абзаца на Web – странице.
1. Откройте созданную вами Web – страницу с помощью программы Bluefish или Блокнот
2. Заключите заголовок страницы Архитектура персонального компьютера между тегами <P ALIGN=”center”> и </P> (поставьте эти теги внутри уже созданных тегов <H1> и </H1>)
3. Сохраните изменения и, обновив страницу в браузере, посмотрите, как выглядит ваш текст.
4. Заключите первый абзац в парные теги <P ALIGN =”left”> и </P>
5. Заключите фразу Мы познакомим вас со всеми основными устройствами компьютера между парными тегами <P ALIGN =”right”> и </P>.
6. Фразу Приятного обучения расположите по центру.
7. Сохраните изменения и посмотрите, как теперь выглядит ваш текст в браузере.
Задание 2. Задание горизонтальной линии.
1. После заголовка страницы Архитектура персонального компьютера введите непарный тег <HR>, который позволит отделить заголовок от остального содержимого горизонтальной линией.
2. С помощью неоднократного написания непарного тега <BR> переместите фразу Сайт разработал ученик … класса МАОУ «СОШ №4» …… вниз страницы.
3. Установите перед этой фразой непарный тег <НR>, чтобы отделить автора страницы от остального содержимого.
4. Сохраните изменения и просмотрите как выглядит страница в браузере.
Задание 3. Задание цвета шрифта на Web – странице
1. Задайте синий цвет для заголовка страницы с помощью тегов <FONT COLOR=blue> и </FONT>.
2. Аналогично на свое усмотрение покрасьте текст любых абзацев.
| цвет | код | название | цвет | код | название |
| черный | #000000 | black | фиолетовый | #FF00FF | magenta |
| белый | #FFFFFF | white | бирюзовый | #00FFFF | cyan |
| красный | #FF0000 | red | желтый | #FFFF00 | yellow |
| зеленый | #00FF00 | lime | золотой | #FFD800 | gold |
| синий | #0000FF | blue | оранжевый | #FFA500 | orange |
| серый | #808080 | gray | коричневый | #A82828 | brown |
|
|
|
