Довідковий матеріал з основних мов програмування і верстки сайтів.
Готова методика створення простих і складних динамічних сайтів, з використанням PHP і MySQL.
Розробка веб-сайтів під "ключ".
Розробка окремих фрагментів сайтів, консультації з питань верстки веб-сторінок і веб-програмування.
Веб-інструмент
Веб-майстерня
Веб-послуги
Веб-графіка
Веб-ресурси
Хочете бути в курсі подій, що відбуваються на сайті? Підпишіться на отримання останніх новин та статей.
Подивіться в Google
вставляємо зображення
Малюнки на веб-сторінці повинні бути створені в такому графічному форматі, який підтримується веб-браузером. До стандартних форматів веб-графіки відносяться GIF, JPG і PNG. Ці формати забезпечують ефективне стиснення зображень і мінімальний розмір файлів, що значно скорочує час завантаження з мережі. Формати, а також способи створення веб-графіки докладно описані в в веб-курсі, присвяченій програмі Adobe Fireworks CS3, який можна отримати по електронній пошті.
Підберемо картинку для нашого сайту. Нехай це буде логотип компанії.
Спочатку вам потрібно зберегти цю картинку у себе на комп'ютері. Для цього наведіть курсор мишки на картинку і натисніть праву кнопку мишки. Виберіть "Зберегти малюнок як."
Вкажіть місце для збереження картинки. У мене для зберігання картинок створена папка images. яка розташована всередині нашої головної папки www. Збережіть картинку в папці images. Файл картинки залиште теж саме abc.gif.
Для вставки на сторінку картинки використовується тег . Як параметр для цього тега, використовується назва картинки. Повинен же комп'ютер знати яку картинку ми хочемо вставити. У нашому випадку для вставки картинки вставляємо в код сторінки abc.gif. в те місце, куди ми хочемо вставити картинку, наступний код:. Параметр src вказується ім'я файлу-картинки, images папку, де вона знаходиться. Параметри width = "45" height = "39" ширину і висоту картинки, розміри картинки вказуються в пікселях. Таким чином код нашої сторінки тепер буде виглядати ось так:
У вікні веб-браузера це буде виглядати ТАК.
При цьому не забуваємо зберігати документ.
Фонове зображення може надати веб-сторінці додатковий колорит. Фоновий малюнок завжди заповнює все вікно веб-браузера. Якщо розмір зображення менше розмірів вікна, то воно буде розмножено по прінцип мозайки. З цієї причини на екрані кордону зшивання повторюваних малюнків повинні бути невидимі. Зазвичай в якості фону використовується невелике зображення, яке буде швидко передаватися по Інтернету.
Щоб установити зображення застосовується атрибут background тега
. Як значення атрибута слід вказати ім'я графічного файлу із зображенням.Підготуємо фоновий малюнок.
Сохрінім фоновий малюнок у себе на комп'ютері. Для цього наведіть курсор мишки на картинку і натисніть праву кнопку мишки. Виберіть "Зберегти малюнок як." Вкажіть для збереження картинки папку images. Файл картинки залиште теж саме abc1.gif.
Додамо в тег
атрибут background = "abc1.gif". щоб даний фрагмент коду виглядав так:
Збережіть вашу сторінку (Файл-> Зберегти) і відкрийте її (або натисніть оновити, якщо ви не закривали сторінку).
У вікні веб-браузера це буде виглядати ТАК.
Зверніть увагу, що імена графічних файлів в HTML-документі набрані малими літерами. Операційна система Windows не розрізняє регістр букв. У той же час операційна система Unix, в якій в подальшому може функціонувати ваш сайт або веб-сторінка, відрізняє малі та великі літери, тому ім'я графічного файлу в тезі слід вказувати з дотриманням регістру.