Реферат Курсовая Конспект
Введение - раздел Право, Министерство Образования Российской Федерации...
|
Министерство образования Российской Федерации
Государственное образовательное учреждение
Высшего профессионального образования
«Санкт-Петербургский государственный университет
аэрокосмического приборостроения»
ИНФОРМАТИКА
специальность 061800
Методические указания к выполнению лабораторных работ
Санкт-Петербург
СОДЕРЖАНИЕ
1.Общие указания 3
2.Лабораторная работа № 1«Форматирование текста» 3
3.Лабораторная работа № 2 «Работа со списками» 4
4.Лабораторная работа № 3«Создание таблиц» 6
5 Лабораторная работа № 4 «Работа с фреймами и гиперссылками» 7
6 Лабораторная работа № 5 «Работа со стилями» 8
7 Лабораторная работа № 6 «Работа с фильтрами» 8
Приложение 10
1. Общие указания
Все лабораторные работы этого раздела выполняются на языке HTML в редакторе HTMLHELP WorkShop или в блокноте с последующим просмотром Web страницы в браузере.
2.Лабораторная работа № 1
«Форматирование текста»
2.1 Цель работы: практическое изучение основ языка HTML, знакомство с основными тегами форматирования текста, работа с цветом.
Задание на лабораторную работу.
Создать Web-страницу, содержащую 10 строк. На каждой строке должно быть написано слово «Радуга». Цвет слов изменяется по спектру, начиная с цвета, указанного в варианте (столбец 4). Каждое следующее слово должно быть сдвинуто относительно предыдущего таким образом, чтобы в итоге получилась заданная фигура (столбец 2). Размеры букв в каждой строке должны отличаться от размеров букв в соседних строках так, как определено в варианте (столбец 3). Задать фон страницы. Использовать теги и атрибуты: <font color = #ffffff size = >, <body bgcolor= >.
Варианты для лабораторной работы № 1
Вариант | Способ расположения слов | Способ изменения размера букв сверху вниз и справа налево | Цвет первого слова | ||
| Увеличение | Красный | |||
| Увеличение | Оранжевый | |||
| Увеличение | Желтый | |||
| Увеличение | Зеленый | |||
| Увеличение | Голубой | |||
| Увеличение | Синий | |||
| Уменьшение | Фиолетовый | |||
| Уменьшение | Красный | |||
| Уменьшение | Оранжевый | |||
| Уменьшение | Желтый | |||
| Уменьшение | Зеленый | |||
| Уменьшение | Голубой |
3.Лабораторная работа № 2
«Работа со списками»
2.1 Цель работы: изучение возможностей HTML по созданию списков с несколькими уровнями.
Задание на лабораторную работу.
Создать трехуровневый список. Тему придумать самостоятельно. Пример: 1 уровень – страна; 2 уровень – регион страны; 3 уровень – город в регионе. В вариантах указаны типы списков каждого уровня (маркированный или нумерованный) и вид нумерации (арабские, римские большие и маленькие цифры, буквы алфавита). Нумерация списка второго уровня должна быть сквозной. На первом уровне должно быть не меньше 4 элементов, на втором в сумме не меньше 10, а на третьем не меньше 20. Использовать теги и атрибуты: <ul>, <ol type= start= >, <li type= start= >
Варианты для лабораторной работы № 2
Вариант | Тип списка и вид используемой нумерации для каждого уровня | ||
Уровень 1 | Уровень 2 | Уровень 3 | |
Маркированный | Нумерованный Арабские цифры | Нумерованный Римские большие цифры | |
Маркированный | Нумерованный Латинский алфавит | Нумерованный Римские маленькие цифры | |
Нумерованный Арабские цифры | Маркированный | Нумерованный Римские большие цифры | |
Нумерованный Латинский алфавит | Маркированный | Нумерованный Римские маленькие цифры | |
Нумерованный Арабские цифры | Нумерованный Римские большие цифры | Маркированный | |
Нумерованный Римские маленькие цифры | Нумерованный Римские маленькие цифры | Маркированный | |
Нумерованный Римские большие цифры | Маркированный | Нумерованный Арабские цифры | |
Нумерованный Римские маленькие цифры | Маркированный | Нумерованный Латинский алфавит | |
Маркированный | Нумерованный Римские большие цифры | Маркированный | |
Маркированный | Нумерованный Римские маленькие цифры | Маркированный | |
Нумерованный Арабские цифры | Маркированный | Нумерованный Римские большие цифры | |
Нумерованный Латинский алфавит | Маркированный | Нумерованный Римские маленькие цифры | |
Нумерованный Римские большие цифры | Маркированный | Нумерованный Арабские цифры | |
Нумерованный Римские маленькие цифры | Маркированный | Нумерованный Латинский алфавит | |
Нумерованный Римские маленькие цифры | Маркированный | Нумерованный Латинский алфавит |
4.Лабораторная работа № 3
«Создание таблиц»
4.1 Цель работы: выработка практических навыков создания и использования таблиц.
Задание на лабораторную работу.
Создать таблицу заданной структуры и наполнить ее содержанием, адекватным структуре. Использовать теги и атрибуты: <table border>, <tr>, <td rowspan= colspan= >.
Варианты для лабораторной работы № 3.
1.
| 2.
| |||||||||||||||||||||||||||
3.
| 4.
| |||||||||||||||||||||||||||
5.
| 6.
| |||||||||||||||||||||||||||
7.
| 8.
| |||||||||||||||||||||||||||
9.
| 10.
| |||||||||||||||||||||||||||
11.
| 12.
| |||||||||||||||||||||||||||
13.
| 14.
| |||||||||||||||||||||||||||
15.
| 16.
|
5 Лабораторная работа № 4
«Работа с фреймами и гиперссылками»
5.1 Цель работы: изучение деления окна браузера с помощью тега <frameset> и использование гиперссылок.
Задание на лабораторную работу.
Создать страницу с фреймами заданной структуры. Выбрать один фрейм и разместить в нем файл с оглавлением, который будет содержать гиперссылки на файлы с содержанием. При переходе по гиперссылкам оглавления файлы содержания должны открываться в другом фрейме. Использовать теги и атрибуты: <frameset cols= rows=>, <frame name= src= >, <a href= name= target=>.
Варианты для лабораторной работы № 4.
1.
| 2.
| 3.
| ||||||||||||||||||||||
4.
| 5.
| 6.
| ||||||||||||||||||||||
7.
| 8.
| 9.
| ||||||||||||||||||||||
10.
| 11.
| 12.
| ||||||||||||||||||||||
13.
| 14.
| 15.
|
6 Лабораторная работа № 5
«Работа со стилями»
6.1 Цель работы:освоение на практике различных способов использования стилей.
Задание на лабораторную работу.
Создать три варианта страницы, которая была подготовлена в первой лабораторной работе. В первом варианте использовать стили для отдельных тегов, во втором использовать встроенную таблицу стилей, в третьем описания стилей вынести в подключаемый файл .css. Использовать теги и атрибуты: <div style= >, <span style= >, <style>
7 Лабораторная работа № 6
«Работа с фильтрами»
7.1 Цель работы: ознакомление с особенностями применения фильтров.
Задание на лабораторную работу.
С помощью различных фильтров создать страницу, которая формирует на экране изображение, представленное на рисунке. Использовать теги, атрибуты и фильтры: <span style=”font:n; position: absolute; top: n; left: n; filter: n”>, flipv, fliph, wave(add=1, freq=1,phase=1, strength=1), glow(color=#ffffff, strength=1).
Приложение
– Конец работы –
Используемые теги: Введение0.039
Если Вам нужно дополнительный материал на эту тему, или Вы не нашли то, что искали, рекомендуем воспользоваться поиском по нашей базе работ: Введение
Если этот материал оказался полезным для Вас, Вы можете сохранить его на свою страничку в социальных сетях:
Твитнуть |
Новости и инфо для студентов