Глава девятая - CCS
CSS - таблицы каскадных стилей, тема сложная, поэтому обьяснять все не буду а просто приведу несколько примеров. Итак после того как вы написали заглавие страницы (<title>), прописали мета-тэги, можно вставить стили:
<html>
<head>
<title>Заголовок</title>
<Meta name="Description" Content="описание">
<Meta name="Keywords" Content="слова">
<STYLE><!--
A { text-decoration: underline; }
A:hover { text-decoration: none; color: yellow; }
--></STYLE>
</head>
........
Пытаемся разобраться по порядку. Стили задаются тэгом <STYLE> как вы поняли и пишутся по указанному выше примеру. У нас первой строкой после <STYLE> написано:
A { text-decoration: underline; }
Что это означает? Это означает что ссылки на нашей странице будут подчеркнутые. text-decoration определяет вид текста (оформление), буква А в самом начале обозначает что мы определяем стиль для ссылок. Мы можем сделать все ссылки на странице неподчеркнутые, изменив параметр для text-decoration с underline на none:
A { text-decoration: none; }
Еще варианты:
A { text-decoration: overline; } - все ссылки на странице надчеркнутые (черта не снизу а сверху)
A { text-decoration: line-through; } - текст ссылок зачеркнутый
Можете выбрать для себя наиболее приемлимый вариант, но ссылки лучше оформлять стандартно, подчеркнутые, так всем привычней :)
Мы также можем сразу же в стилях определять цвет ссылки (и не определять ее в тэге <body>):
A { text-decoration: none; color: цвет; } - где цвет это цвет ссылки (например red - красный)
Второй строкой в нашем примере после <STYLE> написано:
A:hover { text-decoration: none; color: #aa0000; }
A:hover задает стиль для ссылок, на которые мы в даннный момент наводим курсор. Вы на этом сайте могли заметить, что когда мы наводим курсор на ссылку она меняет цвет и становится неподчеркнутой. Так вот это сделано с помощью A:hover. Параметры для оформления текста и цвета те же что и в первом примере. Т.е. если мы хотим чтобы в момент наведения на ссылку она стала к примеру синей и зачеркнутой эта строка будет выглядить так:
A:hover { text-decoration: line-through; color: blue; }
Аналогично можно задать стили для уже посещенных ссылок - A:visited.
Если есть желание можете в разделе скачать скачать хорошие учебники по html и CSS, там описаны почти все тэги и правила использования таблиц каскадных стилей (можно задать стили для полосы прокрутки и еще куча интересного:)).
Вместо заключения
Я постарался представить в этой статье минимальные знания для создания сайта своими руками. Кому интересно больше, обращайтесь к учебникам благо их в сети куча. Этих же знаний должно хватить для создания простенького сайта. После того как вы создали сайт у себя на компьютере и зарегестрировались на народе, вам нужно загрузить все файлы на сервер (на народ). Для этого зайдите на народе в раздел: мастерская - загрузка файлов, и грузите :) После этого набирайте в адресной строке свой URL и вперед :)
Да, не забудьте проиндексировать свой сайт. На Яндексе вам предложат проиндексировать свой сайт там же на народе, можно самому проиндексировать его на других поисковиках (Рамблер, Апорт) - зайдите на стартовую страницу и в самом низу нажмите на ссылку "добавить ресурс" (варианты: "добавить URL и т.д.)...
|
