Практические работы по Информатике по теме Основы создания Web-страниц для учащихся 11 класса

Автор публикации:

Дата публикации:

Краткое описание: ...

Муниципальное бюджетное образовательное учреждение

Средняя общеобразовательная школа № 11 города Глазова















Методические разработки по выполнению практических работ по предмету Информатика и ИКТ для 11 класса по теме


Основы создания Web-страниц











Учитель информатики:

Савельева Татьяна Александровна











г. Глазов

2016 год

Пояснительная записка

Практические работы являются неотъемлемой частью предмета Информатика и ИКТ. В ходе их выполнения у учащихся формируются важнейшие практические умения и навыки, необходимые для успешного усвоения основных тем предмета.

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

Задания, предлагаемые в практических работах, предполагают углубленное изучение некоторых теоретических вопросов. Сами практические работы подобраны так, чтобы охватить, по возможности, все темы, изучаемые в курсе.

Для успешного выполнения практических работ используются дополнительные справочные и раздаточные материалы. Изучение литературы, список которой приведен ниже, способствует более глубокому усвоению материала и успешному выполнению практических заданий.

В структуре лабораторных работ возможны небольшие изменения, призванные учитывать технические возможности учебного учреждения. Кроме того, эти изменения помогут организовать занятия с учетом индивидуальных интересов учащихся и уровня их теоретической подготовки.

При разработке лабораторных работ была использована следующая литература:

  1. Михеева, Е.В. Информатика [Текст]: учебник для СПО/ Е. В. Михеева, О. И. Титова. - 3-е изд., стер. - Москва : Академия, 2009. - 352 с.

  2. Угринович, Н.Д. Информатика и информационные технологии [Текст]: учебник для 10-11кл. /Н.Д. Угринович 4-е изд. – Москва: БИНОМ. Лаборатория знаний, 2010. – 511с.

  3. Семакин, И.Г. Информатика [Текст]: учебник для 10-11кл. /И.Г. Семакин. – Москва: Просвещение, 2011. – 211с.

  4. Михеева, Е.В. Информационные технологии в профессиональной деятельности [Текст]: учебник для СПО / Е.В.Михеева. – 9-е изд, стер. – Москва: Академия, 2011. – 384с.

  5. Александровская, А.Н. Автоматика [Текст]: учебник для СПО / А.Н. Александровская. – Москва: Академия, 2011. – 256с.

  6. Цветкова, М. С. Информатика и ИКТ[Текст]: учебник для СПО/ М.С. Цветкова, Л.С. Великович. – Москва: Академия, 2011. – 352с.

  7. Гохберг, Г. С. Информационные технологии[Текст]: учебник для СПО/ Г.С. Гохберг и др.. – 8-е изд., стер. – Москва: Академия, 2013. – 208с.

Порядок выполнения практических работ

1. Уясните цель выполнения работы. Внимательно прочитайте введение к практической работе. Исходя из прочитанного, составьте план действий, необходимый для достижения поставленной цели.

2. Проверьте наличие на вашем рабочем месте необходимого оборудования и программного обеспечения.

3. Ознакомьтесь с описанием практической работы. Подумайте, понятны ли вам приемы осуществления тех или иных операций. Если у вас возникают сомнения, проконсультируйтесь у преподавателя. Если вопросов нет, приступайте к работе.

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

Создание документа HTML.

Обязательная структура документа

В точности, этот документ имеет следующую структуру:

Hello

Hello world

То есть, за исключением первой строки, весь файл есть HTML элемент, который содержит HEAD элемент, (включающий TITLE элемент) и BODY элемент, с простым текстом в качестве содержимого.

HEAD (ЗАГОЛОВОК) - заголовок документа

Основная структура документа HTML всегда состоит из заглавия и тела. Явное вложение заголовка в элемент HEAD не обязательно.

Основной синтаксис

элемент TITLE

HEAD>

Содержимое

Обязательно один TITLE элемент и необязательно (в любом порядке)

BODY (ТЕЛО) - тело документа

Основная структура документа HTML всегда состоит из заголовка и тела.

Основной синтаксис

тело документа

Возможные атрибуты

фоновый цвет документа

TEXT

[link]


Страница 2.htm

2

фрейм

Страница 3.htm

3

фрейм

Практические задания: Понятие фрейма.

  1. Создайте HTML документ с 2 фреймами. Ширина первого фрейма 20% ширины окна, второго – 80%.

  2. Создайте HTML документ с 2 фреймами. Высота первого фрейма 200 точек, второго – 400.

  3. Создайте HTML документ с 3 фреймами. В первой строке 1 фрейм высотой 110 точек. Во второй строке 2 фрейма. Ширина первого фрейма 200 точек, второго – оставшаяся часть окна. В верхний фрейм выведите странцу с рисунком, в левом нижнем фрейме страница с 2 ссылками. Страницы, на которые ведут ссылки отображаются в правом фрейме.

  4. Создайте HTML документ с 5 фреймами. В первой строке 1 фрейм высотой 150 точек. Во второй строке 3 фрейма. Ширина крайних фреймов 100 точек, второго – оставшаяся часть окна. В последней строке 1 фрейм. В верхний и нижний фреймы выведите странцы с рисунками. В крайних фреймах второй строки список ссылок (по 2 ссылки). Страницы, на которые ведут ссылки отображаются в среднем фрейме.
Читать полностью »