Программирование - это просто
Advertisement
07.06.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
Я принимаю Яндекс.Деньги