Создать сайт несложно

Главная Создание сайта Раскрутка Заработок Литература Программы Помощь

Создать сайт несложно!

1 2 <-- 3 --> 4

Теперь поработаем над видимой частью странички. Переключаясь на закладку Просмотр будете видеть все изменения.

Попробуйте изменить текст. Например, поменяйте название кнопки (рис.1 и 3). Для этого в строчке (примерно 33), начинающейся тегом img src="images/dot.gif" нужно лишь заменить слово Home на Главная (рис.2). Точно также можете поменять названия остальных кнопок.

На рисунках 4 и 5 показано, как изменить размер надписи на кнопках. В строчке 8 я увеличил с 10px до 14px, вы можете поставить свое значение.
Далее разберемся с текстом в абзацах, на рисунках написано, что и где можно поменять

Теперь, когда заменили тексты на свои, можно разместить творение в Интернете. Для этого нужно в narod.ru на своём созданном сайте зайти Мастерская - Управление файлами, нажать кнопку Свойства. В открывшемся окне нажать ссылку Текстовый редактор, появится код HTML, который надо полностью удалить и на его место вставить скопированный из редактора Extra Hide Studio 2009 5.5 код Вашего творения. Нажать кнопку Сохранить. При желании тут же можно установить счетчик посетителей.

Всё. Готово. Можно зайти через браузер. Ваш сайт доступен всем.

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

Немного поясню про кодировку цвета. Она имеет подобную форму: например, #000000 -черный, #FFFFFF -белый. Первые два знака -красный (#FF0000), следующие два -зелёный и последние -синий. Промежуточные значения дают оттенки (например, #A073E4). Регистр значения не имеет, поэтому может быть (#e073e4). При подборе цвета будет очень полезна программа ColorT Final 1.5, наведя курсор на любую точку экрана, Вы узнаете код её цвета. Бесплатно скачать программу можно: http://studiorev.ru/025.html

1 2 <-- 3 --> 4

Азбука HTML

<font></font> - сам по себе погоды не делает, всегда употребляется с одним из параметров, приведенных ниже:

<font color="#cc0000">текст</font> - задает цвет текста выбранной части документа.
<font size="+0">текст</font> - задает размер шрифта текста (от -2 до +4)
<font face="Arial">текст</font> - задает определенный шрифт в документе (можно прописать какой-нибудь экзотический шрифт)

ссылка на другой документ:
<a href="другой_документ.html"></a>
В код можно добавить значения:

target=_blank - открывает ссылку в новом окне.

title="название" - имя закладки.

Например, код ссылки на главную страницу - Главная страница может выглядеть так:
<a target="_blank" href="index.html" title="Главная страница сайта">Главная страница</a>

<hr> - линия

<Hr align="right"> (center или left>

<Hr width="30%"> (ширина линии в процентах)

<Hr size="6"> (толщина линии)

<Hr NoShade> (отмена объемности)

<Hr color="cc0000"> (цвет линии, только в IE)

<img src="ваша_картинка.jpg"> - рисунок

Border="5" - рамка покруг картинки <
width="500" - ширина картинки
height="100" - высота картинки
align="left" - расположение текста по отношению к картинке (right, top, middle, left, bottom)
vspace="10" - расстояние от картинки до текста по вертикали
hspace="30" - расстояние от картинки до текста по горизонтали
alt="описание" - описание картинки
clear="all" (left, right) - завершение обтекания текстом объекта (картинки)
usemap="#karta1" - ссылка на карту

<table></table> - таблицы

<tr></tr> - строчка (ряд) таблицы.
<td></td> - столбец (ячейка) таблицы.
bgcolor="#FFCC33" - цвет фона таблицы (строки, ячейки).
background="картинка.gif" - задает фоновый рисунок для таблицы (строки, ячейки).
width="50" или width="50%"- ширина таблицы (строки, ячейки) в пикселях или процентах.
height="45" или height="45%"- высота таблицы (строки, ячейки) в пикселях или процентах.
align="center" (right, left) - выравнивает содержимое ячейки относительно ее центра (правого или левого краев).
valign="middle" (top, bottom) - вертикальное выравнивание содержимого строки (ячейки) по середине (наверху или внизу).
colspan="2" - растянуть ячейку на несколько стобцов.
rowspan="2" - растянуть ячейку на несколько рядов.
cellspacing="5" - задает пространство между ячейками.
cellpadding="5" - задает пространство внутри ячейки между ее содержимым и границами.
border="3" - задает толщину рамки таблицы.
bordercolor="#000000" - задает цвет рамки таблицы.

Хостинг от uCoz