Для создания простого HTML-сайта (несколько страниц) необходимо:
- изучить основные теги html, также можно использовать какой-нибудь визуальный редактор (Dreamweaver, Namo Web Edinor, Front Page, Homesite);
- придумать и создать шаблон страницы;
- продумать навигацию сайта;
- проверить работоспособность сайта на локальном сервере и в различных браузерах;
- сделать необходимые коррекции и закачать готовый сайт на хостинг.
Теперь рассмотрим эти пункты подробнее.
Теги html используют формат:
<тег> текст, на который должен воздействовать тег </тег>.
Тег - это код, определяющий тип нужного вам результата. Теги всегда заключаются в угловые скобки < >, которые сообщают браузеру, что это участок html, а не произвольный текст.
Слэш ( / ) определяет закрывающий тег, т.е. прекращение текущего воздействия.
В общем виде любая web страница имеет следующую структуру:
<html> - начало страницы, сообщает браузеру, который пытается прочесть файл, что он имеет дело с файлом, который содержит элементы html.
<head> - служит для разделения страницы на 2 части: заглавие и тело или, собственно, текст.
<title> Текст самого заголовка, его название </title>
</head> - конец раздела "заглавие".
<body> Текст статьи, заметки и т.д. </body>
</html> - конец страницы.
Вроде бы все просто! Но есть некоторые особенности: документ html - это простой неформатированный текст. Набирая текст, заключенный между тегами <body> </body> бесполезно использовать несколько пробелов, табуляцию. Для браузера это пустая строка, которая игнорируется. Также браузеры не замечают нажатие Enter, т.е. это не приведет к началу нового абзаца.
В html для создания абзацев используются теги <p> текст новой строки </p>.
Также в html содержатся специальные коды для отображения необычных символов.
Таким образом, пользователям текстовых редакторов абсолютно бессмысленно заниматься форматированием текста при помощи встроенных в редактор программ, браузеры понимают только то форматирование, которое основано на html.
Продолжим завтра...или чуть позже...
Продолжим завтра...или чуть позже...
Комментариев нет:
Отправить комментарий