JS Animated. Как создать новую страницу и пункт меню для неё

Из этого туториала Вы узнаете, как создать новый пункт меню и страницу в JS-анимированных шаблонах.

Из этого туториала Вы узнаете, как создать «незакреплённую» (unanchored) страницу.

1. Войдите на ваш сервер, используя клиент FTP или файловый менеджер, который Вы предпочитаете.

2. Откройте файл index.html, используя редактор текста.

3. Создайте/добавьте новый элемент меню. Чтобы сделать это, добавьте следующий фрагмент кода:

   	<li>
   	<a href="test.html">test</a>
   	</li>
   	

4. Теперь нам нужно создать новую страницу. В нашем случае это test.html.

5. Добавьте и создайте новый файл test.html file на вашем сервере. Затем откройте его, используя любой текстовый редактор.

6. Скопируйте секции «Шапка сайта» и «Футер» из файла index.html в файл test.html.

7. Добавьте секцию содержимого страницы в файл test.html file.

8. Новый пункт меню (test) должен иметь класс active на странице test.html.

9. Удалите класс active для пункта меню «Домашняя страница» и добавьте этот класс в пункт меню «test».

10. Теперь Вы увидите следующий пункт меню на странице test.html:

    	<li class="active">
    	<a href="test.html">test</a>
    	</li>
    	

11. Для того чтобы переместиться на закреплённую страницу («anchor» page) с нашей незакреплённой страницы, нам нужно добавить значение index.html в каждый пункт меню.

    Например, измените:

    	<li>
    	<a href="#about">About us</a>
    	</li>
    	

    На:

    	<li>
    	<a href="index.html#about">About us</a>
    	</li>
    	

12. Мы успешно создали новую страницу test.html:

    

13. Загрузите изменённые файлы на сервер и обновите ваш сайт, для того чтобы увидеть изменения.

Благодарим за ознакомление с данным туториалом. Успешной работы с сайтом!

Вы можете также ознакомиться с детальным видео-туториалом ниже: