Всех приветствую, в этой статье я бы хотел рассказать , как же можно создать свой сайт , это будет простенький урок , и будет он разделен на несколько частей, потому что будем создавать несколько страниц , закрепленных к одной, да , понимаю , будет сложновато ,но я думаю оно того стоит.
Начнем с того что будем изучать на примере html + bootsrap
- из картинки сверху думаю некоторым стало понятно , что html это основной язык с которым нужно дружить , чтобы писать сайты и понимать его строение для разных готовых движков , а bootstrap в свою очередь это всякие модули , скрипты, например слайдер , на разных сайтах думаю вы видели слайдеры, это легко можно сделать с помощью bootstrap.
И так перейдем уже к более нужному делу , для начала нужно скачать программу sublimetext, она во многом поможет нам.
- Создаем файл с названием index.html и ещё один файл с названием main.css и заходим через программу sublime в два файла. Для начала работать начнем с index.html, пишем вначале <html> и нажимаем таб , автоматически закроется индекс , далее пишет <head> и аналогично нажимаем таб , ниже пишем <body> и нажимаем таб , сейчас я объясню что мы делали , html - это главный индекс , он берет в себя все главные функции для работы сайта , head с перевода на русский "голова" , то есть верхняя часть сайта , а body , как вы уже догадались тело сайта, в body можем так же написать <h1>ваш текст</h1> сохранить и зайти на сайт , вы увидите эту надпись в жирной шрифте, это наши первые шаги к сайту.
В head вы можете прописать <tittle>123</tittle> это будет название вашего сайта которое всегда пишется сверху.
- Для дальнейших действий , вам нужно*будет зайти на сайт https://bootstrap-4.ru/ , там вы можете выбрать какие либо скрипты , которые вы захотите поставить на ваш сайт. Но для начала вам нужно зайти в документацию , там увидите css скопируйте этот код и вставьте в ваш Index.html чтобы большинство css он брал с сайта bootstrap, это нужно чтобы сайт был отбалансирован.
Теперь давайте введем один скрипт bootstrap и закончим первый урок, заходим в документацию , там слева в панели смотрите компоненты и возьмем к примеру текст с сыллкой
- <div class="alert alert-primary" role="alert">
Это основное уведомление с <a href="#" class="alert-link">примером ссылки</a>.
</div>
Вот такой код вы можете увидеть в примере там , вставляем его в body и вуаля на сайте он появился, давайте на этом наш первый урок закончим, если хотите продолжение просто поставьте лайк и я пойму , что пора это сделать , а если же вы хотите полный туториал в видеоформате напишите об этом в комментариях и я пойму, что он вам нужен и сразу же начну делать его.