Как установить скрипт?
Даже небольшой пользовательский опыт взаимодействия с системой uCoz при наличии понимания основ HTML и CSS позволит вам лично установить скрипт, приобретенный на нашем сайте. В том случае, если вам не удаётся установить скрипт, вы можете заказать услугу по установке скрипта нашими специалистами.
В архиве к каждому скрипту вы сможете найти файл с инструкцией. Это может быть текстовой файл в формате txt , либо страничка формата html . Они дадут вам общую информацию по установке скрипта на сайт в системе uCoz.
Каждый скрипт имеет собственный zip или rar архив, который вам необходимо скачать. Ссылка для скачивания придет на ваш e-mail только после того, как вы произведете оплату заказа.
ПОДРОБНЫЙ АЛГОРИТМ ДЕЙСТВИЙ ПРИ УСТАНОВКЕ:
Внимание: все файлы (например, которые имеют расширение txt , js , php или css ), можно открыть в любом текстовом редакторе (например, "Блокнот"), однако для редактирования файлов в формате css , js или php мы рекомендуем скачать специальный редактор, предназначенный для использования файлов данного типа (например, Sublime Text 2 ).
В первом случае , чаще всего – это просто графические файлы картинок, шрифты и так далее, которые необходимо загружать в соответствующие папки img\images, fonts, js и прочие. Если файлов много, то удобней всего загружать посредством FTP-клиента.
Во втором – это файл скрипта. Проверьте в инструкции, не нужно ли как-либо изменить файл скрипта (формат.php) перед его загрузкой на сервер. После чего подключитесь к PHP-серверу посредством FTP и загрузите папку с файлами/файл скрипта в корневую директорию "scripts".
Все CSS-стили, как правило, необходимо размещать в шаблоне "Таблица стилей (CSS)" , например, в самом низу шаблона после всего кода, который присутствовал по умолчанию.
Отметим , что после покупки вам необходимо внимательно ознакомиться с установочным файлом, так как правила настройки и установки каждого скрипта индивидуальны.
У меня не получилось, что делать?
В случае, если ваши попытки установить скрипт оказались безуспешными или кажутся вам слишком утомительными, вы можете приобрести услугу установки скрипта отдельно . Опытные специалисты системы uCoz быстро и квалифицированно произведут установку на ваш сайт.
С развитием интернет технологий, создание собственного сайта стало по плечу не только профессионалам, но и каждому, кто имеет доступ в интернет. Для новичков создано уже большое количество конструкторов, при помощи которых сайт можно создать в считанные минуты. Но что делать, если конструктора вам мало и вы захотели сделать что-то своё оригинальное? В этом вам помогут скрипты.
Что такое скрипт? Скрипт - это программа, которая автоматизирует некоторую задачу, которую без сценария пользователь делал бы вручную, используя интерфейс. При помощи скриптов создаются как отдельные блоки сайта, так и целые портальные системы.
И так, вы выбрали подходящий скрипт, или движок для сайта. И тут возникает вопрос - как его установить, чтобы скрипт заработал? Что бы понять это, возьмём к примеру скрипт, написанный на языке php. Для установки скриптов вам понадобятся программы для доступа к вашему будущему сайту по ftp. Если вы новичок, то лучше выбрать программу попроще. Из таких программ очень хочется порекомендовать такие, как Smart FTP Client, или Directory Opus v8.0. Последняя, кстати, является ещё и внутренним браузером для вашего компьютера.
И так, приступим непосредственно к установке скрипта. Разберём пример работы Smart FTP Client. Запускаем программу. В верхнем левом окошечке мы видим поле для заполнения с надписью “Адрес”. Заполняем его, введя адрес вашего аккаунта по ftp, который у вас есть. Этот адрес будет иметь вид: ftp.domains.zona, где domains - это домен вашего сайта, а zona - это зона, в которой находится ваш сайт. Например ftp.rambler.ru Всё, это поле заполнено. Следующее поле для заполнения называется “Имя”. Здесь всё легко. Вы просто вводите ваш логин, который вы указывали при регистрации вашего домена и который был выслан вам вашим хостером при регистрации. Следующее поле называется “Пароль”. Тут тоже ничего сложного. Вы также вводите пароль, который был указан вами при регистрации, или который прислал вам ваш хостер. Далее следует поле “Порт”. Обычно, если нет дополнительных условий у вашего хостера, то порт следует указывать 21. И так, всё готово.
Теперь вам следует нажать лишь зелёную стрелочку, которая находится сразу за полем “Адрес”. Вы можете видеть - как пошло соединение с вашим сайтом. В случае успешного соединения, с левой стороны вы увидите все ваши папки, находящиеся у вас на сайте. В случае, если ваш скрипт не является скриптом cgi, все файлы и скрипты устанавливаются в папку “public html”. Находим эту папку в левой колонке программы Smart FTP Client и кликаем по ней. После этого в центральном окне программы мы увидим все папки, которые находятся в папке “public html”. Это и есть корневая папка, в которую устанавливаются скрипты. Если вы устанавливаете движок сайта, то устанавливать его необходимо именно в эту папку. Теперь открываем папку с вашим скриптом, находящимся у вас на компьютере. Выделяем все файлы, находящиеся в этой папке и перетаскиваем их в центральное окно программы Smart FTP Client. При этом всё, что мы перемещаем из папки на компьютере, скопируется в корневую папку вашего сайта “public html”. После того, как процесс копирования завершен, приступаем к выставлению файлам атрибутов (прав на использование файлов). Но для начала нужно знать - какие атрибуты каким файлам должны соответствовать. Если ваш хостер не предъявляет дополнительных настроек, то атрибуты будут примерно такими: Для всех папок и файлов php и html права доступа выставляются 747. Для графических файлов права доступа выставляются 644. А для файлов, в которые идёт запись, текстовых, права выставляются 777. Это правило распространяется на большинство файлов.
Но существуют и исключения. Есть ли в вашем скрипте исключения, или нет - можно прочитать в файлах-описаниях, прилагающихся к скриптам. Как правило, эти файлы текстовые и называются “readme”. Зайдя в такой файл, вы сможете прочитать всё об установке данного скрипта. Теперь подробнее об атрибутах. Атрибуты файлов контролируют доступ к вашим файлам и защищают ваш сайт от взлома. Но существуют файлы, на которые необходимо открывать полный доступ. Например, права 777 означают, что доступ к данному файлу доступен как вам, так и всем пользователям вашего сайта. Такие права устанавливаются на файлы, которые отвечают за редактирование. Например, когда человеку нужно отредактировать свою анкету на вашем сайте, которая хранится в текстовом файле. Теперь приступим к самой установке атрибутов. Для этого выбираем нужный, нам, файл и нажимаем на правую клавишу мышки. В появившемся окошке выбираем “Свойства /CHMOD”. И вот перед нами появилось диалоговое окно с полем ввода “Права доступа”. В это поле мы и вписываем необходимые права и нажимаем ОК. Тоже самое нужно проделать со всеми файлами и во всех папках вашего скрипта. Для упрощения работы можно выделять сразу несколько файлов, на которые будут ставиться одинаковые права и выбрав “Свойства /CMOD”, установить права сразу всем файлам, которые вы выделили. После того, как все права установлены, ваш скрипт готов к работе. Если в скрипте есть установочные файлы, такие, как install.php, то просто делаете установку скрипта, набрав в браузере http://ваш_сайт.install.php и проходите процедуру инсталляции.
Теперь рассмотрим вариант скрипта с базой данных. Как установить его? Для этого заходим в свой аккаунт на сервере хостера и переходим в раздел, в котором создаются базы данных. Самые распространённые из них называются “PHP MY ADMIN”. Создаём в этом разделе базу данных и пароль к этой базе. Теперь база создана. Если в скрипте попадается файл с расширением sql, то заходим в базу, которую мы только создали и выбрав в панели “SQL”, копируем весь текст из файла sql и сохраняем его. Теперь нам необходимо, чтобы файлы скрипта устанавливали соединение с нашей базой. Для этого открываем файл с описанием “readme” и читаем - в каких файлах необходимо прописать настройки с нашей базой. Как правило, такие файлы являются файлами конфигурации и имеют одноимённое название “config”. Зайдя в такой файл, мы прописываем соединение с базой данных. Как правило, данные, которые нужно прописать для соединения с базой, имеют следующие значения:
$config="localhost";
$config="root";
$config="";
Значение host почти во всех случаях остаётся неизменным. В значении login вместо root прописываем название своей базы данных. Например mysite_dvizhok. В значении pas указываем свой пароль. Значения login и pas соответствуют значениям, которые вы указывали при регистрации вашей базы данных. Вот теперь ваш скрипт сможет соединяться с базой данных и будет полноценно функционировать.
- Перевод
- Tutorial
Буквально несколько часов назад на HTML5 Rocks появилась замечательная статья о текущем положении дел, касающихся загрузки скриптов на странице. Представляю вашему вниманию ее перевод. Поправки можете присылать в личные сообщения.
Введение В этой статье я хочу научить вас как загружать в браузер JavaScript и выполнять его.Нет, подождите, вернитесь! Я знаю, что это звучит заурядно и просто, но помните, что это происходит в браузере, где теоретически простое превращается в набор причуд, определенных наследственностью. Знание этих причуд поможет вам выбрать самый быстрый, наименее разрушительный способ загрузки скриптов. Если вы спешите, то можете перейти сразу к краткому справочнику в конце статьи.
Для затравки, вот как спецификация определяет различные способы загрузки и выполнения скриптов:
Как и все спецификации WHATWG, на первый взгляд данная спецификация выглядит как последствия кассетной бомбы на фабрике Scrabble. Но, прочитав ее на 5 раз и вытерев кровь из своих глаз, начинаешь находить ее довольно интересной:
Мое первое подключение скриптаАх, блаженная простота. В данном случае браузер скачает оба скрипта параллельно и выполнит их как можно скорее, сохраняя заданный порядок. «2.js» не будет выполняться пока не выполнится «1.js» (или не сможет этого сделать), «1.js» не выполнится пока не выполнится предыдущий скрипт или стиль, и т.д. и т.п.
К сожалению, браузеры блокируют дальнейшую отрисовку страницы, пока это все происходит. Еще со времен «первого века веба» это обусловлено DOM API, который позволяет строкам добавляться к содержимому, которое пережовывает парсер, например с помощью document.write . Более современные браузеры продолжат сканировать и парсить документ в фоновом режиме и загружать нужный сторонний контент (js, картинки, css и т.д.), но отрисовка по-прежнему будет блокирована.
Вот почему гуру и специалисты производительности советуют размещать элементы script в конце документа, потому что это блокирует меньше всего контента. К сожалению, это означает, что ваш скрипт не будет увиден браузером до того времени, как будет скачен весь HTML, а также уже запущена загрузка CSS, картинок и iframe-ов. Современные браузеры достаточно умны, чтобы отдавать приоритет JavaScript над визуальной частью, но мы можем сделать лучше.
Спасибо, IE! (нет, я это без сарказма)В Microsoft обнаружили эти проблемы с производительностью и ввели «defer» в Internet Explorer 4. В основном, оно говорит следующее: «Я обещаю ничего не вставлять в парсер, используя штуки, наподобие document.write . Если я нарушу это обещание, вы можете меня наказать любым приемлемым вам способом». Этот атрибут был введен в HTML4 и он также появился в других браузерах.
В примере выше, браузер параллельно скачает оба скрипта и выполнит их прямо перед тем, как вызовется DOMContentLoaded , порядок сохранится.
Как и кассетная бомба на фабрике овец, «defer» стал мохнатым беспорядком. Помимо «src» и «defer», а также тегов скрипт и динамически загружаемых скриптов, у нас есть 6 паттернов добавления скрипта. Естественно, что браузеры не договорились о порядке, в котором они должны выполняться. Mozilla замечательно описала эту проблему еще в 2009.
WHATWG сделали это поведение явным, объявив, что «defer» не будет иметь никакого эффекта на скрипты, которые были добавлены динамически или не имеют «src». В противном случае, скрипты с «defer» должны запускаться в заданном порядке после того, как документ был распарсен.
Спасибо, IE! (ну ладно, теперь с сарказмом) Одно дали - другое отобрали. К сожалению, есть неприятный баг в IE4-9, который может спровоцировать выполнение скриптов в неверном порядке . Вот что происходит:1.js
console.log("1");
document.getElementsByTagName("p").innerHTML = "Changing some content";
console.log("2");
2.js
console.log("3");
Допустим, что на странице есть параграф, ожидаемый порядок логов - , но в IE9 и ниже результат будет . Некоторые операции DOM вынуждают IE приостановить выполнение текущего скрипта и перед продолжением начать выполнение других скриптов в очереди.
Тем не менее, даже в реализациях без бага, таких как IE10 и других браузерах, выполнение скрипта будет отложено до момента, когда весь документ будет загружен и распарсен. Это удобно, если вы в любом случае ждете DOMContentLoaded , но если вы хотите получить реальный прирост производительности, то вскоре вы начнете использовать listeners и bootstrapping…
HTML5 спешит на помощьHTML5 дал нам новый атрибут «async», который предполагает, что вы также не используете document.write, но при этом не ожидает окончания парсинга документа. Браузер параллельно скачает оба скрипта и выполнит их как можно скорее.
К сожалению, так как они постараются выполниться максимально скоро, «2.js» может выполниться раньше «1.js». Это отлично, если они не зависят друг от друга. Например, если «1.js» - это отслеживающий скрипт, не имеющий ничего общего с «2.js». Но если «1.js» - это CDN-копия jQuery, от которой зависит «2.js», то ваша страница будет устлана ошибками, как после кассетной бомбы в… я не знаю… здесь я ничего не придумал.
Я знаю, нам нужна JavaScript-библиотека! В Святом Граале содержится набор скриптов, загружающихся сразу, без блокирования отрисовки страницы и выполняющихся максимально скоро, в том порядке, в котором мы их добавили. К сожалению, HTML ненавидит вас и не позволит вам этого сделать.Проблема была решена с помощью JavaScript на разный манер. Некоторые способы требовали от вас вносить изменения в JavaScript, оборачивать всё в callback, который библиотека вызовет в правильном порядке (например, RequireJS). Другие использовали XHR для параллельной загрузки, а затем eval() в нужном порядке, который не работает для скриптов на другом домене, если там нет заголовка CORS и поддержки его в браузере. Некоторые использовали даже супер-магические хаки, как это было сделано в последнем LabJS.
Хаки всяческим образом обманывали браузер, чтобы тот загружал ресурс, вызывая при этом событие по окончанию загрузки, но не начинал его выполнение. В LabJS скрипт сначала добавлялся с некорректным mime-типом, например. Как только все скрипты были загружены, они добавлялись снова, но уже с корректным mime-типом, в надежде на то, что браузер возьмет их прямо из кэша и сразу выполнит в нужном порядке. Данный способ надеялся на удобное, но непредсказуемое поведение, и сломался, когда HTML5 объявил, что браузеры не должны поддерживать скрипты с непонятным типом.
Оба этих приема имеют проблемы с производительностью сами по себе, вам нужно дожидаться момента, когда JavaScript-код библиотеки загрузится и распарсится прежде чем начнут загружаться скрипты, загрузкой которых библиотека управляет. Кроме того, как мы собираемся загружать загрузчик скриптов? Как мы собираемся загружать скрипт, который говорит загрузчику скриптов что загружать? Кто охраняет Хранителей? Почему я голый? Это всё сложные вопросы.
DOM спешит на помощь! На самом деле, ответ находится в спецификации HTML5, хоть он и скрыт в низу раздела о загрузке скриптов.The async IDL attribute controls whether the element will execute asynchronously or not. If the element"s "force-async" flag is set, then, on getting, the async IDL attribute must return true, and on setting, the "force-async" flag must first be unset…
Давайте переведем это на "земной язык":
[ "//other-domain.com/1.js", "2.js" ].forEach(function(src) { var script = document.createElement("script"); script.src = src; document.head.appendChild(script); });
Скрипты, которые созданы и добавлены динамически, асинхронные по-умолчанию , они не блокируют отрисовку и выполняются сразу после загрузки, что означает, что они могут появиться в неверном порядке. Однако мы можем явно пометить их неасинхронными:
[ "//other-domain.com/1.js", "2.js" ].forEach(function(src) { var script = document.createElement("script"); script.src = src; script.async = false; document.head.appendChild(script); });
Это даст нашим скриптам сочетание с поведением, которое не может быть достигнуто чистым HTML. Явно заданные неасинхронными, скрипты добавляются в очередь на выполнение, такую же, как они попадали в нашем первом примере на чистом HTML. Однако, создаваемые динамически, они будут выполняться вне парсинга документа, что не будет блокировать отрисовку, пока они будут загружаться (не путайте неасинхронную загрузку скрипта с синхронным XHR, что никогда не является хорошей вещью).
Скрипт выше должен быть встроен в head страниц, начиная очередь загрузок как можно раньше, без нарушения постепенной отрисовки, и начиная выполнять как можно раньше, в заданном вами порядке. "2.js" может свободно загружаться до "1.js", но он не будет выполнен до тех пор, пока "1.js" успешно не скачается и выполнится или не сможет сделать что-либо из этого. Ура! Асинхронная загрузка, но выполнение по порядку!
Загрузка скриптов этим методом поддерживается везде, где поддерживается атрибут async , за исключением Safari 5.0 (на 5.1 все хорошо). Кроме того все версии Firefox и Opera, которые не поддерживают атрибут async, все равно выполняют динамически-добавленные скрипты в правильном порядке.
Это самый быстрый способ загружать скрипты, так? Так? Ну если вы динамически решаете какие скрипты загружать - да, иначе - возможно, что нет. В примере выше браузер должен распарсить и загрузить скрипт, чтобы определить какие скрипты загружать. Это скрывает ваши скрипты от сканеров предзагрузки. Браузеры используют эти сканеры для обнаружения ресурсов, которые вы скорее всего посетите следующими и для обнаружения ресурсов страницы пока парсер заблокирован другим ресурсом.Мы можем добавить обнаружаемость обратно, поместив это в head документа:
Это сообщает браузеру о том, что страница требует 1.js и 2.js и видима для предзагрузчиков. link похож на link , но с . К сожалению, это поддерживается только в Chrome, и вам нужно объявлять скрипты для загрузки дважды: первый - в элементах link, второй - в вашем скрипте.
С появлением HTTP2/SPDY вы сможете уменьшить накладные ресурсы до точки, где доставка скриптов в маленьких самостоятельно-кэшированных файлах будет самым быстрым способом. Только представьте:
…
Каждый enhancement-скрипт имеет дело с конкретным компонентом страницы, но требует вспомогательные функции в dependencies.js. В идеале, мы хотим загрузить все асинхронно, затем выполнить enhancement-скрипт как можно раньше, в любом порядке, но после dependencies.js. Это прогрессивное прогрессивное улучшение!
К сожалению, нет декларативного способа для того, чтобы достичь этого, только если модифицировать сами скрипты для отслеживания состояния загрузки dependencies.js. Даже async=false не решит эту проблему, потому что выполнение enhancement-10.js будет заблокировано на 1-9. По факту, есть только один браузер, в котором можно достичь этого без хаков…
У IE есть идея! IE грузит скрипты не так, как другие браузеры.var script = document.createElement("script"); script.src = "whatever.js";
IE начинает закачивать "whatever.js" сейчас, другие же браузеры не начнут загрузку до того момента, пока скрипт не будет добавлен к документу. У IE также есть событие "readystatechange" и свойство "readystate", которые сообщают о процессе загрузки. Это на самом деле очень полезно, потому что позволяет нам управлять загрузкой и выполнением скриптов независимо друг от друга.
var script = document.createElement("script"); script.onreadystatechange = function() { if (script.readyState == "loaded") { // Our script has download, but hasn"t executed. // It won"t execute until we do: document.body.appendChild(script); } }; script.src = "whatever.js";
Мы можем строить сложные модели зависимости, выбирая когда добавлять скрипты в документ. IE поддерживает такую модель, начиная с 6-ой версии. Довольно интересно, но у этого есть такой же недостаток с обнаруживаемостью браузером, как и у async=false .Хватит! Как я должен загружать скрипты? Ладно, ладно. Если вы хотите загружать скрипты способом, который не блокирует отрисовку, не требует дублирования и имеет прекрасную поддержку браузеров, то я советую вот этот:
Именно этот. В конце элемента body. Да, быть веб-разработчиком - это как быть царем Сизифом (бум! 100 хипстерских очков за упоминание греческой мифологии!). Ограничения HTML и браузеров не позволяют нам сделать сильно лучше.
Я надеюсь, что модули JavaScript нас спасут, предоставив декларативный неблокирующий способ загружать скрипты и иметь контроль над порядком их запуска, даже если это потребует написание скриптов в виде модулей.
Иуу, должно быть что-то получше, что мы можем использовать сейчас? Ладно, ради бонусных очков, если вы всерьез думаете о производительности и не боитесь сложности и дублирования, то можете объединить несколько рассмотренных трюков.Во-первых, мы добавим объявление subresource для предзагрузчиков:
Затем прямо в head документа мы загружаем наши скрипты с помощью JavaScript, используя async=false , уступая место скрипту для IE на основе readystate, который, в свою очередь, уступает место defer.
var scripts = [
"1.js",
"2.js"
];
var src;
var script;
var pendingScripts = ;
var firstScript = document.scripts;
// Watch scripts load in IE
function stateChange() {
// Execute as many scripts in order as we can
var pendingScript;
while (pendingScripts && pendingScripts.readyState == "loaded") {
pendingScript = pendingScripts.shift();
// avoid future loading events from this script (eg, if src changes)
pendingScript.onreadystatechange = null;
// can"t just appendChild, old IE bug if element isn"t closed
firstScript.parentNode.insertBefore(pendingScript, firstScript);
}
}
// loop through our script urls
while (src = scripts.shift()) {
if ("async" in firstScript) { // modern browsers
script = document.createElement("script");
script.async = false;
script.src = src;
document.head.appendChild(script);
}
else if (firstScript.readyState) { // IE
2 шаг. Подключение к php ftp серверу.
После установки пароля надо скачать ftp клиент. Лично я использую программу filezilla и соответсвенно скриншоты ниже показывают что да как делать именно в этой программе. Скачать программу можно на официальном её сайте . В верхней части программы вводим параметры подключения: Сервер: s2000.ucoz.net Логин: Введите свой логин, который указан в меню "PHP детали" (второй скриншот). Пароль: Пароль который Вы ввели ранее на сайте. После этого нажимаем на кнопку "Быстрое подключение".
И загружаем в него необходимые нам скрипты. К примеру нам надо загрузить на сайт скрипт автоматического постинга ссылок с сайта в твиттер, для этого в левой части программы переходим в каталог, где храниться папка со скриптом, и просто перетаскиваем нужную нам папку в правый диалог (где отображаются каталоги и фалы хранящиеся на сервере).
Замечания!
1. Файлы, передаваемые на сервер не должны содержать пробелов и должны состоять из латинских букв.
2. Если при установке пароля для php ftp сервера, пароль будет превышать длину 15 символов, то Вам не покажет никакой ошибки, но пароль работать не будет.
С постепенным развитием технологий создание личного сайта в интернете стало доступно как веб-мастерам, так и новичкам. Для неопытных пользователей уже создано большое количество различных конструкторов, при помощи которых можно создать сайт за короткий срок. Но что делать, если хочется создать что-то оригинальное? Для этого и существуют скрипты.
Создать сайт самостоятельно с Wix.com
- - компьютер
- - программа Smart FTP Client или любой аналог
