Практическая работа № 45-46.
Практическая работа № 47- 48 (для специальности АГРОНОМИЯ).
Тема: Телекоммуникационные технологии.
Наименование работы: Работа с ресурсами Интернет. Форумы и чаты. Создание Web-страниц.
Цель занятия: изучить основы языка гипертекстовой разметки документов.
Приобретаемые умения и навыки: в процессе выполнения заданий в соответствии с инструкционной картой студенты приобретают знания по созданию Web-страниц.
Норма времени: 1+1 час.
Оснащение рабочего места: ПК, программное обеспечение, методические указания.
Особые правила техники безопасности на рабочем месте: проведение вводного инструктажа по ТБ и инструктажа на рабочем месте.
Литература
1) Угринович Н.Д. Информатика и информационные технологии. Учебник для 10-11 классов. – М.: БИНОМ, 2016
2) Симонович С.В. Информатика. Базовый курс. 3-е издание. – СПб.: Питер, 2011.
КОНТРОЛЬНЫЕ ВОПРОСЫ
1. Web-сайт и Web-страница. Дайте определения?
2. Что такое интерактивная Web-страница?
3. Гиперссылки? Поясните на примере?
4. Что такое HTML?
ПОРЯДОК ВЫПОЛНЕНИЯ РАБОТЫ
Задание № 1. Задание цвета фона и текста.
При изображении фона и цвета браузеры используют цвета, установленные по умолчанию, – они заданы параметрами настройки браузера. Если вы хотите задать другие цвета, то это надо сделать в начале файла HTML в теге <BODY>. Атрибут BGCOLOR= определяет цвет фона страницы, атрибут TEXT= задает цвет текста для всей страницы, атрибуты LINK= и VLINK= определяют соответственно цвета не просмотренных и просмотренных ссылок (последние два примера будут рассмотрены позже).
1. Внесите изменения в файл RASP.HTML
<HTML>
<HEAD>
<TITLE>Учебный файл HTML</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFCC" TEXT="#330066">
<P ALIGN="CENTER">
<FONT COLOR="#008080" SIZE="7">
<B>Расписание</B></FONT><BR>
<FONT SIZE="6"><I> занятий на вторник</I></FONT>
</P>
</BODY>
</HTML>
2. Просмотрите изменения Web-страницы в браузере.
Задание №2. Размещение графики на Web-странице.
Тег <IMG> позволяет вставить изображение на Web-страницу. Оно появится в том месте документа, где находится этот тег. Тег <IMG> является одиночным. Необходимо помнить, что графические файлы должны находиться в той же папке, что и файл HTML, описывающий страницу. Графика в Web, как правило, распространяется в трех форматах: GIF, JPG, PNG.
Для выполнения следующего задания поместите файл с именем CLOCK.JPG (или другим именем) в рабочую папку.
Следует помнить, что для браузера важно, в каком регистре вы задаете описание имени и типа файла. Выработайте для себя определенное правило и строго следуйте ему. Если вы размещаете файл графического изображения во вложенной папке, то при описании изображения необходимо указывать путь доступа к файлу изображения, отображая вложенность папок.
1. Внесите изменения в файл RASP.HTML
<HTML>
<HEAD>
<TITLE>Учебный файл HTML</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFCC" TEXT="#330066">
<P ALIGN="CENTER">
<FONT COLOR="#008080" SIZE="7">
<B>Расписание</B></FONT><BR>
<FONT SIZE="6"><I> занятий на вторник</I></FONT>
<BR><BR>
<IMG SRC="CLOCK.PNG">
</P>
</BODY>
</HTML>
2.Просмотрите изменения вашей Web-страницы в браузере.
Задание №3.Установка фонового изображения на Web-странице
Фоновое изображение – это графический файл с небольшим рисунком, который многократно повторяется, заполняя все окно браузера независимо от его размеров. Графика, используемая в качестве фоновой, задается в теге <BODY>.
1. Внесите изменения в файл RASP.HTML, предварительно подготовив и сохранив в рабочей папке графический файл фонового рисунка (FON.PNG).
<HTML>
<HEAD>
<TITLE>Учебный файл HTML</TITLE>
</HEAD>
<BODY BACKGROUND="FON.PNG" TEXT="#330066">
<P ALIGN="CENTER">
<FONT COLOR="#008080" SIZE="7">
<B>Расписание</B></FONT><BR>
<FONT SIZE="6"><I> занятий на вторник</I></FONT>
<BR><BR>
<IMG SRC="CLOCK.PNG" ALIGN="MIDDLE">
</P>
</BODY>
</HTML>