2.2. Каскадні таблиці стилів css
У стандартному мовою HTML для присвоєння якому-небудь елементу певних властивостей, - таких як колір, розмір тощо - доводиться щоразу їх заново описувати. Застосовуючи технологію CSS, достатньо буде один раз описати властивості елементів і визначити цей опис як стиль.
Завжди необхідно витримувати прийнятий стиль. Якщо сайт з розгалуженою структурою, необхідно оформити його сторінки однаково, тобто витриманими в межах одного стилю. На всіх сторінках повинні бути одні й ті ж керуючі елементи, однакові інтервали і подібні шрифти.
Застосовуючи текстові фільтри, можна добитися хорошого дизайну сайту навіть без використання «наворочених» зображень. До того ж, на відміну від зображень, ці фільтри не ускладнюють завантаження сторінок.
Основним поняттям CSS є стиль - тобто набір правил оформлення й форматування, що може бути застосований до різних елементів сторінки. У стандартному HTML для присвоєння якому-небудь елементу певних властивостей (таких, як колір, розмір, положення на сторінці й т.п.) доводилося щораз описувати ці властивості, навіть якщо на одній сторінці повинні розташовуватися 10 або 110 таких елементів, нітрохи не відрізняються один від іншого. Необхідно було десять чи сто десять разів вставити той же шматок коду HTML сторінку, збільшуючи розмір файлу і час завантаження на комп'ютер переглядає її користувача.
CSS діє іншим, більш зручним і економічним способом. Для присвоєння якому-небудь елементу певних характеристик потрібно один раз описати цей елемент і визначити цей опис як стиль, а надалі просто вказувати, що елемент, який необхідно оформити відповідним чином, повинен прийняти властивості стилю.
Більш
того, можна зберегти опис стилю не в
тексті сторінки, а в окремому файлі - це
дозволить використовувати опис стилю
на будь-якій кількості Web-сторінок.
Приголомшливо зручно. І ще одне, пов'язане
з цим, перевага - можливість змінити
оформлення будь-якої кількості сторінок,
виправивши лише опис стилю в одному
(окремому) файлі.
Крім того, CSS дозволяє працювати зі шрифтовим оформленням сторінок на набагато вищому рівні, ніж стандартний HTML, уникаючи зайвого обважнення сторінок графікою.
Розташування опису стилів в окремому файлі має сенс, якщо планується застосовувати ці стилі до більшого, ніж одна, кількості сторінок. Для цього потрібно створити звичайний текстовий файл, описати за допомогою мови
CSS необхідні стилі, помістити цей файл на Web-сервер, а в коді Web-сторінок, які будуть використовувати стилі з цього файлу, потрібно буде зробити посилання на нього. Робиться це за допомогою тега <LINK>, розташованого усередині тега <BODY> WEB-сторінок.
Перші два параметри цього тегу є зарезервованими іменами, що вимагаються для того, щоб повідомити браузеру, що на цій сторінці буде використовуватися CSS. Третій параметр - HREF = «URL» - вказує на файл, який містить описи стилів. Цей параметр повинен містити або відносний шлях до файлу - у випадку, якщо він знаходиться на тому ж сервері, що і документ, з якого до нього звертаються - або повний URL («http:// ...») у разі, якщо файл стилів знаходиться на іншому сервері.
Другий варіант, при якому опис стилів розташовується в коді Web-сторінки, всередині тега <BODY>, у тегу <STYLE type="text/css"> ... </ STYLE>. У цьому випадку можна використовувати ці стилі для елементів, розташованих в межах сторінки. Параметр type = "text / css" є обов'язковим і служить для вказівки браузеру використовувати CSS.
І
третій варіант, коли опис стилю
розташовується безпосередньо всередині
тега елемента, який описується. Це
робиться за допомогою параметра STYLE,
використовуваного при застосуванні
CSS з більшістю стандартних тегів HTML. Цей
метод небажаний, і зрозуміло чому: він
приводить до втрати одног
о
з основних переваг CSS - можливості
відділення інформації від опису
оформлення інформації. Втім, якщо
необхідно описати лише один елемент,
цей варіант розташування опису стилів
також цілком застосуємо.
Також елементи сторінок, створені з використанням CSS, використають механізм спадкування: тобто якщо ви маєте в своєму розпорядженні зображення всередині тега <P> ...</ P>, оформленого за допомогою CSS, з відступами, так, щоб параграф займав тільки певну частину ширини сторінки, зображення також успадкує значення відступів, зазначені для цього
параграфа. CSS реалізує можливість привласнювати стилі не всім однаковим елементам сторінки, а вибірково - для цього використовується параметр CLASS = "ім'я класу" або ідентифікатор ID = «ім'я елемента», привласнюються будь-якому елементу сторінки. Параметр CLASS застосовується у разі, якщо необхідно створити однаковий стиль для декількох, але не всіх елементів сторінки (однакових або різних).
Присвоєння стилів за допомогою ідентифікаторів застосовується у разі, якщо цим ідентифікатором відповідає тільки один елемент на сторінці. Якщо елементів, яким необхідно присвоїти такий стиль, декілька - це вже клас. В даний час мова CSS налічує досить велику кількість властивостей елементів HTML, якими він може керувати.
2.3. Препроцессор гипертекста: PHP
PHP – это широко используемый язык сценариев общего назначения с открытым исходным кодом.
Говоря проще, PHP это язык программирования, специально разработанный для написания web-приложений (сценариев), исполняющихся на Web-сервере.
Аббревиатура PHP означает “Hypertext Preprocessor (Препроцессор Гипертекста)". Синтаксис языка берет начало из C, Java и Perl. PHP достаточно прост для изучения. Преимуществом PHP является предоставление web-разработчикам возможности быстрого создания динамически генерируемых web-страниц.
Важным преимуществом языка PHP перед такими языками, как языков Perl и C заключается в возможности создания HTML документов с внедренными командами PHP.
Значительным отличием PHP от какого-либо кода, выполняющегося на стороне клиента, например, JavaScript, является то, что PHP-скрипты выполняются на стороне сервера. Вы даже можете сконфигурировать свой сервер таким образом, чтобы HTML-файлы обрабатывались процессором PHP, так что клиенты даже не смогут узнать, получают ли они обычный HTML-файл или результат выполнения скрипта.
PHP
позволяет создавать качественные
Web-приложения за очень короткие сроки,
получая продукты, легко модифицируемые
и поддерживаемые в будущем.
PHP прост для освоения, и вместе с тем способен удовлетворить запросы профессиональных программистов.
Даже если Вы впервые услышали о PHP, изучить этот язык не составит для Вас большого труда. Мы не сомневаемся, что изучив основы PHP в течение нескольких часов, вы уже сможете создавать простые PHP-скрипты.
Язык PHP постоянно совершенствуется, и ему наверняка обеспечено долгое доминирование в области языков web -программирования, по крайней мере, в ближайшее время.
Он может использоваться на всех крупных операционных системах и поддерживается большинством серверов Сети.
PHP используется простой вставкой кода PHP в HTML-код Вашей web-страницы. Когда страницу вызывают (переходят на нее, нажав на ссылку, или введя ее адрес в браузере), веб-сервер автоматически выполняет код. К тому же, Ваши посетители не нуждаются ни в каких специальных дополнениях к браузеру для выполнения этого кода, поскольку он выполняется на стороне сервера.
PHP должен быть установлен на сервере, иначе код не сможет быть выполнен.
Пример ниже - простейший скрипт, который проверит, установлен ли на Вашем сервере PHP. Это - стандартная функция PHP, названная phpinfo, которая выводит в браузер HTML-код, содержащий информацию о PHP (если таковой установлен на сервере).
Чтобы использовать скрипт, просто скопируйте следующие три линии кода и вставьте их в редактор текста, например, Блокнот:
<?
phpinfo ();
?>
Сохраните файл как phpinfo.php и загрузите его на Ваш сервер, где Вы храните свои файлы HTML.
Чтобы выполнить скрипт, просто укажите в адресной строке браузера его адрес. Например: http://www.yourdomain.com/phpinfo.php
Если PHP установлен на Вашем сервере, то Вам будет показана страница информации о PHP.
Если PHP не установлен, то Вы будете запрошены загрузить файл.
