Все о фотошопе

Все для фотошоп - видео уроки, плагины, PSD шаблоны, рамки, клипАрты - все бесплатно!

В закладки | Написать администрации



Скачивай без регистрации, обсуждай, добавляй свое

Навигация

    - Новости
    - Правила сайта
    - О проекте
    - Faq

PS Материалы

    - Картинки
    - Обои
    - Кисти
    - Макросы
    - Стили
    - Формы
    - Текстуры
    - Плагины
    - Рамки
    - PSD
    - Иконки
    - Шрифты
    - Патерны
    - Клипарты
    - Аватары

Программы

    - Графика
    - 3Dmax
    - Mac OS X
    - Разное

Уроки и книги

    - Видео уроки
    - Photoshop CS2
    - Photoshop CS3
    - 3DS MAX
    - Учебники

Шаблоны

    - Joomla
    - TemplateMonster
    - BoxedArt
    - DataLifeEngine
    - WordPress
    - Другие

3D материалы

    - 3D материалы





Главная, Новости: Статья: Работа с тегами или 5 полезных мелочей для сайта
Опубликовал: WeLcOmE tO My LiFe   Теги: ---   

Теги: теория

Кроме текстовой и графической информации каждая веб-страница содержит невидимый для пользователя HTML-код или, по-другому, набор тегов. Тегами называются специальные команды языка HTML, которые сообщают веб-браузеру информацию об отдельных элементах страницы (текст, рисунки, таблицы, линии). Веб-браузер в свою очередь использует полученные сведения для отображения элементов страницы в заданном порядке и в соответствии с указанными свойствами.

Тег обозначается одним или несколькими английскими словами, которые объясняют его назначение. Записываются теги следующим образом:

... текст (упрощенный вариант), где является «открывающим» тегом, а - «закрывающим». Закрывающие и открывающие теги также называют контейнерами.

Или текст (более сложный код с использованием атрибута – набор символов, соответствующий какому-либо английскому слову, дающему понять предназначение атрибута).
 
Практическая часть.

Если вы хотя бы в общих чертах знакомы с синтаксисом и базовыми элементами языка HTML, проблем при работе с тегами возникнуть не должно. Поэтому, когда основные работы по верстке веб-сайта будут закончены, стоит задуматься о кое-каких деталях, а заодно на практике закрепить навыки работы с тегами.

1. Мета-теги

С помощью этого вида тегов в HTML-код вводится информация о содержании сайта, его владельце, авторе дизайна. Данные отображаются в разделе «description», являющегося объектом пристального внимания поисковых роботов. Да, не стоит удивляться, именно на данные мета-тегов в первую очередь ориентируются роботы и на основании полученной информации отображают сайт в результатах поиска. Поэтому так важно добавлять в исходный код не только описание ресурса, но и ключевые слова:

Также возможны и более сложные манипуляции. Например, для обеспечения регулярного просмотра поисковыми роботами вашей веб-страницы необходимо ввести следующий текст:

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

Тег Описание
Owner владелец ресурса
Author автор и разработчик ресурса
Description краткое описание сайта
Copyright авторские права
Generator программное обеспечение, с помощью которого создавался сайт
Keywords ключевые слова


2. Добавление страницы в избранное

Чтобы пользователь одним нажатием на кнопку смог добавить понравившийся веб-ресурс в папку «Избранное» веб-браузера, примените следующий код:

<a href="javascript:window.external.AddFavorite ('http://адрес страницы', 'описание страницы')">Добавить в избранное</A>

3. Установка домашней страницы

Обычно домашними страницами назначают поисковые системы, или каталоги, чтобы в случае необходимости быстро найти информацию. Однако ссылка для установки домашней страницы может присутствовать и на обычном сайте. Ниже приведен необходимый html-код.


JavaScript. Установление страницы стартовой


<head><br /><title>JavaScript. Установление страницы стартовой</title><br /></head><br /><body><br /><a href="#" onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://); return false;">Сделать стартовой</a><br /></body><br /></html><br />


4. Перенаправление страниц

С перенаправлением пользователя по истечению определенного количества времени на другую страницу, вы наверняка не раз встречались при загрузке контента. Для использования на сайте подобного метода введите код: .

5. Значок сайта

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

Код значка выглядит так:

Теперь ваш сайт полностью готов. Удачной раскрутки!

Источник: http://web-silver.ru/articles/verstka/work-with-tags.php


Похожие новости:


Раздел: Главная, Новости | сен 12 | Просмотров: 4088
#1 написал: katakamukham
сен 17 | ICQ: -- |



Группа: Гости
Регистрация: --
Это у меня половина тэгов не отображается? Или как-то криво сделано? Кстати, спасибо за уроки - простенькие, но эффективные и эффектные - для начинающих очень полезные!
   
#2 написал: Crashradio
окт 15 | ICQ: -- |



Группа: Гости
Регистрация: --

дА ИНтересны теги на значок а не отображаются

   

Авторизация

  
 
  

Регистрация | Забыли пароль?



загрузка...


Наши партнеры

 


Статистика

Rambler's Top100


загрузка...
На нашем сайте представлены лучшие ресурсы в помощь дизайнерам и специалистам, которые профессионально занимаются рекламой и продвижением товаров, услуг, созданием графических объектов. Уроки и обучающие материалы любого уровня – для специалистов и тех, кто только начал изучение загадочного мира рекламы, и ищет способы воздействия на аудиторию, свой индивидуальный стиль. Динамика современного мира заставляет нас держать руку на пульсе модных тенденций современного искусства рекламы и дизайна. Наш сайт был создан в 2007 году, и обширная коллекция обучающих и демонстрационных видеоматериалов постоянно пополняется новыми ресурсами. Обучающие программы по работе с 3D – изображениями, различные версии программ Photoshop, инструменты работы в CorelDraw и многая другая полезная информация – иконки, коллекция разнообразных шрифтов, клипарты и паттерны, материалы для работы с анимацией, Вы можете бесплатно скачать на нашем сайте. Уроки любой степени сложности помогут вам освоить новейшие дизайнерские тенденции, а представленные шаблоны – воплотить в жизнь самые смелые, креативные идеи. Вы расширите рамки обыденности, почерпнете новые, эксклюзивные идеи для развития своего личностного и творческого потенциала! Мы работаем для Вас, чтобы сделать Ваш мир ярче, а профессиональные качества совершенными.
Главная  |  Правила сайта  |  Контакты администрации  |  RSS канал  |  Статистика      Copyright © 2007-2010г. Design.Ru-Deluxe.Ru