Мои инструменты

Какие нам понадобятся инструменты?!
Учимся создавать файлы

Публикация в группе: Хочу сделать сам! (PHP, MySQL, PostgreSQL, HTML, CSS, JavaScript)

Здравствуйте, я Леонид Никитин, и сегодня мы с вами поговорим о том, какие нам понадобятся инструменты для изучения мира веба. Мне кажется, без этой статьи нам не стоит идти дальше.

Содержание
  1. Photoshop
  2. Notepad++
  3. WinSCP

Photoshop

Для любого веб мастера всегда пригодится photoshop. Photoshop – это растровый графический редактор. Нам нужен именно растровый (бывает ещё векторный, например CorelDRAW).

Про настройку и установку photoshop’а можно почитать тут. Там всё хорошо описано, мне добавить нечего.

Notepad++

Навороченный блокнот. Есть куча других текстовых редакторов и более навороченных. Но я привык к notepad++ и другие редакторы мне кажутся слишком громоздкими и неудобными. При помощи этого редактора мы будем с вами писать код.

Скачать notepad++ можно с официального сайта совершенно бесплатно: https://notepad-plus-plus.org/download/ (скопируйте ссылку и вставьте её в адресную строку своего браузера, нажмите enter)

Нажимаем на зелёную кнопку “DOWNLOAD” и скачиваем. При установке выбираем русский язык (обычно стоит по умолчанию).

Настройка

Настройки находятся во вкладке “Опции”.

В настройках переходим “Автозавершение” и там обязательно ставим галочку “Включить при каждом вводе”, “Завершение функций”, и “Подсказка при вводе параметров функций”. Автозавершение вам поможет быстро и без опечаток писать теги, стили и другой код.

В настройках переходим во вкладку “Синтаксисы”, и ставим галочку “Заменить пробелом”, обязательно проверяем, чтобы стояло значение “Размер табул.” 4. Это для того, чтобы табуляция заменялась на 4 пробела. В стандарте PSR-2 (PSR — это рекомендации по написанию кода в PHP) рекомендуют использовать вместо табуляции 4 пробела. Кто не знает, табуляция – это клавиша на клавиатуре “TAB”.

Хитрости

Поделюсь горячими клавишами, которые есть в этом редакторе, мне они очень помогают в написании кода.

  1. “CTRL + D” — продублировать строку.
  2. “CTRL + F” — поиск по файлу.
  3. “CTRL + G” — перейти на нужную строку или на нужный символ.
  4. Зажимаем “ALT” и при зажатой левой клавиши мыши выделяем несколько строк вверх или вниз — можно дописывать или удалять символы во всех выделенных строках.
  5. “SHIFT + TAB” — если надо убрать табуляцию (в нашем случае 4 пробела).

Видео пример можно посмотреть тут: https://www.youtube.com/watch?v=J4Te62bCm7U (скопируйте ссылку и вставьте её в адресную строку своего браузера, нажмите enter)

WinSCP

Это ftp и sftp клиент. Он нужен для того, чтобы отправлять файлы на сервер, где будет лежать ваш сайт.

Скачать WinSCP можно с официального сайта и бесплатно: https://winscp.net/eng/download.php (скопируйте ссылку и вставьте её в адресную строку своего браузера, нажмите enter)

Нажимаем на зелёную кнопку “DOWNLOAD WinSCP”, и через несколько секунд пойдёт скачивание программы.

Если при установке выскочит надпись что-то вроде переведено на 93%, всё ровно соглашаемся и устанавливаем. Все важные вещи переведены на русский язык.

Настройка

Чтобы попасть в настройки, нажимаем на “Инструменты” и там переходим в настройки.

В настройках переходим в “Редакторы”, и нажимаем на кнопку “Добавить…”.

В открывшемся окне переключаемся на “Внешний редактор”, и нажимаем на “Обзор…”.

Идём в папку с любимым нашим редактором, в моём случае это notepad++, и выбираем его.

Нажимаем на кнопку “ОК”.

Если ваш любимый редактор не самый первый, то выбираем его, и с помощью кнопки “Вверх” перемещаем на самый вверх.

После мы нажимаем на кнопку “ОК”, чтобы сохранить.

Как вы наверное уже догадались, теперь мы можем открывать файлы на своём сервере через этот клиент, и редактировать в своём любимом редакторе напрямую (но не забываем делать на всякий случай резервные копии).

Когда зайдём на свой сервер, мы видим, что слева наши локальные файлы компьютера, а справа файлы, которые лежат на нашем сервере. Чтобы создать новую папку или файл, нажимаем правой кнопки мыши и выбираем “Новый”, после “Файл”, или “Каталог”.

Это мои инструменты на данный момент. Если появятся вопросы, пишите их в комментариях.

5

Автор публикации

не в сети 1 месяц

Леонид Никитин

1 610
Программист из Казахстана. Отзывчивый и целеустремлённый человек. В общении - приятная личность.
flagКазахстан. Город: Караганда
Комментарии: 64Публикации: 5Регистрация: 26-08-2019
Женский клуб Ирины Успешной
Комментарии: 22
  1. Леонид Никитин (автор)

    Если Вам не терпится побыстрее уже приступить к делу, то у меня есть видео, правда оно идёт около 6 часов)
    В прошлом году, для одной незнакомки снимал пример вёрстки сайта. Предупреждаю – видео скучное.

    10
  2. Леонид Никитин (автор)

    Забыл ссылку добавить :)
    https://www.youtube.com/watch?v=Ze4-U8eCQCQ

    10
    1. Ирина Успешная

      Спасибо, обязательно посмотрю.

      10
  3. Ирина Успешная

    По рекомендации в статье я сменила файл зилу на WinSCP. Настроила. Жду продолжения :smile:

    20
    1. Леонид Никитин (автор)

      Приношу свои извинения за долгий ответ.
      У меня коллега до сих пор пользуется FileZilla. Я к программе FileZilla и других ftp клиентов ничего против не имею. FileZilla меня не устроил, потому что постоянно надо подтверждать, что да можно файл сохранять.
      Но я не призываю пользоваться именно этими программами.

      10
      1. Ирина Успешная

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

        20
  4. Svetlana

    Качественное пояснение. Нотепад у меня давно установлен на компе, но, не используется) А вот о второй программе я впервые узнала. Скачала, установила, и настроила. Жду следующих статей.

    30
    1. Леонид Никитин (автор)

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

      10
    2. Виктория Зимина

      И я тоже в своё время устанавливала его для рабочих файлов, но как-то совсем мало пользовалась. А потом сменила работу.

      10
  5. Сергей Бобков

    Вопрос: “А фотошоп для чего в программировании?”

    20
  6. Леонид Никитин (автор)

    Приношу свои извинения за долгий ответ.
    Если Вас интересует только программирование, то фотошоп Вам не понадобится.

    Просто в моих планах писать и о вёрстки, и о программировании. Для вёрстки фотошоп понадобится. В программировании если учитывать, что шаблоны все есть, то конечно фотошоп не понадобится.

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

    20
    1. Сергей Бобков

      Спасибо, я вас понял.

      10
  7. Алёна Брагина

    Надеялась, что на выходных уже начну внедрять новые знания) Нужные программы скачаны и настроены.

    30
    1. Екатерина Любимова

      Ахахах, оказывается не я одна рвусь в бой)))

      20
  8. Oksana

    Специально зашла за обновлением в группе – тишина… В выходные будет новая информация на неделю???

    30
  9. Леонид Никитин (автор)

    Приношу свои извинения за тишину. В будни, после работы, последнее время я очень сильно устаю. И ещё обновил свой компьютер (теперь у меня мощный ноутбук). Пару вечеров настраивал и наблюдал за ним, т.к. ноутбук покупал с рук, он, примерно, в 3 раза мощней моего стационарного компьютера.

    Насчёт продолжения за выходные – постараюсь написать уже про сами действия. По моему плану следующий шаг – это вёрстка. Будем учиться из PSD файла (файл формата фотошопа) делать обычный HTML+CSS.
    После станем программировать с использованием этого шаблона.

    Кто ждёт программирование, пожалуйста, потерпите ещё немного.

    10
    1. Ирина Успешная

      С приобретением ;-)

      10
      1. Леонид Никитин (автор)

        Спасибо :smile:

        0
  10. Olenka

    Напишите, как часто вы будете публиковать материал?

    20
    1. Леонид Никитин (автор)

      Здравствуйте. Приношу свои извинения за долгий ответ.
      Хочется хотя бы по одной публикации за неделю. Но к сожалению на прошлой недели не получилось.

      10
  11. Виктория Зимина

    Фотошоп уже был, WinSCP устанавливаю и настраиваю. Жду новых публикаций, обучающих ;-)

    20
    1. Леонид Никитин (автор)

      Здравствуйте. Приношу свои извинения за долгий ответ.
      Постараюсь побыстрей выложить новый материал.

      10
Добавить комментарии
Войти с помощью: 
Мои инструменты
Союз мужчины и женщины
Роль женщины в жизни мужчины
Авторизация
*
*
Войти с помощью: 
Регистрация
*
*
*
Вы должны согласиться
Войти с помощью: 
Генерация пароля
Написать письмо

Я подтверждаю, что ознакомлен и согласен с Политикой конфиденциальности этого сайта и даю Согласие на обработку персональных данных

Задать вопрос

Я подтверждаю, что ознакомлен и согласен с Политикой конфиденциальности этого сайта и даю Согласие на обработку персональных данных

Обратный звонок
Закажите звонок (бесплатный)

Я подтверждаю, что ознакомлен и согласен с Политикой конфиденциальности этого сайта и даю Согласие на обработку персональных данных