Если данный туториал не то, что Вы искали, у Вас все еще остались вопросы или предложения - дайте нам знать. Пожалуйста, помогите нам обслуживать Вас лучше!

Ваше имя

Ваш e-mail

Ваше сообщение (обязательно)

captcha

Новые шаблоны

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

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

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

Из этого туториала Вы узнаете, как создать «незакреплённую» (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:

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

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

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

JS Animated. Как создать новую страницу и пункт меню для неё
 
Чат
We help you to choose the right product.
Начать чат