Скачать читы бесплатно

Что такое CSS

consoLe^^ — Wed, 13 Jul 2011 16:03:54 GMT

В данном уроке мы рассмотрим, что такое CSS и чем они могут быть для Вас полезны в плане создания сайта.

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

Нет создать сайт при помощи HTML не прибегая к CSS вы конечно сможете но если вы хотите по настоящему красивый и профессионально оформленный сайт то без использования CSS это сделать не возможно.

Ну а теперь о CSS. CSS (Cascading Style Sheets) – каскадные таблицы стилей предназначены для отделения внешнего вида страницы т. е. дизайна от ее структуры и содержимого.

Если сказать проще то с помощью HTML вы создаете структуру странички, размещаете на ней текст, а то каким шрифтом, цветом и в какой части страницы будет отображаться ваш текст и графика, Вы определяете при помощи CSS. До того как появился CSS все оформление того же текста происходило с помощью HTML т. е. и дизайн и структура странички были совмещены.

Например, при определении абзаца цвет, фон, размер текста все задавалось в самом html коде при помощи тега

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

С появлением CSS появилась возможность назначить всем объектам, свой определенный стиль. Если возвращаться к нашему примеру с тегом

, то с помощью CSS мы можем назначить тегу

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

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

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

Если вам что-то не понятно смотрите урок основы CSS там, на примерах рассмотрено применение стилей.

CSS обладает большими возможностями по оформлению html страниц. При помощи CSS можно менять шрифт, размер текста, цвет текста, фон, устанавливать отступы, позиционировать различные элементы на странице и многое другое. При помощи CSS стали доступны новые способы верстки страниц. Это так называемая верстка слоями.

Что такое HTML

consoLe^^ — Wed, 13 Jul 2011 16:02:49 GMT

Прежде чем приступить к изучению уроков по HTML, предлагаю рассмотреть что такое html и для чего он применяется. HTML расшифровывается как, Hyper Text Markup Language, что можно перевести как язык гипертекстовой разметки. При помощи данного языка создаются интернет страницы.

HTML не является языком программирования. Он предназначен для разметки текстовых документов. Т. е. по большому счету с помощью его мы осуществляем форматирование текста.

И так каким же образом при помощи языка HTML мы можем редактировать текст? Дело в том, что язык html состоит из тэгов (tags). Каждый тэг определяет, каким образом будет выглядеть текст на вашей страничке.

Ели сказать по другому то каждый тег дает определенную команду вашему браузеру (программе, с помощью которой вы просматриваете интернет странички), браузер понимает эту команду и выводит вам на экран уже готовый текст, отформатированный определенным образом.

Поэтому сам html и его теги вы не видите, браузер на экран вашего монитора выводит уже готовый отформатированный текст и графику. Если же вы хотите увидеть сам html код и теги, с помощью которых происходит форматирование текста, который Вы сейчас читаете, то пройдите в вашем браузере Internet Explorer в пункт меню > вид и из раскрывающегося списка выберите пункт > источник. Смотрите на рисунок.

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

Но на самом деле html теги могут не только форматировать текст, с помощью них вы можете вставлять изображение на страницу, создавать таблицы, создавать ссылки и многое другое.

Каждый тег выполняет свои определенные функции и вам для того чтобы научится создавать веб страницы необходимо знать для чего предназначен тот или иной тег. Я думаю, что теперь Вы немного поняли, что такое html.

Что ж давайте рассмотрим, из каких тэгов он состоит и что они обозначают. Для начала давайте рассмотрим, что представляет из себя тэг. Если сказать уж совсем просто, то теги состоят из обычных английских букв или слов, только эти буквы и слова оформлены определенным образом.

Каждый тег состоит из угловых скобок, < > внутри которых помещен определенный текст. Большинство тегов состоят из открывающихся и закрывающихся.

Например тег это открывающий тег, тег - закрывающий. Как вы видите, они отличаются наличием в закрывающем теге символа слеш /. Если между этими тегами поместить любой текст, к примеру, привет то, он будет отображаться жирным шрифтом. Все что заключено в угловые скобки, в данном случает не выводится на экран, а является своеобразной командой для браузера, что текст, который заключен между этими тегами нужно выводить жирным шрифтом. В данном случае эти теги показаны для наглядности.

Тегов естественно много и каждый из них выполняет свои определенные функции. Примерно по такому принципу работают и все остальные теги и весь html в целом. Когда вы запрашиваете какой – либо документ из интернета ваш браузер загружает html код интерпретирует его должным образом и выводит вам на экран уже готовый отформатированный текст, графику, таблицы и т. д.

Для создания страниц можно использовать специальные программы, такие как Dreamweaver, а можно создавать страницы при помощи простого текстового редактора, который имеется в любой версии windows.

Правила раздела

consoLe^^ — Wed, 13 Jul 2011 16:00:34 GMT

1. Запрещено выкладывать учебники/пособия которые были выложены ранее.
2. Учебник/пособие обязательно должен иметь развернутое описание.
3. Запрещено выкладывать файлы, нарушающие авторское право.
4. Название темы должно хоть как-то отображать её содержимое
5. Запрещено оставлять комментарии типа "кул", "спс". Наказание- 1 день бана без предупреждения.
В свою очередь запрещено автору оставлять посты типа "качай наздоровье","нзч". Наказание- 1 день бана без предупреждения.

Правила будут добавляться и обновляться без предупреждения об этом пользователей.