Каскадная таблица стилей CSS.

Подключаем таблицу стилей CSS в Dreamweaver.

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

Поэтому я рекомендую Вам подключить к Вашему сайту каскадную таблицу стилей CSS. Именно с таблице стилей Ваш сайт будет выглядеть полным и интересным.

На первый взгляд Вам может показаться CSS сложным, но я покажу Вам на примере основные моменты, которые применяют почти каждые WEB-мастера при создании сайтов.

По сути CSS ничем не сложнее HTML. Нужно лишь освоить основные моменты и принцып действия этого языка. Я сам применяю данный язык программирования на практике. Данный сайт так же сделан на CSS.

Если вас это утежеляет и Вы совсем не готовы к данному языку, так Вы еще не освоили язык HTML. То можно впринцыпи выкинуть CSS из Вашего списка. Но все-таки я рекомендую применить данный язык программирования к своему сайту.

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

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

Приступим к делу, а именно подключим каскадную таблицу стилей к Вашему сайту.

Для этого перейдите во вкладку Стили CSS с права программы. У Вас появится вот такое окно. Где Вам нужно нажать в самом низу на плюсик с белым листиком.

перейдите во вкладку Стили CSS

Далее у Вас на экране появится вот такое окно. Обязательно нужно выбрать имя селектора из списка. Если в списке нет имен, то Вам нужно создать его, к примеру так как показано на картинке. Все как показано на картинке так Вы и должны сделать. Если все сделано и выставлено как на картинке, то смело нажимайте кнопку ОК.

создайте правило CSS Dreamweaver

Далее появится окно с выбором места куда Вам нужно сохранить данный файл.

сохраняем файл style.css на компьютере

Вы делаете так как показано на изображении. Но сохранять данный файл следует в туже папку www которую Вы уже создали ранее на Вашем компьютере.

Теперь откройте в программе с права ваш сайт в меню Файл и там должен появиться данный файл. Если он не появился, то проверьте возможно Вы создали этот файл не в ту папку.

Если Вы правильно сохранили данный файл, а он всеравно не появился, то нажмите на кружочек в данном окне, что дает возможность обновить данное окно, либо нажмите F5 на клавиатуре. После этого данный файл должен появиться.

После того как данный файл появился у Вас во вкладке Файл. В коде внутри тега <head></head> вашей главной страницы должна появиться такая строка;

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

Данная строка дает нам основание, что таблица стилей CSS подключена правильно. Теперь все готово чтобы создавать в данном файле стили css. Чтобы узнать, как создаются стили css и применяются на сайте, для этого перейдите по ссылке Каскадная таблица стилей css. Часть 2.

Далее уже приступим непосредственно к созданию сайта в dreamweaver. Мы с Вами создадим макет будущего сайта спомощью обычных таблиц и сделаем фон главной страницы сайта.

Жду вас на следующем уроке. Для этого перейдите на следующую страницу сайта.

Наверх

Другие страницы сайта:

Яндекс.Метрика