Создайте новый html-документ

Скачайте себе шаблон html-документа. Для этого вызовите контекстное меню правой кнопкой мыши и нажмите Сохранить объект как..
Файл называется mysite.html. Создайте папку mysite и перенесите туда этот файл.
 
C o p yr i g h t © a r_u l . r u
Откройте mysite.html в браузере. Вы увидите пустую страницу. С этого и начнем.

Браузер не закрывайте. Откройте одновременно файл mysite.html в редакторе Notepad++
 
Обратите внимание на тэги, которые уже есть в «голове» документа (внутри элемента head):

  <meta charset="utf-8">
  <title>New page</title>

Первая строчка устанавливает общую кодировку страницы. Перед тем, как редактировать, проверьте соответствие кодировки в Notepad++.

Если кодировка не соответствует, нажмите
Преобразовать в UTF-8 без BOM


Это нужно делать, когда у вас в документе есть русский текст.
Поскольку Notepad++ автоматически определяет кодировку при открывании документа без BOM, изначально он предполагает, что это ANSI.
C o p yr i g h t © a r_u l . r u
 
Измените название страницы. Для этого внутри тэга title
вместо New page напишите Мой сайт.
Проверьте кодировку и сохраните.
 
C o p yr i g h t © a r_u l . r u
Прежде всего
представим себе макет будущей страницы
.
Когда вы будете проектировать полноценную страницу, вам следует расписать подробно все блоки информации, которые вы хотите разместить, и хорошо продумать, как это сделать, чтобы получилось логично и красиво.
Сейчас мы ограничимся лишь несколькими деталями. Наша задача — получить начальный импульс, понимание, с чего начинать и куда двигаться.

 
C o p yr i g h t © a r_u l . r u
На каждом шаге после того, как вы получили исправный html-документ (без ошибок), делайте копию файла mysite.html, а затем приступайте к следующему шагу. Это поможет выработать важную привычку для работы над сложными документами.

Файл mysite0.html

C o p yr i g h t © a r_u l . r u

 

  •  
  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Оставить комментарий