Программирование - это просто
Advertisement
Главная arrow Уроки программирования arrow Уроки Joomla! arrow CMS Joomla! Урок 14.  Создаем свой шаблон. Часть 1. (HTML, TABLE, TR, TD).
14.02.2025 г.
Главное меню
Главная
Интернет магазин
Программные продукты
Биржевые роботы
Искусственный интеллект
Математика и информатика
1С:Предприятие
Уроки C#
Уроки Delphi
Уроки программирования
Web-программирование
Дизайн и графика
Компьютер для блондинок
Исходники
Статьи
Платный раздел
Рассказы про компьютеры
Хитрости и секреты
Системный подход
Размышления
Наука для чайников
Друзья сайта
Excel-это не сложно
Все о финансах
.
CMS Joomla! Урок 14.  Создаем свой шаблон. Часть 1. (HTML, TABLE, TR, TD). Печать E-mail
Автор megabax   
07.05.2010 г.
New Page 1

CMS Joomla! Урок 14.  Создаем свой шаблон. Часть 1. (HTML, TABLE, TR, TD).

Прежде чем приступить к созданию шаблона, необходимо  определить, фиксированный или изменяемый размер будет иметь ваш сайт.  В CMS Joomla можно создавать два типа шаблонов: шаблон, адаптирующий свой размер под размеры окна браузера (гибкий шаблон) или шаблон строго определенного размера, который  не зависит от размера окна браузера (фиксированный шаблон).

Затем мы переходим к описанию структуры сайта. Ниже я приведу описание структуры в качестве примера, вы можете взять ее, а можете придумать свою структурe:

CMS Joomla! Урок 14.  Создаем свой шаблон. (HTML, TABLE, TR, TD).

Секция 1.

  • Часть 1. Логотип или название сайта.
  • Часть 2. Поле поиска.
  • Часть 3. Навигационные ссылки.

Секция 2.

  • Часть 4. Меню.
  • Часть 5. Основной контент.
  • Часть 6. Дополнительно меню, опросы, или еще что нибудь.

Секция 3.

  • Часть 7. Нижняя часть страницы - footer.

Теперь создаем HTML файл. Это можно сделать либо при помощи специальной программы для редактирования HTML,например FrontPage, либо набрать ручками в "блокноте".

Вот как, например может выглядеть HTML текст для фиксированного шаблона шириной 780 пикселов:

<html>

<head>
<title></title>
</head>

<body>
<table width=780 border=1>
<!--секция 1-->
<tr>
<!--часть 1-->
<td colspan=2 height=90 bgcolor=#E2C230> </td>
<!--часть 2-->
<td rowspan=2 width=180 height=110 bgcolor=#FECE50> </td>
</tr>
<tr>
<!--часть 3-->
<td colspan=2 height=20 bgcolor=#FFDA40> </td>
</tr>
<!--секция 2-->
<tr>
<!--часть 4-->
<td width=200 height=230 bgcolor=#FFF070> </td>
<!--часть 5-->
<td width=400 height=230 bgcolor=#FFFFFF> </td>
<!--часть 6-->
<td width=180 height=230 bgcolor=#FFF070> </td>
</tr>
<!--секция 2-->
<tr>
<!--часть 7-->
<td colspan=3 height=40 bgcolor=#FFDA40> </td>
</tr>
</table>
</body>

</html>

А вот как он будет выглядеть в браузере:

CMS Joomla! Урок 14.  Создаем свой шаблон. (HTML, TABLE, TR, TD).

И так, мы уже сделали первый шаг - создали файл структуры шаблонов. На следующем уроке сделаем второй шаг - попытаемся засунуть его в директорию шаблона сайта на Joomla.

 

Последнее обновление ( 30.10.2014 г. )
 
« След.   Пред. »
 
© 2025 Программирование - это просто
Joomla! - свободное программное обеспечение, распространяемое по лицензии GNU/GPL.
Русская локализация © 2005-2008 Joom.Ru - Русский Дом Joomla!
Design by Mamboteam.com | Powered by Mambobanner.de
Я принимаю Яндекс.Деньги