Создание простейшей Web-страницы. Форматирование текста в HTML
Автор: Inessa_Z • Февраль 27, 2023 • Практическая работа • 1,321 Слов (6 Страниц) • 206 Просмотры
ШҚО әкімдігі Білім басқармасының "Риддер көпсалалы колледжі" КММ
КГУ «Риддерский многопрофильный колледж» УО ВКО
(наименование организации образования)
Оқу сабағының жоспары/План учебного занятия
Сабақтың тақырыбы /Тема занятия:
СОЗДАНИЕ ПРОСТЕЙШЕЙ WEB-СТРАНИЦЫ. ФОРМАТИРОВАНИЕ ТЕКСТА В HTML.
Модуль/пән атауы /Наименование модуля /дисциплины: ООД ИНФОРМАТИКА
Педагог дайындады/Подготовил педагог: ЗОРКИНА И.Ю.
2022 ж./г. "____"_________________
1. Жалпы мәліметтер/Общие сведения: Курс Топ/Группа: Сабақтың түрі/Тип занятия: | 1 КУРС ГРУППА ______ ПРАКТИЧЕСКИЙ |
2. Мақсаты/Цели Міндеттері/Задачи | Цель: формирование практических навыков создания, редактирования и форматирования html-документов Задачи:
|
3. Күтілетін нәтижелер/Ожидаемые результаты | 1) Уметь создавать простейшей web-страницы 2) Применять теги управления внешним видом web-страницы и форматированием текста при создании HTML-документа. |
4. Қажетті ресурстар / Необходимые ресурсы | ПК, проектор, экран, презентация по данной теме, инструкционная карта |
5. Сабақтың барысы/Ход занятия 1.Организационный этап – 5 минут Приветствие, отметка обучающихся. Тема, цель, задачи урока 2. Подготовка обучающихся к активному усвоению нового материала - 10 мин
<HTML></HTML> обозначается начало и конец документа <HEAD> и </HEAD> содержит информацию о документе (сведения о документе, которые не отображаются пользователю). <TITLE> - обеспечивает название для документа. Является обязательным элементом. <BODY> заключается тело документа, которое содержит текст и теги, обрабатывающиеся браузером перед выводом.
<BR> тег перевода строки, отделяет строку от последующего текста или графики; <P> тег абзаца, тоже отделяет строку, но еще добавляет пустую строку; парный тег <B> </B> - начертание жирный; парный тег <I> </I> - начертание курсив; парный тег <U> </U> - начертание подчеркнутый; Теги заголовков: от <H1> до <H16> Тег <FONT> предоставляет возможности управления гарнитурой, цветом и размером текста. Изменение гарнитуры текста выполняется добавлением к тегу <FONT> атрибута FACE. Для отображения текста шрифтом Arial необходимо записать: <FONT FACE= “ARIAL”> Для изменения цвета шрифта можно использовать в теге <FONT> атрибут COLOR=”X”. Вместо “X” надо подставить английское название цвета в кавычках (“ ”), либо его шестнадцатеричное значение. 3) КРИТЕРИИ ОЦЕНИВАНИЯ ВЫПОЛНЕНИЯ ПРАКТИЧЕСКОЙ РАБОТЫ № 1 3. Изучение нового материала – 55 минут (Выполнение ПР – Инструкционная карта) |
ИНСТРУКЦИОННАЯ КАРТА
ПРАКТИЧЕСКАЯ РАБОТА № 1
Тема: СОЗДАНИЕ ПРОСТЕЙШЕЙ WEB-СТРАНИЦЫ. ФОРМАТИРОВАНИЕ ТЕКСТА В HTML.
Задание 1. СОЗДАНИЕ ПРОСТЕЙШЕЙ WEB-СТРАНИЦЫ
1. Создайте на Рабочем столе ПАПКУ с именем СВОЕЙ ГРУППЫ (например, 22 ЭГС).
2. Запустите текстовый редактор БЛОКНОТ (Пуск 🡺 Программы 🡺 Стандартные 🡺 Блокнот).
3. Создание Web-страницы. Наберите в окне программы Блокнот файл HTML содержащий информацию:
<HTML>
<HEAD>
<TITLE>Учебный файл HTML</TITLE>
...