Останній - четвертий - недолік табличного Web-дизайну - велика
rttmnnnflilMW п ППНТ'ЛПП Irtllf ь ГГ (і UT 1-І R р- Q V * Л Ж .T
Заняття 9. Табличний дизайн
справі, якщо ми раптом захочемо додати в набір нове гіперпосилання або змінити заголовок сайту, нам доведеться робити це у всіх сторінках сайту. Добре, якщо їх всього п'ять. А якщо п'ятдесят?
На жаль - третій недолік табличного Web-дизайну непереборний. Можна тільки, знову ж таки, порадити не створювати занадто великих і складних повторюваних елементів. А ось четвертий недолік цілком можна подолати. І в цьому нам, як завжди, допоможе чудовий Dreamweaver.
На наступному занятті.
Про таблиці HTML! Що б без вас робили Web-дизайнери! До сих пір ліпили б простенькі текстові сторінки або нагромаджували набори фреймів. Ho з вами, таблиці, їх життя стало простіше, а можливості-| воістину безмежні.
Ну да, безмежними, - проворчіт який-небудь особливо похмурий читач. А як же третій і четвертий недоліки табличного Web-дизайну,
про які нам тільки що просторікував лектор? Куди вони від нас подінуться?
В тому-то й справа, що нікуди. По крайней мере, третій. А ось четвертий, як уже говорилося, цілком переборна. І подолаємо ми його на наступному занятті за допомогою особливого інструменту Dreamweaver під назвою шаблони.
Ось ми і закінчили наш третій Web-сайт. Всі заняття 9 ми займалися його створенням: малювали осередки розмітки, наповнювали їх вмістом, підстроювали і підганяли, щоб сторінки виглядали як слід, Ho вже тепер-то все позаду. До пори до часу.
Уявімо собі таку ситуацію. Ми раптом вирішили додати в наш сайт нову сторінку. Щоб це зробити, нам доведеться у всіх сторінках сайту доповнити набір гіперпосилань, а для цього потрібно кожну зі сторінок відкрити, виправити і потім зберегти. Звичайно, наш сайт невеликий за розміром, і ми виконаємо цю роботу досить швидко. А якби він був великий, сторінок з півсотні.
Якби ми працювали не в середовищі Dreamweaver, ймовірно, намучилися б. Ho нам пощастило. Dreamweaver підтримує такий потужний засіб, як шаблони. Вони вже згадувалися на занятті 9. Зараз же самий час розглянути їх докладніше.
Так, але яким же чином на сторінці поміщається її основний вміст? Дуже просто. Спеціально для цього в шаблоні створюються так звані змінні області, Вони-то якраз і призначені для унікального з-
ПЄПЖІМОГП ГТПЯНіі Kl кАтппйа fiv рр Ат ГЛ1? по і-а u-з
Введення в шаблони
220
Курс 3. Фреймовий і табличний дизайн
Все просто: створюємо на основі шаблону сторінку і вводимо в змінні області її основний вміст. Незмінні ж елементи Dreamweaver в цьому випадку нам правити не дає, і правильно- вони ж незмінні, в кінці кінців. Ho це не біда ми завжди можемо змінити сам шаблон.
Нехай, наприклад, нам потрібно виправити заголовок сайту. Оскільки він входить до складу шаблона, ми відкриваємо шаблон, виправляємо його і зберігаємо. Dreamweaver тут же пропонує нам перенести зроблені в шаблоні зміни в усі сторінки, створені на його основі. І переносить, та так акуратно, що не впливає на вміст змінних областей! Фактично він за нас виправляє все повторювані елементи на всіх Web-сторінках сайту.
Шаблони зберігаються в особливих файлах, що мають розширення dwt, в папці Templates, яку Dreamweaver створює сам в кореневій папці локальної копії сайту. Кількість шаблонів, що використовуються в сайті, не обмежена, так що ми можемо створювати одні сторінки сайту на основі одного шаблону, а інші-на основі іншого, А можемо взагалі обмежитися одним-єдиним шаблоном, як, власне, найчастіше і буває.
Робота з шаблонами в Dreamweaver
Зараз ми створимо шаблон для сторінок нашого третього сайту. Таким чином ми вирішимо проблему створення безлічі сторінок, заснованих на таблицях і мають багато повторюваних елементів. Ну, і заодно попрактікуемся.
Є два способи створити шаблон Dreamweaver. По-перше, його можна створити "з нуля", а потім заповнити незмінним вмістом і змінними областями. По-друге, існуючу сторінку можна перетворити в шаблон, після чого видалити основний вміст, залишивши тільки загальні для всіх сторінок сайту елементи, і створити змінні області. Оскільки у нас вже є головна сторінка нашого сайту, давайте перетворимо її в шаблон, т. Е. Підемо іншим шляхом.
Попередня 73 74 75 76 77 78. 103 >> Наступна