Инструменты для вебмастера - это большой набор в который входят программы, скрипты, онлайн сервисы с помощью которых вебмастера делают свою работу на этапах создания и продвижения интернет проектов.
Создание HTML кода ссылки
Вводите адрес сайта , текст ссылки и при желании дополнительные параметры, нажимаете кнопку "Создать ссылку" и код вашей ссылки готов!
Форматирование текста 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> - переменная компьютерной программы.
С помощью этого помощника, Вы сможете быстро составить код своего баннера.
Ротатор баннеров на любой сайт
<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 – высота).
ПРИМЕРНадеюсь этот краткий начальный обзор даст начинающим вебмастерам желание двигаться дальше и развиваться.
Расскажите об этом сайте своим друзьям и знакомым!
Если Вы на этом сайте нашли что-то полезное для себя , тогда расскажите об этом своим друзьям и знакомым, напишите о нас в соц.сетях или в своем блоге.
