Как создать и просмотреть страницы сайта на своем компьютере

ТРЕБОВАНИЯ:

  • текстовый редактор;
  • интернет-браузер;

Знаете ли вы, что каждый раз переходя на страницу в интернете, браузер выполняет большую работу. В его работу входят чтение всех необходимых файлов (HTML, CSS и JavaScript) и интерпретация обработанных ресурсов для демонстрации страницы, которую вы видите.

Просмотрев статью, вы поймете, как создаются веб-страницы с помощью текстового редактора на своем компьютере, а затем просмотрите веб-страницу в браузере. Скорее всего вам интересна публикация сайта в интернете, поэтому давайте начнем.

ШАГ 1: ОТКРОЙТЕ ВАШ ТЕКСТОВЫЙ РЕДАКТОР

Начнем с текстового редактора, но стоит помнить, что нужно использовать «сырой» текстовый редактор, а не отформатированный.

Текстовые редакторы вставляют символы, которые преображают страницу, но они не действительны в HTML. Они являются отличными инструментами для создания стильных документов, таких как академические документы и листовки, но они также вставляют символы, которые не допустимы в HTML. Поскольку файл веб-страницы должен содержать действительный HTML, текстовый редактор – лучший инструмент, чем редактор текста для создания веб страниц.

ШАГ 2: НАПИШИТЕ СВОЙ СКЕЛЕТ В ФОРМАТЕ HTML

Все готово к работе, значит начнем! Вас уже обучили тому, что  в хорошо отформатированном HTML-файле всегда есть несколько моментов. Они все представлены ниже:

В целом, это все можно вбить в текстовый редактор. Использование этого скелета поможет вам разобраться в создании.

ШАГ 3: СОХРАНИТЕ ВАШ ФАЙЛ

Можно вас поздравить, так как это уже готовая веб-страница. Единственной проблемой является то, что существует она пока что только в вашем редакторе. Теперь нужно сохранить файл на компьютер, чтобы не потерять его. Не забывайте следующее:

  1. Используйте .html расширение файла HTML, т.е.about_me.html
  2. Не используйте пробелы или специальные символы в имени файла. Вместо этого используйте подчеркивание (_) или тире (-).
  3. Сохраните файл в специальную папку, чтобы не потерять его на компьютере.

Используйте .html расширение файла HTML

Расширение файла является суффиксом имени файла и описывает тип файла. Расширением файла всегда являются последние 3 или 4 символа в имени файла, перед которыми стоит точка. Например, расширение файла HTML – это .html, и оно говорит браузеру (и другим приложениям) интерпретировать содержимое файла, как веб-страницу. Иногда можно встретить .htm, но такое расширение уже никем не используется.

Не используйте пробелы или специальные символы в имени файла

Выбор имени файл важен, н не стоит его загромождать.  Придерживайтесь цифр и букв. Используйте подчеркивания ( _) или тире ( -) вместо пробелов. Не указывайте знаки процента, косые черты, вопросительные знаки, восклицательные знаки, запятые и другие «специальные символы». Поймите, что браузер будет проще найти файл с простым, емким именем, без наворотов. Не усложняйте этот процесс. Имена файлов должны быть простыми и соответствовать соглашениям, чтобы сделать переход на вашу веб-страницу более надежным.

Решите, где на вашем компьютере вы будете сохранять файл

Месторасположение файла должно быть легко запоминающимся. Можно попросту создать новую папку, там же используйте те же соглашения об именах, которые изложены выше, чтобы облегчить себе же жизнь. Но файл можно найти, если вы все-таки забыли, где его оставили. Просто нажмите File> Save As…, выберите новое место для сохранения и обязательно запомните на этот раз.

ШАГ 4. ОТКРОЙТЕ ВЕБ-СТРАНИЦУ В БРАУЗЕРЕ

Ну что, готовы просмотреть вашу страницу? Сперва откройте ваш браузер. В верхнем меню нажмите File > Open File. Перейдите к области сохранения своей веб-страницы. Нажмите на файл веб-страницы, а затем нажмите Open. Вы должны увидеть свою веб-страницу!

Похожие статьи