Логотип

Нищенко.ру

Полезное привлекает...

Знакомимся с главным файлом сайта index.расширение


Пришло время поглубже заглянуть в сайт и познакомится с первым файлом который отвечает за главную страницу сайта. Этот файл называется - а нет не скажу)) рано. Дня начало давайте научимся его создавать, а потом я объясню что с ним делать и как его обзывать. Не беспокойтесь всё узнаете всё поймёте, просто не всё сразу.

Приступим к созданию на рабочем столе папке, той папке, где будут лежать файлы нашего будущего сайта. Это самые озы с чего начинается любой сайт.

И так, создали папку:

Откроем папку и внутри нужно создать текстовый документ. Для этого щёлкаем правой кнопкой мышки внутри папке, выпадет окно в котором из списка выберите пункт создать и далее текстовый документ, то-есть блокнот.

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

Вылезет следующие окно в котором нужно обозвать файл index.html, и задать кодировку файлу. Сохранить.

Всё, теперь блокнот можно закрывать и удалять его из нашей папке. В папке должен остаться один единственный файл с типом файла HTML Document. Вот так он выглядит, пример ниже. Иконка файла у вас может отличатся, всё зависит от браузера к которому привязан данный файл.

Открываем файл в браузере

Всё, было просто не правда ли? На самом деле создать файл главной страницы достаточно просто. Вот что-бы наполнить его, нужны дополнительные знания. Но об это позже, сейчас нам нужно понять как открыть наш сайт в браузере.

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

Браузер можно выбрать любой. Я обычно пользуюсь FireFox поэтому открою через него. Вот что должно получится.

Второй вариант как открыть данный файл в браузере расскажу на словах. Зайдите в браузер и в самом верху в меню найдите пункт файл, кликните по нему. Откроется список в котором найдите пункт открыть файл... Нажмите на него, откроется окно, далее найдите файл у себя на рабочем столе. Он должен лежать в папке которою мы создали. Щёлкните по нему два раза и файл загрузится в браузер.

Ладно файл открыли. В браузере мы видим просто пустую страницу, ну это и логично, мы её ещё не заполнили ни чем. Нас это пока не интересует. Учится заполнять данный файл мы будем в будущем а пока вот на что важно обратить внимание, на адресную строку браузера и разобраться что мы там видим.

А видим мы следующие, когда я открыл файл главной страницы в браузере, браузер нашёл в папке С: пользователей, открыл пользователя, далее на рабочем столе нашёл папку с сайтом и внутри данной папке нашёл файл главной страницы index.html

Вот так браузер открывает сайты на компьютере, то-есть он проходит определённый путь до нужного нам файла и открывает его.

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

К примеру я хочу зайти на главную страницу своего сайта, для этого в браузере задаю адрес моего сайта nischenko.ru

Браузер идёт в интернет и находит мою папку с сайтом, внутри папке находит главный файл index. и открывает его. Запомните, когда мы хотим зайти в интернете на главную страницу любого сайта, браузер всегда у данного сайта в основной папке ищет главный файл под названием index. и открывает его.

Как работает браузер и находит в интернете, или на компе нужные файлы? Это вам пока рановато знать! На данном этапе это не важно, для начало нужно увидеть всю картинку а потом на ней рассматривать отдельные детали. Но если интересно, вот на этом сайте есть подробное руководство как работает браузер. Можете ознакомится.

Как работает браузер видео:

Подсказка:

HTML - это тот язык который создаст структуру твоего сайта. Css - это тот язык который поможет твой сайт сделать красивым. JavaScript - это тот язык который заставляет сайт оживать на глазах у пользователя. PHP - это тот язык который твоему сайту помогает быть. MySQL - это тот язык который хранить всю информацию твоего сайта.

Курс ещё не готов, но подписчики получат его первыми - как только работа будет закончена. На данный момент 12.07.2020 записано 19 теоретических уроков и 0 практических. Теоретический курс Готов! "Как создать, настроить, наполнить и раскрутить сайт на uCoz"