SiteEdit
Search:


Главная страница Карта сайта Русский English

On-line guide
to create sites

Урок SiteEdit 11

Categories:

РЕАЛИЗАЦИЯ МНОГОЯЗЫЧНОГО САЙТА


Общая информация

С помощью программы SiteEdit возможна реализация многоязычного сайта, независимо от того, сколько языков требуется.

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

  
Рис. Иконки флагов


После определимся, где на странице будут размещаться иконки. Заходим в верхнем меню:
Оформление\Редактирование карты дизайна


Рис. Место для иконок

Вверх

Добавление переменной

Сначала добавим переменную, для этого правой кнопкой мыши вызовем контекстное меню, выберем "Вставить переменную\добавить переменные". В открывшемся окне добавим переменную в ячейку глобальных переменных, т.к блок переключения языков будет отображаться на всех страницах. Называем Латинскими буквами, без знаков препинания, подчеркиваний:

Пример: language


Рис. Добавление переменной



Рис. Добавление Глобальной переменной


После добавления закрываем окно "Пользовательские переменные". В нужную колонку (в данном примере сразу же после универсального меню) нам нужно добавить только что созданную переменную, которая будет в свою очередь находится в слое. Слой (DIV) нам нужен для того, чтобы мы могли с помощью дерева дизайна позиционировать блок иконок, сдвигая его, относительно других блоков. Вызывая контекстное меню правой кнопкой мыши, добавляем слой (тест "Новый слой" естественно стерем), и переменную, находящуюся в списке глобальных переменных (Вставить переменную\Глобальные переменные\language). Слой можно раздвинуть мышкой вручную до нужных нам размеров (но будьте осторожны, если размер будет слишком большой - слой повиляет на другие блоки).

Должна получиться следующая картинка (Рис. Переменная)


Рис. Переменная в слое


Сохраняем изменения в Карте дизайна (кнопка "Сохранить" внизу).

Вверх

Создание кнопок переключения между языками

В обычном режиме жмем F9, включая режим иконок редактирования страницы. Кликаем на серую иконку, под нашим меню, в том месте, где ставили переменную. В текстовом редакторе Добавляем картинки флагов, используя иконку "Добавить рисунок". Ищем в проводнике файл, в котором сохранена иконка флага. Таким же образом добавляем вторую иконку рядом.


Рис. Добавление иконки Флага


Должна получиться следующая картинка (Рис. Иконки флагов)


Рис. Две иконки флагов


Теперь превратим иконки в кнопки, которые будут переключать между языковыми версиями проекта. Переключимся в режим HTML.


Рис. Две иконки флагов HTML


Пропишем след. код




Должна получиться такая картинка (Рис. Две иконки флагов HTML со ссылками)


Рис. Две иконки флагов HTML со ссылками


Жмем Кнопку "Сохранить" в текстовом редакторе. Для того, чтобы правильно расположить блок иконок, давайте отодвинем их от края экрана. Найдем в дереве дизайна (F4) слой (DIV), в который мы заключали переменную, и в нижних параметрах на вкладке "Позиционирование" зададим ему отступы:
К примеру: Сверху - 20, Слева - 20


Рис. Позиционирование слоя с иконками


Вверх

Добавление другого языка в проекте

После нам нужно создать проект на другом языке. Русский у нас уже создан. Добавим английскую версию.

ВАЖНО!! Когда вы создаете многоязычность, ваш проект должен быть завершен в плане дизайна. Также, сразу проверьте правильность отображения сайт в разных браузерах. Создавая проект на другом языке, он становится совершенно независим. Поэтому, какие бы мы не делали изменения в одной из версий, это никак не отразится в другой версии языка, как в плане наполнения, так и в плане оформления (дизайна).

Для того, чтобы добавить другую версию языка, зайдем в верхнем меню:
Проект\Сохранить проект как


Рис. Сохранение проекта


В открывшемся окне оставляем имя Проекта такое, какое было (в данном случае - Пальма). Меняем язык сайта Английский (English.eng) (рис. Выбор языка в проекте)


Рис. Выбор языка в проекте


По аналогии вы можете добавлять остальные языки. Сохраняя проект в другой версии, смотрите на окончание, какое стоит после названия языка, от этого будет зависеть ссылка, создающая кнопку переключения языков.

К примеру:
Для создания кнопки, переключающей на английскую версию, нам нужна след.ссылка




Т.к. Название английской версии проекта English.eng, в ссылке получается "lang=eng"

Совет: Для более логичной работы можно в русской версии проекта сайта убрать ссылку, стоящую на русском флаге. Обратно, в английской версии проекта - убрать английскую ссылку. Должно получится, что пользователь, находясь в русском проекте, не смог бы нажать на русский флаг (была бы просто неактивная иконка), была бы доступна только кнопка "английский язык".

Далее нам остается только наполнить Проект текстами на английском языке, переименовать пункты меню, необходимые ссылки в модулях.


СМОТРЕТЬ следующий урок
Вверх
 
Copyright © Edgestile Company, 2004-09
tel.:  8 (495) 229-45-50, 8 (812) 777-01-30, 8 (34241) 3-69-90
e-mail:  info@siteedit.ru - general questions
icq: 268-447-867 - general questions
all contacts