урок 7

Зображення у Вашій web сторінці можуть бути умовно двох типів «про людське око» або «для справи». Про людське око - це значить тільки для прикраси і пожвавлення вашої сторінки, а для справи - це використання зображень як посилання і робота з графічними картами. Спочатку розглянемо зображення для поліпшення виду web сторінки. Щоб вставити картинку потрібно в HTML код вставити наступну команду:

альтернативний текст

Border - межа відображається навколо зображення. При значенні - "0" вона відсутня, раджу привласнювати тільки "0".
Width - ширина вашого малюнка в пікселях.
Height - висота вашого малюнка в пікселях.
Alt - Альтернативний текст, для тих користувачів у кого відключені зображення і для пошукових систем. Пошукові системи не вміють дивитися картинки, і щоб дізнатися що знаходиться в цій картинці читають цей атрибут.

Примітка: У вищевказаному прикладі передбачалося що зображення і сторінка знаходяться в одній папці. Якщо вставляти малюнок з будь-якої іншої папки потрібно це вказувати, наприклад:

альтернативний текст
- команда для вставки картинки з ім'ям kartinka.gif, яка знаходиться в папці risunki, з розмірами вставки 100 на 100 (ширина і висота)

Використання зображень як посилання.

Використання зображень як посилання схоже на використання гіпертексту. У структурі все залишається також, тільки замість тексту посилання буде ім'я і URL зображення. приклад:

альтернативний текст

Є безліч способів реалізації зображень-посилань. Наприклад, можна створити кнопки навігації або панель інструментів. Проявляйте фантазію.

Є кілька способів вставки зображень в Dreamweaver:
1) Вставіть-> Зображення.
2) Скопіювати з папки і вставити в візуальному режимі.
3) Перетягнути з папки.

урок 7

Схожі статті