Translate

главное

КУПИТЬ ССЫЛКУ ЗДЕСЬ ЗА руб.______

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

Создание HTML кода ссылки

Вводите адрес сайта , текст ссылки и при желании дополнительные параметры, нажимаете кнопку "Создать ссылку" и код вашей ссылки готов!

Обязательные параметры

Адрес сайта *

Текст ссылки *

Дополнительные параметры

Открывать в новом окне
Добавить пиктограмму об открытии в новом окне
Окружить тегом <noindex> ?
Добавить атрибут rel="nofollow" ?
Добавить атрибут download ?
Текст всплывающей подсказки:

Скопируйте его, и вы легко сможете вставить его на вашем сайте или блоге.

Обязательные для заполнения поля помечены *

Ваша ссылка будет выглядеть так:
Код вашей ссылки:





Форматирование текста html-страницы


Выбор шрифта

Изменение размера шрифта

Выбор цвета шрифта

Изменение цвета фона

Выбор шрифта html-страницы

Для изменения шрифта служит тэг <FONT> с атрибутом FACE. Можно указывать шрифт по названию (Arial, Tahoma, Verdana) или типу(например, monospace). Желательно перечислить несколько имен шрифта, чтобы избежать ситуации, когда окажется, что требуемый шрифт не установлен у пользователя. Рекомендую "забить" хотя бы один из общепринятых шрифтов (например Arial). Не рекомендую на одной странице применять более 2-3 различных шрифтов, иначе страница будет смотреться аляповато и непрофессионально.

Пример:

HTML-код:


<p><font face="Times New Roman, Arial">У попа была собака, ОН ЕЕ ЛЮБИЛ</p>

<p><font face="Monotype Corsiva, Arial">Она съела кусок мяса, ОН ЕЕ УБИЛ</p>

Отображение в браузере:


У попа была собака, ОН ЕЕ ЛЮБИЛ

Она съела кусок мяса, ОН ЕЕ УБИЛ


Изменение размера шрифта html-страницы

Для изменения размера шрифта используют атрибут SIZE. Чем крупнее шрифт, тем более легким для восприятия становится текст. Однако, мелкий шрифт позволяет уместить в пределах экрана больший объем информации. Используя данный атрибут с тэгом <BASEFONT> , вы можете изменить размер текста вэб-страницы целиком. Применяя атрибут SIZE совместно с тэгом <FONT>, можно воздействовать на внешний вид отдельного фрагмента текста. Доступно 7 размеров шрифтов. Самый малый обозначается цифрой 1, а самый крупный - 7.

Изменять шрифт можно с помощью тэгов <BIG> и <SMALL>. <BIG> укрупняет шрифт указанного фрагмента по отношению к предыдущему тексту, а <SMALL>, соответственно, уменьшает.

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

Пример:

HTML-код:


<p><font size="1">Шрифт размера 1</font></p>

<p><font size="2">Шрифт размера 2</font></p>

<p><font size="3">Шрифт размера 3</font></p>

<p><font size="4">Шрифт размера 4</font></p>

<p><font size="5">Шрифт 5</font></p>

<p><font size="6">Шрифт 6</font></p>

<p><font size="7">Шрифт 7</font></p>

<p><font size="6">У</font>тро красит нежным светом</p>

<p><font size="+2">С</font>тены <small>старого</small> <big>Кремля</big></p>

Отображение в браузере:


Шрифт размера 1

Шрифт размера 2

Шрифт размера 3

Шрифт размера 4

Шрифт 5

Шрифт 6

Шрифт 7

Утро красит нежным светом

Стены старого Кремля


Выбор цвета шрифта html-страницы

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

Используя атрибут TEXT в контексте тэга <BODY>, можно изменить цвет текста вэб-страницы целиком. Применение же атрибута COLOR с тэгом <FONT> (обладает более высоким приоритетом) позволяет взаимодействовать на внешний вид отдельного фрагмента текста.

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

Наим-е 
цвета       Код     

aqua        ##00FFFF
black       ##000000
blue        ##0000FF
fuchsia     ##FF00FF
gray        ##808080
green       ##008000
lime        ##00FF00
maroon      ##800000
navy        ##000080
olive       ##808000
purple      ##800080
red         ##FF0000
silver      ##C0C0C0
teal        ##008080
white       ##FFFFFF
yellow      ##FFFF00

Пример:

HTML-код:


<p><font color="#ff0000">Красный цвет</font></p>

<p><font color="blue">Синий цвет</font></p>

Отображение в браузере:


Красный цвет

Синий цвет


Изменение цвета фона html-страницы

Атрибут BGCOLOR дает возможность явного указания цвета фона вэб-страницы. Цвет фона задается аналогично цвету текста (именем или кодом).

Пример:

HTML-код:


<BODY BGCOLOR="#00FF00"> </BODY>

Отображение в браузере:





Теги форматирования текста в HTML

К тегам форматирования текста в HTML можно отнести теги изменяющие отображение выделенного фрагмента.

Список тегов форматирования текста

<strong> - важный фрагмент текста, жирный;

<em> - акцентирование внимания, курсив;

<mark> - подсвеченный участок текста;

<b> - жирный шрифт;

<i> - курсив, наклонный шрифт;

<s> - зачеркнутый текст;

<small> - текст меньшего размера;

<sup> - верхний индекс;

<sub> - нижний индекс;

<pre> - предварительно отформатированный текст;

<dfn> - термин;

<q> - короткая внутри-строчная цитата;

<blockquote> - цитата;

<cite> - сноска на название материала;

<code> - программный код;

<samp> - результат вывода компьютерной программы;

<kbd> - клавиатурный ввод;

<var> - переменная компьютерной программы.




С помощью этого помощника, Вы сможете быстро составить код своего баннера.

Адрес Вашего сайта

Например: https://www.webmaster.net.ru/

Адрес картинки для Вашего баннера

Например: https://www.webmaster.net.ru/_ld/7/30899974.png
Надпись при наведении мышки на баннер
(Тег TITLE)


Например: Все для вебмастера
Ширина баннера

Например: 468
Высота баннера

Например: 60






Примеры готовых баннеров:










При наведении мыши на баннер открывается текст который вы написали.
При нажатии на баннер вы переходите на рекламируемый вами сайт.




Ротатор баннеров на любой сайт

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


<script type="text/javascript">
var mycrib = [];
mycrib[0] = '<a href="ваша партнерская ссылка" target="_blank" rel="nofollow"><img src="ссылка на изображение баннера" alt="название баннера" width="300" height="250"></a>'

mycrib[1] = '<a href="ваша партнерская ссылка" target="_blank" rel="nofollow"><img src="ссылка на изображение баннера" alt="название баннера" width="300" height="250"></a>'

mycrib[2] = '<a href="ваша партнерская ссылка" target="_blank" rel="nofollow"><img src="ссылка на изображение баннера" alt="название баннера" width="300" height="250"></a>'

var x = 0;

function rotate(mycrib) {
while (x < mycrib.length) {
var sort = Math.floor(Math.random() * mycrib.length);
if (mycrib[sort] != 0) {
document.getElementById('adspace').innerHTML = (mycrib[sort]);
mycrib[sort] = 0;
x++;
}
}
}
</script>

<script>
#adspace {

}

#adspace img {

}
</script>

<div id="adspace">
<script type="text/javascript">
rotate(mycrib);
</script>
</div>

Скопируйте выше предложенный код, замените выделенное желтым цветом – на вашу партнёрскую ссылку, зеленым – ссылка на изображение, а фиолетовым – заполняем атрибут alt – название баннера. Не забудьте проставить размеры каждого баннера в коде скрипта (width – ширина баннера, а height – высота).

ПРИМЕР




Надеюсь этот краткий начальный обзор даст начинающим вебмастерам желание двигаться дальше и развиваться.

Расскажите об этом сайте своим друзьям и знакомым!

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

Сообщения отсутствуют.
Сообщения отсутствуют.