• Авторизация
Дневник Лента друзей / Полная версия Добавить в друзья Страницы: «позже раньше»


Основные способы раскрутки - часть 1 - введение 06-04-2009 18:59


Существует огромное количество способов раскрутки сайта, среди которых немало и бесплатных. Сейчас я вкратце опишу основные.

Среди бесплатных способов самые распространённые и эффективные - это поисковая оптимизация (seo) и публикация ссылки на форумах, досках объявлений и т.д. Оптимизация доступна абсолютно всем, нужно только знать некоторые приёмы и правильно их применять, действует всё время существования сайта, требует добавления сайта в как можно большее количество поисковиков и больше никаких усилий. Публикация ссылок - дело не такое уж эффективное в плане увеличения посещаемости, зато имеет побочный эффект увеличения посещаемости с поисковиков за счёт увеличения индекса цитирования сайта, но, в последнее время, всё меньше и меньше сервисов массового общения позволяют публиковать ссылки.

Всё сводится к платным способам раскрутки. Слава Богу, конкуренция весьма высока и цены постоянно снижаются.

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

Баннерные показы - показ некоего изображения со слоганом вашего сайта на сайтах участников баннерной сети, оплата - за количество показов - способ дешёвый, но и малоэффективный - средняя кликабельность баннеров - 5 кликов на 1000 показов, зато престижно, когда некий логотип вашего сайта виден на многих ресурсах.

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

Контекстная реклама - вывод вашего объявления со ссылкой на сайт и описанием на сайтах участников системы за сравнительно небольшую плату - самый эффективный, легальный, но и дороговатый метод. Необходимо располагать достаточным объёмом средств, чтобы ваш рекламный баланс не кончился в первый же день (вдруг ваше объявление вызовет большой интерес).

Это лишь основные группы, есть масса их разновидностей с модификациями. Выбор огромен. Примеры некоторых систем с их описанием и ссылкой - в следующих сообщениях по теме.
комментарии: 0 понравилось! вверх^ к полной версии
Оптимизация или самый простой и дешёвый способ раскрутки сайта 03-04-2009 18:42


Залогом постоянной популярности сайта, прежде всего, является его содержание. Но и очень интересное и популярное содержание надо правильно преподнести, особенно это важно при индексации сайта поисковыми системами.
Первостепенное значение для любого поисковика имеет непосредственный текст страницы (то, что видит пользователь) - сам текст, текст ссылок и их альтернативное описание, пояснения к картинкам.
Наибольший смысл имеет концентрация ключевых слов и их синонимов в тексте страницы. Главное здесь - не перестараться. Все ключевые слова должны соответствовать тематике страницы и полностью гармонировать с текстом, также важно, чтобы всё это легко читалось, сайт все-таки люди будут просматривать
Затем уже ранжируются мета-теги, причём мета-тег keywords имеет минимальное значение. Наиболее важный из мета-тегов - description (назначение сайта). При наличии этого мета-тега ваш сайт будет иметь существенное преимущество при ранжировании и именно содержание зтого мета-тега будет отображаться в описании вашего сайта при выдаче пользователю результатов поиска.
Общий синтаксис таков: <meta name="description" content="содержание">, вместо слова "содержание" должно быть наиболее полное описание страницы (но не более 200 символов). Если вы сделаете разное содержание этого тега для каждой страницы - это вам огромный плюс!
Размещается этот мета-тег (как и все мета-теги) между тегами <head> и </head> вашего HTML-документа.

Конечно же, для полноценной раскрутки этого недостаточно, оптимизация является лишь методом увеличения эффективности других методов раскрутки. Поэтому рекомендую пользоваться и рекламой, благо есть недорогая -
Способы раскрутки сайта - в разделе "создай свой сайт" - создание сайта.
комментарии: 0 понравилось! вверх^ к полной версии

Основы HTML - изображения - альтернативный текст 23-03-2009 15:48


Альтернативный текст позволяет получить текстовую информацию об изображении при отключенной в браузере загрузке изображений. Поскольку загрузка изображений происходит после получения браузером информации о нем, то альтернативный текст появляется раньше самого рисунка. Некоторые браузеры также отображают альтернативный текст в виде подсказки, появляющейся при наведении курсора мыши на изображение.
Для создания альтернативного текста используется параметр alt тега <IMG>

Добавление альтернативного текста

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=Windows-1251" http-equiv="content-type">
</head>
<body>
<a href="index.html"><img src="home.gif" alt="Вернуться на главную страницу"></a>
</body>
</html>
комментарии: 0 понравилось! вверх^ к полной версии
Основы HTML - изображения - размещение на странице 23-03-2009 15:39


Для встраивания изображения в документ используется тег <IMG>, имеющий единственный обязательный параметр src, который определяет адрес файла с картинкой.
Для указания адреса изображения можно задавать как абсолютный, так и относительный путь. В общем случае, правила для добавления изображений те же, что и при создании ссылок.

Вот несколько способов указания пути к графическому файлу при добавлении изображений на веб-страницу.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=Windows-1251" http-equiv="content-type">
</head>
<body>
<img src="http://www.rubestall.ru/images/sample.gif"> - абсолютный адрес размещения изображения
<img src="/images/sample.gif"> - адрес размещения изображения относительно корня сайта
<img src="images/sample.gif"> - адрес размещения изображения относительно текущего HTML-документа
</body>
</html>
комментарии: 0 понравилось! вверх^ к полной версии
Основы HTML - якоря (anchor) 11-03-2009 17:49


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

Для создания якоря следует вначале сделать закладку в соответствующем месте и дать ей имя при помощи параметра name тега <А>.

Создание внутренней ссылки - якоря

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=Windows-1251" http-equiv="content-type">
<body>
<a name="top"></a>
...
<a href="#top">Наверх</a>

</body>
</html>

Между тегами <a name="top"> и </a> текст не обязателен, так как требуется лишь указать местоположение перехода по ссылке, находящейся внизу страницы. Имя ссылки на якорь начинается символом #, после чего идет имя якоря, оно выбирается любое, соответствующее тематике.
комментарии: 6 понравилось! вверх^ к полной версии
Основы HTML - ссылки - ссылка в новом окне 11-03-2009 17:42


По умолчанию, при переходе по ссылке документ открывается в текущем окне. При необходимости, это условие может быть изменено параметром target тега <А>. Если установить у target значение _blank, то отроется новое окно и документ, на который ведет ссылка, загрузится в нем.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=Windows-1251" http-equiv="content-type">
</head>
<body>
<a href="http://www.htmlbook.ru" target="_blank">Ссылка открывает новое окно на сайт htmlbook.ru</a>
</body>
</html>
комментарии: 1 понравилось! вверх^ к полной версии
Основы HTML - ссылки - относительные (локальные) ссылки 11-03-2009 17:32


При создании локальных ссылок надо понимать, какой путь (URL) в каком случае следует указывать, поскольку он зависит от расположения файлов. Рассмотрим несколько типичных вариантов.

Если файлы находятся в одной папке:
<a href="ссылаемый документ">локальная ссылка</a>

Это образец, на сайте в именах файлов допускается использовать только латинские символы и цифры.

Если файл, на который необходимо сослаться находится в папке, расположенной на уровень выше текущей, ссылка будет выглядеть так:
<a href="../ссылаемый документ">локальная ссылка</a>

По аналогии составляются ссылки на файлы, расположенные на два и более уровня выше:
<a href="../../ссылаемый документ">локальная ссылка</a>

Если же файл, на который необходимо сослаться вложен в папку на уровень (или более) ниже ссылающегося документа, то ссылка будет выглядеть так:
<a href="Папка/ссылаемый документ">локальная ссылка</a>

Конечно же, особой необходимости в локальных ссылках нет. Но их использование, например, при создании сайта - упрощает процесс, книги или учебника на HTML - просто необходимо.
комментарии: 0 понравилось! вверх^ к полной версии
Основы HTML - ссылки - абсолютные ссылки 05-03-2009 18:14


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

Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. Оба действия выполняются с помощью тега <A>, который имеет обязательный параметр href. В качестве значения используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов).

Адрес может быть абсолютным и относительным. Абсолютные адреса должны начинаться с указания протокола и содержать имя сайта (домена), например, ссылка вида http://www.rubestall.ru является абсолютной и ведет на главную страницу сайта rubestall.ru.

Использование абсолютных ссылок

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=Windows-1251" http-equiv="content-type">
<title>Использование ссылок</title>
</head>
<body>
<a href="http://www.rubestall.ru">Ссылка на сайт rubestall.ru</a>
</body>
</html>

Абсолютные ссылки обычно применяются для указания на другой сайт, впрочем, допустимо делать подобные ссылки и внутри сайта. Однако подобное практикуется нечасто, поскольку абсолютные ссылки достаточно длинные и неудобные. Поэтому внутри сайта используются локальные ссылки.
комментарии: 0 понравилось! вверх^ к полной версии
Результаты на форекс 25-02-2009 19:19


Я пожалуй, тоже подведу результаты моей работы на форекс за последний месяц.
Итак, суммарный депозит на моих торговых счетах на 25.01.09 составлял около 300$. Текущее состояние - 546$, суммарное снятие - 200$, прибыль от рефералов - 25.6$.
Таким образом, общая прибыль составила - 471.6$. За месяц это неплохо. Учитывая прогрессирующее увеличение мной базовой ставки лота, смею предположить мою прибыль за следующий месяц - она составит не менее 600$, даже по самым слабым прогнозам.
комментарии: 1 понравилось! вверх^ к полной версии
Основы HTML - работа с текстом - выделение текста 20-02-2009 17:01


Полужирное начертание

Насыщенностью называют увеличение толщины линий шрифта и соответственно контраста. Обычно различают четыре вида насыщенности: светлое начертание, нормальное, полужирное и жирное. Однако с помощью HTML можно установить только нормальное и полужирное начертание. Из-за этого термины «полужирный» и «жирный» слились воедино, поэтому правильно применять то или иное слово для обозначения одного и того же начертания. Синтаксис следующий.
<b>Жирное начертание шрифта</b>

Курсивное начертание

Курсивный шрифт представляет собой не просто наклон отдельных символов, для некоторых шрифтов это полная переделка под новый стиль, имитирующий рукописный. Синтаксис следующий.
<i>Курсивное начертание шрифта</i>

Верхний индексобычный текст

Воспроизводит текст как верхний индекс. Шрифт при этом отображается выше базовой линии текста и уменьшенного размера. Синтаксис следующий.
<sup>Верхний индекс</sup>

Нижний индексобычный текст

Отображает шрифт в виде нижнего индекса. Текст при этом располагается ниже базовой линии остальных символов строки и уменьшенного размера. Синтаксис следующий.
<sub>Нижний индекс</sub>
комментарии: 0 понравилось! вверх^ к полной версии
Основы HTML - работа с текстом - заголовки 20-02-2009 16:32


Заголовки выполняют важную функцию на веб-странице. Во-первых, они показывают важность раздела, к которому относятся. Чем больше заголовок и его «вес», тем более он значимый. Вспомните, что в газетах и журналах передовицы набраны крупным шрифтом, тем самым, привлекая к ним внимание и говоря: «вот это надо читать обязательно». Во-вторых, с помощью различных заголовков легко регулировать размер текста. Чем выше уровень заголовка, тем больше размер шрифта. Самым верхним уровнем является уровень 1 (<H1> ), а самым нижним — уровень 6 (<H6> ). И, в-третьих, поисковики добавляют рейтинг тексту, если он находится внутри тега заголовка. Это важно для раскрутки сайта и для его занятия первых строк выдачи результата в поисковой системе по ключевым словам.
Синтаксис создания заголовков следующий.
<h1>Заголовок первого уровня</h1>
<h2>Заголовок второго уровня</h2>
<h3>Заголовок третьего уровня</h3>
<h4>Заголовок четвертого уровня</h4>
<h5>Заголовок пятого уровня</h5>
<h6>Заголовок шестого уровня</h6>
Как правило, на веб-странице применяют заголовки с первого по третий уровень, их вполне достаточно. Редко когда приходится использовать заголовки более низкого уровня.

Использование заголовков
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta
content="text/html; charset=Windows-1251" http-equiv="content-type">
<title>Применение заголовков</title>
</head>
<body>
<h1>Ускорение работы сайта</h1>
<h2>Часть 1</h2>
<p>Ускорение загрузки и сокращение кода веб-страниц.</p>
<h2>Часть 2</h2>
<p>Сжатие графических файлов при сохранении их качества.</p>
<h2>Часть 3</h2>
<p>Ускорение запуска и выполнения скриптов на языке JavaScript.</p>
</body>
</html>
комментарии: 0 понравилось! вверх^ к полной версии
Основы HTML - работа с текстом - переносы строк 20-02-2009 16:13


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

Lorem ipsum<br> dolor sit amet...

Замечание
Строка «Lorem ipsum dolor sit amet...» является канонической «рыбой», иными словами это текст, вставляемый на веб-страницу, при отсутствии конечной информации.
комментарии: 0 понравилось! вверх^ к полной версии
Дети - цветы жизни! 20-02-2009 15:51


Я думаю об этом уже давно, ещё лет с 14-ти - В ЧЁМ СМЫСЛ ЖИЗНИ? Тогда я не нашёл ответа.

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

Смысл жизни - в детях. Только они останутся в этом мире живым напоминанием о тебе. Они будут помнить тебя, когда ты уйдешь. И дай всем бог прожить так, чтобы после смерти можно было смотреть на своих потомков сверху и гордиться ими.

У меня детей трое и все они, слава богу, живы и здоровы. Дай бог и вашим детям здоровья, радости и счастья!

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

НЕ БЫВАЕТ ЧУЖИХ ДЕТЕЙ! Помните, такое может случиться с каждым, и не приведи Господь, чтобы это были вы.

Этому ребенку нужно совсем немного

На одноклассниках есть группа "благотворительность", участником которой является моя жена. И я её полностью поддерживаю, как морально, так и материально.

Эта группа своими действиями спасла жизни уже 15 нуждающимся детям, но есть и те, которым не смогли....

Не оставайтесь равнодушны! Помните, такое может произойти с каждым! Попробуйте представить себе, каково это - ждать ребенка, родить его, радоваться ему и вдруг, узнать, что жить ему недолго....
комментарии: 0 понравилось! вверх^ к полной версии
Основы HTML - работа с текстом 15-02-2009 18:02


Для изменения вида текста существует достаточно большое количество различных тегов. Это и немудрено, ведь текст самый популярный вид информации.
Абзацы
Как правило, блоки текста разделяют между собой абзацами (параграфами). По умолчанию между параграфами существует небольшой вертикальный отступ, называемый отбивкой.
Синтаксис создания абзацев следующий.
<p>Абзац 1</p>
<p>Абзац 2</p>
Каждый абзац начинается с тега <p> и должен иметь необязательный закрывающий тег </p>.
Замечание
В любой книге для выделения следующего абзаца используется отступ первой строки, еще называемый «красная строка». Это позволяет читателю легко отыскивать взглядом новую строку и повышает, таким образом, читабельность текста. На веб-странице этот прием обычно не используется, а для разделения абзацев применяется отбивка.

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

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=Windows-1251" http-equiv="content-type">
<title>Применение абзацев</title>
</head>
<body>
<p>В одних садах цветёт миндаль, в других метёт метель. </p>
<p>В одних краях ещё февраль, в других - уже апрель.</p>
<p>Проходит время, вечный счёт: год за год, век за век... </p>
<p>Во всём - его неспешный ход, его кромешный бег. </p>
<p>В году на радость и печаль по двадцать пять недель.</p>
<p>Мне двадцать пять недель февраль, и двадцать пять - апрель. </p>
<p>По двадцать пять недель в туман уходит счёт векам. </p>
<p>Летит мой звонкий балаган куда-то к облакам. </p>
<p><i>М. Щербаков</i></p>
</body>
</html>




Полная версия учебника
комментарии: 0 понравилось! вверх^ к полной версии
Основы HTML - теги HTML 12-02-2009 17:56


Чтобы браузер понимал, что имеет дело не с простым текстом, а с особым элементом, который задает его форматирование, и применяются теги. Теги являются основой HTML и берутся в угловые скобки. Общий синтаксис написания тегов следующий.
<тег параметр1="значение" параметр2="значение">
<тег параметр1="значение" параметр2="значение">...</тег>
Теги бывают одиночными и парными (контейнеры). Одиночный тег используется самостоятельно, а парный может включать внутри себя другие теги или текст. У тегов допустимы различные параметры, которые разделяются между собой пробелом. Впрочем, есть теги, без всяких дополнительных атрибутов. Параметры условно можно подразделить на обязательные, они непременно должны присутствовать, и необязательные, их добавление зависит от цели применения.
Далее описаны некоторые рекомендации, которые относятся к тегам.
Теги можно писать как прописными, так и строчными символами
Любые теги, а также их параметры нечувствительны к регистру, поэтому форму записи вы вольны выбирать сами, как писать — <BR> или <br>. В любом случае рекомендуется придерживаться выбранной формы записи на протяжении всех страниц сайта. Заметим также, что текст, полностью набранный прописными символами, читается хуже, чем текст со строчными символами или смешанный.
Для параметров тегов используются значения по умолчанию
Когда для тега не добавлен какой-либо допустимый параметр, это означает, что браузер в этом случае будет подставлять значение, заданное по умолчанию. Если вы ожидали получить иной результат на веб-странице, проверьте, возможно, следует явно указать значения некоторых параметров.
Переносы строк
Внутри тега между его параметрами допустимо ставить перенос строк. В примере 5.1 показана одна и та же строка, но оформленная разными способами.
Пример 5.1. Переносы строк в коде тега
<img src="/images/title2.gif" alt="Вид заголовка в браузере Internet Explorer" width="438" height="118">
<img src="/images/title2.gif"
alt="Вид заголовка в браузере Internet Explorer"
width="438"
height="118">

Замечание
Хотя ошибки при переносе текста в подобном случае и не возникнет, рекомендуем писать теги в одну строку, иначе ухудшается восприятие кода и его становится сложнее править.
Параметры тегов и кавычки
Согласно спецификации HTML все параметры тегов следует брать в двойные или одинарные кавычки. Отсутствие кавычек не приведет к ошибкам, браузеры достаточно корректно обрабатывают код и без кавычек, за исключением текста, содержащего пробелы (пример 5.2).
Пример 5.2. Использование кавычек в параметрах тегов
<img src="/images/title2.gif" alt="Вид заголовка" width="438" height="118">

<img src="/images/title2.gif" alt=Вид заголовка width="438" height="118">
В данном примере первая строка написана правильно, со всеми кавычками, а во второй у параметра alt кавычки отсутствуют. Из-за этого браузер в качестве значения параметра alt возьмет только первое слово.
Неизвестные теги и параметры
Если какой-либо тег или его параметр был написан неверно, то браузер проигнорирует подобный тег и будет воспроизводить текст так, словно тега и не было.
Порядок тегов
Существует определенная иерархия вложенности тегов. Например, метатеги должны находиться внутри контейнера <HEAD> и нигде иначе. Чтобы не возникло ошибки, следите за тем, чтобы теги располагались в коде правильно.
Если теги между собой равноценны в иерархии связи, то их последовательность не имеет значения. Так, можно поменять местами теги <TITLE> и <META>, на конечный результат это никак не скажется.
Закрывайте все теги
Существует три состояния закрывающего тега: обязателен, не требуется или не обязателен. Обязательный закрывающий тег должен присутствовать всегда, иначе это приведет к ошибке при отображении документа. Для некоторых тегов вроде <BR> закрывающего тега нет в принципе. Необязательный закрывающий тег говорит о том, что разработчик может его как добавить, так и опустить, к ошибке это не приведет. Однако рекомендуем закрывать все теги, включая необязательные, это дисциплинирует, создает более стройный и строгий код, который легко модифицировать.
Порядок параметров в тегах
Порядок параметров в любом теге не имеет значения и на результат отображения элемента не влияет.
комментарии: 0 понравилось! вверх^ к полной версии
Основы HTML - Структура HTML-кода 12-02-2009 17:26


Если открыть любую веб-страницу, то она будет содержать в себе типичные элементы, которые остаются исходными, независимо от вида и направления сайта. Рассмотрим код, который первоначально создается в редакторе Nvu (пример 4.1). Для удобства добавлены номера строк, но в коде их, конечно же, быть не должно, иначе это приведет к ошибке.
Пример 4.1. Исходный код веб-страницы
01. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
02. <html>
03. <head>
04. <meta content="text/html; charset=Windows-1251" http-equiv="content-type">
05. <title>Вторая страница</title>
06. </head>
07. <body>
08. <br>
09. </body>
10. </html>
Далее разберем отдельные строки нашего кода.
01. !DOCTYPE предназначен для указания типа текущего документа — DTD (document type definition, описание типа документа). Существует несколько видов !DOCTYPE, они различаются в зависимости от версии HTML, на которую ориентированы (пример 4.2).
Пример 4.2. Допустимые DTD
HTML 3.2 (предыдущая версия HTML)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
Строгий HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Переходный HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 при использовании фреймов
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
Разница между строгим и переходным описанием документа состоит в различном подходе к написанию кода документа. Строгий HTML требует жесткого соблюдения спецификации HTML и не прощает ошибок, что обычно приводит к иному отображению документа, чем планировал разработчик. Переходный HTML более «спокойно» относится к некоторым огрехам кода, поэтому этот тип использовать предпочтительнее.
Заметьте, что в примере 4.1 не указывается путь к DTD-файлу, как это показано в примере 4.2. Этот параметр не является обязательным и его можно опустить.
Замечание
Часто можно встретить код HTML вообще без использования !DOCTYPE, веб-страница в подобном случае все равно будет показана. Тем не менее, может получиться, что один и тот же документ отображается по-разному при использовании !DOCTYPE и без него. Чтобы не произошло подобных ситуаций, всегда добавляйте этот тег в начало документа.
02. Тег <html> определяет начало HTML-файла, внутри него хранится заголовок (<head> ) и тело документа (<body> ).
03. Заголовок документа, как еще называют блок <head>, может содержать текст и теги, но содержимое этого раздела не показывается напрямую на странице.
04. Тег <meta> является универсальным и добавляет целый класс возможностей, в частности, с помощью метатегов, как обобщенно называют этот тег с разными параметрами, можно изменять кодировку страницы, добавлять ключевые слова, описание документа и многое другое. Так, чтобы браузер понимал, что имеет дело с кодировкой «Кириллица (Windows)» и добавляется строка, как в примере 4.1.
05. Тег <title> определяет заголовок веб-страницы, это один из важных элементов предназначенный для решения множества задач. В операционной системе Windows текст заголовка отображается в левом верхнем углу окна браузера.
06. Обязательно следует добавлять закрывающий тег </head>, чтобы показать, что блок заголовка документа завершен.
07. Тело документа <body> предназначено для размещения тегов и содержательной части.
08. Внутри контейнера <body> могут размещаться практически любые элементы веб-страницы, в частности, тег <br>, как показано в примере 4.1, создает перенос строки.
09. Следует добавить закрывающий тег </body>, чтобы показать, что тело документа завершено.
10. Последним элементом в коде идет закрывающий тег </html>.
комментарии: 0 понравилось! вверх^ к полной версии
Основы HTML - HTML-особенности 12-02-2009 16:56


Прежде чем редактировать код веб-страницы, следует принять во внимание некоторые особенности, которые присущи HTML при работе с текстом.
Любое количество пробелов идущих подряд, на веб-странице отображается как один
Сколько бы вы не поставили пробелов между словами, это никак не повлияет на конечный вид текста. Это же правило относится к символам табуляции и переносу текста. Поэтому не ставьте лишних пробелов, поскольку это лишь увеличит общий объем файла, но никак не изменит вид документа в браузере. В качестве образца возьмем один текст и напишем его в коде HTML по-разному (пример 3.1).
Пример 3.1. Способы написания текста в коде HTML
<p>Измеряй микрометром. Отмечай мелом. Отрубай топором. </p>
<p>Измеряй микрометром. Отмечай мелом. Отрубай топором</p>
<p>Измеряй микрометром.
Отмечай мелом.
Отрубай топором. </p>
Несмотря на разное написание, отображаться эти строки будут одинаково.
Замечание 1
Исключением из этого правила является тег PRE, внутри которого любое число пробелов отображается именно так, как оно указано в коде.
Замечание 2
Обычно символы табуляции в коде HTML применяются для того, чтобы установить отступ слева, таким образом выровнять теги «лесенкой» и создать «красивый» удобочитаемый код. Помните при этом, что пользователи редко заглядывают в исходный код документа, им это просто не надо, зато каждый символ табуляции или пробела увеличивает ненужный объем файла. А это в итоге влияет на скорость загрузки и отображения документа.
Нет расстановки переносов в тексте
HTML не поддерживает расстановку переносов в словах, как это делают текстовые редакторы. Это условие несущественно, пока не используется выравнивание текста по ширине. В этом случае, блок текста выравнивается по левому и правому краю. Короткие строки при этом растягиваются за счет автоматического добавления пробелов между словами. Иногда пустые блоки между словами настолько велики, что портят внешний вид страницы и ухудшают читабельность текста.
Представьте, что у вас в середине предложения есть какое-нибудь длинное слово, вот например «Дегидроэпиандростерон». В текстовом редакторе это слово будет перенесено по слогам так, чтобы текст занял указанную ширину, а на веб-странице подобное слово будет отображаться целиком, без переносов.
Текст занимает ширину окна браузера
Если вы просто напишите одну длинную строку в коде HTML, то в браузере она будет отформатирована, чтобы текст поместился по ширине в окно. Переносы текста будут добавлены автоматически в местах пробела или дефиса. Что произойдет, если в тексте нет ни того, ни другого символа? Браузер не сможет создать переносы и отобразит текст одной строкой. Если она шире окна браузера, то неминуемо появится горизонтальная полоса прокрутки.
комментарии: 0 понравилось! вверх^ к полной версии
Основы HTML - HTML-документ-пример 12-02-2009 16:32


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta
content="text/html; charset=Windows-1251"
http-equiv="content-type">
<title></title>
</head>
<body>
Не беспокойся о мелочах. Если имеешь убеждение, то мелочи склонны подчиняться обстоятельствам. Твоим планом может быть следующее. Выбери что-нибудь и назови это началом. Затем иди и стань лицом к началу. Встав лицом к лицу с началом, позволь ему сделать с собой все, что угодно. Я надеюсь, что твои убеждения не позволят тебе выбрать начало с причудами. Смотри на вещи реально и скромно. Начни это сейчас!
Флоринда Доннер, "Сон ведьмы"
</body>
</html>
комментарии: 0 понравилось! вверх^ к полной версии
Работа на дому через интернет - платные online-опросы 09-02-2009 18:52


Online-опросы проводятся исследовательскими отделами и организациями среди пользователей Российского сегмента всемирной сети с целью выявления рыночных предпочтений и настроений определённой части населения.
Это определение, а суть в том, что вы просто выражаете свое мнение о каком-то товаре или услуге, просматриваете трейлеры или тестируете товары, а вам за это платят. Это не просто вид заработка, это достаточно интересное времяпрепровождение.
На сайте rubestall.ru представлены опросные компании, работающие с Российской аудиторией.
комментарии: 0 понравилось! вверх^ к полной версии
Ищу партнёров для работы на форекс(forex) 09-02-2009 18:37


Вступаю во взаимовыгодное партнёрство на рынке форекс со всеми, кто желает чего-то добиться на этом поприще. Суть партнёрства и все условия представлены на rubestall.ru , в разеле форекс -> торговые стратегии.
комментарии: 2 понравилось! вверх^ к полной версии



Дневник Лента друзей / Полная версия Добавить в друзья Страницы: «позже раньше»