Инструкционно-технологическая карта
На выполнение практического занятия №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).
