Одностраничный сайт на двух языках в Adobe Muse.
Одностраничный сайт на двух языках сделать не так уж и трудно, даже основными инструментами программы Adobe Muse. Этот видеоурок содержит подробную инструкцию о том как сделать сайт на двух языках и организовать переключение языка сайта с одного на другой с помощью всего двух кнопок.
Смотрите видео, пробуйте сделать сами, пишите комментарии на этой странице или на канале Adobe Muse Уроки.
Это видеоурок, в котором мы рассмотрим переключение языка на одностраничном сайте в программе Adobe Muse.
Сайт на двух языках. Обзор и подготовка страниц.
Я уже подготовил некоторый проект. Давайте я сейчас его открою и расскажу вам из чего он состоит. Состоит он из одной страницы. И я просто разместил на ней вот такой прямоугольник и написал: «сайт на русском». Допустим, у нас есть вот такой русскоязычный одностраничный сайт. Я не стал размещать на нем другие элементы. Для того, чтобы просто схематично показать основной принцип как и что нужно делать. В самом шаблоне проекта я разместил две кнопки «EN» и «РУС».
Пусть у меня есть русская версия сайта, и я хочу сделать также английскую версию. Чтобы сделать английскую версию сайта нам необходимо сдублировать данную страницу. Делается это нажатием правой кнопки мыши на данной миниатюре, и выбираем здесь пункт «Дублировать страницу».
Мы получаем две одинаковые страницы «Домашняя» и «Домашняя копия». Страницу «Домашняя копия» я назову как-нибудь иначе, например, назову «Английская версия». А страницу «Домашняя» переименую в «Русская версия».
Сейчас данные страницы полностью идентичны, за исключением того, что эта страница главная, и если мы зайдем в «Свойства страницы», то в «Параметрах» увидим имя файла «index.html». Если же мы зайдем в «Свойства страницы» английской версии, то здесь мы увидим имя файла «Английская версия». Его нужно переименовать. Например, назову его «index_en». Нажимаю «ок».
И теперь давайте зайдем в «Дизайн» данной страницы и изменим здесь контент. Напишем здесь: «SITE IN ENGLISH» – сайт на английском. Таким образом, дубликат нашего сайта, который у нас есть на русском языке и весь контент мы перевели на английский язык.
Сайт на двух языках. Редактирование кнопок в шаблоне.
Далее все, что нам нужно сделать – это зайти в «Шаблон». И назначить на данные кнопки ссылки на каждую из страниц. На кнопку «EN» мы добавляем ссылку на английскую версию сайта. И на кнопку «РУС» мы добавляем ссылку на русскую версию сайта. Таким образом, мы получили две кнопки, которые у нас ведут на каждую из данных страниц, на каждую из версий сайта. Английская кнопка ведет у нас на сайт на английском языке. Русская кнопка ведет на сайт на русском языке. Притом эти две кнопки расположены у нас на каждой из страниц.
Сайт на двух языках. Просмотр.
Теперь если мы зайдем в режим «Просмотр», то первым делом у нас, естественно, появится сайт на русском языке, поскольку у нас это главная страница. Теперь для того, чтобы нам переключится на сайт на английском языке, нам достаточно просто нажать на кнопку «EN». Вы видите, что у нас перезагрузилась страница, и теперь у нас все надписи на английском языке – site in English. Если нажимаем снова на русский, то получаем сайт на русском языке. Английский – русский. Вот так вот просто мы получили две версии сайта и кнопки переключения между ними.
Сайт на двух языках. Добавление третьего языка.
Если вы захотите создать еще одну версию сайта на каком-либо языке, вам необходимо будет точно также сдублировать данную страницу. Перевести весь контент на другой язык. И добавить в шаблон еще одну кнопку для переключения языка на третью версию сайта, которая у вас будет на другом языке.
На этом я заканчиваю данный урок. Ставьте лайки к этому видео, пишите в комментариях ваши замечания и вопросы. Подписывайтесь на мой канал. И до встречи в следующих видеоуроках!
Смотрите также видеоурок Социальные виджеты. Как изменить язык?
Автор видеоуроков и курсов Adobe Muse
Дмитрий Шаповалов