Завдання ширини осередків
Інтерактивна довідка Dreamweaver рекомендує задавати ширину осередків тільки після заповнення їх вмістом. По крайней мере, виставляти остаточні значення ширини краще саме тоді: ви зможете самі побачити, як сторінка буде виглядати. Але попередньо ширину можна виставити і до заповнення осередків, що ми зараз і зробимо.
Отже, осередки можуть мати фіксовану або необмежену ширину ( "саморастягівающіеся" по горизонталі комірки). (На жаль, не надаються такі ж кошти для управління висотою осередків.) Тільки одна осередок в таблиці може бути "саморастягівающейся"; значення ширини інших осередків повинні бути фіксовані. І це логічно.
Однак спочатку Dreamweaver задасть вам одне питання. На екрані з'явиться діалогове вікно Choose Spacer Image, показане на рис. 8.22. У ньому ви повинні вибрати, звідки буде братися зображення-"розпірка".
Мал. 8.22. Діалогове вікно Choose Spacer Image
Ви можете вибрати один з трьох перемикачів:
- Create a spacer image file - створити файл зображення-"розпірки". Цей перемикач слід вибирати, якщо у вас ще немає зображення-"розпірки";
- Use an existing spacer image file - використовувати вже наявний файл зображення-"розпірки";
- Do not use spacer images for autostretch tables - не використовувати зображення-"розпірки" взагалі. Цей перемикач слід вибирати, якщо ви самі збираєтеся вжити заходів проти самовільного зміни ширини осередків Web-оглядачем, наприклад, помістити туди вміст, що заповнює осередки цілком. Вибирайте цей перемикач і в тому випадку, якщо ви самі збираєтеся помістити в осередки з фіксованою шириною зображення-"розпірку". Якщо ж ви не зробите жодних заходів, таблиця може бути спотворена Web-оглядачем до невпізнання, про що Dreamweaver вас і попередить.
Зробивши свій вибір, натисніть кнопку ОК для створення "саморастягівающейся" осередки або Cancel - для відмови від цього.
Оскільки у нас немає файлу зображення-"розпірки", давайте накажемо Dreamweaver створити його. Виберіть перший перемикач і натисніть кнопку ОК. Після цього на екрані з'явиться діалогове вікно Save Spacer Image File As, нагадує стандартне діалогове вікно збереження файлу Windows. Перевірте, чи вибраний у списку Relative To пункт Document (завдання шляху і імені файлу щодо сторінки, а не сайту), а потім збережіть його зображення-"розпірки" в папці Pics. За замовчуванням він буде називатися spacer.gif; якщо хочете, змініть його ім'я, але можна цього і не робити.
Після того як ви задали файл зображення-"розпірки" (створили, вибрали вже існуючий або відмовилися від нього), Dreamweaver стане його використовувати, не питаючи вас. Якщо ви хочете змінити ім'я файлу зображення-"розпірки" або створити його заново, закрийте Dreamweaver, вибравши пункт Exit в меню File, запустіть його знову і повторіть всі кроки зі створення "саморастягівающейся" осередки.
Тепер зверніть увагу на рядок ширини у верхній частині зовнішньої таблиці розмітки. Її частини, що відносяться до крайніх осередків (фіксовані значення ширини), мають такий вигляд, як на рис. 8.23; це означає, що всередину такого осередку вміщено зображення-"розпірка". А частина, що відноситься до "саморастягівающейся" осередку, має вигляд, показаний на рис. 8.24.
Мал. 8.23. Позначення комірки з фіксованою шириною і вміщеній в неї "розпіркою" в рядку ширини
Мал. 8.24. Позначення "саморастягівающейся" осередки в рядку ширини
Є ще один спосіб перетворення осередку з фіксованою в "саморастягівающуюся" і навпаки - скористатися меню рядка ширини. Отримати доступ до цього меню можна, клацнувши мишею точно за значенням ширини осередку (рис. 8.25). Щоб перетворити фіксовану осередок в "саморастягівающуюся", виберіть пункт Make Column Autostretch. Щоб повернути "саморастягівающейся" осередку фіксовану ширину, виберіть пункт Make Column Fixed Width.
Мал. 8.25. Меню рядка ширини
Меню рядка ширини також містить ряд пунктів, що дозволяють вам зробити різні маніпуляції з ізображеніямі- "розпірками". Це пункти:
- Add Spacer Image - додавання зображення-"розпірки" до даного осередку;
- Remove All Spacer Images - видалення всіх зображень-"розпірок" у всіх осередках цієї таблиці розмітки. Це може знадобитися, якщо ви вручну ставите в осередок вміст, повністю її займає; таким чином, потреба в штучній "розпірці" відпадає. Наприклад, ми з часом помістимо в лівий осередок смугу навігації, і "розпірка" стане непотрібною;
Чи потрібно додавати зображення-"розпірки" в осередку вручну? На це питання є тільки одна відповідь. Подивіться, що зроблять з вашої таблицею розмітки Netscape Navigator і Microsoft Internet Explorer, і вирішите самі. Більш ранні версії Navigator славляться своїм умінням спотворювати таблиці, так що приділіть йому особливу увагу. Якщо таблиця виглядає добре і без "розпірок", краще без них обійтися. В іншому випадку, додайте їх. Однак майте на увазі: перевіряти в Web-браузері сторінку потрібно тільки після заповнення її вмістом.
Зробіть центральну клітинку зовнішньої таблиці розмітки, де буде відображатися основний вміст, "саморастягівающейся". Dreamweaver додасть в інші осередки зображення-"розпірки".