Я-человек, недавно вошедший в сферу программирования, так что думаю, смогу на своем опыте показать насколько это легко для новичка (если что, я полностью открыт для критики в комментариях от профессионалов).
Для того чтобы написать сайт, нужно знать базу: где его писать(в какой программе), на чем его писать(на каком языке программирования) и знать структуру кода.
С чего нужно начать
Существует большое количество программ для программирования, но можно обойтись обычным текстовым документом, созданным с рабочего стола вашего компьютера.
Лично я пишу сайт в программе "Sublime Text 3", так как она удобна в использовании для новичков, она бесплатная ну и там есть темная тема.(это не реклама)
Какой язык программирования нужен для написания сайта?
Давайте разберемся с тем, что такое язык программирования. Это обычный язык, только предназначенный для компьютеров), большинству людей он непонятен. Языков программирования существует много, но для написания сайта самый популярный из них - это HTML. Он достаточно прост и удобен в освоении и использовании. Также мы будем использовать другие языки программирования: CSS, Java Script. CSS - язык менее понятнее чем HTML, а язык Java Script менее понятнее чем CSS)(субъективно!).
Начнем!
Сначала создаем файл в формате html: Если вы пишите в текстовом документе, то создаем ТД и после имени файла добавляете ".html" (например: test.html). Если вы пользуетесь Sublime Text 3, то открываем программу, создаем новый файл зажатием клавиш Ctrl+N и сохраняем его в новой папке. В ней мы будем хранть все файлы связанные с сайтом(картинки, привязки в виде css и java script файлов, может уже готовые страницы сайта).
Код:
Разберемся со структурой программного кода. Говоря вкратце, он состоит из: HEAD(головы) и BODY(тела). Содержимое тега <head> не отображается на веб-странице, кроме тега <title>, который устанавливает заголовок окна страницы. Содержимое тега <body> отображается напрямую на странице: заголовки, подзаголовки и т.д. Язык html структурирован таким образом, что теги открываются, заполняются содержимым и закрываются таким образом: <head> "содержимое"</head>. Вроде с основным разобрались, можем начинать!
Начнем с простого. Давайте назовем заголовок окна страницы
Итак, открываем файл и пишем:
Теперь попробуем написать заголовок страницы:
Для этого используем тег "<h1>Заголовок:)</h1>". Его мы уже пишем в разделе body:
Допустим, нам не нравиться расположение, цвет, размер или шрифт текста. Эти параметры можно изменить "текстовыми" тегами:
Не забывайте закрывать теги!
Давайте сделаем подзаголовок страницы.
Используем тег "<p>подзаголовок)</p>" и зададим ему другие параметры шрифта:
Если нужно отступить строку от предыдущего элемента(текст, таблица, картинка), то просто в коде вставляем тег "<br>" в местах где это необходимо.
Теперь попробуем вставить картинку в нашу страницу:
Будем использовать тег : <img src="*место расположения картинки и ее имя*">. Если вы сохранили ее в той же папке, где хранится ваш файл с кодом, то в галочках пишите просто имя.
Параметры картинки тоже можно регулировать( высота, длина и расположение) тегами:
style="position: ?; width: ?px; height: ?px; left: ?%;" (вместо вопросительных знаков подставляйте свои значения)
Теперь вы вроде знаете основные понятия, теги и части кода в языке программирования HTML). В следующих статьях я расскажу более подробно.
Спасибо за внимание!