Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
УМК Основы информ. технологий. А.А.Стец.-2012.docx
Скачиваний:
292
Добавлен:
15.02.2016
Размер:
3.98 Mб
Скачать

5.1 Выделите каждый термин красным цветом, жирным начертанием.

Загрузите файл web5.html в Internet Explorer. Оцените результат

Лабораторная работа №22 «Web-страницы. Создание списков. Вставка графики.»

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

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

Создание и редактирование списка

  1. Создайте файл <Ваша фамилия>.htmв программеБлокнот.

  2. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить между тегами <BODY>и</BODY>

  3. Вставьте в документ тег <OL ТУРЕ="I">, который начинает упорядоченный (нуме­рованный) список.

  4. Вставьте в документ элементы списка, предваряя каждый из них тегом <LI>.

  5. Завершите список при помощи тега </OL>.

  6. Сохраните Ваш документ.

  7. Запустите обозреватель Internet Explorerоткройте Ваш файл. Изучите, как упорядоченный список отображается в программеInternet Explorer, обращая особое внимание на способ нумерации, заданный при помощи атрибутаTYPE=.

  8. Вернитесь в программу Блокноти установите текстовый курсор после окончания введенного списка.

  9. Вставьте в документ тег <UL TYPE="SQUARE">, который начинает неупорядоченный (маркированный) список.

  10. Вставьте в документ элементы списка, предваряя каждый из них тегом <LI>.

  11. Завершите список при помощи тега </UL>. Сохраните Ваш документ.

  12. Вернитесь в программу Internet Explorerи щелкните на кнопкеОбновитьна панели инструментов. Посмотрите, как изменился вид страницы, обратив внимание на способ маркировки, заданный при помощи атрибутаTYPE=.

  13. Вернитесь в программу Блокноти установите текстовый курсор после окончания введенного списка.

  14. Вставьте в документ тег <DL>, который начинает список определений.

  15. Вставьте в список определяемые слова, предваряя соответствующие абзацы тегом <DТ>.

  16. Вставьте в список соответствующие определения, предваряя их тегом <DD>.

  17. Завершите список при помощи тега </DL>. Сохраните Ваш документ.

  18. Вернитесь в программу Internet Explorerи щелкните на кнопкеОбновитьна панели инструментов. Посмотрите, как выглядит при отображенииWeb-страницы список определений.

Создание изображения и использование его на Web-странице.

  1. Откройте программу Paint (Пуск ► Программы ► Стандартные ► Paint). Задайте размеры нового рисунка, например 50x50 точек (Рисунок ► Атрибуты).

  2. Нарисуйте произвольный рисунок.

  3. Сохраните рисунок под именем <Ваша фамилия>.gif (в формате GIF).

  4. Откройте документ <Ваша фамилия>.htm в программе Блокнот.

  5. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить между тегами <BODY> и </BODY>.

  6. Введите тег <IMG SRC ="<Ваша фамилия>.gif" ALIGN="LEFT">.

  7. Сохраните Ваш документ.

  8. Запустите обозреватель Internet Explorer откройте Ваш файл. Посмотрите на получившийся документ, обращая особое внимание на изображение.

  9. Вернитесь в программу Блокнот и, измените значение атрибуту: ALIGN="CENTER". Сохраните файл под тем же именем.

  10. Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы при изменении атрибутов.

  11. Вернитесь в программу Блокнот и добавьте в тег <IMG> атрибуты: HSPACE=40 VSPACE=20. Сохраните файл под тем же именем.

  12. Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы при изменении атрибутов.

Текст для набора:

Целью курса является научить проектировать и конструировать сайты.

Достижение цели реализуется с решением следующих задач:

  • Познакомить с видами web-сайтов, их функциональными, структурными и технологическими особенностями;

  • Сформировать навыки проектирования, конструирования, размещения и сопровождения web-сайта;

  • Сформировать навыки написания html-кодов;

  • Создать и разместить в сети Интернет собственный web-сайт по выбранной тематике;

  • Познакомиться с основами web‑дизайна;

В результате изучения данного элективного курса обучающиеся должны:

  1. знать принципы и структуру устройства «Всемирной паутины», формы представления информации в сети Интернет; способы работы с изученными программами (редакторы сайтов); виды web-сайтов;

  2. уметь найти, сохранить и систематизировать необходимую информацию из сети с помощью имеющихся технологий и программного обеспечения; овладеть браузерами Internet Explorer, Opera, Firefox; спроектировать, изготовить и разместить в сети web-сайт, состоящий из 5-10 страниц на заданную тему;