Первый урок

- Первая страничка -

Первую страницу и последующие будем делать в блокноте. Да да в обычном блокноте. Итак, открываем блокнот: Пуск|Программы|Стандартные|Блокнот или Пуск|Выполнить вписать <<Notepad>> и нажать ОК, и сразу же увидим перед собой тот самый блокнот. Далее нам, а точнее вам нужно вписать следующее:

<HTML>

<HEAD>

</HEAD>

<BODY>

</BODY>

</HTML>

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

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

Теги

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

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

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

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

<HTML> начало документа <HEAD>

<TITLE> название страницы </TITLE>

</HEAD>

<BODY>

тело документа

</BODY>

</HTML> конец документа

Итак, немного изменим содержимое нашего шаблона, вставив туда какуюнибудь фотографию myfoto.jpg. Кстати, эта фотография должна лежать в той же папке, что и shablon.html

<HTML>
<HEAD>
<TITLE>Моя Домашняя Страничка</TITLE>
</HEAD>
<BODY>
<IMG src="myfoto.jpg">
Hello Word! Моя первая страничка!
</BODY>
</HTML>

и ещё если рисунок лежит в папке ну к примеру “picture” тогда нужно указать путь начиная от родительского т.е. где лежит страничка.

c:\WwW\MySite\Index.html

c:\WwW\MySite\picture\myfoto.jpg

В строка <IMG src="myfoto.jpg"> теперь станет <IMG src="picture\myfoto.jpg">. Ну и сохраним этот файл уже не под именем shablon.html, а под другим именем, например, "Index.html" Надеюсь, вы все сделали правильно? Чтобы проверить, пойдем и откроем файл "Index.html" и посмотрим что получилось. А должно получиться примерно следующее:

Тема сайта

В мировой паутине существуют уже тысячи и тысячи сайтов, тематика которых схожа, вот из чего они состоят:

1. Информация о себе (идентична анкете при приеме на работу)

2. Мои фотографии

3. Я и моя собака (кошка)

4. Фото моих друзей

5. Гостевая

А какую информацию хотите вы выложить на своих страничках. Кому она будет интересна кроме вас, ваших друзей и вашей собаки? Что нового вы можете добавить к вышеперечисленному? И стоит ли городить огород, пополняя кучу никому не нужного мусора? Всё-таки должна быть в вашей работе какая-то своя изюминка, которой нет ни у кого. Должно быть так, чтобы люди, раз побывавшие на вашей страничке захотели вернуться к ней вновь и вновь. Может быть, это коллекция старых фотографий, может - рецепты фирменных блюд, а может вы вышиваете крестиком и вам не терпится поделиться этим своим мастерством с другими? Может вы пишете стихи, рассказы? А может вы - частный предприниматель, и вам нужен свой коммерческий сайт? Зачем заказывать его неизвестному человеку, когда можно сделать его так, как сами пожелаете? Так начните!

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

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

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<H4 align=center> Горин С. А </H4>

<H2 align=center> А ВЫ ПРОБОВАЛИ ГИПНОЗ?</H2>


Вы, наверное, не раз замечали, что если задать человеку вопрос, требующий обдумывания, то ваш собеседник перестает смотреть прямо на вас. Он "уходит в себя"; он либо смотрит "сквозь вас", либо смотрит вверх, как бы пытаясь найти ответ на потолке; либо смотрит в сторону, как бы ожидая, что его ухо услышит нужный ответ; либо смотрит вниз, на свои ноги... Понятно, что "уход в себя" — это обращение к своей памяти, внутреннему опыту, к способности вообразить или сконструировать что-то новое на основании известного. Взгляд человека достоверно показывает, к какой разновидности памяти или внутреннего опыта он прибегает сейчас.


Вы можете проверить это самостоятельно. Задайте кому-нибудь вопрос, заставляющий прибегнуть к зрительной памяти, например: Какого цвета костюм был вчера на вашей знакомой? Когда вы в последний раз видели живую лошадь?" — и вместе со словесным ответом вы получите типичный для зрительных воспоминаний взгляд влево вверх (если ваш собеседник — правша. В ответ на предложение представить себе что-то, сконструировать зрительный образ (Представьте себе проекцию данного предмета на плоскость. Представьте себе зеленую корову.— ваш собеседник посмотрит вправо вверх.


В общем и целом направление взгляда вверх совпадает с обращением к зрительному опыту. Вы можете попросить партнера обратиться к его слуховому опыту. Вопросы типа "вспомни, как звучит..." (Как звонит твой телефон? Вспомни звучание скрипки.) — уводят взгляд партнера налево по горизонтали, что соответствует слуховому воспоминанию. Можно сконструировать звук, который мы никогда раньше не слышали. Это достигается вопросами типа: "Как бы прозвучало ваше имя, если его произнести наоборот?", "Как бы звенел твой будильник, если его накрыть пластмассовым ведром?". Слуховой конструкции соответствует взгляд направо по горизонтали. Отметьте, что взгляд по горизонтали соответствует обращению к слуховому опыту. Теперь — опыт ощущений движения, прикосновения, температуры, напряжения и расслабления мышц, опыт вкуса и запаха. Эта категория внутреннего опыта называется кинестетической и совпадает с направлением взгляда вправо вниз (можно вызвать это направление взгляда вопросами типа "Что ты чувствуешь, когда бежишь?", "Вспомни, как жжется горчичник"). Взгляд вправо вниз соответствует кинестетическому воспоминанию. Интересно, что конструкций в кинестетике нет — мы не можем вообразить ощущения, которых не испытывали на самом деле. И, наконец, направление взгляда влево вниз. Оно свидетельствует о том, что человек занят внутренним диалогом: задает себе вопросы и ли что-то говорит себе. Это направление взгляда совпадает еще с функцией контроля речи, когда человек тщательно отбирает слова, которые собирается произносить; это направление взгляда часто можно видеть у переводчика во время устного перевода, у докладчика, делающего ответственное сообщение, у человека, дающего интервью.


Автор: Горин С. А 
</BODY>
</HTML>

Если вы внимательно проследили за изменениями, то заметите новые тэги, их называют:

Теги форматирования

А чтобы выделить отдельные слова, нужно эти слова заключить в контейнер с тегами, каждый тег отвечает за один параметр. Так, например, тег отвечает за жирный текст, - за наклонный, и, кроме того существуют специальные теги для заголовков. Всего для заголовков существует 6 уровней: от <H1> до <H6>. Самый крупный - <H1>, самый мелкий - <H6>. Не забывайте только, что у всех этих тегов существуют парные теги, то есть после того слова, который вы хотите выделить нужно не забыть поставить закрывающийся тег с косой чертой. Контейнеры можно вставлять один в другой, только вставлять нужно правильно, как маленькую матрешку - в большую. Например, будет правильно написать:

<В>Правильно;

а вот так неправильно:

Неправильно

Для того, чтобы наши заголовки, либо отдельный текст разместить по центру, необходимо добавить атрибут выравнивания <align>:

<align=center> - размещает заголовок по центру окна браузера;

<align=right> - по правой стороне окна;

<align=left> - соответственно по левой. Впрочем, по умолчанию, браузер и так пристроит ваш текст к левому краю.

Да – а – а пока не густо, ну что ж пора изваять, что-то более серьёзное, т.е. начинать реализовывать ваши задумки. А начнем мы с самого главного:

Первая страничка / Теги / Тема сайта / Теги форматирования

УРОК 1 /