HTML ШАБЛОНЫ САЙТОВ
Современные готовые адаптивные HTML 5 шаблоны.
Откройте для себя мир современных и оригинальных шаблонов сайтов...
АДАПТИВНЫЕ ШАБЛОНЫ шаблоны сайтов
Независимо от устройства, Вам будет удобно пользоваться сайтом.
Изображения будут большими, а текст четким! шаблоны сайтов

Урок 1 - Что такое CSS

Что такое CSS и чем отличается от HTML?

HTML - это язык разметки, а CSS визуальное оформление страницы. Используя HTML совместно с CSS позволит Вам творить чудеса!

CSS (Cascading Style Sheets) - каскадные таблицы стилей. Стиль в свою очередь это набор параметров, задающий внешнее представление объекта.

Давайте расмотрим пример:

Нам нужно, чтобы все заголовки (теги) <h1> имели красный цвет, размер - 34 и были написаны курсивом, а заголовки (теги) <h2> были бы синего цвета, размера - 24. Наш заголовок - это объект, а цвет, размер и начертание - это параметры. Параметры наших объектов разные, т.е. они отличаются стилем.

Каждый объект (параграфы, заголовки, линии, текст...) на странице может иметь свой стиль. Набор всех стилей называют таблицей стилей.

Если для одного объект применено несколько стилей (как с нашими заголовками), то используется каскадирование.  Каскадирование определяет приоритет стилей.

Преимущества CSS

    • С CSS код становится читабельным и уменьшается его размер.

 

    • CSS помогает внедрить новые параметры, которые невозможно задать исключительно языком HTML. Допустим, убрать подчеркивание у ссылок.

 

    • С CSS изменить внешний вид всего сайта значительно проще. Вы сверстали сайт приблизительно из 100 страниц и на нем все заголовки синего цвета. Прошло время и Ваши взгляды и нужно изменить синие заголовки на зеленые. Без CSS Вам понадобиться пройтись по каждой странице (напомню сайт у Вас состоит из 100 HTML страниц) и изменить цвет. С CSS придется сделать это лишь один раз, в таблице стилей!

 

    • С CSS вы научитесь новой верстке сайта "блочная верстка".

 

Переходим в следующий урок и начнем осваивать азы.

html ru 240x400
Please enable / Bitte aktiviere JavaScript!
Veuillez activer / Por favor activa el Javascript!

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

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

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

Скачивайте бесплатные HTML шаблоны сайта и создавайте свои проекты в кратчайшие сроки.