Веб-дизайн

  

Веб-дизайн | Технологии Интернета

Технологии веб-дизайна. Создание сайта. HTML

Ничего лишнего. Только нужная информация, изложенная самым простым языком.

Веб-термины

      Аa      Бб      Вв       Гг       Дд       Ее       Жж       Зз       Ии       Кк      Лл      Мм      Нн       Оо      Пп       Рр       Сс     Тт       Уу      Фф     Хх    Чч      Яя sp




Веб-дизайн. Связь

СВЯЗЬ




МЕНЮ САЙТА   


 


вд Интернет, Сеть и сетевые ресурсы

вд Терминология веб-дизайна

вд Термин «веб-дизайн»

вд Термин «технологии веб-дизайна»

вд Термин «веб-проект»

вд Термин «веб-страница»

вд Термин «сетевые ресурсы»

вд Термин «веб-архитектура»

вд Термин «имя»

вд Структура Интернета. Домен

вд Термин «домен»

вд Домены первого уровня. Перечень

вд Создание сайта. Общие сведения

вд Сайт. Подготовка к публикации

вд Сайт. Регистрация домена

вд Выбор имени домена

вд Сайт. Сервер и хостинг, их выбор

вд DNS - «прописка» домена

вд Публикация сайта

вд HTML. Гипертекстовая разметка

вд HTML. Что такое тег (дескриптор)

вд HTML. Гиперссылка и гипертекст

вд HTML. Метатеги (теги МЕТА)

вд Метатеги группы «http-equiv»

вд Метатеги группы «name»


вд Алгоритмы поисковых систем

вд Дизайн-макет

вд Веб-термины: ГС и СДЛ

вд Сео-оптимизация

вд Веб-термин: сервер

вд Перелинковка

вд Семантическое ядро

вд Термин: гипертекст

вд Приложение

вд Курсы веб-дизайна

вд Требования к сайту

вд Компоненты форм

вд Создание форм

вд Иерархия вложенных тегов

вд Вложенность тегов

вд Создание сайтов и CSS

вд Синтаксис тегов

вд Создание сайтов и сложные теги

вд Веб-шпаргалка

вд Комментарии

вд Подборка авторских сайтов

вд Креатив

 

space  

sp

Тема

 Технологии веб-дизайна. Создание сайтов. Каскадные таблицы стилей css sp



Каскадные таблицы стилей css

Из предыдущего материала вы наверняка сделали правильный вывод о том, что применение в веб-дизайне технологии css не просто нашло широкое признание — более того, веб-проект без css, по моему мнению, свидетельствует лишь о некомпетентности своего автора.

Определить, каким образом при создании сайтов использовались каскадные таблицы стилей, можно в «шапке» конкретного документа (веб-страницы).

Вообще, таблиц стилей может быть сколько угодно. Как веб-страница «узнаёт» о том, что ей нужно руководствоваться именно вот этой таблицей стилей?

В «шапке»1 документа (а она существует обязательно) указывается АДРЕС и ИМЯ таблицы стилей. Адрес — это тот путь, который нужно «пройти» для достижения указанной ТС:

каталог/подкаталог/папка/имя_таблицы_стилей.css

Для явного указания, используется тег связи link и его синтаксис:

<link rel="stylesheet" type="text/css" href="class.css">

— таким образом, необходимо сделать вывод: там, где в заголовке вы видите вот это: <link rel=«stylesheet»........... (и так далее) — знайте, что документ использует каскадные таблицы стилей, с указанным именем, расположенные по такому-то адресу. К слову, адрес может быть каким угодно по своей сложности — вплоть до того, что расположен на иных сетевых ресурсах.

Давайте теперь взглянем на конкретный пример, так сказать, «прямо из жизни». Вот как выглядит листинг шапки веб-страницы, которую вы сейчас читаете (убраны те данные, которые не имеют к обсуждаемому вопросу отношения; зато тег (дескриптор) связи, адрес и имя css выделены иным цветом):


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<meta http-equiv="Content-Language" content="ru">

<title>Технологии веб-дизайна, создание сайта....</title>

<meta name="description" content="... ... ...">

<meta name="keywords" content="... ... ...">

<link rel="stylesheet" type="text/css" href="../3187.css">

</head>

Использование таблиц стилей в создании сайтов

Для чего в технологиях веб-дизайна используются каскадные таблицы стилей, долго объяснять нет необходимости: именно таким образом, при создании сайтов в несколько раз уменьшается объём технического кода2, все элементы компоновки ВСЕХ веб-страниц без труда сводятся к единому художественному дизайн-макету, со всеми вытекающими отсюда удобствами и выгодами и так далее. 

Бытует мнение, что хороший мастер всегда сводит все стили проекта к одной-единственной таблице css. Это неверно, и любой опытный профессионал вам подтвердит мои слова. В первую очередь, утверждение о единой таблице стилей справедливо для статичных проектов, функционально предназначенных для работы в чётко ограниченных рамках (например, создание сайтов-визиток, промо-сайтов и т. п. безусловно должно решаться с одной css); однако работая с такими технологиями веб-дизайна, как сложные многоуровневые CMS с высокой степенью интерактивности, автоматически подстраивающиеся под разнообразные настройки пользователей, необходимо разделять таблицы на две или три взаимодействующие части (и взаимно друг друга дополняющие, к тому же).

Увлекательная css

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

Примечания:

1 «Шапкой» я для простоты по-прежнему называю «технический (служебный)» заголовок веб-страницы — то, что находится между тегами <HEAD> и </HEAD>. В технологиях веб-дизайна это название не является официальным, но тем не менее, распространено очень широко.

Вернуться к тексту

2 ...уменьшается объём технического кода... — при высоком мастерстве автора таблиц стилей, код действительно может быть сокращён в три, пять, а то и более раз.

Вернуться к тексту



Статья:

Каскадные таблицы стилей css

Опорные темы:

Веб-дизайн, технологии и термины (терминология).



указатель

Назад

указатель

К началу

указатель

Далее

 

 




Веб-дизайн. Лого  

Веб-дизайн | Технологии  На главную


 


 

«Интернет без ошибок». Художественная мастерская С. Добрынина © 2008-2016. Все права защищены



 

 

 

 

Последнее обновление 27.07.2016