WWW (Всемирная паутина) (стр. 7 )

<applet archive="anfypaint. jar" code="anfypaint. class" width="580" height="350">

Размер апплета задается тэгами width и height. Минимальная ширина 580 , высота - 150.

<param name="credits" value="Applet by Fabio Ciucci (www. )">

Параметр, указывающий на авторские права.

<param name="regcode" value="NO">

Регистрационный код.

<param name="savebutton" value="YES">

Параметры сохраняемого рисунка.

<param name="jpgquality" value="75"> ; Качество JPEG (1..100)

Данный параметр изменяет степень сжатия сохраненного рисунка в формате JPEG. Большая степень сжатия уменьшает качество изображения.

<param name="backcolor" value="e0e0e0">

Цвет фона (в шестнадцатеричном формате RRGGBB) Формат цвета идентичен используемому в документах html, только без префикса #.

<param name="backimage" value="NO">

Фоновый рисунок. Если хотите разместить на фоне апплета рисунок, в параметре backimage вместо значения "NO" задайте его название (например: "back. jpg"). Размеры фонового рисунка могут быть меньше размера апплета.

<param name="pencolor" value="000000">

Начальный цвет карандаша (формат hex RRGGBB)

<param name="startmsg" value="Click here.">

Приветственное сообщение, появляющееся при загрузке апплета.

Задание

1. Создать HTML-документ, вставить в него апплет, который представляющий генератор фрактального дерева путем рекурсивного применения правила для L – систем.

<applet archive="AnFract. jar" code=AnFract. class width=250 height=250>

<param name=credits value="Applet by Fabio Ciucci (www. )">

<param name=regcode value="NO">

<param name=reglink value="NO">

<param name=regnewframe value="YES">

<param name=regframename value="_blank">

<param name=statusmsg value="IFS fractals applet">

<param name=dimensions value="8">

<param name=branches value="2">

<param name=morph_speed value="3">

<param name=rot_speed value="5">

<param name=rot_speed2 value="-5">

<param name=decline value="0.75">

<param name=length value="26">

<param name=pensize value="1">

<param name=progress value="YES">

<param name=progrinverse value="NO">

<param name=progrstep value="2">

<param name=iterskip value="YES">

<param name=backimage value="NO">

<param name=backR value="0">

<param name=backG value="0">

<param name=backB value="0">

<param name=ifsR1 value="255">

<param name=ifsG1 value="255">

<param name=ifsB1 value="180">

<param name=ifsR2 value="10">

<param name=ifsG2 value="50">

<param name=ifsB2 value="255">

<param name=overtext value="YES">

<param name=overimg value="NO">

<param name=overimgX value="0">

<param name=overimgY value="0">

<param name=textscroll value="NO">

<param name=memdelay value="1000">

<param name=priority value="133">

<param name=MinSYNC value="10">

Sorry, your browser doesn't support Java.

</applet>

2. Создать каталог Fractal и сохранить созданный документ в этом каталоге под именем Fractal. htm.

3. Скопировать в каталог следующие файлы:

· AnFract. class

· AnFract. jar

4. Открыть файл Fractal. htm и просмотреть его НТМL-код.

5. Учитывая, что апплет полностью параметризован, получить различные фрактальные изображения настройкой как параметров фрактала, так и его цветовой палитры.

Описание параметров

Параметр "overimg" принимает значение имени файла рисунка, который будет который будет наложен поверх апплета.

Параметры "overimgX" и "overimgY" задают положение наложенного рисунка.

Размер апплета задается тэгами width и height, изменяя его, вы можете увеличивать/уменьшать видимую часть фрактала. Фрактал всегда автоматически помещается в центр апплета.

Параметр "dimensions" (размерность) задает число итераций для генерации фрактала.

Число ветвей от стартовой точки фрактала равно значеию параметра "branches", помноженному на 2 для каждой итерации. При генерации фрактального дерева количество операций пропорционально 2^dimensions * 2 * branches. Таким образом, объем используемой апплетом памяти и ресурсов процессора зависит экспотенциально от размерности и числа ветвей фрактала. Оптимальные значения параметров: 8 для dimensions и порядка 1-5 для branches.

Параметр "morph_speed" задает скорость превращения (изменения формы) фрактального дерева. "Rot_speed" определяет, как быстро вращается каждый элемент фрактала.."Rot_speed2 " – скорость вращения фрактала целиком.

"Length" – длина начальной линии фрактала.

"Decline" – спад в длине ветвей присоединенных к стволу после каждой итерации. В норме (0 < "Decline" < 1) так как это коэффициент, на который множится длина при каждой итерации. Например, значение 0.75 дает уменьшение длины в 25% за итерацию. Значение спада может быть больше единицы, хотя такое дерево смотрится и неестественно, так как веточки к краям становятся все длиннее.

Толщина ветви фрактала ("pensize" [1..3]) может быть постоянной. Или можно задать изменение толщины от края к стволу ("progress" = "YES"), определив при этом шаг по толщине ("progrstep" [1..16]). Выбрав "обратный шаг " ("progrinverse" = "YES") по толщине вы получите тонкий ствол с толстыми веточками.

Параметр "iterskip" задает отрисовку ветвей без соединительных элементов, что несколько ускоряет работу апплета.

Возможно изменение цвета фрактального дерева, RGB палитра такая же, как и тэгах HTML, только в десятичной системе.

Параметры backR, backG, backB задают цвет фона.

Чтобы разместить на фоне апплета рисунок, в параметре backimage вместо значения "NO" задайте его название (например: "back. jpg"). Рисунок должен быть одного размера с апплетом.

Можно задать цвет кончиков (ifsR1,ifsG1,ifsB1) и основания (ifsR2,ifsG2,ifsB2) ветвей для градиентной раскраски в этом цветовом диапазоне всего фрактала. Чтобы раскрасить фрактал в цвета от черного до белого (все оттенки серого), присвойте значение 255 параметрам цвета кончиков (ifsR1,ifsG1,ifsB1) и 0 – параметрам цвета основания (ifsR2,ifsG2,ifsB2)

Параметр "overtext" определяет отрисовку фракталов поверх прокручиваемого текста, или наоборот.

FLASH

Flash, является мощной технологией web-дизайна.

Для просмотра Flash страниц служат Flash Player, которые встраиваются в браузер. В последних версиях IE и NN они уже встроены (если нет, то их можно бесплатно скачать с сайта Macromedia). И существует программа Flash, с помощью которой эти страницы создаются.

Достоинства Flash.

· Маленький размер получающихся файлов и, соответственно, более быстрая загрузка из сети. Flash использует векторный формат изображений и сжимает растровые и звуковые файлы (которые также могут использоваться в страницах Flash),.

· Устранение проблем совместимости между браузерами. В отличие от HTML, Flash одинаково работает как в IE, так и в NN.

· Мощный событийно-управляемый язык (ActionScript), с поддержкой условий, циклов, массивов, функций и классов, которые можно наследовать.

· Красота. Flash имеет автоматическую поддержку anti-aliasing (антиалайсинг, сглаживание контуров с помощью смешения соседних цветов). В результате даже простая линия или кружочек, нарисованные во Flash, выглядят приятно для глаз.

· Удобство и простора создания страниц во Flash.

· Распространенность. Flash становится стандартом де-факто. На сегодняшний день Flash Player используют более двухсот миллионов человек, и каждый день его скачивает еще 1.4 миллиона. По данным Macromedia это позволяет 90% пользователей Сети просматривать страницы с Flash содержимым.

Задание

Просмотреть предложенные преподавателем Web-страницы с Flash-роликами. Запустить и просмотреть в различных режимах просмотра предложенные преподавателем файлы с Flash-анимацией.

ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ:

1. MS Word 97/2000/XP;

2. Notepad (Блокнот);

3. MS Internet Explorer;

4. Netscape Navigator;

5. RGB Photo Selector;

6. Good Utilites for Web-Masters;

7. MS Front Page 97/2000/XP;

8. Macromedia Flash 5;

9. E-html;

10. BG-color 216;

11. SNK VisualHTML Workshop;

12. SNK HTML Pad;

13. Anfy 1.4.5.;

14. Коллекция Java-апплетов;

15. Контрольные тесты, реализованные на JavaScript;

16. Электронное учебное пособие, реализованное в виде Web-site;

СОДЕРЖАНИЕ

Введение....................................................................................................... 3

Понятие HTML............................................................................................ 4

HTML-документ........................................................................................... 5

HTML-редакторы........................................................................................ 7

Первый HTML-документ............................................................................. 8

Форматирование шрифта.......................................................................... 12

Форматирование абзацев.......................................................................... 14

Списки........................................................................................................ 15

&-последовательности............................................................................... 17

Графика...................................................................................................... 17

Гиперссылки.............................................................................................. 21

Вставка звука и видео на страницу........................................................... 24

Таблицы..................................................................................................... 25

Фреймы...................................................................................................... 30

CSS............................................................................................................. 33

Классы и идентификаторы........................................................................ 34

META-инструкции..................................................................................... 35

Формы........................................................................................................ 37

Сценарии и сценарные языки.................................................................... 44

JAVA SCRIPT............................................................................................ 45

Размещение скрипта в html-коде............................................................... 46

Объекты JavaScript.................................................................................... 48

Методы JavaScript..................................................................................... 50

События JavaScript.................................................................................... 51

Операторы и функции JavaScript............................................................. 53

Java и Java-апплеты................................................................................... 59

FLASH........................................................................................................ 63

Программное обеспечение........................................................................ 65