Создать новую веб-страницу с помощью блокнота

Вам не нужно дорогое программное обеспечение для написания веб-страницы

Блокнот Windows – это базовая программа для обработки текста, которую вы можете использовать для написания своих веб-страниц. Веб-страницы – это просто текст, и вы можете использовать любую текстовую программу для написания HTML. Этот учебник проведет вас через процесс.

Поместите ваши файлы в новую папку

Чтобы создать новый веб-сайт в блокноте, сначала создайте отдельную папку для его хранения. Как правило, веб-страницы хранятся в папке с именем HTML в папке «Мои документы», но вы можете хранить их там, где вам удобно.

  1. Откройте окно Мои документы .
  2. Нажмите Файл > Новая > Папка.
  3. Назовите папку my_website.

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

Сохранить страницу как HTML

Как и в случае с именем каталога, при сохранении страницы используйте все строчные буквы, без пробелов и специальных символов в имени файла.

  1. В Блокноте нажмите Файл , а затем Сохранить как.
  2. Перейдите в папку, где вы сохраните файлы вашего сайта.
  3. Измените раскрывающееся меню Тип файла на Все файлы (*. *).
  4. Назовите файл. В этом руководстве используется имя pets.htm.

Начните писать веб-страницу

Первое, что вы должны напечатать в своем документе HTML5 Notepad, это DOCTYPE. Это говорит браузерам, какой тип HTML ожидать.

Объявление doctype не является тегом. Он сообщает компьютеру, что документ HTML5 прибывает. Он идет вверху каждой страницы HTML5 и принимает эту форму:

 

Когда у вас есть DOCTYPE, вы можете запустить свой HTML. Введите начальный тег и конечный тег и оставьте место для содержимого тела веб-страницы. Ваш документ в блокноте должен выглядеть так:

 

Создайте голову для вашей веб-страницы

В заголовке HTML-документа хранится основная информация о вашей веб-странице – например, заголовок страницы и, возможно, метатеги для поисковой оптимизации. Чтобы создать раздел заголовка, добавьте теги заголовка в HTML-документ Notepad между тегами html.

 

Как и в случае с тегами html, оставьте некоторое пространство между ними, чтобы у вас было место для добавления информации о голове.

Добавить заголовок страницы в главном разделе

Название вашей веб-страницы – это текст, который отображается в окне браузера. Это также то, что написано в закладках и избранных, когда кто-то сохраняет ваш сайт. Сохраните текст заголовка между тегами заголовка. Он не будет отображаться на самой веб-странице, только в верхней части браузера.

Эта страница примера называется «МакКинли, Шаста и другие домашние животные».

 МакКинли, Шаста и другие домашние животные 

Неважно, насколько длинен ваш заголовок или он занимает несколько строк в вашем HTML, но более короткие заголовки легче читать, и некоторые браузеры обрезают длинные в окне браузера.

Основная часть вашей веб-страницы

Тело вашей веб-страницы хранится в тегах тела. Он должен идти после тегов head, но до конечного html-тега. Здесь вы размещаете текст, заголовки, подзаголовки, изображения и графику, ссылки и весь другой контент. Это может быть сколько угодно.

Оставьте дополнительное пространство между начальным и конечным тегами тела.

Этот же формат можно использовать для записи вашей веб-страницы в блокноте.

 

Создание папки изображений

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

  1. Откройте окно Мои документы .
  2. Перейдите в папку my_website .
  3. Нажмите Файл > Новая > Папка.
  4. Назовите папку images .

Сохраните все изображения для вашего сайта в папке изображений, чтобы вы могли найти их позже. Это позволяет легко загружать их, когда вам нужно.

Оцените статью
Solutics.ru
Добавить комментарий