Зарабатывай на файлах

Рекомендую
Программа для комплексного анализа сайта


Хостинг

Апы

Пользуюсь

Партнёры
2leep.com

Подписка

Календарь
«    Декабрь 2013    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
 

Считалки
Рейтинг@Mail.ru

Участник Blograte.ru


Основы HTML

 
Если вы решили зарабатывать на своём собственном сайте , то естественно вам понадобиться создать этот сайт.В этом разделе я покажу основные принципы построения веб страницы.Даже если вы не будете самостоятельно верстать свой сайт, а закажите его изготовление специалисту,то всё равно эти знания не будут лишними.
Итак приступим.
Для начала нам нужен любой текстовый редактор.Я пользуюсь Notepad++ , но можно воспользоваться и стандартным Блокнотом.Думаю не надо объяснять как запускать Блокнот.Но на всякий случай : жмем кнопку Пуск -> Все программы -> Стандартные -> Блокнот.



Теперь выделите левой кнопкой мышки код, написанный ниже и скопируйте его в буфер (через правую кнопку мышки, или нажав Ctrl и кнопку C, или через меню Блокнота : Правка -> Копировать).

<html>
<head>
<title>Моя первая интернет страница всего лишь за 5 минут</title>
</head>

<body>

Сегодня замечательный день. <br/>Я сделал свою первую интернет страничку.

</body>

</html>


Затем перейдите в Блокнот и вставьте из буфера скопированный код (через правую кнопку мышки, или нажав Ctrl и V, или выбрав в меню Блокнота пункт Правка -> Вставить).

Теперь выбираем в меню Блокнота : Файл - > Сохранить как ...

Выбираем место на диске для сохранения файла, создав, например, для нашего обучения папку site на диске D.
Сохранять в "Мои документы" или "Рабочий стол" не надо!
Затем вводим имя файла, под которым мы сохраним нашу страничку. Вводим, например, page.html, в типе файла устанавливаем (если возможно) Все файлы (*.*) , кодировку установить ANSI и жмем кнопку "Сохранить"



Тут такой нюанс, если блокнот сохранил ваш файл как page.html.txt (если нельзя было выбрать опцию тип файла "Все файлы (*.*) - то переименуйте его в page.html

Для удобной работы с файлами (копирование, перемещение, переименование, редактирование и т.д.) рекомендую установить программу Windows Commander или Total Commander. Легко найдете в интернете.

Расширение файла html - показывает, что данный файл является интернет-страницей.

Теперь найдите на вашем диске сохраненный файл page.html.

Теперь запустите файл page.html, нажав быстро мышкой по файлу 2 раза.

У вас запуститься ваш браузер, например Internet Explorer и откроется вот такая страничка.

Возможные проблемы:

Если у вас не запускается созданный файл в виде интернет-страницы и вместо интернет-страницы вы видите набранный вами код, то скорей всего файл сохранился как page.html.txt Проверьте! Зайдите на диск средствами Windows или через оболочку типа Total Commander и посмотрите. Блокнот иногда может добавить .txt Следовательно если обнаружен такой косяк - переименуйте файл в page.html

Если вдруг у вас на экране "кракозябры" -значит надо установить в браузере кодировку страницы Cyrillic Win-1251, в Опере это делается так:



Если у вас Internet Explorer, то сменить кодировку можно через меню Вид - Кодировка - Кириллица (Windows).



Поздравляю ! Вы только что сделали свою первую интернет страницу !

Разве было сложно ? Думаю что нет и можно продолжить.

Теперь разберем подробней что есть что и для чего нужно.

Создание страниц производится с помощью языка гипертекстовой разметки HTML (Hyper Text Marker Language).

Команды, которые пишутся между скобками
< >
называются тегами.

Теги бывают парные и не парные. Парные теги например
<head> и </head>

Один тег является открывающим
<head>

а другой тег является закрывающим
</head>

Как видите закрывающий отличается от открывающего - знаком "/". Какие теги парные, а какие нет следует запоминать.

Теперь о тегах которые мы употребили в нашей страничке.

тег <html> говорит компьютеру, что начитается html-страница. Тег </html> говорит компьютеру что html-страница закончилась. Таким образом тег <html> будет всегда первым тегом на странице, а тег </html> самым последним.

Запомните это. Все остальное пишется между этими тегами.

<html>

....

</html>


Далее страница состоит подобно человеку.
Имеет голову
<head>
и тело
<body>


<html>

<head>

</head>



<body>

</body>

</html>




Между тегами
<head> и </head>
вставляются теги
<title> и </title>
! Запомните это.

Между тегами
<title> и </title>
пишется название страницы. Текст написанный между этими тегами будет отображаться в названии окна вашего браузера.


Между тегами
<body> и </body>

пишется непосредственно содержимое интернет страницы (иначе говоря контент страницы). Все что вы напишите - будет на вашей странице.

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

<head>
<title> </title>

</head>



<body>

</body>

</html>


тег
<br/>

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

А теперь имея начальные представления о языке HTML, можно двинуться дальше.

Урок первый: Основы HTML.

Урок второй: Раскрашиваем страницу.

Урок третий: Выравнивание материала сайта по центру.

Урок четвёртый: Вставляем на сайт картинку.