Припустимо, що сайт має не одну, а дві або більше сторінок. Прочитавши першу сторінку, потрібно зробити так, щоб відвідувачі могли перейти на другу, третю чи десяту. Для цього потрібні посилання. Ви можете ставити посилання не тільки на власні сторінки, але й на інші сайти, форуми та інші інтернет-ресурси. Розглянемо для початку, як створюються прості посилання і як створюються картинки (банери).
1. Ссылки
Просте посилання може виглядати так
lezione. dugward. ru «& gt Як я зробив цей сайт
Увага! Запам’ятайте дуже поширену помилку: одинарні (‘) і подвійні («») знаки в HTML та інших мовах програмування мають різне значення. два одинарних знака не замінюють один подвійний. два одинарних знака не замінюють один подвійний. У цьому випадку весь код, який я цитую, повинен бути подвійним.
Ми продовжуємо. Синім кольором ми виділили повну адресу сторінки, на яку пересилаємо. Ця адреса відображається в адресному рядку вашого браузера, звідки ви можете скопіювати її при необхідності. Червоним кольором ми виділили текст, що пояснює, куди саме ми пересилаємо. В даному випадку це посилання веде вас на головну сторінку уроку, де знаходиться контент. Робоче посилання: як ми робили цей сайт.
«Не забудьте розмістити знак до і після адреси. Пробіл між стопою та адресою не повинен залишатися.
Якби ви натиснули на це посилання, то побачили б нову сторінку, відкриту в тому ж вікні, і вам довелося б натиснути стрілку «назад» у вашому браузері, щоб повернутися назад. Щоб відкрити нове вікно, не закриваючи старе, потрібно додати ще один атрибут: target = «blank» lezione. dugward. ru «target =» _ blank «& gt Як зробили цей сайт
2. Кнопки (баннеры)
Щоб створити робочу кнопку (банер), спочатку потрібна фотографія банера. Якщо у вас її немає, вам доведеться це зробити (або попросити когось це зробити, або звернутися до уроків фотошопу, перелічених на цьому сайті). Потім, після того, як ви зробили потрібні фотографії, вам потрібно зареєструвати те саме робоче посилання, яке ви робили в пункті 1, але додати посилання на фотографію. Виглядатиме воно так:
Червоним кольором виділено посилання на зображення в тій же папці, що і сторінка: атрибут border = «0» означає, що навколо зображення немає рамки.
Примітка: Якщо зображення знаходиться в тій самій папці, що й сторінка сайту, вкажіть адресу, як зазначено вище: pa1. jpg (в даному випадку ім’я та формат фотографії jpg). Якщо ви вирішили розмістити зображення в іншій папці (папки можна створити в тому ж місці в «Керуванні файлами та HTML-редакторі»), напишіть адресу відповідно до інструкції. Адреси вказуються по-різному. Наприклад, створено папку з назвою «» «» «» «» «» «». DIP2″. Було завантажено одне і те ж зображення PA1. jpg. Пропишіть адресу до картинки, вказавши спочатку ім’я папки, а потім через косу риску — ім’я картинки: DIP2/PA1. jpg і Ваша кнопка буде виглядати так:
www. radikal. ru/) або якусь іншу, зручну для Вас. Для цього необхідно спочатку завантажити фото на Radical.ru (або інший хостинг). Це робиться наступним чином: 1. введіть адресу хостингу в адресний рядок вашого браузера (в даному випадку це Photodikal. ru):
2. натисніть на клавіатурі кнопку «Enter». Відкриється сторінка Radikal.
3. натисніть на кнопку «Переглянути», позначену стрілкою курсору Відкриється вікно, що відображає папку комп’ютера.
4. виберіть потрібний малюнок у папці та натисніть кнопку «Відкрити», див. наступне зображення.
5. зніміть галочку з вікна. «Зменшити» та «Оптимізувати формат», щоб програма змістила малюнок, як він є. [Натисніть кнопку «Завантажити»; 6. коли «Радикал» завантажить малюнок, він виглядатиме так, як показано на наступному малюнку.
7. скопіюйте рядок під назвою «link» і вставте його в посилання цілком. Ось так.
8. тепер у вас є дві готові кнопки з однією і тією ж фотографією, одна в кореневій папці, а інша в «Радикалі».
У наступному уроці ви будете вставляти ці посилання в готовий сайт.
