СДЕЛАЙТЕ СВОИ УРОКИ ЕЩЁ ЭФФЕКТИВНЕЕ, А ЖИЗНЬ СВОБОДНЕЕ

Благодаря готовым учебным материалам для работы в классе и дистанционно

Скидки до 50 % на комплекты
только до

Готовые ключевые этапы урока всегда будут у вас под рукой

Организационный момент

Проверка знаний

Объяснение материала

Закрепление изученного

Итоги урока

Создание страницы

Категория: Информатика

Нажмите, чтобы узнать подробности

Просмотр содержимого документа
«Создание страницы»

Бюджетное профессиональное образовательное учреждение

Орловской области

«Мезенский педагогический колледж»



№ группы: 21 а

Дисциплина: Информатика и ИКТ в профессиональной деятельности

Дата 20.05.20

Тема: Знакомство с основами сайтостроения. Язык HTML.

Форма: практическое занятие

Дата сдачи: 20.05.20

Преподаватели: Чудакова Л. И.

Давидюк О. И.















  1. Переписать в рабочую тетрадь следующую теорию:

Вставка иллюстраций (тег IMG)

Одиночный тег IMG позволяет добавлять на web-страницу различные иллюст­рации. Картинка (рисунок или фотография) при этом содержится в отдельном файле формата JPEG, GIF или PNG. Вся необходимая информация задается с помощью атрибутов.

Обязательным яв­ляется атрибут SRC, указывающий имя графического файла.

Пример:

IMG SRC=”delfin.gif”

Дополнительные атрибуты (можно не переписывать):


  1. Выполнить практическое задание:

  1. Создайте папку stranica. Все последующие файлы необходимо будет сохра­нять в этой папке.

  2. Создайте шаблон web-страницы в блокноте.

  3. Сохраните готовый шаблон под именем shablon.htm в папку stranica.

  4. Внесите в шаблон следующие изменения: введите заголовок «Страница исследований», а в тело документа введите текст: «Первая веб-страница будет посвящена исследованиям».

  5. Сохраните получившийся файл под именем index.htm в папке stranica (напомним, что index.htm— это стандартное имя головного документа, с которого на­чинается загрузка сайта).

  6. Просмотрите результат работы в браузере.

  7. Откройте файл index.htm и сохраните его под именем zadanie.htm

  8. Между парными тегами body body поместите следующий текст:

ГЛАВА 1. ОСНОВЫ СЕТИ ИНТЕРНЕТ

В наше время особо важное значение имеет информация. Наиболее удобным способом получения и передачи информации является использование всемирной компьютерной сети Интернет.

Компьютерные сети

С появлением компьютеров возникла проблема передачи информации между ними. Передавать информацию можно с помощью носителей информации: гибких дисков, CD-Rom и др. Но этот способ достаточно медленный и неудобный. Поэтому компьютеры стали соединять с помощью линий связи. Для того используют специальные электронные устройства: сетевые платы, сетевые адаптеры, модемы и т. д.

Компьютерная сеть — это объединение компьютеров, линий связи между ними и программ, обеспечивающих обмен информацией.

Пользователи Интернета подключаются к сети через компьютеры специальных организаций, которые называются поставщиками услуг Интернета (провайдерами). К сети может быть подключен отдельный компьютер или локальная сеть из нескольких компьютеров.

Виды компьютерных сетей:

Локальная сеть — компьютерная сеть, объединяющая компьютеры, расположенные в одном здании или в соседних зданиях.

Распределенная (территориальная) сеть — компьютерная сеть, объединяющая компьютеры, которые находятся в разных частях города, а иногда и в разных городах.

Корпоративная сеть — к распределенной сети подключаются не отдельные компьютеры, а локальные сети. Создание корпоративных сетей нашло применение для предприятий, имеющих филиалы других городах.

Глобальная сеть — распределенная сеть мирового масштаба. Интернет является самой известной глобальной компьютерной сетью.

  1. Просмотрите результат в браузере.

  2. Заключите каждый абзац в контейнер абзаца.

  3. Первому заголовку («ГЛАВА 1. ОСНОВЫ СЕТИ ИНТЕРНЕТ») назначьте вид заголовка второго уровня, расположенного по центру.

  4. Второму заголовку («Компьютерные сети») также назначьте вид заголовка второго уровня, но расположенного по левому краю.

  5. Фразу «Виды компьютерных сетей» оформите шрифтом Impact, Lucida
    Console, Monotype Corsiva или любым другим. Размер шрифта задайте равным 4.

  6. К любым предложениям в тексте примените различные типы шрифта.

  7. В конце всего текста поэкспериментируйте с заданием размера шрифта,

  8. В конце всего текста поэкспериментируйте с заданием размера шрифта, добавив строки:








  1. Все названия компьютерных сетей в тексте выделите полужирным шриф­том увеличенного размера.

  2. В конце текста примените теги шрифтового выделения: курсивное начертание шрифта, подчеркнутый текст, зачеркнутый текст, верхний индекс, нижний индекс.

  3. Поместите файл seti.gif в папку stranica

  4. На web-страницу вставьте рисунок seti.gif

  5. Расположите рисунок справа от текста.

  1. Сохраните файл и отправьте на почту.





zadanie.htm