HTML шаблоны сайтов: оригинальные решения для ВасМы представляем большую коллекцию готовых HTML шаблонов. HTML шаблоны можно применить как основу для создания своего сайта. Все HTML шаблоны могут свободно использоваться и изменяться по своему усмотрению. Большинство HTML шаблонов представлено в нескольких вариантов для различных разрешений монитора.
HTML шаблоны сайтов выполнены профессиональными дизайнерами. HTML шаблоны сайтов Вы можете изменить и наполнить по своему усмотрению.
Каждый HTML шаблоны сайтов включает в себя: готовые HTML страницы, все необходимые скрипты (если они содержатся в HTML шаблоны сайтов), все графические элименты, использующиеся в HTML шаблоне. HTML шаблоны с Flash анимацией дополнительно имеют flash .swf и .fla
В коллекции HTML шаблонов представлены как профессиональные HTML шаблоны сайтов, так и простые htm шаблоны сайтов. Больше Вам не нужно тратить время и деньги на разработку дизайна и навигации для сайта. С помощью коллекции HTML шаблонов Вы сможете реализовать любой интернет сайт от простой визитки до интернет магазина, от домашней страници до информационного портала. HTML шаблоны содержат дизайн главной страницы и внутренних.
Всю коллекцию HTML шаблонов сайтов можно разделить на разделы по сложности и качеству исполнения HTML шаблонов сайтов.
Простые HTML шаблоны пригодны для изготовления лёгких по траффику сайтов. Профессиональные HTML шаблоны сайтов отлично подходят для изготовления как бизнес сайтов, так и сайтов общего характера. Вам больше не нужно тратить силы и деньги на разработку доверительного дизайна для вашего web сайта. HTML шаблоны этой подборки можно применять для разработки простых информационных сайтов, бизнес-сайтов, интернет магазинов, порталов.
HTML шаблоны с применением Flash технологий отличаются большей анимационной динамикой чем стандартная анимация. Благодаря применению векторной графики объекты занимают меньше места на сервере и значительно облегчают траффик анимационных изображений. HTML шаблоны сайтов этого вида пригодятся для реализации любых идей сайтостроения.
Вы имеете возможность выбрать любые HTML шаблоны сайтов, исходя из рода вашей деятельности и цели использования HTML шаблоны сайтов. Выбор за Вами, а сделаем всё чтобы вам в этом помочь.
Ниже описано как создать свой первый HTML файл и всё о "шапке". И так, "шапка" находится между открывающим ярлыком <HEAD> и закрывающим </HEAD>. Что вся находящаяся в ней информация предназначается для поисковых машин, роботов, форматирования ( таблицы стилей) и динамики (скриптов) web-страничек. И что она невидима для пользователей Интернетом.
Всё что находится между ярлыками <title> и </ title> пользователь видит в самом верху браузера. Как правило, это название web-странички. Кстати, все ярлыки можно писать как в верхнем <HEAD> так и в нижнем <head> регистрах. И это не будет являться ошибкой.
Как же создать HTML файл? Да очень просто. Создай на своём компьютере в удобном для тебя месте папку под названием MyWeb. Открой программку "блокнот" (пуск -> все программы ->стандартные->блокнот). Напиши в ней:
<html>
<head>
<title>Это мой первый файл.</title>
</head>
<body>
</body>
</html>
Затем нажми файл ->сохранить как в строке имя файла напиши first.html и сохрани в созданной папке MyWeb. Запомни, все HTML файлы имеют расширение html и htm - это то, что пишем после названия файла. В нашем случае после слова first.
Поздравляю тебя с созданием первого HTML файла. Теперь открой его в браузере и в его верхней строчки увидишь - Это мой первый файл.
Теперь вернёмся к "шапке". Для чего нужны ярлыки <title> и </title> ты уже знаешь. За ними, обычно в произвольном порядке, ставят следующие мета теги:
<META http-equiv=content-type content="text/html; charset=windows-1251"> - указывает тип документа и его кодировки. В России в основном windows-1251;
<META name="Description" content="Описание страницы" >- что здесь укажешь, то и будет отражаться поисковиками;
<META name="Keywords " content="Ключевые слова "> - слова, которые набирает пользователь при поиске информации в поисковике.
<META HTTP-EQUIV="Keywords" content="Ключевые слова "> - ещё один тег с ключевыми словами.
<META name="Robots" content=INDEX, FOLLOW > - отвечает за управление поисковыми роботами.
<META http-equiv="Reply-to" content=lomachenko@narod.ru > - указывает адрес электронной почты автора.
<META name="Author" content="Igor Lomachenko" > - в него можно писать своё имя, название студии или e-mail.Формат произвольный.
<META name= "Copyright" content="Авторские права"> - описание авторских прав на документ.
<META name= "Classification" content="Классификация"> - отвечает за аудиторию, на которую направлен сайт, например webmaster.
<META HTTP-EQUIV="Content-Language" content="en,ru "> - отвечает за язык, использованный на странице.
Если содержание страницы часто меняется, то ставят следующие два тега:
<META NAME="Document-state " content="Dynamic "> или
<META NAME="Revizit-after " content="10 days "> - здесь робот будет переиндексировать страницу каждые 10 дней. Периодичность можно выбирать любую.
Если страница меняться не будет, то ставят
<META NAME=" Document-state " content="Static ">
или
<META HTTP-EQUIV="Pragma" CONTENT="no-cache ">
или
<META HTTP-EQUIV="no-cache">
или
<META HTTP-EQUIV=" Cache-Control " CONTENT="no-cache ">
или
<META HTTP-EQUIV=" Expires " CONTENT="Web, 2Mar 1996 00:00:05 GMT ">
<META HTTP-EQUIV="Refresh" CONTENT="2; URL=jumor1.html"> - этот тег через 2 секунды загрузит станицу jumor1.html в текущим окне браузера. Это то, что называют "редиректором". Время загрузки можно ставить любое по-своему усмотрению.
<META http-equiv=Page-Enter content=RevealTrans(Duration=1,Transition=12)> - этот тег будет красочно открывать страницу, в зависимости от введённой цифры после Transition.
Если установить два тега подряд:
<META http-equiv=Page-Enter content=RevealTrans(Duration=1,Transition=23)>
<META http-equiv=Page-Enter content=RevealTrans(Duration=1,Transition=23)> - то страничка будет открываться каждый раз по-разному.
Ещё раз напомню, что это необязательные атрибуты страницы. Этих мета тегов вполне достаточно для оформления даже профессионального сайта.
В "шапке" также можно увидеть
<LINK href="css/style.css" type=text/css rel=stylesheet> - задаёт связь между файлами, в данном случае с файлом css/style.css.
<BASE HREF="base_url"> или < BASE TARGET="frame_name"> - задаёт базовый URL
Можно увидеть такую или подобную запись
<script language="JavaScript" src="agent.js"></script> - это скрипт
или, например вроде этой
<STYLE type=text/css
A:hover {COLOR: #ff0000}
A {TEXT-DECORATION: none}
A:hover IMG {
FILTER: blue()
}
</STYLE> - таблицы стилей.
А сейчас открой свой первый файл first.html и в "шапку" после <title>Это мой первый файл.</title> вставь всю полученную информацию, выделенную жирно (кроме скрипта и таблицы стилей), и сохрани её. Она тебе пригодится в дальнейшем, как шаблон к твоим будущим проектам.
Вновь открой в браузере файл first.html и ты убедишься, что я говорил истинную правду. Созданная страничка пустая. Есть только надпись вверху браузера "Это мой первый файл".
|
