Новая версия сайта
 
Seozar
Новая версия сайта
 
 
 
 
 
 

Таблица CSS

Таблица CSS - таблица стилей - существует для быстрого изменения параметров сайта в целом. Фу, высказал, теперь по проще :) Например у вас есть сайт. Цвет шрифта чёрный. И вдруг вы решили сделать его зелёным. А вот захотелось и всё тут :) Что же делать? Переделывать параметры в свойствах страницы - для каждой страницы в отдельности? Не надо паники - вот для этого и существует таблица CSS - таблица стилей. Достаточно изменить одну циферку в таблице стилей и изменения произойдут на всём сайте.


В принципе, если сайт небольшой - 5 - 10 страничек. Можете пролистнуть эту страничку и не париться на данную тему. И всё же - все сайты имеют тенденцию к росту. Приведу пример на своём сайте. Раньше было 4 странички и я как говориться не парился. Но когда он завалил за 50 страничек, а я решил поменять цвет ссылок - пришлось попариться на славу :)

Мой совет - лучше изучите сейчас. Ничего сложного тут нет. Я не буду втирать вам термины, как это любят делать некоторые личности. Думают - чем умнее скажешь - тем умнее выглядит. На деле всё с точностью до наоборот :)


Программа Adobe Dreamweaver CS3 создаёт таблицы стилей автоматически. Но создаёт на каждой страничке в отдельности. Поэтому если на сайте нужно кардинально что то поменять, приходится менять на каждой страничке. Наша задача - сделать одну таблицу стилей и присоединить её к страничкам. Появится желание что то поменять. Нужно будет произвести изменения только в таблице стилей.


Приступим. Создайте таблицу CSS, сохраните её, как tablica например. Всё делается также, как при создании странички. Только в окошке Тип страницы должно стоять значение CSS. Теперь подумайте, какого размера и цвета у вас всё будет (цвет, размер шрифта и т.д.).

1. Откройте страничку index. Задайте свойства страницы. Цвет, размер шрифта, ссылок и т.д.

2. Если будете использовать шрифт нескольких видов, размеров, цветов. Напишите на страничке несколько слов. И придайте каждому слову нужный вид и размер.

3. Под верхним меню видите надпись Код? Нажмите. Перед вами откроется HTML код вашей странички. Ищем два тега style type="text/css" и /style - они под цифрами 1 и 2. Эти теги открывают и закрывают таблицу стилей.

Красные слова (цифра 3)- это то, что надо скопировать. Вплоть с последней закрывающей красной скобкой. Проще говоря - копируйте всё, начиная с первого красного слова и заканчивая последней красной скобкой. Не больше, но и не меньше :) Вставляете в ранее созданную таблицу CSS (tablica), сохраняете.

создание Таблица CSS, таблица стилей

4. Теперь удаляете на страничке всё, что находится между тегами style type="text/css" и /style. Также удаляете и сами теги.

5. После вышеописанных операций в нижнем меню находим Стиль - нажимаем. В выпадающем меню кликаем на Присоединить таблицу стилей. Указываете адрес вашей таблицы (tablica), добавить как ссылку и нажимаем Ok.


Вот и всё. Теперь если потребуется изменить параметры отображения текста, или слова. Просто выделите этот текст, слово. Выбираем в нижнем меню Стиль - там должны отображаться сделанные вами стили. Подбираем нужный и все дела.

Если нужно изменить сам стиль. Просто открываете tablica, меняем там параметры. И в результате на всех страничках вашего сайта произойдут изменения.


Главная Создание сайта, хостинг Тема, контент Программы Начало Структура Фон Первая страничка Таблица CSS Завершение Простое меню Выпадающее меню Движок для сайта Карта сайта - Sitemap