Итак, приступим к созданию своей первой web страницы.
Сразу хочу сказать - старайтесь внимательно запоминать все, что будет сказано ниже и делать по возможности именно так, далее, когда усвоите основы, можете дать волю воображению.
Создайте на рабочем столе вашего компьютера папку с названием вашего будущего сайта, там будут хранится все необходимые для оформления и наполнения Вашего сайта материалы, фото, видео, музыка, в общем все чем Вы хотите поделиться со всем миром ( может конечно громко "со всем миром", но... все в Ваших руках).
В этой же папке создайте текстовый документ и откройте его (если пользуетесь редакторами html, то сохраняйте созданные документы в этой же папке - иначе браузер не будет видеть ни фото, ни какие другие материалы Вашего сайта, либо при добавлении материалов нужно будет указывать путь к ним из других папок, а это довольно заморочно).
Итак, начнем. Ниже находится шаблон простейшей html страницы:
<html>
<head>
<title>название страницы</title>
</head>
<body>основной текст страницы</body>
</html>
Теперь добавим в него мета тег <meta http-equiv="Cjyntent-Type"content="text/html;charset=utf-8"/> , он сообщит браузерам, что текст сайта на кириллице, чтобы они отображали именно русский язык, а не арба-кадабру. Мета теги не отображаются при просмотре страницы, они нужны для браузеров, для подробного показа имено того что вы хотите показать или для того чтобы посетители могли найти Ваш сайт в интернете, то есть "невидимые" помощники. Запомните еще одну очень важную вещь внутри парных тегов расположение элементов должно быть без пробелов, иначе ничего работать не будет!
Итак, что получилось:
<html>
<head>
<meta http-equiv=Content-Type"content="text/html;charset=utf-8"/>
<title>название страницы</title>
</head>
<body>основной текст страницы</body>
</html>
Теперь вместо "название страницы" и "основной текст страницы" добавьте что нибудь свое, например "сайт для работы" и " УРА я создал свой первый сайт".
Ну вот Ваш первый сайт готов, осталось его сохранить в правильном формате. Для этого при сохранении в текстовом редакторе (блокноте) выбираем пункт Файл>Сохранить как и сохраняем в таком виде, например в директории имя файла: мой сайт.html (html - обязательный атрибут, он задает формат файла),в директории тип файла вместо txt выбираем все файлы. Вот и все, согласитесь ничего сложного. теперь откройте сохраненный файл, компьютер должен автоматически открыть его в Вашем браузере. и Вы увидита свою первую веб страницу.
|