Вход / Регистрация
Вход
Урок 0.2: Устанавливаем необходимые программы
План:
- Установка браузеров, FileZilla, Skype, TeamViewer
- Настройка Skype и панели задач
- Установка веб-сервера Open-Server
- Установка среды разработки IDE PHPStorm
Дополнение к уроку:
Скачиваем и устанавливаем: PHPStorm, TeamViewer, FileZilla, Open-Server (Качаем Basic набор), Skype, и браузеры: Chrome, FireFox, а так же если Вы желаете обмениться удобно скрин-шотами между знакомыми или с учителем, то установите Jet Screenshot.
После установки настраиваем. File - Import Settings - settings.jar.
В папке с установкой 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:
Location: указываем путь к сайту, который мы создали в Open-Server;
PHP language level: выставляем самый последний;
Cli interpretator: должен быть уже выставлен как 7 после установки. Но если там пусто, или no interpreter, тогда нажимаем ... и находим файл php.exe в папке с установленным OpenServer по следующему пути:
И ждём кнопку Создать!
Теперь в эту папку разархивируем пакет файлов. В корне папки должен лежать index.html файл, а не в подпапках.
Теперь включаем Open-Server, открываем браузер и пишет в адресной строке "test.ru" (имя, которое мы ранее выбрали для нашего сайта). Если перед тем как включить Open-Server Вы уже вводили test.ru , то старый адрес запомнится браузером и браузер первое время будет пытаться открыть сайт из интернета. Зачастую помогает просто перезагрузить браузер, если это не помогло, то перезагрузите компьютер. И, снова же, не забудьте включить Open-Server перед тем, как открыть сайт в браузере.
Когда мы в адресной строке пишем "test.ru", то открываться будет по умолчанию: "test.ru/index.html", именно поэтому index.html должен находиться в корне сайта!
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 тестов, которые помогут Вам закрепить пройденный материал.
Один из тестов будет развивать Вашу логику и интеллект!
Чтобы получить доступ к тестам - авторизируйтесь!
Один из тестов будет развивать Вашу логику и интеллект!
Чтобы получить доступ к тестам - авторизируйтесь!
|
|