Отправляет email-рассылки с помощью сервиса Sendsay

Учимся программировать на HTML

  Все выпуски  

Учимся программировать на HTML Выпуск 26


Информационный Канал Subscribe.Ru

.:: Cоздание Web сайта / изучение языков програмирования ::.
Выпуск 26Подписчиков: 2157 03.07.2005
.:От автора:.
Всем привет! :)
---
Рассылка выходит при поддержке сайта www.twa.nm.ru, там же находятся выпуски рассылки которые можно посмотреть и прочитать, так же на сайте имеются готовые шаблоны и скрипты.
---

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

Создаем темы вместе

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

Создадим фон странички:

фоном может быть Ваш рисунок или можно просто залить все одним цветом

Если фоном будет рисунок, тогда между тегами <body> и </body> прописываем начальные координаты расположения курсора Topmargin и Leftmargin, и адрес с которого будет грузиться картинка, например:

<body topmargin="0" leftmargin="0" background="http://www.ваш путь.ru/ваш путь/03.jpg">
</body>
 

Загружаем рисунок, например background="http://www.twa.hut1.ru/index.files/03.jpg"

Если фон должен быть залит любым цветом равномерно, то пишем между уже знакомыми тегами <body> и </body>:

 style=""background-attachment:" fixed" bgcolor="#C0C0C0"

где fixed - не позволяет фону двигаться, а собственно задание цвета, меняем значение - меняем цвет.

Так же в теге <body> можно задать еще кучу разных настроек, например цвет текста, если вы хотите чтобы он был одного цвета по умолчанию, пишем

text="#008080"

Изменить цвет строки можно будет индивидуально установив для нее другие параметры.

А теперь зададим стиль написания ссылок:

гиперссылка link="#FF00FF"

просмотренная ссылка  vlink="#FF0000"

активная ссылка   alink="#0000FF"

Пример:

<html>
<head>
<meta http-equiv="Content-Language" content="ru">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Установили фон цветом&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; #C</title>
</head>
 

<body topmargin="0" leftmargin="0" style=""background-attachment:" fixed" bgcolor="#C0C0C0" text="#008080" link="#FFFF00" vlink="#FF0000" alink="#0000FF">


<p>Установили фон цветом&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<font color="#FF0000">&nbsp;</font><b><font color="#000080">#C0C0C0</font><font color="#FF0000">
</font></b></p>

<p>Текст выводим цветом&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<font color="#000080">&nbsp;<b>text=&quot;#008080&quot;</b></font></p>
<p><a href="http://twa.hut1.ru/PHP.chm">Гиперссылка будет например такой</a>&nbsp;
<font color="#000080">&nbsp;link=&quot;#</font>FF0000<font color="#000080">&quot;</font>
</p>
<p><a href="http://twa.hut1.ru/PHP.chm"><font color="#FF0000">Просмотренная
ссылка будет такой</font></a> vlink=&quot;#FF0000&quot; </p>
<p><a href="http://twa.hut1.ru/PHP.chm"><font color="#0000FF">Активная ссылочка
будет такой</font></a>&nbsp; alink=&quot;#0000FF&quot;</p>
<p align="center"><a href="http://twa.hut1.ru/PHP.chm">Пример наведи на меня
мышку, нажми на меня, следи за цветами</a></p>

</body>

</html>

 

Далее настраиваете по своему вкусу.

Обратите внимание, все команды пишем друг за другом, эту строку желательно писать без переносов:

<body topmargin="0" leftmargin="0" style=""background-attachment:" fixed" bgcolor="#C0C0C0" text="#008080" link="#FFFF00" vlink="#FF0000" alink="#0000FF">

 

А теперь в качестве бонуса несколько интересных строчек:

</style>
<meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)">
<meta http-equiv="Page-Exit" content="revealTrans(Duration=1.0,Transition=0)">
<meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=2)">
<meta http-equiv="Site-Exit" content="revealTrans(Duration=1.0,Transition=3)">
<meta name="Microsoft Theme" content="concrete 1011">
</head>

что это и зачем нужно?

строчки представляют собой эффекты при входе, выходе на страницы:

<meta http-equiv="Page-Enter" content="blendTrans(Duration=1.0)">  

вход на страницы - эффект смешать

<meta http-equiv="Page-Exit" content="revealTrans(Duration=1.0,Transition=0)">

выход со страницы - эффект прямоугольник внутрь

<meta http-equiv="Site-Enter" content="revealTrans(Duration=1.0,Transition=2)">

вход на узел - эффект круг внутрь

<meta http-equiv="Site-Exit" content="revealTrans(Duration=1.0,Transition=3)">

выход с узла - эффект круг наружу

На этом разрешите остановиться. продолжим не следующей неделе.

Новые темы для голосования можно посмотреть тут http://twa.hut1.ru/art/index_x.php

Новое голосование: http://twa.hut1.ru/art/index_gol.php?idg=40

Результаты голосований на этой неделе: голосование продолжается !!!

Какие скрипты Вы чаще всего используете?

Java - голосов 1 (13%)

 
Perl - голосов 0 (0%)
 
PHP - голосов 5 (63%)
 
Другие - голосов 2 (25%)
 

На каком языке вы пишете странички

HTML - голосов 8 (53%)

 
Perl - голосов 2 (13%)
 
PHP - голосов 5 (33%)
 
Другой язык - голосов 0 (0%)
 

Какую программу используете при написании Веб страниц

HTMLPad2000 - голосов 1 (6%)
 
Notepad - голосов 3 (17%)
 
Bred2 - голосов 2 (11%)
 
Top Style - голосов 1 (6%)
 
Front Page - голосов 3 (17%)
 
Другую - голосов 8 (44%)
 

Новые темы для голосования можно посмотреть тут http://twa.hut1.ru/art/index_x.php

Не забывайте заходить на форум

вопросы и пожелания присылайте сюда, а интересные примеры сюда

 
При копировании материалов, ссылка на сайт обязательна.
Copyright http://www.twa.nm.ru/ 2004-2005 г. TWA ™         Россия.
E-mail: Admin
ICQ: 232767006

Subscribe.Ru
Поддержка подписчиков
Другие рассылки этой тематики
Другие рассылки этого автора
Подписан адрес:
Код этой рассылки: inet.webbuild.724990
Отписаться
Вспомнить пароль

В избранное