Урок 1. Как создать сайт?

Изучаем HTML

Урок 1. Как создать сайт?

Все очень просто, итак, открываем самых простой блокнот через «Пуск» - «Стандартные» - «Блокнот».

Рисунок 1. Меню пуск в Windows XP

Или через консоль «Выполнить», для этого:

1. Нажимаем на сочетание клавиш Windows + R

Рисунок 2. Консоль «Выполнить» в Windows OS

2. Пишем «notepad» и жмем «Enter».

Рисунок 3. Ввод команды в консоле «Выполнить» в Windows OS

3. Затем у нас должен открыться пустой блокнот.

Рисунок 4. Пустой «Блокнот» в Windows OS

4. В этот пустой блокнот скопируем следующий текст:

  1. <html>
  2.    <head>
  3.       <title>Мой собственный сайт</title>
  4.    </head>
  5.    <body>
  6.       Добро пожаловать на мой сайт
  7.       <br>
  8.       Здравствуй гость, ты находишься на моем любимом сайте. Будь как дома!
  9.    </body>
  10. </html>

5. У вас должно получиться следующее:

Рисунок 5. Вставляем код будущего сайта в «Блокнот» в Windows OS

После сохраняем данный документ в формате html. Для этого:

1. Нажимаем «Файл» - «Сохранить как»:

Рисунок 6. Сохраняем код будущего сайта в «Блокноте» в Windows OS

2. В появившемся окне:

  • слева выбираем «Рабочий стол», т.е. местоположение куда мы будем сохранять;
  • в качестве «Тип файла:» выбираем «Все файлы»;
  • в качестве «Кодировка:» указываем «UTF-8»;
  • в качестве «Имя файла:» пишем «index.html».

Рисунок 7. Сохраняем код будущего сайта в «Блокноте» в Windows OS

3. Теперь открываем документ «index.html», который мы сохранили на рабочем столе с помощью браузера. Для этого открываем рабочий стол, нажимаем правой кнопкой мыши по документы «index.html», выбираем пункт «Открыть с помощью» и нажимаем на один из браузеров – Internet Explorer, Microsoft Edge, Opera, FireFox, Ghrome, Яндекс Браузер и пр.

Рисунок 8. Открываем наш сайта через браузер в Windows OS

4. У вас должно появится такое окно как по ссылке.

Рисунок 9. Наш сайт в браузере Windows OS

Поздравляю! Вы создали свой сайт!

Вернее вы создали первую страницу своего сайта. Ничего сложного неправдали? Вам не кажется, что наш сайт какой-то пустой, слишком белый, давайте добавим в нее больше красок. Для этого познакомимся поближе со структурой сайта и поймем, что же мы в целом написали. 

279
RSS
Нет комментариев. Ваш будет первым!
Загрузка...

Уважаемые гости и пользователи!

Сайт и имеющиеся в нем учебники находятся в процессе разработки, поэтому все предложения и найденные ошибки прошу сообщить администраций сайта по E-Mail (html@ruhtml.ru) или в ЛС.