Всем привет, я просто Фрея.
А теперь девочки, я расскажу вам, как заткнуть любого мальчика за пояс своими знаниями о программировании.
В серии статей "Первый простой мануал" я расскажу вам все, что я знаю о создании сайтов и их наполнении.
Первым и основным моментом будет выбор программы для редактирования кода. Их огромное множество, от блокнота, до профессиональных (в большинстве своем платных) IDE.
Как начинающий кодер, я выбрала Sublime Text. Мне он показался оптимальным для совсем начала связывания своей жизни с программированием. Но по мере его использования я перешла на Brackets (Он бесплатный). В нем более удобно использовать горячие клавиши для быстрого редактирования, и возможность подгрузки необходимых расширений (а не всех подряд) - снижает занимаемый объем памяти. Но если у вас есть уже любимый редактор - не обязательно использовать мой (хотя я буду объяснять работу на базе bracets).
После стандартной установки программы - попробуем сделать свою первую страничку HTML.
Создаем в удобном месте папку нашего будущего проекта. Вот и первое использование Bracets - заходим в нашу папку проекта, нажимаем правой кнопкой мыши и выбираем строку Open with Bracets.
После открытия окна программы создадим сам файл для работы с будущей страничкой - слева вверху жмем Файл. В выпадающем меню жмем Новый. Для ускорения работы можем использовать сразу горячие клавиши - Ctrl+N. Далее сохраняем наш файл в нужном виде - Слева вверху жмем Файл. В выпадающем меню нажимаем Сохранить как.... Сразу же можем использовать для ускорения горячие клавиши - Ctrl+Shift+S.
Самым первым файлом в папке сайта всегда должен быть - index.html. Под таким названием и сохраняем наш файл.
Теперь настало время подготовить редактор для быстрой работы в нём. В Bracets для этого есть расширения. Расширения, которые нам понадобятся это - Emmet, Beautify, Autosave. Чтобы их установить, нужно в правой панели управления нажать на значок кирпичика Lego и в поиск вбить название одного из плагинов. Далее нажать - Установить и собственно это все, что нужно для их использования. Как ими пользоваться - расскажу в дальнейших статьях.
Давайте создадим начальную структуру нашего HTML документа (Не будем же мы с писать каждый раз все строки с нуля?).
Для этого кликнем на первую строчку кода, затем введем на клавиатуре знак - !. И после этого нажмем Tab. Вот и наша база HTML документа готова!
____________________/FreyaHoKelly\_________________
На сегодня это всё. Дайте мне знать если хотите продолжения этой темы.
Всем спасибо за внимание, хорошего дня!