CSS-управление динамическими HTML-фильтрами

Автор работы: Пользователь скрыл имя, 10 Января 2013 в 20:29, лабораторная работа

Краткое описание

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

Скачать в ZIP архиве (730.29 Кб) Сколько стоит заказать работу?
Вложенные файлы: 1 файл

Курсовик.docx

— 837.77 Кб (Скачать файл)

    (в левом нижнем  углу изображения).

5. Цвет направленной подсветки=2(синий).

6. Цвет рассеянной подсветки=0(красный).

7. Цвет фона демонстрационных  документов=1

    (желтый).

     </pre>

   </td>

   <td>

     <textarea align="left" cols="55" rows="12" wrap="off">

<html>

<head>

    <title>CSSdinamicDem2</title>

    <link rel=stylesheet type=text/css href="CSSdinamic.css">

</head>

<body>

<table align="center" border="0" cellpadding="2">

 <tr>

   <td>

     <pre>   

 Салимон Валерия Александровна,группа в8311,вариант 35:

1. Размещение управляющего  фрейма=2

    (у правой границы  экрана).

2. Местонахождение параметров  индивидуального за-

    дания=0(левый верхний квадрант).

3. Тип динамического преобразования=11(Checker-

    board Down-закрывающаяся шахматная доска).

    закрывающаяся  шахматная доска).

4. Размещение источника  направленного освещения=3

    (в левом нижнем  углу изображения).

5. Цвет направленной подсветки=2(синий).

6. Цвет рассеянной подсветки=0(красный).

7. Цвет фона демонстрационных  документов=1

    (желтый).

     </pre>

   </td>

   <td>

     <! не показано >

   </td>

</tr>

</table>

<table align="center" border="0" cellpadding="2">

<tr>

   <td>

      <img id="imgDem_2" src="Изображение.jpg">

      <script>

        function window.onload() {

        imgDem_2.filters("revealtrans").apply()  /*Визуолизируем исходное изображение*/

        imgDem_2.style.visibility="hidden"  /*Устанавливаем новый стиль изображения*/

        imgDem_2.filters("revealtrans").transition=11 /*Задаем тип преобразования*/

        imgDem_2.filters("revealtrans").play(5) /*Выполняем преобразование*/

        }

      </script>

   </td>

   <td>

     <img src="Изображение.jpg">

   </td>

  </tr>

</table>

<body>

</html>

     </textarea>

   </td>

</tr>

</table>

<table align="center" border="0" cellpadding="2">

<tr>

   <td>

      <img id="imgDem_2" src="Изображение.jpg">

      <script>

        function window.onload() {

        imgDem_2.filters("revealtrans").apply()  /*Визуолизируем исходное изображение*/

        imgDem_2.style.visibility="hidden"  /*Устанавливаем новый стиль изображения*/

        imgDem_2.filters("revealtrans").transition=11 /*Задаем тип преобразования*/

        imgDem_2.filters("revealtrans").play(5) /*Выполняем преобразование*/

        }

      </script>

   </td>

   <td>

     <img src="Изображение.jpg">

   </td>

  </tr>

</table>

<body>

</html>

 

 

Файл CSSdinamicDem3.html

 

<html>

<head>

    <title>CSSdinamicDem3</title>

    <link rel=stylesheet type=text/css href="CSSdinamic.css">

</head>

<body>

<table align="center" border="0" cellpadding="2">

 <tr>

   <td>

     <pre>   

 Салимон Валерия Александровна,группа в8311,вариант 35:

1. Размещение управляющего  фрейма=2

    (у правой границы  экрана).

2. Местонахождение параметров  индивидуального за-

    дания=0(левый верхний квадрант).

3. Тип динамического преобразования=11(Checker-

    board Down-закрывающаяся шахматная доска).

    закрывающаяся  шахматная доска).

4. Размещение источника  направленного освещения=3

    (в левом нижнем  углу изображения).

5. Цвет направленной подсветки=2(синий).

6. Цвет рассеянной подсветки=0(красный).

7. Цвет фона демонстрационных  документов=1

    (желтый).

     </pre>

   </td>

   <td>

     <textarea align="left" cols="55" rows="12" wrap="off">

<html>

<head>

    <title>CSSdinamicDem3</title>

    <link rel=stylesheet type=text/css href="CSSdinamic.css">

</head>

<body>

<table align="center" border="0" cellpadding="2">

 <tr>

   <td>

     <pre>   

 Салимон Валерия Александровна,группа в8311,вариант 35:

1. Размещение управляющего  фрейма=2

    (у правой границы  экрана).

2. Местонахождение параметров  индивидуального за-

    дания=0(левый верхний квадрант).

3. Тип динамического преобразования=11(Checker-

    board Down-закрывающаяся шахматная доска).

    закрывающаяся  шахматная доска).

4. Размещение источника  направленного освещения=3

    (в левом нижнем  углу изображения).

5. Цвет направленной подсветки=2(синий).

6. Цвет рассеянной подсветки=0(красный).

7. Цвет фона демонстрационных  документов=1

    (желтый).

     </pre>

   </td>

   <td>

     <! не показано >

   </td>

</tr>

</table>

<table align="center" border="0" cellpadding="2">

<tr>

   <td>

      <img id="imgDem_3" src="Изображение.jpg">

      <script>

        function window.onload() {

          imgDem_3.filters.light.addCone(0,256,0,445,0,0,0,255,200,20)

          imgDem_3.filters.light.addAmbient(255,0,0,200)

        }

      </script>

   </td>

   <td>

      <img id="imgDem_32" src="Изображение.jpg">

   </td>

</tr>

</table>

<body>

</html>

     </textarea>

   </td>

</tr>

</table>

<table align="center" border="0" cellpadding="2">

<tr>

   <td>

      <img id="imgDem_3" src="Изображение.jpg">

      <script>

        function window.onload() {

          imgDem_3.filters.light.addCone(0,256,0,445,0,0,0,255,200,20)

          imgDem_3.filters.light.addAmbient(255,0,0,200)

        }

      </script>

   </td>

   <td>

      <img id="imgDem_32" src="Изображение.jpg">

   </td>

</tr>

</table>

<body>

</html>

Файл Изображение.jpg

 

 

 

 

 

 

 

 

 

СКРИНШОТЫ WEB-СТРАНИЦ СОЗДАННОГО САЙТА

 

Страница 1

 

 

 

 

 

 

 

Страница 2

 

 

 

Страница 3

 

 


Информация о работе CSS-управление динамическими HTML-фильтрами