По-перше, треба пам'ятати, що картинки завантажуються з мережі завжди набагато повільніше, ніж звичайний текст. Це я говорю не до того, що сам файл картинки повинен бути не дуже великого об'єму (це вірно, але це питання ми обговоримо окремо), а до того, що при такому записі, як вище, багато броузери, почавши завантажувати картинку, припинять завантаження подальшого тексту до тих пір, поки картинка не буде завантажена повністю. Але для читача було б зручніше, якби текст продовжував завантажуватися gараллельно з картинкою: поки вона довантажується, можна було б щось вже читати. Щоб броузер міг це зробити, йому потрібно явно вказати розміри майбутньої картинки за допомогою атрибутів WIDTH= і HEIGHT=:

<IMG SRC="Images/clavi.gif" WIDTH="300" HEIGHT="200">

Взагалі кажучи, за допомогою цих атрибутів можна задати які завгодно розміри картинки, “розтягнувши” або стиснувши її як завгодно. Проте зазвичай цього не роблять, і ось чому. Представляти картинку меншою, ніж вона є, недоцільно, оскільки навіщо тоді вантажити великий файл? Адже файли для картинок великого розміру мають великий розмір і вантажаться з Інтернету, відповідно, набагато довше. Краще вже зробити маленький файл для картинки маленького розміру і швидко завантажити його. А якщо представити картинку більшою, ніж вона є, то, як правило, вона виглядатиме не вельми цікавою за рахунок появи “ступінчастості” як у формах, так і в кольорі.

Далі, хорошим тоном є наявність так званого альтернативного тексту для тих випадків, коли в броузері відключено проглядання графіки. Тоді на місці нашої картинки буде виведений прямокутник, який відповідає розміру, який супроводжується поясненням, що за картинка на цьому місці повинна бути. Альтернативний текст вводиться як значення атрибуту ALT:

<IMG SRC="Images/clavi.gif" WIDTH="300" HEIGHT="200" АLТ="Працівник Петров В.І.">

Нарешті, навколо малюнка можна відобразити рамку. Товщина цієї рамки задається як значення атрибуту BORDER=. Якщо ми, як в даному випадку, не хочемо відображати рамку навколо малюнка, то можемо нічого і не указувати, оскільки більшість броузеров за умовчанням рамку не малюють. Але деякі броузери все ж таки це роблять, і “для вірності” непогано б вказати і відсутність рамки теж:

<IMG SRC="Images/clavi.gif" WIDTH="300" HEIGHT="200" АLТ="Клавинова" BORDER="0">

Чого ще не вистачає нашому HTML-файлу? Звичайно ж, гіперпосилань! Без них будь-який документ в Інтернеті сприймається набагато нудніше, оскільки відвідувач відразу бачить, що зайшов в безвихідь. Тому обов'язково додайте гіперпосилання скрізь, де це тільки можна. В даному випадку, наприклад, слово “Організація” просто проситься стати гіперпосиланням на сторінку, де розміщено опис відповідної організації. Зробимо це:

<A HREF="http://www.organizaciya.com">Oрганізація</A>

До речі, картинки теж можуть містити гіперпосилання.

Ще слід відмітити, що ми не дарма визначили в нашому прикладі колір фону (за допомогою атрибуту BGCOLOR=). Адже якщо у користувача в броузері відключено завантаження графіки, то білий текст у нього відображатиметься на заданому за умовчанням білому фоні, і в результаті нічого не буде видно.

До речі, тег <IMG> може мати власний атрибут ALIGN=, який управляє розташуванням малюнка щодо тексту. У нашому прикладі це було не актуально, оскільки малюнок знаходився в окремому блоці <DIV> . Але якщо малюнок “вбудований” в текст, тобто декілька варіантів його розташування:

ALIGN="left" - текст обтікає малюнок, який розташовується зліва;

ALIGN="right" - текст обтікає малюнок, який розташовується справа;

ALIGN="top" - малюнок розташовується усередині текстового рядка, і його верхня межа співпадає з верхньою межею букв тексту (можна також застосовувати значення "texttop");

ALIGN="middle" - малюнок розташовується усередині текстового рядка, який вертикально вирівнюється по центру малюнка (можна також при міняти значення "absmiddle");

ALIGN="bottom" - малюнок розташовується усередині текстового рядка, і його нижня межа співпадає з нижньою межею букв тексту (можна також застосовувати значення "absbottom" або "baseline").

Крім того, щоб малюнок не дуже “притискався” до тексту, можна залишити між ними трохи “повітря”. Для цього в теге <IMG> використовують атрибути HSPACE= і VSРАСЕ=, значення яких задають відповідно горизонтальне і вертикальне “поля” малюнка.

І ще невелике зауваження: броузер Internet Explorer (версія 4 і вище) дозволяє за допомогою тега <IMG> завантажувати і проглядати також відеофрагменти у форматі AVI (Video for Windows). Для цього можна встановити атрибут DYNSRC=, як значення якого вказати ім'я AVT-файлу. При цьому можна додатково вказати в атрибуті START=, коли слід починати програвання відео: "FILEOPEN" - відразу після завантаження файлу або "MOUSEOVER" - після наведення покажчика миші на зображення. Атрибут LOOP= дозволяє встановити кількість програвань: "О" означає нескінченне повторення, алюбоє інше число указує точна кількість повторів.

РОЗДІЛ 3.

Інструкція користувача при роботіз веб-сайтом:

«Працівники училища»

Для того щоб переглянути веб-сайт: «Працівники училища», необхідно:

Потрібно відкрити папку sayt-VPU21;

Далі можна відкрити будь-яку сторінку, а щоб зайти на сайт потрібно відкрити файл: index;

При відкритті веб-сайту спочатку появляється головна сторінка, з якої ми можемо перейти на інші 5.

Серед яких є:

Працівники училища;

Група 39;

Сторінка про автора;

Карта сайту;

Контакти;

Для переходу на будь-яку з цих сторінок треба стати на неї мишкою і клацнути .

Якщо ви знаходетись на якійсь сторінці то ви можети перейти на з неї на будь-яку сторінку, також з кожної сторнки є вихід на головну він знаходиться в лівому куті вгорі.

Також клацнувши на кнопку карта сайту появляєть карта сайту з якої можна перейти в будь-яку частину сайту.

ВИСНОВКИ

Отже, передімною була поставлена задача створити веб-сайт «Працівники училища».

Я розробив сайт «Працівники училища» Якщо на нього зайти то там є ще 5сторінок крім головної, середних є такі :

-