Готовимся к пенсии: осваиваем Интернет

Рекомендую вам, чтобы не путаться и не усложнять себе жизнь, старайтесь придерживаться этих несложных правил. Итак, повторим еще раз:

✓ мы никогда, даже под страхом смерти, не будем называть файлы русскими именами;

✓ будем стараться писать имена файлов в нижнем регистре;

✓ не будем забывать (хотя кто застрахован от ошибок?) закрывать парные теги и кавычки;

✓ и, наконец, не будем ставить без крайней необходимости пробелов.

Первый шаблон, основные теги

Все. Теперь приступим к созданию шаблона наших страничек. Пишем в Блокноте текст, показанный на рис. П1.7.

Рис. П1.7.

 Наш шаблон

Далее весь код будет приводиться в листингах. Поэтому то, что запечатлено на рис. П1.7, я перепишу в листинг П1.1.

Написали? Просто, правда? Это будет наш шаблон. Давайте и сохраним его под именем shablon.html.

Внимание!

Все рассмотренные здесь листинги и соответствующие им HTML-файлы выложены в составе электронного архива на FTP-сервере издательства (см. приложение 3). Скачать архив можно по адресу: ftp://85.249.45.166/9785977506601.zip. Ссылка эта доступна и со страницы книги на сайте www.bhv.ru

.

Итак, посмотрим еще раз, уже повнимательнее, на наш шаблон. С первого же взгляда видно, что практически все написанные теги — парные!

✓ имеет пару

✓

имеет пару

✓ имеет пару

✓ имеет пару

И вы, скорее всего, обратили внимание на косую черту во второй колонке тегов. Она означает конец тега. А между этими тегами будут стоять какие-то слова. Разберемся подробнее, какие.

✓ Теги  — это просто границы

нашего документа. Благодаря этим тегам браузер распознает начало и конец странички, расположенной между ними. И выводит его содержание на всеобщее обозрение.

✓ Теги  — это заголовок документа (не путайте с названием!!!). Информация, находящаяся между тегами, не видна на страничке, она необходима тем программам, которые ее могут просматривать. Заголовок не является обязательным элементом, однако как у каждого документа, у странички тоже должен быть заголовок. Кроме того, в заголовок входят такие полезные элементы, как стиль документа, ключевые слова, да и много полезной информации, без которой потом трудно будет обойтись.

✓ Между тегами

мы будем писать название нашей странички. И это название браузер выведет в самой верхней строке своего окна. Не делайте название слишком длинным — достаточно одной строчки. А то и одного слова. Советую вам не использовать общие малозначащие названия — ведь ваша страничка уникальна, правда? Вместо безликой "Моя домашняя страничка" дайте то имя, ради которого вы и решили явить себя миру.

Скажем, если мы напишем так:

Пенсионерка Ру

, то на сайте http://www.pensionerka.ru это название появится в заголовке (верхней строчке) браузера (рис. П1.8).

✓ Теги  — это и есть тело

документа. Все, что мы запихнем между этими тегами: все наши таланты, работы и творения, фотографии, рисунки, фильмы, музыку и Бог знает что вы еще там напридумываете, — все это отобразится на вашей страничке. А от того, насколько она окажется содержательной, интересной, красивой и уникальной, будет зависеть и популярность вашего сайта.

Ну, теперь можно и прерваться, и посмотреть, что же у нас там получилось, в нашем первом файле shablon.html. Так… и что мы видим? Правильно… ничего. А чего показывать, если мы туда ничего своего не внесли? Что ж, попробуем исправить положение.

Пояснение

Предложила посмотреть, что показывает файл shablon.html, а как это сделать не объяснила… Все очень просто. Щелкните двойным щелчком по этому файлу в папке, куда он сохранен, и он откроется в браузере, принятом в системе по умолчанию.

Рис. П1.8. В заголовке браузера — название странички

Надеюсь, у вас есть какая-нибудь ваша фотография? Все равно какая, лишь бы была! Надеюсь, ее файл назван латинскими буквами? И в нижнем регистре? И, желательно, в формате JPG? Типа так: myfoto.jpg.

Примечание

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