High Star

Наши первые теги




Пишем в Notepad:


Первые теги

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

Листинг 1. Наш первый шаблон

<HTML>
  <HEAD>
    <TITLE>
    </TITLE>
  </HEAD>
  <BODY>
  </BODY>
</HTML>

Написали? Просто, правда? Это будет наш шаблон. Давайте и сохраним его под именем shablon.html. Только вот что я еще хочу сказать. Может это и преждевременно, Но! Со временем у вас появится не один десяток файлов, принадлежащих вашей страничке. Сваливая все файлы в одной папке, вам будет все труднее и труднее найти нужный файл, заменить или удалить старый. Я набила на этом много шишек, а потому мой вам мудрый совет. Сразу упорядочивайте файлы по папкам. Так что можете открыть новую папку, назвав ее, к примеру mysite и сохранить там наш новоиспеченный shablon.html.

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

<HTML> имеет пару </HTML>
<TITLE> имеет пару </TITLE>
<HEAD> имеет пару </HEAD>
<BODY> имеет пару </BODY>

И вы, скорее всего, обратили внимание на косую черту в второй колонке тегов. Она означает конец тега.

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

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

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

<TITLE></TITLE> - между этими тегами мы будем писать название нашей странички. И это название отзовется самой верхней строчкой в окне браузера. Не делайте его слишком длинным. Достаточно одной строчки. А то и одного слова. Советую вам не называть его общими названиями, ведь ваша страничка уникальна, правда? Вместо безликой «Моя домашняя страничка» дайте то имя, ради которого вы и решили себя явить миру. У меня этим именем стало «Дикая Правда». Его уж точно ни с чем не спутаешь! Ради любопытства, загляните на мою страничку www.dikarka.ru и на самом верху окна увидите название «ДИКАЯ ПРАВДА». Догадались теперь, как я ухитрилась его туда запузырить? То-то же… Проще пареной репы!

Сайт Дикой правды
Первые шаги

Дизайн, конечно же, сейчас другой, а я его меняю раз десять в год, но думаю, принцип понятен.

<BODY></BODY> - ну а это и есть тело документа. Все, что мы запихнем между этими тегами, все наши таланты, работы и творения, фотографии, рисунки, фильмы, музыку и бог знает что вы еще там напридумываете, все это отобразится на вашей страничке. И от того, на сколько она будет содержательной, интересной, красивой и уникальной, будет зависеть и популярность вашего сайта.

Хотя, скажу откровенно, мало сделать сайт хорошим, его еще нужно разрекламировать. И хоть это и не очень приятное слово, режущее слух, но как еще дать понять миру, что вы существуете? А как это сделать, я тоже расскажу… но позднее. Когда будет что рекламировать!

Авторские права

Да! Чуть не забыла! Пожалуйста, отнеситесь со всей серьезностью к тому, что я сейчас скажу. Вы несете полную правовую ответственность за все, что помещаете на своей страничке. Не разглашайте чью-то личную информацию, помните о конфиденциальности частной жизни. Уважайте законы авторского права! Не воруйте чужое! Во всемирной паутине немало мест, где можно бесплатно скачать понравившиеся картинки, фотографии, музыку и многое другое. Но если там стоит copyrigt - остановитесь! Если же что-то разрешено скопировать, но с ссылкой на источник, обязательно дайте эту ссылку. Не выдавайте чужое за свое! В общем, старайтесь показать, что умеете делать вы и только вы, а не рекламировать других.

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

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