| 26/03/2004 |
|
Выпуск#42 |
|
ПОЛЕЗНЫЕ
СОВЕТЫ ВЕБ-ДИЗАЙНЕРУ |
|
Здравствуйте Дорогие Подписчики!
Спешу сообщить Вам хорошую новость о том, что наконец-то новая версия сайта нешей рассылки готова и работает в полном объеме. Новый адрес сайта : www.websight.4u.ru. Теперь все свои пожелания и предложения в отношении нашей рассылки, а так же темы, касающиеся веб-дизайна вы можете обсуждать на нашем форуме.
|
| ......................................................................................................................
|
| CSS |
|
Связанные Таблицы Стилей.
Связанные таблицы стилей используются для придания нескольким документам одного стиля и xранятся в отдельном файле. Это очень удобно, когда нужно выдержать сайт в одном стиле, не утруждая себя составлением таблиц для каждого документа. Для этого отдельно создается файл с расширением .css
Например:
Файл styles.css
<STYLE type="text/css">
body {background: #FFFF99; font-size:9pt; color: #999999; font-family:Arial;}
.base{color: #000000; font-style:italic}
h1 {color: #FFCCFF}
#bold {font-weight:bold}
</STYLE>
|
|
В самих же HTML документах между тэгами HEAD делается ссылка на этот файл при помощи тега <LINK>.
Выглядит это так:
<LINK rel="STYLESHEET" TYPE="text/css" HREF="путь до файла">
| |
| ......................................................................................................................
|
| ИНТЕРActive |
Бегущая строка.
Этот скрипт реализует строку, на которой по букве будет проявлятся ваш текст.
Поместите этот скрипт между тэгами BODY вашей страницы.
Измените текст в форме на желаемый сс[#] = "Ваше сообщение".
<HTML>
<HEAD>
</HEAD>
<BODY>
<SCRIPT language=JavaScript>
var speed = 90
var pause = 1000
var timerID = null
var wireRunning = false
var cc = new Array()
cc[0] = "Ваш текст"
cc[1] = "Ваш текст"
cc[2] = "Ваш текст"
cc[3] = "Ваш текст"
cc[4] = "Ваш текст"
cc[5] = "Ваш текст"
var currentMessage = 0
var offset = 0
function stopWire() {
if (wireRunning)
clearTimeout(timerID)
wireRunning = false
}
function startWire() {
stopWire()
showWire()
}
function showWire() {
var text = cc[currentMessage]
if (offset < text.length) {
if (text.charAt(offset) == " ")
offset++
var partialMessage = text.substring(0, offset + 1)
document.wireForm.wireField.value = partialMessage
offset++
timerID = setTimeout("showWire()", speed)
wireRunning = true
} else {
offset = 0
currentMessage++
if (currentMessage == cc.length)
currentMessage = 0
timerID = setTimeout("showWire()", pause)
wireRunning = true
}
}
// -->
</SCRIPT>
<CENTER>
<FORM NAME="wireForm">
<INPUT TYPE="text" NAME="wireField" VALUE="...Щелкните мышкой..." SIZE=40 onFocus="if (!wireRunning) { startWire() }">
</FORM>
</CENTER>
</BODY>
</HTML>
|
|
|
| ......................................................................................................................
|
| #CoLors# |
Это примеры цветов и их шеснадцатеричный
код.
| A |
#BA55D3 |
A |
#FAF0E6 |
А |
#FFA500 |
A |
#008080 |
A |
#0000CD |
A |
#BC8F8F |
A |
#4B0082 |
A |
#C71585
|
| |
| ......................................................................................................................
|
| Совет |
При использовании тэга:
<Table BackGround="picture.gif">
IE отображает фоновый рисунок, начиная от начала таблицы, а NN - с начала каждой ячейки. Обойти это неудобство можно, вложив таблицу в другую:
<Table Cellspacing="0" Cellpadding=0 Border="0" BackGround="picture.gif">
<Trgt;lt;Td Align="Center">
<Table Cellspacing="0" Cellpadding="4" Border="0" Width="100%" BackGround="">
<Tr><Td Align="Left">
Информация в ячейки
</Td><Td Align="Right">
Информация в ячейки
</Tdgt;</Tr>
</Table>
</Td></Tr>
</Table>
Обратите внимание на BackGround="" и на то, что в тэгах таблиц не задан атрибут BgColor.
| |
|
|