Партнёрам Конкурс зал Заказать мнение

 

МЕНЮ

 



Получить WMR-бонус на свой кошелек. Вводи хоть каждый день!
Заработать сейчас
Заработай вместе с
Создание сайта
Эффекты для сайта
Размещаем на хостинг
Webmoney
Раскрутка сайта
Как заработать на сайте?
Заработок на скачивании ваших файлов
В помощь вэб-МАСТЕРУ
Безопастность сайта
Заработок без сайта
Библиотека
Коллекция картинок
Программы
После работы можно и раслабиться

 


 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


сайт с нуля


"Привлекательный дизайн способен остановить чьё-то внимание!. Шаг за шагом следуй за автором!"

                     

САЙТ С НУЛЯ

 "ШАГ ЗА ШАГОМ" 


Содержание страницы.

 

ДИЗАЙН САЙТА

      Прежде, чем создать дизайн, нарисуйте как будет выглядеть ваша страница. Я с вами буду создавать вот такую простенькую страничку, которую вы видите на рис.2. Обратите внимание, мы будем проходить с вами неизвестные вам тэги. Я обязятельно вам их объясню.

 

сайт с нуля

(рис.2)

      Берём стандартный код HTML, добавляем тэги, которые предназначены для ключевых слов и описания сайта. Всё, что отмечено красным - подставляете под свой материал.<meta name="description" content="Сайт о том..." /> скрипт - означает описание сайта.<meta name="keywords" content="заработок в интернете,..." /> - это вставка ключевых слов.<title></title>-название вашей страницы. А всё, что не красным - перепишите буква в букву.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd">
<html>
<head>
<meta name="description" content="Сайт о том, как можно реально заработать в Интернете на
coздании сайтов"
/>
<meta name="keywords" content="заработок в Интернете, быстрый заработок, дополнительный
заработок, заработок на дому, реальный заработок, создать сайт своими силами, сайт с нуля, самому
раскрутить свой сайт, раскрутка сайта с нуля и бесплатно."
/>
<META content="INDEX, FOLLOW" name=ROBOTS>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title> Сайт с нуля
</title>

</head>
<body>
</body>

</html>

 

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

 

сайт с нуля

(рис.3)

 

к содержанию

 

ВСТАВЛЯЕМ ТАБЛИЦЫ

 

      Для создания таблиц есть тэги <table></table>. Вы спросите для чего вообще эти таблицы? Во-первых, с таблицами легче работать. Во-вторых, ваш сайт будет выглядеть намного аккуратней и красивей. Между тэгами <table></table> ставим <tr></tr> - строчка таблицы и <td></td> - столбики (ячейка) таблицы. Например:

<table>

<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>

</table>.

1
2
3
4

 


      Теперь вставим таблицы для нашего простенького сайта. Чтобы вы видели таблицу, нужно прописать <border="1">. Этот тэг отвечает за толщину таблицы. Если 0, то таблица будет, но вы не увидете её рамки. Если поставить 1 и больше, то она станет толще. Я в своём случае ставлю 0. От размещения таблиц зависит вид вашего дизайна, его удобность для пользователя. В дальнейшем пробуйте расставлять таблицы нестандартно.
     Дальше прописываем ширину и высоту таблицы тэгами <width="ваш розмер" height="ваш розмер">. Потом пропишем ширину столбцов. Таблицу ещё можно ставить по центру <center></center> либо прижать к левому<div align="left"></div>(выполняеться по умолчанию)/правому краю<div align="right"></div>. Если вы хотите увидеть это всё на примере, то скопируйте всё в редактор или в блокнот.
     Если у вас возникли проблемя с таблицами, то вы можете скачать бесплатно готовые коды и макеты.  

  

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="description" content="Сайт о том, как можно реально заработать в Интернете на
coздании сайтов"
/>
<meta name="keywords" content="заработок в Интернете, быстрый заработок, дополнительный
заработок, заработок на дому, реальный заработок, создать сайт своими силами, сайт с нуля, самому
раскрутить свой сайт, раскрутка сайта с нуля и бесплатно."
/>
<META content="INDEX, FOLLOW" name=ROBOTS>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<title>Сайт с нуля</title>
</head>
<body><center>
<table width="741" height="393" border="1">
<tr>
<td width="117"valign="top">
<table width="100" height="173" border="1" align="center">
<tr>
<td align="center" valign="middle"></td>
</tr>
<tr>
<td align="center"></td>
</tr>
<tr>
<td align="center"></td>
</tr>
<tr>
<td align="center"></td>
</tr>
<tr>
<td align="center"></td>
</tr>
</table></td>
<td width="608"valign="top"><center>
<table width="658" height="396" border="1">
<tr>
<th height="39" valign="bottom"> <div align="right"></div></th>
</tr>
<tr>
<td height="59"><div align="center"></div></td>
</tr>
<tr>
<td ><div align="justify">
<center>
<table width="603" border="0">
<tr>
<th width="557" align="top"><div align="justify"></div></th>
</tr>
</table></center>
</div></td>
</tr>
</table></center></td>
</tr>
</table></center>
</body>
</html>

  Результат нашей работы(рис.4)

 

к редактору







сайт с нуля


(рис.4)

        

к содержанию

ВСТАВЛЯЕМ РИСУНОК

 

      Теперь самое ИНТЕРЕСНОЕ! Оформление страницы. Тут ваши возможности не ограничены: подбирайте со вкусом рисунки, цвета и фоны. Ведь именно от этого сложится превое впечатление у пользователя: живое и яркое привлекает, сухое и бледное - отталкивает.


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


     Для удобства создаём папку с рисунками (img), где будут храниться все рисунки (рис.5). Вставляем рисунок через тэг <img src="img/имя файла.формат файла(jpg,bmp,gif)">, здесь тоже можна указывать размеры рисунка <img src="img/имя файла. формат файла (jpg,bmp,gif) "width="розмер" height="розмер">. Также вокруг рисунка можна сделать рамку <img src="img/имя файла. формат файла (jpg,bmp,gif) "width="розмер" height="розмер" border="1">. Если у вас нет толковых по теме рисунков, вы можете подходящее скачать у нас ( есть всё, кроме порно!). СКАЧАТЬ.

сайт с нуля

 (рис.5)


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="description" content="Сайт о том, как можно реально заработать в Интернете на
coздании сайтов"
/>
<meta name="keywords" content="заработок в Интернете, быстрый заработок, дополнительный
заработок, заработок на дому, реальный заработок, создать сайт своими силами, сайт с нуля, самому
раскрутить свой сайт, раскрутка сайта с нуля и бесплатно."
/>
<META content="INDEX, FOLLOW" name=ROBOTS>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<title>Сайт с нуля</title>
</head>
<body><center>
<table width="741" height="393" border="1">
<tr>
<td width="117"valign="top"><img src="img/q.jpg" width="117" height="160" />
<table width="100" height="173" border="1" align="center">
<tr>
<td align="center" valign="middle"></td>
</tr>
<tr>
<td align="center"></td>
</tr>
<tr>
<td align="center"></td>
</tr>
<tr>
<td align="center"></td>
</tr>
<tr>
<td align="center"></td>
</tr>
</table></td>
<td width="608"valign="top"><center>
<table width="658" height="396" border="1">
<tr>
<th height="39" valign="bottom"> <div align="right"></div></th>
</tr>
<tr>
<td height="59"><div align="center"></div></td>
</tr>
<tr>
<td ><div align="justify">
<center>
<table width="603" border="0">
<tr>
<th width="557" align="top"><div align="justify"></div></th>
</tr>
</table></center>
</div></td>
</tr>
</table></center></td>
</tr>
</table></center>
</body>
</html>

Результат нашей работы (рис.6)

к редактору

 

 

сайт с нуля

(рис.6)

к содержанию

 

 

РАЗУКРАШИВАНИЕ САЙТА

      Если вы хотите вставить цвет как фон в таблице, то пишем тэг <bgcolor="#код цвета">. Тем же тэгом можно задать цвет как фон отдельно столбцам <td bgcolor="#код цвета">. А вот вашему вниманию кода к основным цветам (рис.7). Если вам этого не достаточно, то можете скачать остальные у нас.
     Если вы хотите всавить рисунок как фон, то прописываем тегом<background="img/имя файла. формат файла (jpg,bmp,gif)">. Для общей страницы прописываем <body background="img/имя файла. формат файла (jpg,bmp,gif)">, а для определённой ячейки прописываем <td background="img/имя файла. формат файла (jpg,bmp,gif)">. Я в своём примере это не использую.

 

# f f f f f f
 
# 000000
# cc0000
# FFFF00
# 0000FF
# 00cc00
# cccccc

(рис.7)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="description" content="Сайт о том, как можно реально заработать в Интернете на
coздании сайтов"
/>
<meta name="keywords" content="заработок в Интернете, быстрый заработок, дополнительный
заработок, заработок на дому, реальный заработок, создать сайт своими силами, сайт с нуля, самому
раскрутить свой сайт, раскрутка сайта с нуля и бесплатно."
/>
<META content="INDEX, FOLLOW" name=ROBOTS>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />

<title>Сайт с нуля</title>
</head>
<body bgcolor="#000000"><center>
<table width="741" height="393" border="0">
<tr>
<td width="117"bgcolor="#000000"valign="top"><img src="img/q.jpg" width="117" height="160" />
<table width="100" height="173" border="1" align="center" bordercolor="#666666">
<tr>
<td align="center" valign="middle"></td>
</tr>
<tr>
<td align="center"></td>
</tr>
<tr>
<td align="center"></td>
</tr>
<tr>
<td align="center"></td>
</tr>
<tr>
<td align="center"></td>
</tr>
</table></td>
<td width="608"valign="top"><center>
<table width="658" height="396" border="0">
<tr>
<th height="39" bgcolor="#ffffff"valign="bottom"> <div align="right"></div></th>
</tr>
<tr>
<td height="59"bgcolor="#000000"><div align="center"</td>
</tr>
<tr>
<td bgcolor="#8A8989"><div align="justify">
<center>
<table width="603" border="0">
<tr>
<th width="557" align="top"><div align="justify"></div></th>
</tr>
</table></center>
</div></td>
</tr>
</table></center></td>
</tr>
</table></center>
</body>
</html>

Результат нашей работы (рис.8)

к редактору

 

 

сайт с нуля

(рис.8)

к содержанию

 

РЕДАКТОР ДЛЯ ВЕБ-СТРАНИЦ

         Скопируйте и введите даный в примерах код HTML и вставьте его в редактор. А чтобы вы хорошо запомнили кода, то пропишите их собственноручно в редакторе или в блокноте.

 

HTML РЕДАКТОР.



Введите код

Вернутся к разделу:

вставляем таблицы

разукрашивание сайта

ПРОВЕРЬ СЕБЯ

1).  Прежде, чем создать дизайн, что нужно?
2). Функция - bgcolor?
3). Функция - border?
4).Каков должен быть рисунок?
5).Что нужно сделать, если у вас нет толковых по теме рисунков?

к содержанию


< Назад  |  | Меню |  | Забыл всё |  |  Далее >


 


ДОПЛНИТЕЛЬНАЯ
ИНФОРМАЦИЯ ОТ
ПАРТНЁРОВ


_____________

УВЕЛИЧЬ ДОХОД
НА САЙТЕ