Бюджетное профессиональное образовательное учреждение
Орловской области
«Мезенский педагогический колледж»
№ группы: 21 а
Дисциплина: Информатика и ИКТ в профессиональной деятельности
Дата 20.05.20
Тема: Знакомство с основами сайтостроения. Язык HTML.
Форма: практическое занятие
Дата сдачи: 20.05.20
Преподаватели: Чудакова Л. И.
Давидюк О. И.
Переписать в рабочую тетрадь следующую теорию:
Вставка иллюстраций (тег IMG)
Одиночный тег IMG позволяет добавлять на web-страницу различные иллюстрации. Картинка (рисунок или фотография) при этом содержится в отдельном файле формата JPEG, GIF или PNG. Вся необходимая информация задается с помощью атрибутов.
Обязательным является атрибут SRC, указывающий имя графического файла.
Пример:
IMG SRC=”delfin.gif”
Дополнительные атрибуты (можно не переписывать):
Выполнить практическое задание:
Создайте папку stranica. Все последующие файлы необходимо будет сохранять в этой папке.
Создайте шаблон web-страницы в блокноте.
Сохраните готовый шаблон под именем shablon.htm в папку stranica.
Внесите в шаблон следующие изменения: введите заголовок «Страница исследований», а в тело документа введите текст: «Первая веб-страница будет посвящена исследованиям».
Сохраните получившийся файл под именем index.htm в папке stranica (напомним, что index.htm— это стандартное имя головного документа, с которого начинается загрузка сайта).
Просмотрите результат работы в браузере.
Откройте файл index.htm и сохраните его под именем zadanie.htm
Между парными тегами body body поместите следующий текст:
ГЛАВА 1. ОСНОВЫ СЕТИ ИНТЕРНЕТ
В наше время особо важное значение имеет информация. Наиболее удобным способом получения и передачи информации является использование всемирной компьютерной сети Интернет.
Компьютерные сети
С появлением компьютеров возникла проблема передачи информации между ними. Передавать информацию можно с помощью носителей информации: гибких дисков, CD-Rom и др. Но этот способ достаточно медленный и неудобный. Поэтому компьютеры стали соединять с помощью линий связи. Для того используют специальные электронные устройства: сетевые платы, сетевые адаптеры, модемы и т. д.
Компьютерная сеть — это объединение компьютеров, линий связи между ними и программ, обеспечивающих обмен информацией.
Пользователи Интернета подключаются к сети через компьютеры специальных организаций, которые называются поставщиками услуг Интернета (провайдерами). К сети может быть подключен отдельный компьютер или локальная сеть из нескольких компьютеров.
Виды компьютерных сетей:
Локальная сеть — компьютерная сеть, объединяющая компьютеры, расположенные в одном здании или в соседних зданиях.
Распределенная (территориальная) сеть — компьютерная сеть, объединяющая компьютеры, которые находятся в разных частях города, а иногда и в разных городах.
Корпоративная сеть — к распределенной сети подключаются не отдельные компьютеры, а локальные сети. Создание корпоративных сетей нашло применение для предприятий, имеющих филиалы других городах.
Глобальная сеть — распределенная сеть мирового масштаба. Интернет является самой известной глобальной компьютерной сетью.
Просмотрите результат в браузере.
Заключите каждый абзац в контейнер абзаца.
Первому заголовку («ГЛАВА 1. ОСНОВЫ СЕТИ ИНТЕРНЕТ») назначьте вид заголовка второго уровня, расположенного по центру.
Второму заголовку («Компьютерные сети») также назначьте вид заголовка второго уровня, но расположенного по левому краю.
Фразу «Виды компьютерных сетей» оформите шрифтом Impact, Lucida
Console, Monotype Corsiva или любым другим. Размер шрифта задайте равным 4.
К любым предложениям в тексте примените различные типы шрифта.
В конце всего текста поэкспериментируйте с заданием размера шрифта,
В конце всего текста поэкспериментируйте с заданием размера шрифта, добавив строки:
Все названия компьютерных сетей в тексте выделите полужирным шрифтом увеличенного размера.
В конце текста примените теги шрифтового выделения: курсивное начертание шрифта, подчеркнутый текст, зачеркнутый текст, верхний индекс, нижний индекс.
Поместите файл seti.gif в папку stranica
На web-страницу вставьте рисунок seti.gif
Расположите рисунок справа от текста.
Сохраните файл и отправьте на почту.
zadanie.htm