Урок 0.2: Устанавливаем необходимые программы

План:

  • Установка браузеров, FileZilla, Skype, TeamViewer
  • Настройка Skype и панели задач
  • Установка веб-сервера Open-Server
  • Установка среды разработки IDE PHPStorm

Дополнение к уроку:

Скачиваем и устанавливаем: PHPStorm, TeamViewer, FileZilla, Open-Server (Качаем Basic набор), Skype, и браузеры: Chrome, FireFox, а так же если Вы желаете обмениться удобно скрин-шотами между знакомыми или с учителем, то установите Jet Screenshot.

PHPStorm


После установки настраиваем. File - Import Settings - settings.jar.

Включаем Open Server


В папке с установкой Open Server есть файл "Open Server x64.exe". Запускаем и он включается. Если после запуска он всё же не отображается и часть иконок скрываются (в правом нижнем углу экрана), то перенастраиваем в Windows 10 отображение: кликаем правой кнопкой на панели рядом с иконками и выбираем "Параметры панели задач" - "Выберите значки, отображаемые в панели задач" - "Всегда отображать все значки в области уведомлений" - ВКЛ (включаем).

Создаём новый сайт:


В Open-Server открываем Настройки, выбираем вкладку Домены, заполняем поля:
Имя домена - путь, который будем писать в браузере, чтобы открыть наш сайт. Если с таким именем существует реальный сайт, то он будет недоступен. Пишем один из имён: test.ru , mysite.ru , learn.ru , test1.ru, либо можете придумать своё название сайта.
Папка домена - Указываем полный путь к папке: C:/OpenServer/Domains/test.ru . Куда установлен у Вас OpenServer Вы и без труда без меня найдете, имя сайта "test.ru" должно совпадать с именем домена для нашего удобства. Создаём папку, указываем путь.
После обязательно надо нажать кнопку Добавить правее от Папка домена.

Далее создадим новый проект в PHPStorm:
File - New Project.

Location: указываем путь к сайту, который мы создали в Open-Server;
PHP language level: выставляем самый последний;
Cli interpretator: должен быть уже выставлен как 7 после установки. Но если там пусто, или no interpreter, тогда нажимаем ... и находим файл php.exe в папке с установленным OpenServer по следующему пути:
C:\OpenServer\modules\php\PHP-7-x64\php.exe

И ждём кнопку Создать!

Теперь в эту папку разархивируем пакет файлов. В корне папки должен лежать index.html файл, а не в подпапках.

Теперь включаем Open-Server, открываем браузер и пишет в адресной строке "test.ru" (имя, которое мы ранее выбрали для нашего сайта). Если перед тем как включить Open-Server Вы уже вводили test.ru , то старый адрес запомнится браузером и браузер первое время будет пытаться открыть сайт из интернета. Зачастую помогает просто перезагрузить браузер, если это не помогло, то перезагрузите компьютер. И, снова же, не забудьте включить Open-Server перед тем, как открыть сайт в браузере.

Когда мы в адресной строке пишем "test.ru", то открываться будет по умолчанию: "test.ru/index.html", именно поэтому index.html должен находиться в корне сайта!

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


0%
Главная БАЗОВЫЙ КУРС ПЕРВЫЙ УРОВЕНЬ программирования ВТОРОЙ УРОВЕНЬ верстки ВТОРОЙ УРОВЕНЬ программирования Начать обучение Запуск проекта Мелкие трюки Делимся практикой трудоустройства Проверь свои знания Задачи по PHP MySQL Блог Отзывы