Страница 249 из 275 Чтобы получить обзор классов CSS и остальных параметров. Рут использует Firefox Web Developer (файл web_developer-l.0. 2-fx+fl.xpi). Если в вашей системе уже инсталлирован браузер Firefox, просто дважды щелкните на имени файла для его инсталляции. Рут и Бертран соглашаются с тем, что мосье Бертран может уже инсталлировать веб-сайт на своем сервере. Она добавит шаблоны позднее. Мосье Бертран изучает CSS Мосье Бертран уже неплохо разбирается в HTML, и хотел бы узнать, как работают шаблоны. Длительная беседа... Рут объясняет ему, что внешний вид шаблонов определяется двумя файлами CSS, которые сообщают браузеру, как следует отображать веб-сайт. Например, должен фон быть красным или коричневым, должны ли вставляться графические элементы, и многие другие вещи. Эти инструкции записываются командами каскадных таблиц стилей и помещаются в два файла CSS —template.css и joomlastuff.css. Рут оптимизирует эти файлы для наиболее распространенных браузеров Internet Explorer 6.0 и Firefox 1.5 под Windows, а также для Firefox 1.06 и Safari 2.03 для Mac OS X 10.4. Мосье Бертран желает научиться понимать CSS, чтобы уметь изменять шаблоны или создавать собственные. Рут объясняет ему принципы организации каскадных таблиц стилей (Cascading Stylesheets — CSS):термин "каскадный" означает, что инструкции форматирования CSS читаются браузерами сверху вниз, подобно каскаду. Если одна инструкция написана дважды, нижняя переопределяет верхнюю — другими словами, последняя переопределяет более ранние. Инструкции CSS могут помещаться в следующие места: • внешний файл CSS; • заголовок HTML-файла; • непосредственно HTML-дескриптор. Инструкции CSS, помещаемые непосредственно в соответствующий дескриптор HTML, переопределяют форматирование из внешних CSS-файлов. Это важно знать, что поскольку элементы Joomla! иногда включают форматирование CSS непосредственно в отдельные дескрипторы HTML. Чтобы сохранить таблицу стилей шаблона для мосье Бертрана простой. Рут использует CSS иерархически. Например, она определяет информацию о шрифте в общих HTML-дескрипторах: body, table, div, р и form. Таким образом, она определяет, что все содержимое этих элементов должно отображаться в гарнитуре Verdana, с определенным размером шрифта и серым цветом. Если в определенном месте веб-сайта это нужно будет изменить, то соответствующим HTML-дескрипторам необходимо будет назначить класс; например, класс greytable с такими свойствами: { background-color:#333; }
| 