Создание и редактирование списка
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‑дизайна;
В результате изучения данного элективного курса обучающиеся должны:
- знать принципы и структуру устройства «Всемирной паутины», формы представления информации в сети Интернет; способы работы с изученными программами (редакторы сайтов); виды web-сайтов;
- уметь найти, сохранить и систематизировать необходимую информацию из сети с помощью имеющихся технологий и программного обеспечения; овладеть браузерами Internet Explorer, Opera, Firefox; спроектировать, изготовить и разместить в сети web-сайт, состоящий из 5-10 страниц на заданную тему;
Лабораторная работа №23
«Web-страницы. Создание гиперссылок. Стили.»
Цель работы: получить навыки создания гиперссылок, а также навыки оформления HTML страниц с помощью стилей, закрепить полученные навыки создания и редактирования страниц с использованием языка HTML.
Порядок выполнения работы:
Задание 1
Используя внутренние ссылки создать словарь терминов, переход к терминам должен осуществляться нажатием соответствующей буквы. В конце терминов по каждой букве должна стоять ссылка «В начало»
Задание 2