Теги бывают парные и одиночные. Парные теги, как например, <p>какой-то текст</p>указывают начало и конец определенного элемента, в данном случае абзаца. А одиночные, например, <img> указывают элементы, не имеющие начала и конца, в данном случае изображение.

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

Давайте рассмотрим это на примере простейшей html-страницы:

Первая строчка сообщает браузеру на каком языке разметки написана страница, и ее версия. В «HTML5» версия не указывается.

Затем идет тег <html>, который включает в себя всю html-страницу.

Следующей строкой идет тег <head>, который включает в себя все вспомогательные теги страницы:

Первый тег <meta> указывает кодировку страницы.

Мета-тег <description> – ее описание.

Мета-тег <keywords> – ключевые слова страницы.

Тег <title> содержит в себе ее заголовок.

После тега <head> идет тег <body>, который содержит в себе все форматирующие теги страницы.

Приведу пример самых основных форматирующих тегов, которые чаще всего встречаются при оформлении html-страниц. Здесь я не буду затрагивать те теги, функции которых на данный момент выполняет язык CSS.

Дело в том, что до введения языка CSS все функции по оформлению страницы выполнял HTML. Но со временем было решено использовать HTML только для написания структуры страницы, а все функции, связанные с ее оформлением, переложить на CSS. Что привело к тому, что оформительская часть тегов соответственно устарела.

Теги <h1>, <h2>, ...<h6> – включают в себя заголовки статьи. По иерархии тег <h1> является самый главным, а тег <h6> соответственно самым незначительным. Здесь хочу отметить, что тег <h1> может встречаться только один раз в статье, в то время как тегов <h2> ...<h6> может быть несколько.

Тег <p> – разделяет статью на отдельные абзацы.

Тег <br> – переводит текст на новую строку.

Тег <strong> – выделяет текст жирным шрифтом, но в отличие от оформительского тега <b>, служит для выделения особой значимости заключенного в него текста для читателей и поисковых систем.

Тег <em> – выделяет текст курсивом, но в отличие от оформительского тега <i>, служит для выделения текста, на который следует обратить внимание.

Тег <ol> – создает нумерованный список, где тег <li> – это отдельный элемент списка. Например:

<ol>

<li>Первый элемент</li>

<li>Второй элемент</li>

<li>Третийй элемент</li>

</ol>

Тег <ul> – создает маркированный список, где тег <li> – это отдельный элемент списка.

Тег <img> – предназначен для вставки изображения, и имеет ряд атрибутов: src – адрес, по которому располагается изображение, title – заголовок изображения, alt – альтернативный текст, width – ширина в пикселях,  height – высота в пикселях. Например:

<img src="img/images.jpg" title="лошадь" alt="лошадь" width="450" height="300">

Тег <a> – создает гиперссылку на другую страницу, и имеет атрибуты: href – адрес страницы, на которую ведет ссылка, title – заголовок ссылки, target – конечная цель (значение “_self” открывает страницу в том же окне, “_blank” – в новом окне). Внутрь ссылки можно помещать как текст, так и изображение. Например:

<a href="" title="Онлайн Доход" target="_blank">Текст ссылки</a>
 
<a href="" title="Онлайн Доход" target="_blank" ><img src="img/images.jpg" alt="Онлайн Доход"></a>

Тег <div> – создает отдельный раздел документа, и используется для форматирования объектов на странице.

Тег <span> – создает отдельную текстовую область, позволяя проводить ее форматирование.

Тег <script> – содержит в себе скрипт (сценарий), выполняемый на уровне пользователя, или указывает на его расположение через атрибут src.

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

 
 

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

<link rel="stylesheet" href="путь_до_файла" type="text/css" />

Сам по себе язык CSS представляет собой набор так называемых селекторов, с описанием их свойств и значений. При помощи данных селекторов и происходит выбор определенных элементов веб-страницы. Запись производится в следующем виде:

селектор {
свойство: значение;
}

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

p {
font-size: 14px;
}

Для того, чтобы задать один стиль для нескольких разных элементов, можно прописать необходимые свойства для определенного класса, а затем назначить этот класс для этих элементов. Делается это при помощи атрибута class. Например, <p class=”post”>. Название класса начинается с точки:

.post {
font-size: 14px;
}

Можно также использовать групповые селекторы, то есть перечислить несколько селекторов через запятую:

p, h1, h2 {
font-size: 14px;
}

Чтобы назначить стиль только одному элементу, можно присвоить ему индивидуальный индификатор. Делается это при помощи атрибута id, например, <p id=“post“>. Название индификатора начинается с решетки:

#post {
font-size: 14px;
}

Здесь хочу отметить, что один и тот же индификатор может использоваться только один раз на странице.

Немаловажным моментом является то, что язык CSS учитывает также и вложенность элементов. Например, ссылка может быть расположена внутри абзаца, а абзац внутри блока <div>. И если задать определенный стиль блоку <div>, то он будет распространяться и на вложенные в него элементы. При этом нужно учесть, что не все свойства наследуются от элементов верхнего уровня.

Бывают случаи, когда элементу передаются свойства сразу от нескольких элементов верхнего уровня. Например, ссылке, расположенной внутри абзаца передается размер шрифта сразу и от абзаца и от блока <div>, внутри которого он находится. В этом случае приоритет отдается ближайшему элементу, т.е. абзацу.

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

ul a {
font-size: 14px;
}

При этом уровень вложенности может быть сколь угодно длинным:

.post ul li a {
font-size: 14px;
}

Еще одной особенностью языка CSS является то, что для некоторых селекторов можно назначить различные стили в зависимости от их состояния. Например, ссылка может иметь четыре состояния: нормальное состояние (link), с наведенным курсором (hover), в нажатом состоянии (active), посещенная ссылка (visited).

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

a:hover {
color: red;
}

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

Оформление текста

font-family: Verdana, Arial, sans-serif; (семейство шрифтов)
font-size: 13px; (размер шрифта в пикселях)
font-weight: bold/nornal; (жирность шрифта: bold – жирный, normal – нормальный)
font-style: italic/nornal; (стиль шрифта: italic – курсив, normal – нормальный)
line-height: 1.5; (межстрочный интервал как множитель)
text-align: left/right/center/justify; (выравнивание текста: left – по левому краю, right – по правому краю, center – по центру, justify – по краям)
text-decoration: none/blink/overline/underline/line-through; (оформление текста: none – без оформления, blink – мигающий, underline – подчеркнутый , line-through – перечеркнутый)
color: #000000; (цвет текста в шестнадцатеричной системе)

Отступы

margin-top: 10px; (внешний верхний отступ)
margin-right: 5px; (внешний правый отступ)
margin-bottom: 15px; (внешний нижний отступ)
margin-left: 7px; (внешний левый отступ)
margin: 10px 5px 15px 7px; (внешний отступ, сокращенная запись)
padding-top: 10px; (внутренний верхний отступ)
padding-right: 5px; (внутренний правый отступ)
padding-bottom: 15px; (внутренний нижний отступ)
padding-left: 7px; (внутренний левый отступ)
padding: 10px 5px 15px 7px; (внутренний отступ, сокращенная запись)

Рамка

border-width: 2px; (толщина рамки)
border-style: dotted/dashed/solid; (стиль рамки: dotted – точечная, dashed – пунктирная, solid – сплошная )
border-color: #000000; (цвет рамки)
border: 2px solid #000000; (рамка, сокращенная запись)
border-radius: 10px; (радиус скругления углов рамки)

Фон

background-color: #00ffff; (цвет фона)
background-image: url("images/b1.png"); (фон в виде изображения)
background-repeat: no-repeat/repeat-x/repeat-y/repeat; (повторение фонового изображения: no-repeat – без повторения, repeat-x – повторение по горизонтали, repeat-y– повторение по вертикали, repeat – повторение по горизонтали и вертикали)

Отображение

float: left/right; (выравнивание: left – полевому краю, right – по правому краю, при этом все элементы обтекают заданный по противоположному краю)
visibility: visible/hidden; (видимость объекта: visible – видимый, hidden - скрыт)

Думаю, на этом список наиболее часто используемых свойств и их значений можно закончить.

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

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

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

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

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

Ни для кого не секрет, что наиболее распространенной доменной зоной для русскоязычного сегмента Интернета, является зона «RU». Это связано, в первую очередь, со спецификой просчета поисковыми системами географической привязки доменов. Все домены в данной зоне можно условно разделить на следующие категории: общего, открытого и корпоративного пользования. При решении задачи регистрации домена и его последующей корректной индексации поисковиками, следует учитывать некоторые факторы, которые мы рассмотрим подробнее.

Для начала разберемся в терминологии, которая применяется при регистрации доменов и их привязке к виртуальному хостингу или серверу. DNS – это система доменных имен, что можно расшифровать как Domain Name System. Каждый компьютер или любое другое «разумное» устройство, подключенное к сети Интернет, имеют свой сегмент в адресном пространстве, или как его еще называют IP адрес, который состоит из четырех цифр, например: 190.240.003.144. Для облегчения процесса обращения по этому адресу используются символьные имена (домены), которые можно «связать» между собой при мощи DNS серверов. Символьных имен, соответствующих одному IP адресу, может быть сколько угодно.

К компьютеру в Сети можно обратиться как при помощи цифрового имени, так и символьного. DNS — сервера имеют запись, которая перенаправляет пользователя по вводимому им символьному имени на цифровой адрес в Сети. Также на данных серверах прописаны пути к почтовой системе. Так, например, для вашего домена вида domen.ru можно создать сколько угодно почтовых ящиков вида logi@domen.ru. Хотя поддержку почтовых аккаунтов можно и вообще не включать, как, в принципе, и регистрировать домен только для использования функций почты.

При выборе хостинга в случае использования домена для размещения своего сайта в Сети изначально рекомендуется выбрать выделенный IP адрес для создания и использования собственных name серверов, так как это в значительной степени повысит трастовость вашего доменного имени (доверие поисковиков). Также для доменной зоны «RU» желательно использование региональные IP адреса, иными словами, серверы, использующие Российские IP адреса. Применяя на практике вышеописанные рекомендации, вы существенно повысите доверие поисковых машин к вашему будущему ресурсу, что не может впоследствии не отразиться на качестве и количестве целевой аудитории в лучшую сторону.

И так сегодня разберем такую тему – создание сайта, а точнее правильное создание сайта. Что это такое и с чем его едят. В данный момент интернет растёт в геометрической прогрессии, и сайтов становится всё больше и больше. Многие начинают создавать сайт, без правильного подхода к этому делу. В итоге на выхлопе получают г*носайтик. Всё это происходит либо из-за незнания, либо из собственной лени. Часто задают вопрос, почему сайтов плодится всё больше и больше, и большинство из них сделаны очень плохо и криво. А вот хороших сайтов не делается в таком же количестве. Всё очень просто нет правильного подхода. Самая большая ошибка мастера заключается в том, что нет качественного плана. Как известно для успешного создания сайта нужно всё продумывать качественно и грамотно. И так давайте приступим к написанию плана под названием правильный сайт. Скажу сразу, я назову лишь основные критерии, по которым нужно создавать сайт.

Зачем нужен сайт

В первую очередь нужно определиться, зачем тебе сайт, нужен ли он тебе? На любой сайт нужно тратить уйму времени, для того что бы он был успешен. Не один успешный сайт не получится за 5 минут. Над каждым сайтом нужно работать и работать. И не просто работать, а тратить кучу своего свободного времени. Предположим, вы определились, и вам в действительности нужен сайт и Вы готовы тратить на него своё время. Хочу напомнить, какие бы Вы цели не ставили, всё равно в дальнейшем Вы захотите что-то вынимать со своего сайта, получать прибыль. То есть зарабатывать на нём деньги. А для того что бы зарабатывать, нужен правильный сайт. И так мы определились, нам очень нужен сайт.

Тематика сайта

Это один из важных моментов, нужно выбрать правильную тематику сайта. Нужна исключительно та тематика, в которой вы очень, очень хорошо разбираетесь и можете предложить много информации. Неправильно выбранная тематика заведомо приведёт ваш сайт к неудачи. И ваше потерянное время уйдет в некуда, да и сами думаю, расстроитесь. Не стоит забывать о том, что помимо тематики сайта нужно выбрать правильную нишу. Попробую объяснить, на примере, что такое ниша для сайта. Например, Вы выбрали тематику вашего сайта видео. В данный момент это неправильная ниша – в этой нише очень огромная конкуренция, я не думаю, что у вас хватит сил и времени конкурировать с таким запросом. Смотрим статистику.
Как видим в запросе, видео поисковик выдал 926 миллионов сайтов, а теперь задайте себе вопрос, сможете ли Вы конкурировать среди такого количества сайтов. Думаю, не сможет, он среди такого количества просто потеряется и его пользователи не найдут. Давайте сменим запрос в поисковик, сделаем – видео курсы joomla
Как мы видим мы дали более четкий запрос – целенаправленный, задали тематику видео которое нам нужно. И тем самым сократили конкуренцию с 926 миллионов до трёх. Тем самым наш сайт будет намного легче найти. Таким образом, как я показал нужно выбирать нишу для вашего сайта. К примеру, вы выбрали нишу сайта – видео уроки , к вашим категориям сайта тоже нужно правильно подбирать нишу, сокращать её – что бы было меньше конкуренции. Таким образом мы сможем набрать целевую аудиторию.
3) Выбор дизайна – очень важно правильно подобрать шаблон к своему сайту. Основные критерии – дизайн не должен резать глаза, большинству пользователей не понравится такой сайт и он немедленно покинет его. И правду напрягают глянцевые сайты, жуть просто. Посидишь, сутки за компом — глаза устают, потом попадаешь, на какой-то такой сайт и хочется админа просто прибить. Дизайн сайта должен быть мягкий и приятный, от него не должны уставать глаза.

Правильные ссылки

На сайте должны быть ровненькие, красивенькие ссылки. То есть ЧПУ, что в переводе, человеко подобные урлы. Желательно что бы все страницы сайта заканчивались на .html По своему опыту скажу, с таким расширением поисковые роботы лучше воспринимают и индексируют страницы. Для того что бы включить ЧПУ на своей joomla, нужно перейти в панель управления, общие настройки и поставить как на скриншоте. Перед этим нужно переименовать файл htaccess.txt .htaccess
На этом я заканчиваю статью. В данный момент Мы сделали первые маленькие шаги к правильному созданию сайта. Еще конечно существует огромное количество критериев, которые мы разберем в следующих статьях. Спасибо кто читал, статья была рассчитана для новичков, что бы они на первых шагах создания сайта очень грубых ошибок. Ведь если с самого начала допустить ошибки весь проект пойдет в некуда, и весь труд и потраченное время пойдёт насмарку.

Вставка кода в joomla – многие новички встречаются с такой проблемой. Как вставить код в joomla. Я очень много прочитал статей – есть действительно очень много вариантов. Но все они такие , какие то не понятные для простого пользователя. Короче говоря,  каждый предлагает свой вариант, многие доходили до абсурда. Предлагалось установить расширение , которое предназначалось совсем для другого занятия , и мол оно поддерживает  вставку кода. Ну реально бред . В общем я в своё время столкнулся тоже с такой проблемой, ну и как всегда мне помог все могучий гугле мугле. Так вот о чем я, перелопатил я кучу сайтов на русском языке, в итоге не чего не нашел путевого. Но стоило мне дать запрос на английском языке и тут сразу счастье привалило.

Нашел я это чудо .

Sourcerer – его предназначение для вставки кода в joomla, да к тому же еще и бесплатный, и с русской локализацией. Почему именно этот плагин? Ведь есть модули для этого – просто у меня задача была вставка кода в статьи. С чем данный плагин joomla прекрасно справился . Большинство пользователей начинаю искать как вставить код в статьи, тогда когда начинают работать с рекламой от google или любой другой сетью для заработка. Настройка  Sourcerer – после установки, которая проходит стандартным образом, переходите в менеджер плагинов и включаете системный плагин этого расширения и включаете кнопку

(в вашем редакторе добавиться кнопка для вставки кода) Теперь для вас вставить код любой рекламной сети будет так же просто, как и вставить картинку в статью. Просто нужно будет воспользоваться другой кнопкой в редакторе «вставить код» PS. Всё что в окне при вставке кода стираем и заменяем на свой код, кроме тегов source.

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

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

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

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