КАК создать сайт самому
Здравствуйте! Нынче в моде иметь собственный сайт, персональный блог или на худой конец свою страницу. Удивительно то, что не то, что организации, интернет магазины, крупные бизнесмены или фирмы хотят иметь свой сайт но и отделные люди тоже хотят иметь свой сайт, короче говоря заразились этой болезнью почти все. Когда то я тоже заразилься этой чумой и начал изучать HTML коды, сильно хотел хотя бы самостоятельно сделать хот одну страницу. Трудилься долго, сначала ничего не получалось пока не разобралься что означает HTML теги, и начал запомнить самых элементарных HTML тегов, постаралься понимать суть разных программ с помощью которых создаются сайты. Слава богу на эту тему в интернете польно разных полезных и не полезных информации. Эта оказалось не шибко трудный но и не совсем легкой задачой для такого незнайки вроде меня. Я не случайно сказал полезный и не полезный на счеть информации которые встречается на страницах разных ресурсов. Лично я считаю, что если публикуеш какую то информацию на своем ресурсе для людей, то оно дольжно быть простой и понятный почти для всех тех людей которые интересуются этой информацией. Ясное дело не все рождаются хакерами или на худой конец вебмастерами. Для обычных людей информацию надо обяснить простыми словами так, чтобы они понимали и сделали что-нибуд, а не представлялось за этим информациям все им таинственно- стращилищем.
Поэтому обясняя азы HTML понятия вам, я постараюсь обьяснить все простым языком и самым примитивным методом. А страницу своего все таки я создал. А как радовалься… Вот сейчас хочу этот радость предоставить и вам. Хотите создать свою простую, пимитивную начальную, первую страницу? Да кому это не хчетсчя? Твердо знаю, что вы тоже хотите.
Итак. Начали.
Я думаю все кто знаком компьютером знает что-такой текстовой редактор? Запускаем любой текстовый редактор, лучше даже например Блокнот, входящий в Windows ( Пуск- Программы- Стандартные - Блокнот).
Для этого сначала поясню что-такой HTML теги. HTML теги эта есть команды для вашего интернет-браузера для изоброжения сайта. Команды в <> называются тегами. Теги бывают парные и не парные. Парные теги состоят из открывающего тега и закрывающего. Например тег <html> - открывающий тег, а </html> - закрывающий тег. Как видите разница в открывающем и закрывающем теге всего лишь в / . Не парные теги состоят только из открывающего тега. Например тег <br> <img>. Какие теги парные а какие не парные - следует запоминать всегда.
Самые первые и основные теги эти <html> и </html> -указывает программу, что эта html документ.
<head></head>- Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается теги<title></title> названия документа и другие теги для поисковых машин.
Я думаю все кто знаком компьютером знает что-такой текстовой редактор? Запускаем любой текстовый редактор, лучше даже например Блокнот, входящий в Windows ( Пуск- Программы- Стандартные - Блокнот).
Для этого сначала поясню что-такой HTML теги. HTML теги эта есть команды для вашего интернет-браузера для изоброжения сайта. Команды в <> называются тегами. Теги бывают парные и не парные. Парные теги состоят из открывающего тега и закрывающего. Например тег <html> - открывающий тег, а </html> - закрывающий тег. Как видите разница в открывающем и закрывающем теге всего лишь в / . Не парные теги состоят только из открывающего тега. Например тег <br> <img>. Какие теги парные а какие не парные - следует запоминать всегда.
Самые первые и основные теги эти <html> и </html> -указывает программу, что эта html документ.
<head></head>- Определяет место, где помещается различная информация не отображаемая в теле документа. Здесь располагается теги<title></title> названия документа и другие теги для поисковых машин.
<body></body>- Определяет видимую часть документа, т.е. все, что находиться между ними раскрывается нам.
И так запускаем Блокнот, входящий в Windows ( Пуск- Программы- Стандартные - Блокнот) и набираем этот html текст:
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
То что Вы набрали - является оброзцовым минимальным "набором" для создания страницы. В будущем при создании интернет-страниц можете просто копировать все это, если не хотите напрягать свою память и все это запоминать. Подобный минимальный документ создается в DreamWeaver при создании нового документа. Для убеждеие, что идем правильным путем закрываем блокнот и сохраняем этот документ как html документ. Например: 1.html
Теперь мы с вами создали свою страничку, но там нет ничего, ни названия ни содержания а пустая страница. Для красоты и правила между тегами <title> и </title> напишем название нашей странички или сайта например: «Создания сайта самостоятельно» а чтобы попольнить как то тело документа между тегами <body> и </body>- напишем то что мы хотим разместить на нашей странице, текст например :
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
То что Вы набрали - является оброзцовым минимальным "набором" для создания страницы. В будущем при создании интернет-страниц можете просто копировать все это, если не хотите напрягать свою память и все это запоминать. Подобный минимальный документ создается в DreamWeaver при создании нового документа. Для убеждеие, что идем правильным путем закрываем блокнот и сохраняем этот документ как html документ. Например: 1.html
Теперь мы с вами создали свою страничку, но там нет ничего, ни названия ни содержания а пустая страница. Для красоты и правила между тегами <title> и </title> напишем название нашей странички или сайта например: «Создания сайта самостоятельно» а чтобы попольнить как то тело документа между тегами <body> и </body>- напишем то что мы хотим разместить на нашей странице, текст например :
"Здравствуйте! Мои дорогие посетители, я сегодня научилься делать свой первый сайт.
Мой сайт является моей персональной страницей. Мне 25 лет. Я студент, живу в Магадане. У нас -50 градусов мороза на трассе. У нас трассу называют окружные трассы которые идут в глубину области. Спасибо за внимание!"
<html>
<head>
<title>Создания сайта самостоятельно</title>
</head>
<body>
<head>
<title>Создания сайта самостоятельно</title>
</head>
<body>
Здравствуйте!<br>Мои дорогие посетители, я сегодня научилься делать свой первый сайт.<br>Мой сайт является моей персональной страницей.<br>Мне 25 лет.<br>Я студент, живу в Магадане. <br>У нас -50 градусов мороза на трассе. У нас трассу называют окружные трассы которые идут в глубину области.<br>Спасибо за внимание!
</body>
</html>
</html>
Тег <br>-вставляет перевод строки как бы сказать с новой строки.
Теперь еще раз сохранем окончательный документ как htm или как html
Теперь еще раз сохранем окончательный документ как htm или как html
А потом сохраненный файл 1.html открываем в любом интернет браузере( программа для отоброжения веб.страниц) и получаем вот такую картину: (нажать на картинку для просмотра)
Поздравляем ! Вы только что создали свою первую интернет-страницу.
