Navigation:Главная | Книги разные | Статьи | Блог | Контакты

Cоздание web странички в блокноте. Урок 4

В этом уроке мы продолжим создание web странички в блокноте. Мы узнаем как перелинковать html странички, или как связать между собой несколько страничек, чтобы получился сайт.

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

Для перелинковки используют парный тэг <a> и </a>

Чтобы посмотреть как это все выглядит на практике, создадим еще 2 страницы учебного мини-сайта. Для этого откройте блокнот, и проделайте все что мы делали с первой страничкой, то есть вставьте текст и картинки. То же самое проделываем и с третьей страничкой..

Теперь сохраняете новые страницы ОБЯЗАТЕЛЬНО с другим именем, так как любой робот знает, что страница с названием index.html - является главной страницей сайта. Сохраним, например, одну страничку с названием saitomanka.info.html а вторую страницу сохраняем как saitomanka.kontakti.html.

Главное - когда изменяете текст новой страницы, изменить не только текст новой страницы, но и ее заголовок (заключенный между тэгами <head> и </head>).

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

А теперь попробуем перелинковать наши странички.

Пишем где то так: <a href="file://localhost/C:/Saitomanka/saitomanka.info.html">Информация о сайте сайтоманка.</a> Это для одной html-странички.

Теперь пишем: <a href="file://localhost/C:/Saitomanka/saitomanka.kontakti.html">Контакты сайта сайтоманка.</a> для второй странички.

Активная ссылка в тексте выделяется другим цветом и часто подчеркиванием.

Если вы хотите сослаться на чужие сайты или странички, например, на мой сайт, saitomanka.com, то пишете опять же применяя эти умные теги:

<a href="http://saitomanka.com/html-stranichka.php">Урок по созданию html-странички</a>

Обратите внимание , что в одном случае я пишу file:, а в другом http:!!! Это очень важно. Так как все странички которые вы создали, находятся на локальном компьютере, то есть, не в интернете, А вот третья ссылочка на мой сайтик, ведет на страницу, размещенную в интернете!

А теперь на главной странице, index.html, размещаем все наши ссылочки в самом низу после текста. После каждой ссылочки вставляем тег <br> , о котором я писала в первом уроке. С помощью этого текста ссылочки у меня получились одна под другой. Если бы не он, то ссылки были бы все в одну строчку.

Если не понятно, то вот так надо: <a href="http://saitomanka.com/html-stranichka.php">Урок по созданию html-странички</a><br>

И посмотрим, наконец, что у нас получилось....


Рис. 5. Ссылки в конце текста.

Чтобы вы с других своих страничек могли вернуться на главную страничку сайта, вы должны на них добавить ссылку такую:

<a href="file://localhost/C:/Saitomanka/saitomanka.indexi.html">Главная</a>.

Вот в принципе основы я вам разложила по полочкам, чтоб вы почувствовали, что это не так и сложно в самом деле. А если хотите научиться делать что-либо посложнее, то скачивайте учебник по html и вперед. Удачи.

Еще статьи о сооздании сайта в блокноте:

Урок1 html страничка в блокноте
Урок2 форматируем текст в блокноте
Урок3 Вставляем картинку в текст

Скачать бесплатно
HTML-редакторы
Шаблоны блогов
Шаблоны сайтов
Учебники для создания сайта
Скрипты для сайта
Фоны для сайта
Иконки для сайта
Смайлы для сайта
Гифы для сайта

content