Joomla портал
seo seo Subscribe
0
seo

Вы также

можете настроить Dreamweaver на автоматическое обновление измененного шаблона,

находящегося на FTP или WebDAV сервере! Для этого в Dreamweaver необходимо указать

путь к файлам Joomla! и ввести информацию, необходимую для подключения к

удаленному серверу.

Рис. 25 Работа над сайтом в Dremweaver

Шаблоны и теги

Joomla! до версии 1.5.0 (включительно) все еще может работать с таблицами при создании

шаблонов. Однако, в последующих версиях Joomla! эта функциональность будет

полностью убрана в целях реализации требований об устранении ограничений. Тег

заменит тег

Тег

позволяет объединить в одном месте несколько элементов, например, текст,

графику и т.д. Отличительным свойством такой группы элементов поначалу является

только то, что она начинается с новой строки. Тег

не имеет больше ни каких

свойств. Преимущество его использования открывается в комбинации с CSS

выражениями.

был создан именно с этой целью: форматироваться с помощью CSS.

дает возможность создавать шаблоны, полностью контролируемые CSS файлами.

Один из базовых шаблонов, rhuk_milkyway, использует именно такую технологию. Он не

содержит таблиц (тег

), вместо этого структура шаблона определяется тегами

. Просмотрите исходный код этого шаблона, чтобы понять, как работает такая

технология. Dreamweaver также поддерживает работу с тегами

.

Размещение модуля «в деталях»

Давайте ближе рассмотрим панель модуля, расположенную слева:

Рис. 26: Модуль, расположенный слева

В HTML коде файла index.php имеется следующий фрагмент:

В форматировании тега

используется идентификатор CSS под названием leftoclumn.

Контент между тегами и отображается только если

выполняются условия параметров. В данном случае отображение будет зависеть от

наличия модуля или модулей в положении «слева» (left). Если таких модулей нет, общая

разметка шаблона динамически изменится, чтобы заполнить пустое место.

В нашем случае имеется три модуля.

CSS идентификатор левой колонке выглядит в CSS файле следующим образом:

#leftcolumn {

padding: 0;

margin: 0;

width: 20%;

float:left;

}

Если вы посмотрите на исходный код страницы, отображаемой в веб браузере (нажать

правой кнопкой на странице и выбрать Просмотреть исходный код страницы (View Page

Source)), то увидите, что jdoc запрос Joomla! сгенерировал на самом деле значительно

больший объем кода.

Листинг 7: Выдержка из исходного кода HTML страницы

… дополнительные HTML команды

Main Menu

… дополнительные HTML команды

В данном фрагменте кода особо отметим CSS класс module_menu.

Страницы: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
seo
5th Фев 2011
Теги:
seo

Написать ответ

seo
 
seo
Все права защищены © 2023 Joomla портал
 
 
seo