Вот вчера мой друг и администратор этого сайта UnInstaller создал, вернее переделал старый раздел HTML хитрости, в WEB - программирование. Что же такое Web - программирование, это создание и разработка веб-страниц, сайтов, баз данных, серверов... и прочего. Чтобы им заниматься, необходимо при себе иметь знания, языков веб-программирования. Таковыми являются: PHP, JavaScript, CSS, CSS2, MySql, HTML(хоть он не является языком программирования, но именно на нем основан весь интернет). Все это вам обязательно пригодится, для верстания web-страниц и приложений. А сейчас, я бы хотел поговорить о том, без чего сейчас не может обойтись любой нормальный сайт - это CSS стилей, или каскадных таблиц стилей. С помощью них, любой сайт будет выглядеть красиво оформленным, с различными эффектами. CSS работает с языком HTML, но как я уже говорил все сайты в интернете написаны на HTML. Да, так оно и есть. Если вы думаете, что сайт написанный на PHP состоит полностью из PHP, то вы глубоко ошибаетесь. Изначально создается HTML - код, а в него вставляются PHP - скрипты, затем старнница компилируется, компилятором для Windows и вуаля, страница на PHP.
Так вот CSS. Его особенность заключается в том, что при создании таких, таблиц вы может легко придавать стиль тому объекту страницы, которому Вы написали в таблицы стилей. Объясняю: Вот допустим вы создали HTML - страницу, Вы все красиво оформили, все у Вас замечательно. Но Вам понадобилось сделать какой нибудь эффект, ну допустим Вам необходимо создать цвет текста, размер текста, и шрифт текста Arial, Вы напишете:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD
<BODY>
<table align=center width=50% border=1><tr><td><p style="text-color: #0000ff; font: 12px Arial;">HELLO WORLD</td></tr></table>
</BODY>
</HTML>
Вот такой синтаксис: style="text-color: #0000ff; font: 12px Arial;", это и есть CSS, но это не из таблицы стилей, а тот который был написан, на данной странице.
А вот теперь представьте такую ситуацию, вам понадобится сделать таких таблиц, с разным содержанием, очень много. Вы не захотите переписывать этот синтаксис. Вам легче создать открыть "Блокнот", прописать в нем:
.1{text-color: #0000ff; font: 12px Arial;}
и сохранить в формате .css, но при этом не забудьте выбрать тип файла "ВСЕ ФАЙЛЫ". После чего вы можете применить данный стиль на странице. Для этого в код документа нужно вставить следующий фрагмент кода:
<HEAD>
<TITLE></TITLE>
<LINK rel=stylesheet type=text/css href=..здесь прописуете путь к файлу...>
</HEAD
<BODY>
<table align=center width=50% border=1><tr><td><p>HELLO WORLD</td></tr></table>
</BODY>
</HTML>
А затем применить стиль к таблице:
<table align=center width=50% border=1><tr><td><p class=1>HELLO WORLD</td></tr></table>
И все стиль действует. В следующих уроках мы подробнее рассмотрим действия и узнаем новые коды.
