Здравствуйте дорогие подписчики! Это наша первая рассылка. Здесь
вы узнаете много интересного о Web-дизайне, написании скриптов, и обо всём,
что касается WEB-СТРОИТЕЛЬСТВА.
WEB-DISIGN:
Сегодня мы поговорим о CSS (Cascading Style Sheets)
Что же такое CSS? CSS расшифровывается как Cascading Style Sheets (Каскадные
Таблицы Стилей). Этот стандарт был разработан программистами консорциума W3C.
Стандарт CSS предоставляет web-дизайнерам почти полный контроль над расположением
элементов (картинок ,таблиц) на web-странице, предостовляет контроль над стилями
теста и т.д..
CSS - это язык, который позволяет определить внешний
вид Web-страницы.
Преимущества использования CSS.
Использование CSS намного проще использования обычного набора HTML тегов. Также
CSS позволяет сократить размер исходного html-файла, ускорить работу Web-мастера
и позволяет быстро изменить дизайн сайта.
Сейчас я приведу пример, позволяющий понять преимущества использования CSS.
Пусть Вам необходимо определить для всех заголовков второго уровня (h2) шрифт
Times New Roman. Используя стандартные средства HTML, вы запишете следующее:
<h2><font face="Times New Roman,
Times, serif">Это 1-ый заголовок 2-го уровня</font></h2>
<h2><font face="Times New Roman,
Times, serif">Это 2-ой заголовок 2-го уровня</font></h2>
----------//------------//------------
<h2><font face="Times New Roman,
Times, serif">Это 30-ый заголовок 2-го уровня</font></h2>
Если у Вас на странице 10 или даже 30 таких заголовков, то Вы должны 10-30
раз написать <h2><font face="Times
New Roman, Times, serif">Этоn n-ый заголовок 2-го уровня</font></h2>,
а спомощью CSS, Вам нужно написать лишь одну строчку кода, определяющую
тип шрифта для всех заголовков данного уровня:
h2 {font-face: Times New Roman, Times, serif}
А если Вам нужно тип шрифта ещё раз, то достаточно ихменить лишь одну
строчку в коде страницы. Я думаю, преимущество CSS на лицо.
Выделяют 3 типа каскадных таблиц стилей:
Внутренние таблицы стилей (Inline Style Sheets) - очень похожи на
HTML, немного отличаются от него синтаксисом.
Глобальные таблицы стилей (Global Style Sheets) - опрелеляют стиль
во всём документе.
Связанные таблицы стилей (Linked Style Sheets) - используются для
определения стилей нескольких web-страниц и хранятся на сервере в отдельном
файле (.css). В web-страницы включается лишь строчка для подключения файла
таблицы стилей.
Недостатки использования
CSS.
Так-как стандарт CSS появился на много позже HTML, то его поддерживают не все
браузеры. Microsoft Internet Explorer поддерживает стандарт CSS, начиная с четвёртой
(Microsoft Internet Explorer 4) версии. Netscape Navigator поддерживает
CSS тоже старше 4-й версии, но браузеры имели разное кол-во поддерживаемых элементов,
и даже одинаковые элементы по-разному отображались в них. Больше всего элементов
поддерживается в версиях Microsoft Internet Explorer 5.5 и выше, и Netscape
6.
Вы можете найти много интересного про CSS на нашем сайте:
Учебник по CSS.
Учимся программировать на JavaScript
Сегодня мы поговорим о случайном выводе текста.
Допустим Вы хотите выводить на своей страничке случайную строку из массива
строк (случайный анекдот, например).
<Script language="JavaScript">
var Count = 3 // Количество строк массива
var StringMassive = new Array(Count+1) // Массив из строк
StringMassive[0]="Строка 1" // Введите строки
массива.
StringMassive[0]="Строка 2" // StringMassive[0]="Строка 3"
function RandomStringMassive()
// Возвращает случайное число от 0 до Count
{
var randscript = -1
while (randscript < 0 || randscript > Count || isNaN(randscript)) //
Генерируем случайное число 0 до Count
{
randscript = parseInt(Math.random()*(Count+1))
}
return randscript
}
num= RandomStringMassive()
randomstr= StringMassive[num]
document.write(randomstr)
</Script>
Так просто, с помощью JavaScript мы оргагнизовали случайный вывод информации.
Если эта информация меняется или добавляется (допустим анекдоты), тогда разумно
создать файл RANDOM.JS и поместить туда код (между тегами <script>..</script>).
В web-страницу нужно поместить следующий код:
