Основы работы с Файлами в Windows и Работа в SublimeText3
Откроем SublimeText3. Работать с файлами можно несколькими вариантами, мы будем рассматривать самый быстрый. С помощью клавиатуры.
- Для работы нам нужна папка в которой будут храниться все файла от нашего будущего сайт.
- Создаем папку на рабочем столе с такой архитектурой. MySite > src > здесь будут все наши файлы.
То есть создаем так:
1. Папка MySite
2. В папки MySite создаем папку src
3. В папки src создаем 3 папки (css, js, img)
Примечании: папки можно создавать с помощью клавиш ctrl+shift+n - На этом подготовка папок окончена. Теперь нам нужно данную папку подгрузить в наш редактор.
Берем нашу папку MySite и переносим в открытый уже редактор SublimeText3. В левую колонку.
В данной колонке будет видно всю нашу архитектуру папок.
Теперь давайте создадим первый и главный наш файл index.html.
Кликаем мышью на правую область нашего редактора (рабочая область)
и нажимаем клавишу CTRL+N
Давайте сохраним файл.
CTRL+S - сохраняет файл, если у файла еще нет название, появиться окно в котором нужно указать название файла и формат.
Выберем нашу папку на рабочем столе и сохраняем файл в папки src
Даем название index.html формат .html нам говорит что этот файл работает в браузерах. Жмем Сохранить.
Теперь давайте напишем немного html кода что бы проверить что наш файл создан правильно и работает в браузере.
Перепишите это в ваш файл в левую область редактора.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Наш первый Сайт</title> </head> <body> Привет, Бро! Я работаю отлично </body> </html>
Снова нажимаем на CTRL+S и сохраняем, теперь не чего не выскочить. Так как мы уже указали название файла.
Теперь осталось проверить наш файл!
Открываем папку src и запускам файл в браузере. Либо нажимаем правую кнопкой мыши и выбираем пункт Открыть как... и в окне выбираем браузер.
Открыть файл можно 3 способами:
Вот и все! Наш файл готов!!!