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

Сегодня учимся делать таблицу. В предыдущих версиях html таблица использовалась для каркаса веб-страницы. Сейчас верстать страницу рекомендуется c помощью тега <div>, потому что страница с таблицей медленнее загружается. Но на Ucoz например шаблоны сайтов сверстаны с помощью таблиц. Пример таблицы:Таблица описывается парным тегом <table> и </table> С <table> начинается таблица, а </table> таблица заканчивается.
<table> </table>
Затем описываем строку таблицы. Для создания строки в таблице используется парный тег <tr> </tr> Если у нас таблица состоит из одной строки, то будет так:
<table>
<tr> </tr>
</table>
Если таблица состоит из 3 строк, то делаем так:
<table>
<tr> </tr>
<tr> </tr>
<tr> </tr>
</table>
Далее. В каждой строке должна быть хотя бы 1 ячейка, то есть кроме строки, надо описать еще один столбец. Столбцы в HTML описываются с помощью тегов <td> и </td>, которые должны находиться между тегами <tr> и </tr> То есть, если в таблице 1 строка и 1 столбец, то таблица будет описана так:
<table>
<tr><td> </td></tr>
</table>
Содержимое ячеек пишется только между тегами <td> и </td>. Порядок расположения тегов такой : сначала пишите теги таблицы, затем теги строки, затем теги ячеек. Также таблице можно придать цвет, вставить изображение (незаполненная таблица видна не будет). Фон таблице можно задать так:
<table width="300" border="1" height="150">
<tr>
<td width="50" bgcolor="aqua"> </td>
<td> </td>
</tr>
</table>
Результат:

Кстати, этот способ считается несколько устаревшим, в HTML.4.1. внешний вид таблицы задается таблицей стилей.
Если хотите фоном таблицы сделать изображение, то писать нужно так:
<td background="image.jpg">
В следующий раз поговорим о верстке с помощью div.
P.S. Если вас интересует верстка веб-страницы с помощью таблицы, то почитать об этом можно здесь.

Сегодня поговорим о списках. Списки делятся на нумерованные и ненумерованные. Если нужно создать нумерованный список, то сначала нужно определится с типом счетчика и откуда начинать отсчет.
type — вид счетчика: 1 — обычные цифры
A — большие латинские буквы
a — маленькие латинские буквы
I — большие римские цифры
i — маленькие римские цифры
start — устанавливает число, с которого будет начинаться отсчет. Например:
<ol>
<li>Первый</li>
<li>Второй</li>
<li>Третий</li>
<li>Четвертый</li>
<li>Пятый</li>
</ol>
Должно получиться вот так:

1. Первый
2. Второй
3. Третий
4. Четвертый
5. Пятый

2. Первый
3. Второй
4. Третий
5. Четвертый
6. Пятый

• Первый
• Второй
• Третий
• Четвертый
• Пятый

Определение

Значение

Значение

Значение

Значение

Сегодня учимся делать ссылки. Стандартная ссылка выглядит примерно так: <a href="index.html" >Условная страница</a> Чтобы страница открылась в новом окне нужно написать так:
<a href=" http://www.google.ru/"target_"blank">Условная страница</a>. Так нужно делать в тех случаях, когда ссылка ведет на другой сайт. В данном примере ссылка ведет на главную страницу Гугла.
Во избежание "излишнего" интереса поисковых систем ссылку нужно оформить так:
<noindex> <a href="index.html"target_"blank" rel="nofollow">Условная страница</a></noindex>.
В таком случае Яндекс и Гугл не проиндексируют ее. Ссылку можно сделать в виде любого фото или картинки. Вот так:<noindex><a href="http://www.google.ru/" target="_blank" title="Google"rel="nofallow"></noindex><img src="http://1mybiz.moy.su./Georgina.jpg" border="0" width="25%" height="25%" alt="Ссылка" title="Google"/></a>.
Должно получиться так:

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

Этот урок посвятим вставке изображений. Чтобы вставить изображение на веб-страницу, будь-то картинка или фото нужно написать так:
<img src="http://1mybiz.moy.su./Georgina.jpg" align="left" border="0" width="25%" height="25%" hspace="0" vspace="0" alt="Фото цветка" title="Георгина"/>. В результате должно получиться вот так:

Разберем подробнее. Сначала мы указываем путь до изображения <img src="http://1mybiz.moy.su./Georgina.jpg"/>. Затем позиционируем изображение на странице (в этом примере слева align="left"). Затем указываем, что вокруг фото не должно быть рамки border="0" (если изображение является ссылкой, подробнее, когда буду писать о ссылках). Указываем размеры в пикселях или процентах (желательно). Задаем вертикальные и горизонтальные отступы вокруг фото hspace="0" vspace="0". Пишем альтернативный текст alt, на тот случай если у пользователя отключены изображения, и можно написать всплывающую подсказку title. На сегодня все. До встречи.

Этот урок хочу посвятить цвету и фону страницы. Сначала общие рекомендации. Я уже писала об этом, цвета нужно подбирать, руководствуясь не личными вкусами, а для удобства посетителей. Уважайте плоховидящих и дальтоников!
Фон страницы можно задать в теге <body>:<body syle="background:#C0C0C0;"> или с помощью таблицы стилей (о ней я буду писать позже). Фоном может быть и картинка. Установить ее можно с помощью тега Body: <body syle="background:#C0C0C0 url(/images/bg.gif);">. Здесь мы видим как указание цвета, так и фоновую картинку. Если вдруг фоновая картинка не будет найдена, то установится заданный цвет. P.S. В конце совет: рекомендуется в корневой папке сразу создать папку images. В нее класть все изображения и картинки. Расположение следует вести от корня сайта: /images/bg.gif. Не нужно писать так: "http://www.site.ru/images/bg.gif" или так "../../images/bg.gif" (при переделке сайта возникнут определенные трудности).

Основное содержание веб-страниц это текст. Для него используются теги <p>, <br/> и некоторые другие. Разберем их подробнее. Для абзаца используется тег <p> и </p> соответственно. Абзац можно разместить в центре страницы, справа или слева, выровнять по ширине:

<p align="left">Текст слева</p>

<p align="center">Текст в центре</p>

<p align="right">Текст справа</p>

<p align="justify">Текст выровненный по ширине</p>

Для перевода строк тег <br/>. Чтобы создать разрыв во всю строку нужно написать так:
<br clear="all"/>Разрыв строки
Чтобы текст был жирным теги <b> или <strong>.
<b>Жирный текст</b> или <strong>Жирный текст</strong>
Для курсива теги <em> или <i>.
<em>Текст курсивом</em>
<i>Текст курсивом</i>
Перечеркнуть текст можно так:<s>Перечеркнутый текст</s>
Или так:<strike>Перечеркнутый текст</strike>
Тексту можно придать размер: <span style="font-size:30px;">Текст можно увеличить</span>
Также тексту можно придать цвет:
<span style="color:#FF0000;">Красный текст</span>
На сегодня все. До следующих встреч.

Продолжаем осваивать html. С чего начинается веб-страница? С заголовка. Для него используются теги <h > и </h>. Стандартные заголовки бывают шести размеров.

<h1>Заголовок H1</h1>

<h2>Заголовок H2</h2>

<h3>Заголовок H3</h3>

<h4>Заголовок H4</h4>

<h5>Заголовок H5</h5>

<h6>Заголовок H6</h6>

Даже самый маленький заголовок < h6 > можно сделать больше чем < h1 >. Например, вот так:

<h6 style="font-size:30"> Заголовок</h6>

Чтобы придать заголовку определенный цвет нужно написать так:

<h1 style="color:#dd0000> Заголовок H1</h1>

Кстати, для подбора цветов для вашей страницы удобно использовать таблицу базовых цветов. О том, как правильно сочетать цвета прочитать можно здесь.
Чтобы выровнять заголовок на странице нужно использовать align="center/left/right". Вот так:

<h2 align="center">Заголовок</h2>

И напоследок совет: рекомендую изучать html-код различных веб-страниц. Меню - Вид - Исходный код. И желаю успехов!

Сегодня я хочу поговорить о том как собственно пишется веб-страница на html. Пишем основу:< html >-начинается страница, затем < head > т.е. " голова ", здесь Вы будете писать т.н. служебную информацию, но сейчас останавливаться на этом не будем, на этом этапе это не нужно. Затем пишем < title > далее название страницы и закрываем тег . Кстати на html 4.1 все теги ( т.е. знаки на котором пишется код) закрываются, вот так < />. Далее закрываем тег < /head >.Открываем тег < body > т.е. тело. Тут Вы будете писать текст, вставлять изображения и ссылки. Затем закрываем тег < /body >. И наконец закрываем тег < /html>- т.е. заканчиваем веб-страницу. В готовом виде ваша страница будет выглядеть так. < !DOCtype html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" >
< html >
< head >
< title >Моя страница< /title>
< /head >
< body > Здесь будет текст и другое.
< /body >
< /html > P.S. При написании этого урока, записывая код, я делала отступы, иначе Вы видели бы только текст, без тегов. В норме кода не должно быть видно. На сегодня все. До свидания.

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

Начало

Сегодня я хочу рассказать об ошибках, которые привели мой сайт к бану. К сожалению, по неопытности, по "неграмотности" я с самого начала совершила грубейшие ошибки. Во-первых, вначале я не стала использовать теги description и keywords, а когда их все-таки вставила, то впала в другую крайность. В описании страницы у меня было написано: "Кулинарный сайт, содержит коллекцию рецептов, от закусок до выпечки". И так на всех страницах! Причиной бана это, конечно, не стало, но на позиции в поисковых системах повлияло. Свою следующую ошибку я совершила, когда, искала способы заработка на своем сайте. Не имея опыта, решила начать с "простенького". Наткнувшись на одном из сайтов Ucoz, на описание партнерской программы, по продаже своего трафика и решив, что "свои плохого не посоветуют", немного поколебавшись, зарегистрировалась и вставила злосчастный код iframe на страницы сайта. Гром грянул только полгода спустя! За это время я даже ухитрилась начать работу с биржей Liex, даже не подозревая, что нарушаю их правила, которые я бегло просмотрела и простодушно решила, что я ничего такого "противозаконного" не делаю! Затем я занялась регистрацией своего сайта в каталогах и рейтингах, так как до этого решила, что хватит того, что поисковые роботы уже посещают мой сайт, спохватилась же только когда увидела, что это мало влияет на посещаемость. Но даже это первое время я делала довольно бестолково, ограничиваясь в описании страницы поисковыми словами! Как-то весной я увидела в админке опцию сервиса U.to, немного почитав, что это полезно для поисковой оптимизации и плохо понимая, что представляет собой этот сервис, решила все-таки им воспользоваться, руководствуясь, тем же принципом, что и в случае с кодом iframe. Незадолго до бана, я решила воспользоваться сервисом 1ps, до этого я раскручивала свой сайт сама. Хотя в анкете я указала, что не хочу добавлять свой сайт в каталоги, требующие обратную ссылку, среди немногочисленных каталогов, ответивших мне, были просьбы об обратной ссылке на их сайт. Вздохнув, хотя у меня и не было специальной html-страницы для ссылок, я раскидала эти ссылки, не закрыв их от индексации (обычно каталоги и рейтинги против этого), по разным страницам сайта. А через несколько дней попала в бан поисковой системы Яндекс... Когда я написала в службу поддержки Яндекс, то сначала последовал стандартный ответ, смысл, которого я не поняла. И только затем мне объяснили, что причиной является код iframe. Эту проблему удалось решить сразу. К тому времени я сама, разочаровавшись, сворачивала этот проект, и на страницах сайта остались всего лишь три скрипта. Но и после этого Яндекс отказался включить мой сайт в поиск, прислав в последнем письме "букет" из ссылок (http://help.yandex.ru/webmaster/?id=995342; http://webmaster.ya.ru/replies.xml?item_no=325&ncrnd=2022; http://webmaster.ya.ru/replies.xml?item_no=3772; http://webmaster.ya.ru/replies.xml? item_no=4967&ncrnd=1743), мотивируя это тем, что контент моего сайта неуникален. К сожалению, обвинение в неуникальности я поняла буквально, мол, в Интернете без меня хватает подобного контента. Я даже проверила с помощью специального сервиса свой сайт на уникальность, и удивилась, обнаружив, всего лишь несколько процентов совпадений с другими кулинарными сайтами! Я просто уже не знала что делать! Стала подумывать, что если дела и дальше так пойдут, то мой сайт "прикроет" хостинг или я сама не выдержу этой ситуации и удалю запорченный проект. От это поступка удержало лишь то, что все это время мой сайт пусть немного, но посещали с закладок. Выйти из бана помог случай. В конце сентября пришло сообщение из биржи Liex о недоступности моего сайта. Я прочла описание ошибки, но не поняла, по какой причине отсутствуют ссылки в статье, которые там вообще-то должны быть. Обратилась за разъяснением. Мне ответили, что причина в сервисе U.to, который, являясь редиректом, перенаправляет на другой сайт. Пришлось срочно удалять ссылки этого сервиса, которые были во всех кнопках и счетчиках более 30-ти страниц сайта! Хорошо я на тот момент удалила всю рекламу с сайта, иначе работы было бы гораздо больше! После чего я обратилась в службу поддержки Яндекса, наконец-то сообразив, что, возможно из-за этого контент моего сайта был сочтен неуникальным! Вскоре мне ответили, что теперь с моим сайтом все в порядке и в течение двух недель он будет включен в поиск! Уже через несколько дней начались переходы с Яндекса... Знай, я раньше, в чем именно причина бана все проблемы были бы решены уже давно! Зато теперь, умудренная опытом я строю планы на будущее. Думаю, в каком направлении развиваться дальше!

Заканчивая разговор о продвижении сайта, хочу поговорить о раскрутке блога. В принципе большой разницы в этом нет, хотя есть пару нюансов. Сначала, как обычно нужно добавить блог в поисковые системы как любой другой сайт, затем в каталоги (рейтинги). Кто-то обменивается ссылками с другими блогами... Этот блог я раскручивала так... Сначала добавила его в Яндекс и Google, но не просто добавила URL, а вставила специальные мета-теги в главную страницу. Затем в другие поисковые системы, а также рейтинги, кнопки и счетчики, которых вы можете видеть в блоке "Статистика", внизу слева, а также в некоторые другие, не требующие ставить счетчик, кнопку или ссылку. Также добавила блог в рейтинг для блогов на blogs.yandex.ru. Там же есть различные сервисы для микроблогов. Затем в каталог для блогов Блогус. В будущем по мере надобности, добавлю еще в какие-нибудь каталоги или рейтинги. А вам желаю успехов в нелегком деле продвижения сайта (блога)!

Сегодня я хочу рассмотреть различные способы продвижения сайта, кроме добавления в каталоги и рейтинги. Логично предположить, что, чтобы сайт стал известным и посещаемым, нужно добавить его туда, где бывает большое количество людей. А где в Интернете такие места? Социальные сети и закладки. Чтобы добавить свой сайт сразу в разные сети и закладки можно воспользоваться платными и бесплатными услугами специальных сервисов, например BPoster или других. Или сделать это самому (только не занимайтесь спамом!). Можно поступить проще. На сайте В закладки.RU!взять бесплатно строку с кнопками разных закладок и установить на своем сайте, чтобы посетители могли сами добавлять понравившиеся страницы в закладки. Лично я так и сделала. И не забывайте использовать функцию "посоветовать другу"! P.S. Напоследок хочу сказать пару слов о том, как нельзя продвигать свой сайт. Так Google не советует спамить всевозможные сайты вашей тематики с просьбой разместить ссылку на ваш контент и покупать ссылки с других сайтов с целью получить Page Rank вместо трафика, а также вовлекать сайт в схемы, искусственно раскручивающие его популярность и выводящие его в топ этих схем. Яндекс в свою очередь намерен понижать в ранжировании, а также банить сайты " ставящие внешние ссылки исключительно для обмана поисковых систем и " накачивания " релевантности и не являющиеся рекомендацией автора посетить ресурс, сайты или группы сайтов, интенсивно ссылающиеся друг на друга ("линкфармы") ". Также плохо относятся поисковые системы к сайтам использующим редирект, клоакинг, т.е. " маскирование " и т.п. Так Google " запрещает использовать запрещенные компьютерные программы для отправки информации о сайте, проверки его рейтинга и т.д. Такие программы поглощают вычислительные ресурсы " , нарушение этих правил приведет к исключению сайта из поиска. Так что не ленитесь, не используйте мошеннических уловок и продвигайте сайт честно. Тогда, и только тогда вам будет обеспечен успех! И еще... Если я упустила какие-то моменты, о чем-то не написала, то поправьте меня.

Итак, добавляем сайт в каталоги и рейтинги. Как же сделать это правильно? Во-первых, нужно определиться, куда вы хотите добавить свой сайт. Нет смысла пытаться попасть во все каталоги и рейтинги, какие только есть. Не факт, что вы в них останетесь. Вы можете не подойти каталогу (рейтингу). Например, рейтинг Mail.ru не принимает сайты посвященные заработку в Интернете. К тому же часто каталоги (рейтинги) требуют поставить обратную ссылку или кнопку. К ссылке могут придраться поисковики, а закрывать ее от поисковых роботов, обычно нельзя по правилам каталогов. В крайнем случае, ссылки рекомендуется поместить на отдельную страницу. К тому же все эти ссылки и кнопки, счетчики занимают место, " утяжеляют " страницу и не представляют интереса для ваших посетителей. Хотя пару счетчиков поставить желательно. Поэтому, среди множества платных и бесплатных рейтингов и каталогов, выбирайте лучшее: прямые ссылки, подходящие по тематике вашего сайта рубрики (добавляйте в рубрики и категории правильно, модераторы не будут делать это за вас, просто удалят ссылку). Правильно заполняйте форму: точно пишите адрес сайта, описывая его, упомяните " изюминку " сайта, то чем он выгодно отличается от других. Описание не должно быть набором поисковых слов. Их вы добавите в соответствующие поля. Правильно напишите e-mail, чтобы с вами могли связаться, в случае добавления вашего сайта. Если вы не уверены в своих силах, то можете поручить раскрутку сайта тому же 1ps или другим сервисам. Самый же престижный каталог, попасть в который, честь,www.dmoz.org. Чего я вам искренне желаю.

Теперь, когда проект запущен, нужно сделать его известным. Здесь, на Ucoz, существует, 30-дневный запрет на добавление сайта в поисковики во избежание раскрутки пустого сайта. За это время можно оповестить знакомых, друзей, побывать на тематических форумах, оставлять записи в гостевых книгах и досках объявлений других сайтов и т.п. Ну а затем регистрировать сайт в поисковых системах, таких как Yandex,Google, Bing, Nigma, GoGo, Yahoo!, Aport и др. Настоятельно рекомендую не просто добавить URL, а зарегистрироваться и добавить сайт, особенно в Yandex и Google. Лишним не будет. Зато узнаете много полезной информации. Добавлять сайт в поисковики можно самому или с помощью регистраторов, например 1ps, платно или используя демо-версию. Насчет Rambler... До недавнего я знала из Интернета, что эта поисковая система не индексирует сайты с бесплатных хостингов. А тут наткнулась на ссылку предлагавшую добавить сайт с Ucoz. Так и сделала. Когда проверила, оказалось, что, побывав на моем сайте, Rambler проиндексировал не меня, а сайт ссылающийся на меня! Не знаю с чем это связано. То ли, в самом деле, не индексирует сайты, такие как мой... Если ваш сайт расположен на территории России, то добавьте его в русские поисковики. Ссылки давать не буду, потому что, те ссылки, что есть у меня с сохраненных страниц, не всегда корректно работают. То не доступны, то страницы этой уже не существует. Просто наберите в поисковике: "русские поисковые системы" и выбирайте нужные вам. Точно также можно добавить сайт в поисковые системы других интересующих вас регионов. Следующий этап раскрутки сайта каталоги и рейтинги. P.S. Надеюсь, вы не забыли подготовить страницы сайта к индексации, добавив в теги keywords и description, описание страницы и поисковые слова. На этот счет есть разные мнения, мол, не все роботы обращают внимание на эти теги, но лучше постараться " угодить " всем.