Робота з фреймами. Створення фреймів.
Але вистачить порожніх розмов! Давайте займемося справою і на конкретному прикладі розглянемо принципи фреймового дизайну. Ми створимо нову версію нашого сайту, присвяченого гіпотетичному Web-дизайнеру Івану Івановичу Іванову, версію, засновану на фреймах. І, не мудруючи лукаво, виберемо для нього схему, показану на рис. 7.1.
Перевірте, чи створили ви нову папку Sample2. Також перевірте, чи не видалили ви стару версію сайту, що знаходиться в папці Sample 1. Адже одна з найважливіших заповідей Web-дизайнера: не розкидатися старими матеріалами - вони можуть стати в нагоді для нового сайту. Перевірили? Все на місці? Тоді вперед!
Перш за все, введемо в Dreamweaver інформацію про новий сайт. Ви можете просто взяти сайт Sample site 1 і замінити його ім'я, кореневу папку й ім'я головної сторінки, а можете і створити новий сайт "з нуля". Як це робиться, було розказано в главі 6. На вкладці Remote Info діалогового вікна Site Definition в списку Access виберіть пункт None (див. Рис. 6.3) - ми з вами ніде не будемо публікувати цей сайт. І ім'я нашого сайту буде Sample site 2.
Після цього створіть нову Web-сторінку. Зараз ми розглянемо процес створення фреймів ...
створення фреймів
Так, ми розглянемо, як створюються фрейми в Dreamweaver.
Але спочатку зробіть наступне. Включіть в підміню Visual Aids меню View пункт-вимикач Frame Borders. Це потрібно, щоб Dreamweaver показав нам кордону наших майбутніх фреймів. Справа в тому, що кордони між фреймами можуть бути невидимими, що може створити нам чимало проблем при написанні тексту сторінок, що відображаються в цих фреймах. Якщо ж ви виберете названий пункт, Dreamweaver показуватиме схематичні лінії в тих місцях, де проходять межі фреймів.
Увага
При відкритті сторінки, що визначає набір фреймів, вам доведеться кожного разу включати пункт-вимикач Frame Borders підміню Visual Aids меню View. На жаль, Dreamweaver не запам'ятовує цієї установки.
Найпростіше набір фреймів можна створити, скориставшись вкладкою Frames панелі об'єктів. На рис. 7.9 показані ті її кнопки, які нам зараз потрібні. Блакитним (на малюнку - світло-сірим) кольором зафарбований поточний фрейм, т. Е. Той, у якому зараз стоїть текстовий курсор. Також можна скористатися пунктами підміню Frames меню Insert. У табл. 7.1 наведені описи всіх кнопок вкладки Frames панелі об'єктів і відповідних їм пунктів підміню Frames.
Мал. 7.9. Вкладка Frames панелі об'єктів (показана частково)
Таблиця 7.1. Кнопки вкладки Frames панелі об'єктів (в порядку зліва направо).
Елемент вкладеного Frames меню Insert