[HTML] Создаем сайт!
-
- те)
-
Всем привет!:):
Сегодня мы научимся делать свой собственный сайт!
И так приступим...
Введение
%(green)[Многие думают, что создать веб-сайт очень трудно. Но это не так! Каждый может научить создавать веб-сайты. Если вы готовы, то сможете сделать сайт уже через час!
]
Урок #1
Что необходимо иметь?
1. Браузер (не важно какой)
2. Блокнот (можно использовать различные редакторы, лично я советую Notepad++[ссылка под темой])
======
Хочу сказать сразу, что делать сайт вы можете даже без сети интернет! Да-да! Именно без него! Вам не обязательно иметь соединение с Internet - ни для чтения учебника, ни для создания ваших веб-сайтов.
======
HTML это сокращение от "HyperText Mark-up Language/язык гипертекстовой разметки" - и на данном этапе этого знания вам вполне достаточно. Однако, чтобы всё было путём, давайте разъясним некоторые детали.
-Hyper противоположно linear/построчно. В добрые старые времена - когда кошки ловили мышей - компьютерные программы работали построчно: программа выполняла одну строку, затем переходила к выполнению следующей, и т. д. Но HTML работает по-иному - вы можете перейти куда и когда захотите. Например, не нужно посещать MSN.com до того, как посетить HTML.net.
-Text - ну вы поняли.
-Mark-up - это разметка, то, что вы делаете с текстом. Вы размечаете текст так же, как вы делаете это в текстовых редакторах: выставляете заголовки, списки, выделяете текст жирным шрифтом и т. д.
-Language это язык - HTML. В нём используется много английских слов.
Урок #2
И так.. Вы ознакомились немного, а теперь перейдем непосредственно к теме.. Сделаем свой первый сайт!
HTML прост и логичен.
И так:
1-Открываем редактор(блокнот)
2-Пишем страницу сайта.
Всегда при создании сайта мы должны разбить свою страницу на основные части, иначе какой же это тогда сайт?
Что же это за основные части?
1.<html></html> - основной тэг, заключает все тэги
2.<head></head> - голова (шапка сайта)
3.<body></body> - тело сайта (содержимое самого сайта)
-Это три основных тэга. Все тэги заключаются в символе "<тэг>".
"/"-означает, что тэг-закрывающий.
[posts=0]Вот как должно получиться:
<html>
<head>
</head><body> </body> </html>[/posts]
Урок #3
Как мне добавить содержимое в мой веб-сайт?
Как вы уже видели ранее, в вашем HTML-документе есть две части: а head и body. В разделе head вы вносите информацию о странице, а body содержит информацию самой страницы.
Например, если вы хотите дать название документу, чтобы оно появлялось в верхней строке браузера, это нужно сделать в разделе "head". Тэг для названия - <title>:
** <title>Моя первая веб-страница</title>**Обратите внимание, что этот title не появляется на самой веб-странице. Всё, что вы хотите видеть на самой странице, является содержимым/content и должно, следовательно, находиться между тэгами "body".
Итак, мы хотим, чтобы на странице выводилось "Ура! Это моя первая страница." Этот текст, который вы хотите показать, и, естественно, он должен располагаться в разделе body. Поэтому в разделе body напечатайте следующее:
<p>Ура! Это моя первая страница.</p>Буква p в <p> это сокращение от "paragraph" и означает именно это - параграф текста.
Ваш HTML-документ должен теперь иметь такой вид:
[posts=0] <html><head> <title>Моя первая веб-страница</title> </head> <body> <p>Ура! Это моя первая страница.</p> </body> </html>[/posts]Готово! Вы создали свой первый настоящий web-сайт!
Теперь нужно сохранить его , а затем открыть в вашем браузере:
**1.**В редакторе выберите "Save as..." в меню "File".
**2.**Выберите "All Files" в боксе "Save as type" (это очень важно - иначе вы сохраните файл как обычный текстовый документ, а не как HTML-документ)
**3.**Теперь сохраните ваш документ как "page1.html" (расширение ".html" указывает, что это HTML-документ; ".htm" даст тот же результат). Я всегда использую ".html", но вы можете выбрать любое из этих двух расширений. Где вы сохраните документ на жёстком диске - не имеет значения, главное запомнить это место, чтобы потом легко найти файлы.
Открываем наш сайт!
Теперь откроем браузер:**1.**Выберите "Open" в меню "File" (CTRL+O).
**2.**Щёлкните "Browse" в появившемся диалоге.
**3.**Теперь найдите ваш HTML-документ и щёлкните "Open".Теперь вы должны увидеть страницу с текстом "Ура! Это моя первая страница." в вашем браузере.
Поздравляю!
В следующем уроке мы будем обучаться тэгам, всем удачи!
[posts=0]Notepad++[/posts]
По всем вопросам пишите:
%(blue)[Skype-ilyabasket5
ICQ-655396761
Vk.com-id51057472
[email protected]]
Мои важные темы
-
тоже хочу С++ да java выучить .. но руки не доходят до этого , и глаза :D:
-
вообще-да. Но за хостинг в этом месяце не оплатил.. денег сейчас нету( Сайт был Masteric.ru я там делал сайты под заказ. Скоро выложу в сеть интернет свое "интернет-казино", оно уже готово, осталось залить админку на хостинг, но нужно еще посмотреть что нужно, чтобы это казино было официально зарегистрировано, а то прихлопнут еще)
Добавлено через 00:37 мин.
12174 ?
телонко такого не могет) Блокнот все решает :D:D: -
модераторы, или помощники на сайт нужны?
-
Да, понадобятся. В вк мне напиши завтра, ок?
-
)))С НАСТУПАЮЩИМ
-
я буду выкладывать темы с php и c++. но позже. по порядку надо)) Следи за темами)
Добавлено через 00:16 мин.
Повторение-мать учения ))) -
не ну етот 1 урок я роскажу или даже напишу если меня посреди ночи разбудят
-
Спасибо,очень полезная тема +
:E: -
Не, лучше сразу PHP Учи всех)
-
Не, лучше сразу PHP Учи всех)
-
Всем привет!:):
Сегодня мы научимся делать свой собственный сайт!
И так приступим...
Введение
%(green)[Многие думают, что создать веб-сайт очень трудно. Но это не так! Каждый может научить создавать веб-сайты. Если вы готовы, то сможете сделать сайт уже через час!
]
Урок #1
Что необходимо иметь?
1. Браузер (не важно какой)
2. Блокнот (можно использовать различные редакторы, лично я советую Notepad++[ссылка под темой])
======
Хочу сказать сразу, что делать сайт вы можете даже без сети интернет! Да-да! Именно без него! Вам не обязательно иметь соединение с Internet - ни для чтения учебника, ни для создания ваших веб-сайтов.
======
HTML это сокращение от "HyperText Mark-up Language/язык гипертекстовой разметки" - и на данном этапе этого знания вам вполне достаточно. Однако, чтобы всё было путём, давайте разъясним некоторые детали.
-Hyper противоположно linear/построчно. В добрые старые времена - когда кошки ловили мышей - компьютерные программы работали построчно: программа выполняла одну строку, затем переходила к выполнению следующей, и т. д. Но HTML работает по-иному - вы можете перейти куда и когда захотите. Например, не нужно посещать MSN.com до того, как посетить HTML.net.
-Text - ну вы поняли.
-Mark-up - это разметка, то, что вы делаете с текстом. Вы размечаете текст так же, как вы делаете это в текстовых редакторах: выставляете заголовки, списки, выделяете текст жирным шрифтом и т. д.
-Language это язык - HTML. В нём используется много английских слов.
Урок #2
И так.. Вы ознакомились немного, а теперь перейдем непосредственно к теме.. Сделаем свой первый сайт!
HTML прост и логичен.
И так:
1-Открываем редактор(блокнот)
2-Пишем страницу сайта.
Всегда при создании сайта мы должны разбить свою страницу на основные части, иначе какой же это тогда сайт?
Что же это за основные части?
1.<html></html> - основной тэг, заключает все тэги
2.<head></head> - голова (шапка сайта)
3.<body></body> - тело сайта (содержимое самого сайта)
-Это три основных тэга. Все тэги заключаются в символе "<тэг>".
"/"-означает, что тэг-закрывающий.
[posts=0]Вот как должно получиться:
<html>
<head>
</head><body> </body> </html>[/posts]
Урок #3
Как мне добавить содержимое в мой веб-сайт?
Как вы уже видели ранее, в вашем HTML-документе есть две части: а head и body. В разделе head вы вносите информацию о странице, а body содержит информацию самой страницы.
Например, если вы хотите дать название документу, чтобы оно появлялось в верхней строке браузера, это нужно сделать в разделе "head". Тэг для названия - <title>:
** <title>Моя первая веб-страница</title>**Обратите внимание, что этот title не появляется на самой веб-странице. Всё, что вы хотите видеть на самой странице, является содержимым/content и должно, следовательно, находиться между тэгами "body".
Итак, мы хотим, чтобы на странице выводилось "Ура! Это моя первая страница." Этот текст, который вы хотите показать, и, естественно, он должен располагаться в разделе body. Поэтому в разделе body напечатайте следующее:
<p>Ура! Это моя первая страница.</p>Буква p в <p> это сокращение от "paragraph" и означает именно это - параграф текста.
Ваш HTML-документ должен теперь иметь такой вид:
[posts=0] <html><head> <title>Моя первая веб-страница</title> </head> <body> <p>Ура! Это моя первая страница.</p> </body> </html>[/posts]Готово! Вы создали свой первый настоящий web-сайт!
Теперь нужно сохранить его , а затем открыть в вашем браузере:
**1.**В редакторе выберите "Save as..." в меню "File".
**2.**Выберите "All Files" в боксе "Save as type" (это очень важно - иначе вы сохраните файл как обычный текстовый документ, а не как HTML-документ)
**3.**Теперь сохраните ваш документ как "page1.html" (расширение ".html" указывает, что это HTML-документ; ".htm" даст тот же результат). Я всегда использую ".html", но вы можете выбрать любое из этих двух расширений. Где вы сохраните документ на жёстком диске - не имеет значения, главное запомнить это место, чтобы потом легко найти файлы.
Открываем наш сайт!
Теперь откроем браузер:**1.**Выберите "Open" в меню "File" (CTRL+O).
**2.**Щёлкните "Browse" в появившемся диалоге.
**3.**Теперь найдите ваш HTML-документ и щёлкните "Open".Теперь вы должны увидеть страницу с текстом "Ура! Это моя первая страница." в вашем браузере.
Поздравляю!
В следующем уроке мы будем обучаться тэгам, всем удачи!
[posts=0]Notepad++[/posts]
По всем вопросам пишите:
%(blue)[Skype-ilyabasket5
ICQ-655396761
Vk.com-id51057472
[email protected]]
Мои важные темы
2:
