Все для начинающего вебмастера

Как правильно подключить JS- и PHP-скрипты к вашему сайту?

Сегодня я расскажу вам, как осуществляется подключение разных типов скриптов к вашему сайту. Это своего рода основа основ, и написать эту статью я должен был одной из первых. Потому – начнем.

Подключение JS-скриптов (файлы с расширением *.js) к сайту

JavaScript помогает нам во многих моментах повысить функциональность сайта. Будь то стилизация форм или, например, какая-нибудь техническая сторона вопроса.

Подключение JavaScript’а осуществляется двумя способами:

1. Первый – это непосредственно вставка кода в ваш сайт с помощью тегов:

2. Второй – с помощью файла:

Где «https://www.pandoge.com/main.js» – путь до файла скрипта. Такой вариант рекомендуется писать для файлов на удаленном (внешнем) сервере. Если же файл находится на вашем сайте, то можно просто указать относительный путь:

Это удобно, если вы вдруг захотите сменить домен или перевести сайт на другой протокол.

Что касается места подключения, то все скрипты рекомендуется подключать в секции HEAD, перед закрывающим ее тегом. Например:

Их также можно подключить в секции BODY. Например, все библиотеки рекомендуется подключать в секции HEAD, тогда как все счетчики, слайдеры, галереи и прочие скрипты – в секции BODY, также перед закрывающим тегом.

Подключение PHP-скриптов (файлы с расширением *.php) к сайту

Подключение PHP-скриптов осуществляется уже тремя способами:

1. Первый – это та же вставка кода в саму страницу сайта (обратите внимание, что если вы имеете страницу с расширением *.html – вам необходимо сменить расширение на *.php) с помощью тегов:

2. С помощью файла (в таком случае подключение можно осуществлять и на странице с *.html расширением):

Но для работы этого способа в файл .htaccess, который находится в корне вашего сайта, в самый верх, необходимо добавить эти строки:

 RemoveHandler .html .htm AddType application/x-httpd-php .php .htm .html .phtml

Если такого файла нет на хостинге — создайте его через любой текстовый редактор.

3. Третье – с помощью JS-скрипта. В этом случае вы также можете получить результат выполненного PHP-скрипта на сервере.

Реализация будет следующая:

Где «.result» – это класс, куда будут грузиться данные, а «/main.php», соответственно, адрес до PHP-скрипта.

Если вы грузите данные с другого сервера, то поддержка PHP на вашем сервере не обязательна. Не забывайте подключить к вашему сайту библиотеку jQuery.

Здесь правила абсолютно те же: полный адрес к файлу, если он находится на внешнем сервере, относительный – если на вашем.

Обратите внимание! Если вы хотите подключить PHP-скрипт к вашему сайту, то на сервере должна быть поддержка PHP. О том, есть ли у вас такая возможность – узнайте у своего хостинг-провайдера.

Если вы осуществляете подключение скриптов первый раз – попробуйте подключить скрипты из архива, который прикреплен в конце статьи. Если в обоих случаях вы получили сообщение «Hello World!» – значит, вы все сделали правильно.

Источник

Как установить PHP программу

Сегодняшняя заметка рассчитана на совсем начинающих веб-мастеров.

Что нужно, чтобы запустить PHP скрипт?

Для этого нужен веб-сервер и интерпретатор PHP. Всё это можно получить на своём компьютере абсолютно бесплатно. Сервером совсем не обязательно является отдельный компьютер. Веб-сервер — это просто программа, которую можно установить на любой, в том числе и на домашний, компьютер. При этом она не будет мешать работе других программ и не изменит поведение компьютера. О том, как настроить веб-сервер под Widnows или Linux описано в соответствующих статьях. И ещё одна статья о том, как сделать локальный сервер доступным для всех.

Если нет желания устанавливать и настраивать Apache, то можно просто заказать хостинг. Если вы не просто собираетесь что-то попробовать, а хотите свой собственный сайт, то обязательно нужен хостинг. Эта заметка будет состоять из двух разделов: запуск PHP программ на локальном компьютере и запуск PHP на хостинге.

Установка и запуск PHP программ на локальном сервере

После окончания установки и настройки сервера, перейдите в корневую папку веб-сайтов. Этой папкой, например, может быть C:Serverdatahtdocs (такой каталог у тех, кто устанавливал по моей инструкции). В этот каталог можно скопировать файл или файлы с расширением .php. Особенностью запуска этих файлов является то, что они открываются не двойным кликом, как мы привыкли, а через браузер. Если скопированный файл называется programm.php и размещён он в корневом каталоге сайтов веб-сервера, то он будет доступен по адресу

Если в корневом каталоге мы создадим другой каталог, например school (т. е. C:Serverdatahtdocsschool), и в него поместим файл, например classes.php, то этот файл будет доступен по адресу в браузере

Если нам нужно установить не отдельный файл, а, например, форум или доску объявлений или блог. Для примера можно взять любой скрипт, я возьму довольно популярный движок WordPress. Переходим на его сайт и скачиваем.

У меня скачался файл wordpress-4.1.1-ru_RU.zip. Распаковываем его. Внутри каталог wordpress, а в этом каталоге файлы:

Если мы хотим, чтобы наш блог был доступен по адресу http://localhost, то нам нужно содержимое каталог wordpress скопировать в корневой каталог сайтов, т. е. всё, что внутри wordpress переместить в C:Serverdatahtdocs.

Если на нашем сервере много сайтов (доска объявлений, форум, сайт знакомств, блог и т. д.), то нужно скопировать в отдельный каталог. Например, я создаю каталог

C:Serverdatahtdocsblog и в этот каталог копирую всё, что в папке wordpress. Получается так:

Всё готово, теперь в браузере переходим http://localhost/blog и видим:

Вроде бы, что-то и работает, но точно не так, как хотелось бы нам.

В современных популярных скриптах есть свой собственный установщик, либо нужно вручную прописать данные в файл (обычно эти файлы называются config.php и т. п.). Не будем гадать, а просто откроем файл readme.html. И сразу же находим ответ:

«Откройте wp-admin/install.php в вашем браузере».

Т.е. в нашем случае путь до будущего блога http://localhost/blog, прибавляем к нему wp-admin/install.php, в итоге получаем адрес

В следующем окне нужно ввести имя пользователя и пароль. Обратите внимание, что это имя пользователя базы данных, а не владельца блога. Обычно, на локалхосте имя пользователя root, а пароль, если вы его не меняли, пустой.

Ещё необходимо создать базу данных. Для этого переходим в phpMyAdmin ( http://localhost/phpMyAdmin/ ). Там переходим в раздел «Базы данных». Вводим название базы и нажимаем «Создать».

Возвращаемся к нашей установке WordPress и нажимаем далее.

На этом окне просто нажимаем «Запустить установку».

Вводим название сайта, имя пользователя (блогера) его пароль — всё понятно. Нажимаем «Установить WordPress» и всё будет готово — можно пользоваться блогом.

Установка и запуск PHP программ на хостинге

Для начала, нам нужен хостинг. Самый лучший хостинг, на котором работает, в том числе и codeby.net здесь. Обратите внимание, чтобы был введён промокод: c79d4aad

Тогда вы получите все бонусы: бесплатный месяц, бесплатный домен, скидку при оплате на год и т. д.

Итак, хостинг у нас уже есть. Теперь нам нужно закачать файлы на него. Это можно сделать, например, через FTP. Я долго пользовался FTP и, честно говоря, я не в восторге от этой давно устаревшей технологии. Соединение FTP можно настроить, например, в файловом менеджере вроде Double Commander (или Total Commander). Есть специализированные программы для связи по этому протоколу. Я не буду на этом подробно останавливаться. Информации достаточно. Только подсказка, где найти корневой каталог сайтов. Например, в моём случае это здесь:

/codeby.net/blogs/htdocs/www/

Т.е. корневой каталог сайтов размещён по адресу:

ваш_домен/htdocs/www/

Если вы скопируете PHP файл progaramm.php в этот каталог, то она будет доступна по адресу

http://ваш_домен/progaramm.php

Вместо FTP я рекомендую красивый и продвинутый файловый менеджер. Этот файловый менеджер является одной из особенностью данного хорошего хостинга. Там всё просто и наглядно.

Для создания новой базы данных перейдите сюда.

Разве что ещё одна полезная ссылка — регистрация доменов. Домены в некоторых (не во всех) доменных зонах можно получить бесплатно, если оплатить хостинг на год — имейте это ввиду.

В остальном установка скриптов PHP на сервере проходит точно также, как и на хостинге. Если ещё остались вопросы — задавайте, будем вместе разбираться.

Оставьте ответ Отменить ответ

📅 С 20 по 22 апреля пройдут незабываемые битвы среди кибер-гладиаторов в мире информационной безопасности!

Открыта регистрация команд по ссылке .

Источник