Уроки:


  
HTML
  
  
CSS
  
  
PHP
  
  
JavaScript
  
  
jQuery
  
  
PHP+MySQL
  
  
Ajax
  

  Разделы:


  В помощь:


  Ещё:



  Авторизация:


  логин:   
  пароль: 
Один программист — другому:
— Вот представь: у тебя есть 1000 рублей... Или, для круглого счета, пусть у тебя 1024...

  Тренажер интуиции:


Тренажер интуиции


  Видеокурсы:


Бесплатный видеокурс: "Cайт-визитка за 1 день"

видеокурс: Сайт-визитка за один день



  Опрос:



  Топ комментаторов:


40

— Вчера долго пытался объяснить бабуле, что работаю программистом...
— ???
— Короче, сошлись на том, что чиню телевизоры и развожу мышей...

  Моя группа в контакте:



Создание первой интернет странички

Итак, сегодня мы создадим свою первую интернет страницу и сделаем первый шаг к покорению интернета :-)

Первое, что вам нужно усвоить: HTML (HyperText Markup Language — «язык разметки гипертекста») не является языком программирования, он предназначен для разметки текстовых документов (т.е. с помощью него мы указываем браузеру где будет размещен текст, картинка, таблица и т.п.)

То, как будут выглядеть картинки, текст и другие элементы на вашей странице, и как они будут располагаться относительно друг друга, определяют метки (тэги).

При помощи тэгов ваша страница (файл) общается с браузером, то есть она ему говорит, что здесь находиться текст определенного шрифта, размера, цвета и т.д. а браузер в свою очередь размещает этот текст, в своем окне, исключительно таким образом каким вы указали при создании страницы.

Теперь мы создадим нашу первую страницу. Для этого нам понадобится любой текстовый редактор, я вам советую «Notepad++» его можно скачать в разделе: программы. Либо можете воспользоваться стандартным блокнотом, только будьте внимательны, когда будете сохранять файл, обязательно сохраняйте его с расширением «html» это будет выглядеть так: «имя-вашего-файла.html»

И так открываем наш редактор и пищем следующий код:

<html>
<head>
<title>Моя первая страница</title>
</head>
<body>
Получилось!!!<br/>Это моя первая страница.
</body>
</html>
посмотреть

В верхнем левом углу редактора открываем вкладку «файл» выбираем «сохранить как» В появившемся окне выбираем директиву путь (место, где будет храниться наш файл) а ниже в строке «имя файла» даем имя нашему файлу, ставим точку и пишем его расширение, в нашем случае «html», к примеру, если назовем наш файл «index» то сохранять его надо в таком виде: «index.html»

Затем открываем наш файл, если на экране появилось:

Получилось!!!
Это моя первая страница.

Значит, вы все сделали правильно, и я могу вас поздравить с созданием первой интернет странички! Но если возникли какие-то трудности или вопросы, то не стесняйтесь и задавайте их на нашем форуме.
Не забывайте сохранять внесенные изменения в редакторе и обновлять страницу в браузере.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 

Проверьте свою интуицию:


Мобильную версию можно скачать в google play

Комментарии


Александр
спасибо, решил начать осваивать HTML, все написано понятными доступными словами, думаю, что без проблем смогу получить начальные знания на этом сайте)
2013-12-10 12:51
Mari28
Создать страничку  не трудно, но без знаний основ HTML  Вам не обойтись.   Для тех кто только начинает это осваивать сначала нужно будет конечно попрактиковаться. Благодаря этому сайту у меня не возникло ни каких трудностей!
2013-12-11 02:20
LELYA
А у меня не получается . Сохранила файл с расширением html, открываю страницу - а там какие-то непонятные символы с буквами. Пробовала в блокноте - там получается, тип файла TXT, кодировка ANSI. А тут какой тип файла, у меня автоматически ставится HTML. Помогите, плиз
2014-04-01 07:12
В блокноте, по умолчанию, файл сохраняется с расширением "тхт" в кодировке ANSI. Поэтому необходимо всегда прописывать расширение (тип) сохраняемого файла (в нашем случае "html" ). Также, в блокноте (Notepad++) в верхней панели можно выбрать пункт "Кодировки" и выбрать "Преобразовывать в UTF-8 без BOM" либо в верхней панели меню браузера, перейти в "Вид/Кодировка/Автоопределение/ выбрать: Русская" судя по всему у Вас стоит: "Вид/Кодировка/Автоопределение/(Отключено)"

Советую, всегда кодировать файлы в UTF-8, даже если вы уверены что кроме кириллицы и латиницы на вашем сайте никаких символов не будет.
В жизни все может быть Проверенно!!!

Сейчас работаю над курсом: "Как сделать сайт визитку..." в одном из уроков я упомянул о кодировке файлов.
2014-04-01 11:58
Bodya
Отличный сайт. Не мало сайтов просмотрел в поиске того, как научится создавать хотя бы простейшие сайты, везде было написано кучи непонятных слов, где ничего не получалось. Здесь у меня всё выходит с первой попытки, так же расширил свои знания. Спасибо большое, буду дальше учится на этом сайте, и буду советовать своим друзьям.
2015-05-16 17:43
Ирина
Отличная помощь доя новичков,  все получилось с первого раза.  Огромное вам спасибо за такой прекрасный, очень удобный , хорошо составленный сайт.
2016-05-21 05:41
Спасибо прекрасная инструкция.
2017-02-25 05:58

Ваш комментарий



Почта: info@web-shpargalka.ru
Сообщить друзьям:
Главная | Форум | Отзывы | Обо мне | Мои курсы | Работы учеников | Конкурсы | Обратная связь