Сведения о разработчиках сайта

Далее ⇒

Инструкционно-технологическая карта

На выполнение практического занятия №29

по дисциплине «Информатика и ИКТ»

Тема: «Телекоммуникационные технологии».

Наименование работы: Методы создания и сопровождения сайта.

Цели:

- дидактическая:освоить практические методы создания и сопровождения сайта

- развивающая: расширение кругозора студентов,

- воспитательная: воспитание коммуникативности

Приобретаемые умения и навыки: В ходе выполнения данной практической работы вы создадите макет Web-сайта с помощью программного средства Блокнот и языка гипертекстовой разметки HTML.

После выполнения практического занятия вы сможете создавать свой сайт, вести его.

норма времени: 2 часа

Оснащение рабочего места: персональный компьютер, необходимое ПО:

Литература: Семакин И Г , Хеннер Е. К. « Информатика и ИКТ, 10-11 классы», глава 5

Содержание работы и последовательность ее выполнения.

Задание 1

Создать в своей папке папку с названием maket. В этой папке будут хранится файлы, содержащие страницы сайта и другие документы (например, рисунки, фоны и т.д.)

Задание 2

Создать заготовки Web-страниц. Такие «пустые» страницы должны иметь заголовок, но могут пока не иметь содержания. Все создаваемые страницы необходимо сохранить в виде файлов в папке сайта maket.

1.Открыть окно текстового редактора Блокнот.

2.Набрать в Блокноте структуру НTML-документа. Для этого перейти на английскую раскладку клавиатуры и набрать тэги, выделенные полужирным шрифтом:

<HTML>начало HTML-кода

<HEAD>начало заголовка

заголовок содержит описательную и служебную информацию

<TITLE> Заголовок страницы </TITLE>

</HEAD>конец заголовка

<BODY >начало тела

содержание страницы

</BODY>конец тела

</HTML>конец HTML-кода

3.Используя меню Файл и команду Сохранить как… сoхранить документ в папке maket под именами index.htm,1.htm, 2.htm, 3.htm.

4.Закройте окно программы Блокнот.

Задание 3

Создайте главную страницу сайта. Дизайн главной страницы сайта обычно состоит из одной «сложной» таблицы или нескольких «простых» таблиц, в которых располагается необходимая информация. Существуют несколько классических схем табличного дизайна. Вы осуществите схему главной страницы, состоящую из трех таблиц.

Заголовок сайта

Ссылка 1	Полезное содержимое сайта
Ссылка 2
Ссылка 3

Сведения о разработчиках сайта

Откройте документ index.htm из папки maket. Документ откроется в окне браузера Internet Explorer. На экране вы увидите пустую Web-страницу

1.Откройте документ index.htm из папки maket. Документ откроется в окне браузера Internet Explorer. На экране вы увидите пустую Web-страницу.

2.Перейдите в Блокнот из программы Internet Explorer. Для этого выберите меню Вид→Просмотр HTML-кода.

3.Структура таблицы задается парным тэгом <TABLE> </TABLE>.Наберите между тэгами <BODY > </BODY > структуру первой таблицы:

· таблица состоит из одной строки и одной ячейки;

· окантовка таблицы шириной в 1 пиксель (атрибут BORDER);

· ширина таблицы 100% от ширины окна браузера (атрибут WIDTH);

· высота таблицы 100 пикселей (атрибут HEIGHT).

Далее ⇒