 |
2. Основные понятия CSS, их назначение, определение и использование при форматировании HTML-документа. Пример реализации
|
|
|
|
2. Основные понятия CSS, их назначение, определение и использование при форматировании HTML-документа. Пример реализации
Что такое CSS, основные понятия
CSS - это аббревиатура Cascading Style Sheets/Каскадных таблиц стилей. Файлы имеют соответствующее расширение. css.
CSS-код – это своеобразный список инструкций и указаний для браузера, по тому что, где и как отобразить (элементы web-страницы). Элементами - теги XHTML/HTML и их содержимое.
Что можно делать с помощью CSS?
CSS - это язык стилей, определяющий то, как будут отображены HTML-документы и их элементы. С помощью CSS можно определять позицию элементов, цвет, шрифт, поля, границы, строки, высоту, ширину, фоновые изображения и многое-многое другое.
HTML может использоваться для оформления web-сайтов. Но CSS предоставляет куда большие возможности. Поддерживается всеми браузерами (IE, Mozilla, Chrome, Safari и тд).
| Однако о кроссбраузерности (способность кода одинаково отображать результат во всех браузерах) говорить пока не приходится, так как многие разработчики браузеров стараются сделать свой уникальный код для того или иного свойства, что осложняет работу дизайнеров. Например, если Вы хотите указать степень прозрачности элемента, то Вам надо будет написать минимум 4 строки, одинаковые по своей сути, но воспринимаемые только одним или двумя браузерами по отдельности. |
Преимущества использования CSS
1) Можно указать такие свойства, которых нет в HTML
2) Код теперь будет структурирован и может находиться в отдельном файле
3) Можно значительно сократить размер кода и сделать его читабельным
4) Возможность подлючения CSS к нескольким отдельным файлам. Допустим, у Вас есть 10 старниц, в которых Вы раньше отдельно указывали цвет header'а (шапки сайта). А теперь Вы не будете 10 раз в разных файлах менять его отдельно, а измените параметр только в css-файле.
|
|
|
5) Переход от табличной вёрстки сайта к блочной. Сокращаем и структурируем код!
Пример кода CSS-файла
Код CSS (Файл, например, style. css )
* {< br style=" margin: 0px; padding: 0px; " > margin: 0; < br style=" margin: 0px; padding: 0px; " > padding: 0; < br style=" margin: 0px; padding: 0px; " > }< br style=" margin: 0px; padding: 0px; " > html {< br style=" margin: 0px; padding: 0px; " > height: 100%; < br style=" margin: 0px; padding: 0px; " > }< br style=" margin: 0px; padding: 0px; " > body {< br style=" margin: 0px; padding: 0px; " > height: 100%; < br style=" margin: 0px; padding: 0px; " > font: 14px/130% Tahoma, Verdana, sans-serif; < br style=" margin: 0px; padding: 0px; " > }< br style=" margin: 0px; padding: 0px; " > a {< br style=" margin: 0px; padding: 0px; " > outline: none; < br style=" margin: 0px; padding: 0px; " > text-decoration: underline; < br style=" margin: 0px; padding: 0px; " > }< br style=" margin: 0px; padding: 0px; " > < br style=" margin: 0px; padding: 0px; " > a: hover {< br style=" margin: 0px; padding: 0px; " > outline: none; < br style=" margin: 0px; padding: 0px; " > color: black; < br style=" margin: 0px; padding: 0px; " > }< /br > < /br > < /br > < /br > < /br > < /br > < /br > < /br > < /br > < /br > < /br > < /br > < /br > < /br > < /br > < /br > < /br > < /br > < /br >
3. Способы мониторинга сайта (Регулярная проверка, Мониторинг доступности, Мониторинг проблем, Мониторинг работоспособности). Параметры контроля (позиции на поисковых машинах, посещаемость сайта, параметры сессии, цели и конверсии)
Мониторинг веб сайта - это автоматизированный процесс проверки доступности сайта. Главной целью мониторинга есть определение возможности получить доступ к сайту для случайных клиентов. Очевидно, что сайт работает эффективно только в том случае, если клиент может зайти на него, сделать заказ или же найти нужную информацию. Если по какой-то причине это становится невозможным - значит, сайт не оправдывает себя и клиент, скорее всего, уйдет к конкурентам.
|
|
|
Результатом проверки есть значение аптайма, определенное с некоторой точностью. С его помощью можно делать выводы относительно времени, которое сайт не работает в течении какого-то периода (как правило, в течении года). Низкий аптайм означает проблемы с сервером, на котором размещен сайт, или с его интернет подключением. В этом случае необходимо принять меры.
|
|
|
