usb software protection

Joomla: Инсталляция, doctype и чистый шаблон.

Инсталлирование Joomla, "тип документа" (DOCTYPE) и чистый шаблон Joomla.

Автор перевода: Лебедев Сергей

Оригинал статьи можно скачать

В этой статье мы рассмотрим процесс инсталляции Joomla, затем обсудим Joomla DOCTYPE и какое отношение он имеет к стандартам Joomla. Мы также рассмотрим конструкцию пустого шаблона Joomla вместе с файлом index.php.

Инсталлирование Joomla

Есть два способа инсталлировать Joomla: вручную и можно воспользоваться (Мы не пробовали этот способ, так что не берем ответственность за результат). Я предпочитаю устанавливать Joomla вручную, это несложно, особенно если на вашем сервере есть cpanel:

 

 

 

 

  • 1. Создайте в вашей SQL базе данных (например, с помощью phpAdmin) пользователя и базу для работы с Joomla.

 

 

 

 

 

 

 

  • 2. Откройте менеджер файлов в cpanel.

 

 

 

 

 

 

 

  • 3. Создайте директорию для вашего сайта. Если вы используете домен 2-го уровня (как livesite.compassdesigns.net), папка автоматически создастся после возникновения домена. Откройте эту папку.

 

 

 

 

 

 

 

  • 4. Используйте ссылку Upload для загрузки Joomla. Надеюсь, у вас быстрый Интернет.

 

 

 

 

 

 

 

  • 5. Кликните на загруженный файл и вы увидите меню. Выберите "extract file contents".

 

 

 

 

 

 

 

  • 6. ВСЕ!

    Теперь, загрузив Joomla на сервер, вы должны инсталлировать ее окончательно. В этом учебнике мы не будем рассматривать этот вопрос, здесь можно скачать

     

    Пустой Joomla шаблон.

    Итак, вам потребуется этот архив - В нем находятся файлы и папки, позволяющие создать пустой шаблон Joomla:

     

 

 

 

 

 

 

 

  • - index.php
    Это основной файл. Он сообщает Joomla где искать различные компоненты и модули.

 

 

 

 

 

 

 

  • - templateDetails.xml
    Этот файл содержит сведения об авторе и копирайт, а также сведения о файлах, входящих в шаблон (включая и картинки).

 

 

 

 

 

 

 

  • - template_thumbnail.png
    Скриншот вашего шаблона. (Может отсутствовать)

 

 

 

 

 

 

 

  • - css/template_css.css
    CSS шаблона. Расположение этого элемента может варьироваться, но вам необходимо указать его. Имя файла может быть любым, но должно быть указано в index.php.

 

 

 

 

 

 

 

  • - images/
    Картинки для вашего шаблона. В нашем случае папка будет пустой.

    Чтобы добавить шаблон вы должны перейти в Админку и загрузить zip-архив. Имейте в виду, что в дальнейшее можно будет добавить файлы вручную, в папку ваш_сайт.com/templates.

     

    Index.php: Joomla DOCTYPE.

    Итак, что же представлюет собой файл index.php? Поговорим о термине "doctype". Это часть кода, находящаяся в начале веб страницы. Не будем обсуждать технические детали, просто примите, что вверху нашего шаблона располагаются строчки:

    {moscode} {/moscode} Если вас не интересуют детали, пропустите следующий пункт.

     

    Войны броузеров.

    Различия "типов документов" (DOCTYPE) уже начинают раздражать даже самых флегматичных пользователей. Например, текст на alistapart.com [информация на WC3 сайте о типах документов] " written by geeks for geeks. And when I say geeks, I donв™t mean ordinary web professionals like you and me. I mean geeks who make the rest of us look like Grandma on the first day Sheв™s Got Mail.в"ў " В основном, doctype сообщает броузеру как интерпретировать страницу. Слова "поддержка" и "транзитивность" снова замаячило на горизонте. Изначально, броузеры отличались степенью поддержки CSS. Это значит, что Internet Explorer не понимает команду "min-width" (она устанавливает минимальную ширину страницы). Весма прискорбно, так как в этом случае приходится использовать "hacks" в CSS для получения этого эффекта. Поддержка означает, что html (или xhtml) будет воспринят как положено, по стандартам. Транзитивность означает, что страничке будет позволено небольшое отклонение от стандарта. Чтобы решить вопрос совместимости существует режим "quirks". Если doctype ошибочен, устарел или вовсе отсутствует, броузер переходит в этот режим и воспроизводит страничку как свои предшественники (Internet Explorer 6 в этом случае воспроизведет сайт как IE4). К сожалению, иногда люди сами включают этот режим. В основном, в двух случаях:

 

 

 

 

 

 

 

  • Используют сокращенную ссылку DTD/xhtml1-strict.dtd Кроме ссылок на WC3 сервер, нужно использовать полный путь.

 

 

 

 

 

 

 

  • Майкрософт сделала так, что IE6 отображает соответствующие стандартам сайты в режиме "quirks". Это происходит, если xml пролог располагается перед doctype. {moscode}{/moscode} Этот вопрос для нас очень важен, так как многие пользователи используют IE6. Хотелось бы, чтобы последующие версии научились воспринимать xml нормально, это позволит сэкономить уйму времени, затрачиваемого на различные обходные трюки.

    Соответствующая стандартам Joomla.

    Очень неплохо, когда вверху странички написано "valid xhtml" - это означает, что она соответствует стандартам. Это не требует глубокого знания html кодов или использования трудных для понимания тэгов, просто нужно, чтобы используемый код соответствовал заявленному doctype. Некоторые полезные сслыки:

 

 

 

 

 

  • Что еще есть в index.php?

    Сначала взглянем на структуру заголовка. Можно посмотреть на К сожалению, в основе ее макета лежат таблицы, но мы с этим справимся.
    Хотелось бы, чтобы заголовок был поменьше, но содержал все необходимое:
    {moscode} @import "/templates//css/template_css.css"; {/moscode}

    Итак, что он означает?
    {moscode} {/moscode}

    Запрещает прямой доступ к файлу.
    {moscode} {/moscode}

    Эту часть мы обсуждали ранее. берет язык из глобальной конфигурации.
    {moscode} {/moscode}
    Какой набор символов мы используем.
    {moscode} {/moscode}

    Состав заголовка, также задан в глобальной конфигурации. Может включать в себя следующие тэги (например):

    Installing Joomla, doctype and the blank joomla template{moscode} {/moscode}
    Вернемся к ним позже.
    {moscode} {/moscode}
    Исправление бага, можно включить сюда любой скриптовый файл.
    {moscode} @import "/templates//css/template_css.css"; {/moscode}
    Import используется для того, чтобы сайт не вылетал на Netscape 4. Пользователи с установленными старыми браузерами не смогут увидеть сайт с CSS. Можно конечно сделать несколько CSS хаков, но подумайте, так ли важны для вас пользователи Netscape 4.

     

    Чистый шаблон Joomla.

    Это просто: {moscode} {/moscode}

    Вот что я называю прозрачным кодом! Все по-порядку:

 

 

 

 

 

 

 

  • 1. Имя сайта.

 

 

 

 

 

 

 

  • 2. Путь к сайту.

 

 

 

 

 

 

 

  • 3. Верхний модуль (навигация)

 

 

 

 

 

 

 

  • 4. Левые модули.

 

 

 

 

 

 

 

  • 5. Основной контент.

 

 

 

 

 

 

 

  • 6. Правые модули.

 

 

 

 

 

 

 

  • 7. Нижние модули.

 

 

 

 

 

 

 

  • 8. Окончание.
    Этот порядок называется семантической разметкой. Правильная семантика - краеугольный камень совместимости. Можете узнать больше о. Итак, то что мы сейчас имеем - только начальный код, выполненный в соответствии с правилами семантики. Если вы дальше будете размещать различные модули как попало, семантика, разумеется, нарушится. Для CMS сайтов очень важно, чтобы шаблон был также хорош, как и контент. Это основной подводный камень для дизайнеров Joomla шаблонов.