Главная » html
« 1 2 3 4
Плавный переход между страницами реализуется при помощи мета-тагов.

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

Код
<META HTTP-EQUIV="Page-Enter" CONTENT="revealTrans(Duration=4.0,Transition=12)"> (эффект при заходе на страницу)  
<META HTTP-EQUIV="Page-Exit" CONTENT="revealTrans(Duration=4.0,Transition=12)"> (эффект при уходе со страницы)  
<META HTTP-EQUIV="Site-Enter" CONTENT="revealTrans(Duration=4.0,Transition=12)"> (эффект при заходе на сайт)  
<META HTTP-EQUIV="Site-Exit" CONTENT="revealTrans(Duration=4.0,Transition=12)"> (эффект при уходе с сайта),

где Duration задает время в секундах, а Transition - номер эффекта

Список эффектов:

0 - Box in (в поле)
1 - Box out (из поля)
2 - Circle in (в круг)
3 - Circle out (из круга)
4 - Wipe up (стирание вверх)
5 - Wipe down (вниз)
6 - Wipe right (вправо)
7 - Wipe left (влево)
8 - Vertical blinds (вертикальные жалюзи)
9 - Horizontal blinds (горизонтальные жалюзи)
10 - Checkboard across (в шахматном порядке поперечно)
11 - Checkboard down (вниз)
12 - Random dissolve (случайный наплыв)
13 - Split vertical in
14 - Split vertical out
15 - Split horizontal in
16 - Split horizontal out
17 - Strips left down
18 - Strips left up
19 - Strips right down
20 - Strips right up
21 - Random bars horizontal (случайные горизонтальные линии)
22 - Random bars vertical
23 - Random (случайный эффект)
Категория: html | Просмотров: 1075 | Добавил(а): antina | Дата: 11.06.2013 | Комментарии (0)
Как вставить flash


В качестве базовой заготовки и отправной точки в поиске

Код
<object type="application/x-shockwave-flash"  
data="flash.swf" width="300" height="100">  
<param name="movie" value="flash.swf" />  
<param name="quality" value="low" />  
</object>


Второй более полный вариант.

Код
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"  
  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#3,0,0,0" width="100%" height="100%">
<param name="SRC" value="filename.swf">
<embed src="filename.swf" pluginspage="http://www.macromedia.com/shockwave/download/"  
type="application/x-shockwave-flash" width="100%" height="100%"></embed></object>

Категория: html | Просмотров: 877 | Добавил(а): antina | Дата: 11.06.2013 | Комментарии (2)

Гиперссылки

Наверное, самый важный элемент веб-сайтов и интернета – гиперссылки. Щелкнув на гиперссылку, пользователь перейдет на соответствующий сайт. Чтобы сделать гиперссылку нужно использовать тег <a> с закрывающим тегом </a> и атрибутом href, значением которого должен быть адрес необходимого сайта. Например, разместив в коде веб-странички следующую запись
Код
<a href="http://www.yandex.ru">www.yandex.ru</a>

пользователь увидит гиперссылку (в дальнейшем просто ссылку): www.yandex.ru , и после того как он щелкнет по ней, браузер откроет сайт www.yandex.ru (знаменитая российская поисковая система). Данная ссылка относиться к внешней гиперссылке, на что указывает префикс "http://" в начале адреса веб-ресурса, указанном в атрибуте href. Если префикс "http://" не указан, то ссылка будет относительной, и в качестве отправной точки будет использоваться адрес текущего документа. То есть ссылка будет указывать на веб-документ (например, другую страницу сайта) расположенный на текущем сайте. Например, если на странице с адресом "www.mysite.ru/index.html" вставить следующий код
Код
<a href="mypage.html">Моя страничка</a>

то, щелкнув по ссылке «Моя страничка» браузер откроет страницу с адресом "www.mysite.ru/mypage.html".
То есть, при создании ссылки на другой сайт, нужно указывать префикс "http://" и полный путь к веб-документу. Если делается ссылка на другую страничку того же веб-сайта, данный префикс указывать не нужно и в качестве значения атрибута href нужно будет указать имя этой странички.
Бывают и другие префиксы, но сейчас ограничимся лишь этим.
Еще бывают локальные ссылки, то есть ссылки в другие места той же веб-страницы. Такие ссылки делаются аналогично, с использованием тега <a> и атрибутом href, но значение атрибута href должно состоять из символа "#" и имени якоря, то есть того места, которое должно отобразиться после щелчка по этой ссылке. Например
Код
<a href="#local_link">Подробнее о локальных ссылках</a>

В нужном месте ставится якорь с помощью все того же очень нами любимого тега <a>, но с атрибутом name. В качестве значения атрибута name должно выступать имя якоря, например
Код
<a name="local_link">Локальные ссылки</a>

Таким образом, когда пользователь щелкнет по ссылке с текстом «Подробнее о локальных ссылках», браузер прокрутит страницу так, чтобы якорь с текстом «Локальные ссылки» был виден пользователю (по возможности браузер отобразит якорь в самом верху окна).
Можно также совмещать локальные ссылки с другими, то есть можно поставить ссылку не только на другую страничку веб-сайта, но и указать имя якоря, к которому браузер должен прокрутить открываемую при щелчке по ссылке страницу. Например, если на странице с адресом "www.mysite.ru/mypage.html" поставить якорь
Код
<a name="local_link">Локальные ссылки</a>

то на странице с адресом "www.mysite.ru/index.html" где-либо в тексте можно будет установить следующую ссылку
Код
<a href="mypage.html#local_link">подробнее о локальных ссылках</a>

Тогда после щелчка по этой ссылке, браузер откроет страницу "mypage.html" и прокрутит страничку к якорю с текстом "Локальные ссылки".
Управление цветом гиперссылок
 
В большинстве браузеров по умолчанию текст гиперссылки отображается подчеркнутым и синим цветом. Большие возможности по управлению внешним видом ссылок дают CSS (каскадные таблицы стилей), но менять цвет можно и с помощью HTML. Задать необходимый цвет отображения гиперссылки можно атрибутом link тега <body>, установив в качестве его значения нужный цвет, например
Код
<body link="#008000" text="#408080" bgcolor="#E8E8E8">

Обычно браузер отображает ссылки, которыми пользователь еще не пользовался одним цветом, а «посещенные» другим цветом. Цвет «посещенной» ссылки можно установить атрибутом vlink тега <body>. А цвет активной ссылки, то есть той, на которой в данный момент происходит щелчок кнопки мыши, можно задать атрибутом alink. Например
Код
<body link="#008000" vlink="#FF00FF" alink="#000000" text="#408080" bgcolor="#E8E8E8">
Категория: html | Просмотров: 971 | Добавил(а): antina | Дата: 07.06.2013 | Комментарии (0)
Первая веб-страница

Код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Моя первая веб-страница</title>
  </head>
  <body>

  <h1>Заголовок страницы</h1>
  <p>Основной текст.</p>

  </body>
</html>


Чтобы посмотреть результат примера в действии, проделайте следующие шаги.

1. В Windows откройте программу Блокнот (Пуск > Выполнить > набрать «notepad» или Пуск > Программы > Стандартные > Блокнот).

2. Наберите или скопируйте код в Блокноте (

3. Сохраните готовый документ (Файл > Сохранить как...) под именем любое имя.html, при этом обязательно поставьте в диалоговом окне сохранения тип файла: Все файлы и кодировку UTF-8 (рис. 1.2). Обратите внимание, что расширение у файла должно быть именно html.

4. Запустите
Категория: html | Просмотров: 886 | Добавил(а): antina | Дата: 03.06.2013 | Комментарии (0)
1-7 8-14 15-21 22-25