Найти тему

Обучение веб-технологиям.1 часть

Всем привет!С сегодняшнего дня мы будем создавать веб-сайты.

1)Скачиваем редактор кода,Atom(https://atom.io/) или Visual Code Studio(https://code.visualstudio.com/download), если у вас слабый ПК скачивайте NotePad ++(https://notepad-plus-plus.org/).

2)Затем когда вы установили любое из этих выше перечисленных программ, его надо открыть.

Во время этого курса я буду пользоваться Visual Code Studio.

3)Далее нажимаем "File" или Ctrl + N,создаем папку и пишем index.html

4)Пишем "!" если у вас Visual Code Studio, а если у вас Atom пишите "<html>", после этого нажмите Enter и у вас напишется начальный код

-2

Что же обозначают эти слова(коды)?

<html>- это код всего сайта

<head>- голова сайта

<title>-это то что написано на вкладке сайта

<body>-тело сайта , то что нам видно

5)В тэге Body напишите тэг <p>, все коды записываются в Body

В нем пишется весь текст сайта(ну он в основном используется)

Далее напишите любой текст

Если у вас нет фантазии напишите Lorem- он вставляет любой текст.

-3

Что бы проверить как выглядит сайт в браузере заходим в папку где находится сайт, далее нажимаем по файлу два раза и открывается сайт в браузере или же перетаскивает его в браузер.Но перед этим нажимаем в редакторе Ctrl + S, что бы сохранить код.

-4

Вот что получилось!

6)Последнее за этот урок,мы будем вставлять картинки с сайт.Находим любую картинку,нажимаем правой кнопкой мыши по картинке и нажимаем "Сохранить изображение".Когда вы его скачали его, копируем его в Проводнике и заходим в папку, и в ней же создаем новую папку и называем её "img" или "picture" и вставляем эту картинку

-5

затем заходим в редактор и пишем <img>, затем пишем в src="называние папки/имя картинки" и проверяем как видно картинку

-6

-7

Вот и всё, если у вас остались вопросы пишите в комментариях или мне в ВК-https://vk.com/ny_i_ladn0 .