В предыдущих 2-х уроках я рассказал, что такое верстка сайта и что такое HTML. В этом уроке опишу простыми словами еще 2 обязательные технологии верстки: CSS и Javascript.
Сразу вернусь к примеру с автомобилем. Итак, верстка сайта — это как автомобиль без двигателя. И здесь HTML — это как просто кузов автомобиля, CSS — его цвет, а Javascript (сокращенно JS) — это отрывающиеся двери, поднимаемые стекла.
CSS — это внешнее оформление сайта (цвета, размеры шрифтов). Javascript — это различные подвижные эффекты, некая динамика на сайте, например, увеличение картинок при клике мышки, всплывающие окна и подсказки.
Что такое CSS простыми словами
CSS расшифровывается как "Cascading Style Sheets" — каскадные таблицы стилей. На сайте CSS задает визуальное оформление: цвета, размеры шрифтов, размеры картинок и т.п. На HTML создается только содержимое (текст и картинки) и возможность открыть это содержимое в интернет-браузере. Без CSS верстка будет сплошным текстом и картинками как в Word. Чтобы содержимое стало выглядеть как интересный сайт, нужен CSS.
Я в прошлом уроке привел пример HTML-тега — <p></p>. Сейчас покажу, как изменить цвет текста: <p style="color: green;">Это абзац.</p>. Здесь я просто написал, что нужен цвет зеленый (color: green). То есть в CSS просто английские слова — пишете те значения, которые вам нужны.
Вот результат этого примера в браузере:
Что такое Javascript простыми словами
Javascript делает такие вещи, как листание картинок влево-вправо, увеличение картинок, открывающиеся окна. То есть Javascript создает какие-то эффекты при нажатии мышки. Например, нажмите на эту кнопку
С помощью Javascript сделано так, что при нажатии на кнопку появляется всплывающее окно.
Еще пример. Если вы в каком-нибудь интернет-магазине заходите на страницу товара и листаете картинки этого товара влево-вправо, то такое листание тоже сделано на Javascript.
Добавлю, что Javascript это язык программирования в отличие от HTML и CSS. То есть HTML и CSS это не программирование, а Javascript уже программирование.
Продолжайте изучать уроки и в следующем уроке вы узнаете, как создается сайт. Переходите в следующий урок "Структура сайта и структура HTML".