Главная Случайная страница


Полезное:

Как сделать разговор полезным и приятным Как сделать объемную звезду своими руками Как сделать то, что делать не хочется? Как сделать погремушку Как сделать так чтобы женщины сами знакомились с вами Как сделать идею коммерческой Как сделать хорошую растяжку ног? Как сделать наш разум здоровым? Как сделать, чтобы люди обманывали меньше Вопрос 4. Как сделать так, чтобы вас уважали и ценили? Как сделать лучше себе и другим людям Как сделать свидание интересным?


Категории:

АрхитектураАстрономияБиологияГеографияГеологияИнформатикаИскусствоИсторияКулинарияКультураМаркетингМатематикаМедицинаМенеджментОхрана трудаПравоПроизводствоПсихологияРелигияСоциологияСпортТехникаФизикаФилософияХимияЭкологияЭкономикаЭлектроника






Объемный заголовок без графики

Веб дизайн. Маленькие тонкости и хитрости создания красивых сайтов.

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

Мигающий текст



Для привлечения внимания к какому-то параграфу или тексту на веб-странице можно разместить мигающий текст. Для этого можно использовать Java скрипт:

<body bgcolor=white text=black leftMargin=0 topMargin=0 marginwidth=0 marginheight=0 onLoad="show5();">

<font>
<span id="liveclock"></span>
<script language="JavaScript">
<!--
var trigg="0"
function show5(){
if (!document.layers&&!document.all)
return
var Digital=new Date()
var seconds=Digital.getSeconds()
if (trigg=="0"){
trigg="1"
myclock="Текст мигает"
}
else { if (trigg=="1"){
trigg="0"
myclock=" "
}
}
if (document.layers){
document.layers.liveclock.document.write(myclock)
document.layers.liveclock.document.close()
}
else if (document.all)
liveclock.innerHTML=myclock
setTimeout("show5()",1000)
}

//-->
</script>

</font>


Полный текст - в файле blink.htm. Посмотреть, как это работает.
Если вы смотрите на своем компьютере, не забудьте разрешить выполнение Java скриптов.


quot;Объемный" заголовок без графики



Посмотрите на разные варианты одного и того же заголовка:





Верхний, псевдообъемный, заголовок выглядит предпочтительнее. При этом он выполнен наложением трех одинаковых текстов разного цвета со сдвигом в 1 pixel.
Для этого используем слои:

<DIV id="waterMark" style="position:absolute;top:6;left:6">
<p align=center><table bgcolor=red border=0 cellpadding=0 cellspacing=0 width=750>
<tr>
<td><font size=7 color=black face="Arial,Tahoma,Helvetica"><b>Английский язык</b></font></a></td>
</tr>
</table>
</DIV>

Здесь показан HTML код только для самого нижнего (первого) слоя (color=black),
а position:absolute;top:6;left:6 задают его абсолютные координаты на экране (координаты простой таблицы из одной строки). В данном примере - отступ 6 pix по вертикали и горизонтали.

Полный текст HTML кода для псевдообъемного заголовка - смотрите в файле title.txt

Каждый их этих текстов можно оформить как ссылку - все они проиндексируются.


Тэг <DIV> позволяет выделить разделы в документе. <DIV> - блочный тэг, функционирующий подобно тэгу <P>. <DIV> может иметь атрибут align, который указывает отступ left, center или right. Каждый следующий раздел игнорирует, заданное для предыдущего раздела, значение align.
Синтаксис: <DIV align= отступ > Текст раздела </DIV>

 


<== предыдущая | следующая ==>
Упражнение 1. На двери висит замок. (руки сцеплены в замок) Кто его открыть бы мог? | Глава 1. Другой мир

Date: 2015-10-18; view: 225; Нарушение авторских прав; Помощь в написании работы --> СЮДА...



mydocx.ru - 2015-2024 year. (0.007 sec.) Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав - Пожаловаться на публикацию