Banner

 


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






Создание 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 – высота).

ПРИМЕР




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

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

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

Комментариев нет:

Отправить комментарий