Главная Обзоры Олдскульный способ создания сайтов, вспоминаем основы6 июня 2018

Олдскульный способ создания сайтов, вспоминаем основы

Пример HTML сайта
Предлагаю в этой статье вспомнить олдскульные методы созданий сайтов.

Чтобы начать писать сайт, вам понадобится любая программа, которая поддерживает написание языка «html». После установки данной программы, создайте файл:»html».

Далее вам нужно будет приступить к созданию сайтов. Но прежде чем создавать сайты, давайте вспомним основные понятия HTML.

1. Основные теги

Самым первым тегом, который вы напишете будет:»». Данный тег мы пишем, чтобы программа и браузер понимали, с каким языком мы будем работать. Чтобы закрыть, абсолютно, любой тег, нам нужно написать перед ним «/» и перенести его на следующую строку, например:»». Тег:»» — является одним большим контейнером (хранилищем), в котором хранится всё для написания сайта. В контейнере:»» хранятся ещё два хранилища, но уже поменьше, это контейнер:»» и «». Тег:»» отвечает за работу вашего сайта, например: за язык кодировки, за соединение с файлами «css» и т.д., т.е. в данном контейнере находится всё, что не видит посетитель. Тег:»» отвечает за то, что посетитель видит на сайте, и с чем он может взаимодействовать, например: текст, заголовки, ссылки и т.д..

2. Состав основных тегов

Итак, с основными тегами мы разобрались, давайте теперь приступим к тегам и атрибутам, которые хранятся в наших основных хранилищах. В контейнере:»»,мы можем поменять название нашего сайта, для этого нужно прописать тег:»». Как вы могли понять всё это пишется слитно. Чтобы дать вашему браузеру понять, с какой кодировкой текста он имеет дело, вы должны прописать данный тег:»». UTF-8 — это новая кодировка, которую обязательно прописывать, т.к. сейчас всё пишется именно с ней. Как вы могли заметить, данный тег мы не закрывали, т.к. его не нужно закрывать, чтобы браузер понимал, что ему всё надо представить посетителю (создателю) в данной кодировке. На этом с тегом:»» мы пока закончим. Перейдём к контейнеру:»». Вы можете написать любой текст, не важно какой он будет. Если вы напишете, абсолютно, любой текст в этом теге, он отобразится. Но, конечно-же, всё не так просто, если вы хотите писать более красивые и большие текста, то вам придётся использовать атрибуты и теги. Начнём с простого. Чтобы отрегулировать размер текста, вам нужен тег:»<h1/h2/h3/h4/h5/h6>». »

» — это самый большой размер текста. «

» — это размер текста поменьше. И так до:»

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

«. Если вы захотели выровнять ваш заголовок по центру, то в этом вам поможет данный тег:

Ваш заголовок

.

3. Основы css

Ну и напоследок рассмотрим язык программирования:»css». Мы просто рассмотрим его значение и то, что можно с помощью него сделать. «css» нужен, чтобы более детально регулировать текст, например: его цвет, положение и т.д.. Так же «css» пригодится в правильном оформлении сайта. Для начала работы, необходимо, создать «css файл». Чтобы соединить наш «html файл» с «css файлом», нужно в html файле в контейнере:»» — прописать новый тег:»». Итак, чтобы «css файл» понимал, что ему нужно редактировать, мы в «html файле» создаём группу в контейнере:»». Чтобы её создать мы прописываем тег:»

    • «, закрыть данный тег вы должны там, где сами захотите. В зависимости от того, как много информации будет находиться в вашей группе, столько и будет редактировать «css файл». Чтобы выбрать группу в «css файле», мы прописываем:»#название вашей группы{«. Вы выбрали группу. На следующей строке пишите то, что хотите поменять, например:

color: green;. Обязательно ставьте точку с запятой, после каждого пункта. Чтобы закончить редактировать определённую группу, вы должны перейти на следующую строку и написать»}».

Заключение
На этом наше краткое обучение закончено. Если вы затруднились с выбором программы для написания сайтов, то вы можете использовать программу Notepad++ или SublimeText. Это самые популярные программы для вёрстки сайтов.

Если же вы создали сайт, но ему не хватает дизайна, рекомендую перейти по ссылке и заказать дизайн в студии https://www.thedesign.kz/. Thedesign.kz отличная веб студия которая сделала много прекрасных дизайнов для предприятие малого и среднего бизнеса.

Видео
Для погружения в атмосферу раннего Интернета, предлагаю посмотреть ролик 7-летней давности про создание HTML сайтов.

Понравилась статья?
Подписывайтесь на обновления, актуальные статьи на тему SEO, заработка в интернете, переводы зарубежных статей и многое другое:

Комментарии 0

Создание лендингов на Тильде, Tilda
В чем смысл жизни