Хостинг от 120 рублей в 

год
Главное меню
Страховой ликбез
Документы по ОСАГО
Интернет для начинающих
Статьи разных авторов


Сайт и CSS


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

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

Теперь давайте попробуем основные стили форматирования текста вынесем в отдельный файл. Для этого создаем новый файл и назовем его style, или main… и сохраним его в формате CSS.
Пример оформления файла CSS найдете в Extra Hide Studio, в шаблонах.

Но, для начала, создадим его на своей же странице, чтобы удобнее было его редактировать, не прыгая со страницы на страницу. Для этого, после закрывающего тега пишем следующее
, будем задавать различные параметры форматирования текста (как это делается вы узнаете из прилагаемых статей), а сразу же за /style открываем тег , и размечаем страницу при помощи таблиц, где будем размещать свой текст, ссылки...

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

С помощью CSS можно просто отформатировать текст, можно создать полностью страницу из блоков, без применения таблиц, (этот вариант капризный) можно, как сделал я, разбил страницу с помощью таблиц, а в таблицах использовал блоки, созданные с помощью CSS, и размещенные в отдельных файлах, из которых собираются страницы кодом PHP, но об этом чуть позже.

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

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

Я распечатал справочник по CSS, и он у меня всегда под рукой, но время от времени все равно приходится просматривать статьи в поисках того или иного решения.
Начать советую со статьи Влада Мержевича -Что такое CSS, на мой взгляд, это наиболее доступное для понимания новичка и более обьемное изложение темы.
В статьях других авторов много повторений, но и много других взглядов на эту тему.
Например, в статье "Пример верстки CSS" вы узнаете как создаются страницы из отдельных блоков, это то, о чем я намекал ранее.

После того, как вы создадите свои стили непосредственно на странице, описанным выше способом, с помощью редактора, его можно перенести в отдельный, созданный нами файл, а на нашей странице установить ссылку на этот файл
< link rel="stylesheet" type="text/css" href="main.css">,
где вместо main указываете свое название файла.

Конечно обьем информации большой, много дополнений и изменений в уже привычном использовании нами тегов HTML, но заметьте, в основе, почти везде те же, уже знакомые нам теги.

Так что дерзайте, это вам в дальнейшем очень и очень пригодится. Сейчас уже немного сайтов где еще не используется CSS.

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

Теперь немного о возможности построить сайт, собирая его основу из отдельных блоков, т.е. разбив страницу на несколько блоков, сохраняем их в отдельной папке (у меня как текстовый файл) и вызываем на нужную страницу с основным текстом, в нужное место кодом PHP (созданные обычные HTML страницы сохранять как файлы php, иначе код не срабатывает).

Это дает нам возможность редактировать каждый из этих файлов отдельно, например менять/добавлять ссылки, рекламу, другую информацию, которая автоматически меняется на всех страницах сайта.
Я не буду описывать подробно этот вариант, а обращусь опять же к статье Нелли Федосенко, из которой я впервые и узнал про эту возможность. Правда, я лично использовал прочитанный в последствии на одном из форумов код
?php
include (' название папки/название файла.txt');
?
Для работы (редактирования на компьютере) PHP, как и JScript нужно установить виртуальный Хост, желательно Базовый пакет (denwer.ru) Денвер. В последующем, вы сможете с его помощью установить и редактировать на своем компьютере любую CMS (систему управления сайтом).





E-GOLD-INFO-2

Электронная книга
Полная информация о платежной системе
E-Gold
Сегодня, это лучшая книга в Сети, для тех, кто собирается открыть счет, а так же тех, у кого уже возникли проблемы с платежной системой E-GOLD. Подробности читайте - "Учебная литература".
E-GOLD-INFO;
Цена: $3,3

Мгновенное получение товара после оплаты.
Свободное место



Бесплатные программы, игры, скрипты
Сайт программиста Ахрамеева Дениса, на котором Вы сможете бесплатно скачать полезные программы, игры, скрипты

Разное

Создаем сайт используя
  • Таблица стилей CSS

  • Меняем рекламу на всех страницах
  • С помощью PHP


  • Простой движок для сайта можно использовать на бесплатном хостинге narod.ru.
  • CMS на JavaScript


  • Договор купли продажи автомашины, правовые вопросы и
  • Форма написания

    Ссылки на полезные ресурсы Полезные программы для Вашего 
компьютера. Мультимедиа, текстовые, графические, интернетные, 
безопасность, обучение и прочее.
  • Шаблоны дизайна сайтов
  • Базы данных предприятий России, СНГ и всего мира
  • Best shareware programms
  • Интернет-магазин электронных товаров
  • alllinks.ru - каталог ссылок
  • Работа и заработок


  • Яндекс.Погода


    Всего посетилей