Добавляем свои скрипты для сайта на Народе Аналогично можно добавлять файлы стилей
Устанавливаем расширение для Firefox FireFTP c сайта https://addons.mozilla.org/ru/firefox/addon/fireftp
Запускаем это расширение и смотрим, что у нас слева. Дляпримера создадим в папке Downloads папку Narod и перейдём туда. ...
или ввести путь
Создаём новое соединение (обязательно заполняем поле Host, при этом имя аккаунта создаётся автоматически)
Вводим пароль и подключаемся, после этого справа видим примерно такое:
Выбираем файл index.html и загружаем его,воспользовавшись стрелочкой, указывающей влево:
В нашей папке Narod теперь появился файл index.html:
Небольшие изменения в файлы можно вносить непосредственно с помощью FireFTP. Но для наглядности поработаем с файлом на ко...
Открываем в редакторе Notepad++ наш файл index.html.Добавляем ссылку на скрипт в секцию <head>…< /head > (скрипт ...
Скрипт для начала будет пробным (об этом дальше). Чтобы убедиться, что он работает, добавляем в index.html функцию, связа...
Сохраняем файл. Важно указать правильную кодировку:
Загружаем новый index.html на сервер (стрелка направо),согласившись с его перезаписью (overwrite) (скриншот сделан длядемо...
На нашем сайте появилась кнопка, но при клике на ней пока ничего не происходит:
Создаём в папке Narod новую папку scripts:
Создаём файл с простым скриптом, для пробы, и сохраняем его впапке scripts под именем myscript.js, не забывая про правильн...
А теперь загружаем на сервер всю папку scripts целиком. Она появится справа:
Если всё сделано правильно, то теперь при клике на кнопке должно всплывать окошко (если вместо русского текста кро...
Это всё 
of 19

Сайт на narod.ru: добавляем скрипты

Добавляем свои ск
Published on: Mar 3, 2016
Published in: Design      
Source: www.slideshare.net


Transcripts - Сайт на narod.ru: добавляем скрипты

  • 1. Добавляем свои скрипты для сайта на Народе Аналогично можно добавлять файлы стилей
  • 2. Устанавливаем расширение для Firefox FireFTP c сайта https://addons.mozilla.org/ru/firefox/addon/fireftp
  • 3. Запускаем это расширение и смотрим, что у нас слева. Дляпримера создадим в папке Downloads папку Narod и перейдём туда. Для этого можно воспользоваться кнопкой Browse
  • 4. или ввести путь
  • 5. Создаём новое соединение (обязательно заполняем поле Host, при этом имя аккаунта создаётся автоматически)
  • 6. Вводим пароль и подключаемся, после этого справа видим примерно такое:
  • 7. Выбираем файл index.html и загружаем его,воспользовавшись стрелочкой, указывающей влево:
  • 8. В нашей папке Narod теперь появился файл index.html:
  • 9. Небольшие изменения в файлы можно вносить непосредственно с помощью FireFTP. Но для наглядности поработаем с файлом на компьютере. Скачиваем Notepad++ с сайта http://notepad-plus- plus.org/download/v5.9.5.html
  • 10. Открываем в редакторе Notepad++ наш файл index.html.Добавляем ссылку на скрипт в секцию <head>…< /head > (скрипт будет содержаться в отдельном файле):
  • 11. Скрипт для начала будет пробным (об этом дальше). Чтобы убедиться, что он работает, добавляем в index.html функцию, связанную с будущим скриптом. Функция будет вызываться приклике на кнопке (то, что добавляется, здесь выделено подсветкой):
  • 12. Сохраняем файл. Важно указать правильную кодировку:
  • 13. Загружаем новый index.html на сервер (стрелка направо),согласившись с его перезаписью (overwrite) (скриншот сделан длядемонстрации после того, как файл уже был перезаписан, поэтому размеры тут совпадают):
  • 14. На нашем сайте появилась кнопка, но при клике на ней пока ничего не происходит:
  • 15. Создаём в папке Narod новую папку scripts:
  • 16. Создаём файл с простым скриптом, для пробы, и сохраняем его впапке scripts под именем myscript.js, не забывая про правильную кодировку:
  • 17. А теперь загружаем на сервер всю папку scripts целиком. Она появится справа:
  • 18. Если всё сделано правильно, то теперь при клике на кнопке должно всплывать окошко (если вместо русского текста кроказябры – Вы ошиблись с кодировкой):
  • 19. Это всё 

Related Documents