Ссылки

Картинки

Создание страницы HTML

Делаем сайт в Photoshop

Делаем сайт в M/Dreamweaver

Установка веб-сервера

Как подобрать тему для сайта

Размещение сайта в интернете

Регистрация сайта

Как зарабатывать на сайте

• КОЛЛЕКЦИЯ КАРТИНОК :

Флеш-алфавит

Изображения людей

Изображения компьютеров

Денежные купюры и монеты

• Инструкции по работе с :

Программа LeapFTP

FTP-клиент в Total Commander

• Скачать шрифты

Подписка на рассылку

Как создать сайт на SMC-движках, таких как, JOOMLA, PHP Fusion, установить на свой сайт форум, гостевую книгу, создать собственную рассылку, установить форму оплаты и т.д.
О выпуске этих и других уроков вы узнаете, подписавшись на рассылку

Ваше имя

Ваш e-mail

СОЗДАНИЕ САЙТА

Урок - 4

В этом уроке научимся делать ссылки. Ссылки бывают, на внутренние страницы сайта, на определенное место, той же страницы сайта, на сайты в интернете и на Емайл. Ссылки прописываются тегами <a> и </a>, открывающий тег <а> пишется со значением href:
<a href="В этих ковычках пишется путь где лежит страница на которую ведет ссылка">Здесь пишется текст ссылки</a>.Чтобы задать ссылке нужный цвет, в теге<BODY> устанавливаем атрибут LINK="#FFFFFF" - цвет ссылки, атрибут VLINK="#FFFFFF" - цвет посещенной ссылки, атрибут ALINK="#63FFB7" - цвет ссылки при наведении на нее курсора мыши

Если страница лежит в той же папке, то путь прописывается,так как в нашем коде,если же страница лежит в другой папке, например у нас папка называется "Уроки" и в ней лежит несколько страниц сайта - "index.html" , "book.html" , "soft,html" и другие страницы "html" , также в этой папке может находится еще одна папка, допустим, называется "primer", в ней тоже лежат страницы,"1.html", "2.html" и т.д ссылка на эти страницы будет такая: <a href="primer/1.html">Текст ссылки</a>.

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

Здесь будет название сайта
• Главная • Книги • Программы • Картинки • Уроки
Левая колонка	Строка для содержимого сайта	Правая колонка
Низ сайта

<HTML>
<HEAD>
<TITLE>Построение таблицы - 3</TITLE>
</HEAD>
<BODY link="#FFFFFF" alink="#FF6600" vlink="#FFFFFF" >
<TABLE border=0 cellpadding=0 cellspacing=0>

<TR>
<TD width=400 height=80 bgcolor="#FFCCCC" colspan=3 background="images/az6.jpg" align=center>
Здесь будет название сайта
</TD>
</TR>

<TR>
<TD width=400 height=25 bgcolor="#CC9999" colspan=3>
<a href="index.html">Главная</a>
<a href="book.html">Книги</a>
<a href="soft.html">Программы</a>
<a href="images.html">Картинки</a>
<a href="yrok.html">Уроки</a>
</TD>
</TR>

<TR>
<TD width=100 height=190 bgcolor="#FFCCCC" >Левая колонка</TD>

<TD width=200 height=190 bgcolor="#FCF2EE">Для содержимого</TD>

<TD width=100 height=190 bgcolor="#FFCCCC">Правая колонка</TD>
</TR>

<TR>
<TD width=400 height=25 bgcolor="#CC9999" colspan=3>Низ сайта</TD>
</TR>

</TABLE>
</BODY>
</HTML>

Если нужно сослаться на какой то другой сайт в интернете,то ссылка прописывается так:<a href="http://www.beluys.com"> Перейти на сайт</a>.Текст заключенный между тегами <a></a> и будет ссылкой, нажав. на которую, перейдешь на другой сайт. Если надо открыть ссылку в новом окне, то прописывается так: <a href="http://www.beluys.com" target="_blank">Перейти на сайт</a>

Ссылкой может быть и картинка, прописывается так:
<a href="страница.html"><img srс="папка,где картинка/имя картинки"></a>.
Подведя курсор к картинке и нажав на нее,вы перейдете на указанную страницу

Сылка на почтовый ящик создается так:
<a href="mailto:ivan@yandex.ru"> пишите на адрес</a>, щелкнув по этой ссылке,откроется почтовая программа, останется только написать текст письма и нажать кнопку "отправить". Не забудте вместо ivan@yandex.ru написать свой адрес.

СЛЕДУЮЩАЯ СТРАНИЦА

Для оформления сайта

страницы сайта

Сейчас на этой странице

Новости СМИ2