{"draftJsState":{"blocks":[{"data":{"image":{"id":"5fb2ce72268198734d4730ac"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Будем рассматривать на примере html и bootstrap","type":"atomic:image","key":"68ouj"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"a6rcm"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Всех приветствую, в этой статье я бы хотел рассказать , как же можно создать свой сайт , это будет простенький урок , и будет он разделен на несколько частей, потому что будем создавать несколько страниц , закрепленных к одной, да , понимаю , будет сложновато ,но я думаю оно того стоит.\nНачнем с того что будем изучать на примере html + bootsrap","type":"unstyled","key":"bs6uf"},{"data":{"image":{"id":"5fb2cf13392d4c199e6195fc"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"atomic:image","key":"cr6s8"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"из картинки сверху думаю некоторым стало понятно , что html это основной язык с которым нужно дружить , чтобы писать сайты и понимать его строение для разных готовых движков , а bootstrap в свою очередь это всякие модули , скрипты, например слайдер , на разных сайтах думаю вы видели слайдеры, это легко можно сделать с помощью bootstrap.","type":"unordered-list-item","key":"5fj21"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"И так перейдем уже к более нужному делу , для начала нужно скачать программу sublimetext, она во многом поможет нам. ","type":"unstyled","key":"7eh5d"},{"data":{"image":{"id":"5fb2d094f6872f437ec99810"}},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Sublime text","type":"atomic:image","key":"spld"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"9j7lk"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"unstyled","key":"dqf5j"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Создаем файл с названием index.html и ещё один файл с названием main.css и заходим через программу sublime в два файла. Для начала работать начнем с index.html, пишем вначале и нажимаем таб , автоматически закроется индекс , далее пишет и аналогично нажимаем таб , ниже пишем и нажимаем таб , сейчас я объясню что мы делали , html - это главный индекс , он берет в себя все главные функции для работы сайта , head с перевода на русский \"голова\" , то есть верхняя часть сайта , а body , как вы уже догадались тело сайта, в body можем так же написать

ваш текст

сохранить и зайти на сайт , вы увидите эту надпись в жирной шрифте, это наши первые шаги к сайту. ","type":"unordered-list-item","key":"4u48d"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"В head вы можете прописать 123 это будет название вашего сайта которое всегда пишется сверху.","type":"unstyled","key":"5nhm5"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Для дальнейших действий , вам нужно*будет зайти на сайт https://bootstrap-4.ru/ , там вы можете выбрать какие либо скрипты , которые вы захотите поставить на ваш сайт. Но для начала вам нужно зайти в документацию , там увидите css скопируйте этот код и вставьте в ваш Index.html чтобы большинство css он брал с сайта bootstrap, это нужно чтобы сайт был отбалансирован.","type":"unordered-list-item","key":"63ojc"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Теперь давайте введем один скрипт bootstrap и закончим первый урок, заходим в документацию , там слева в панели смотрите компоненты и возьмем к примеру текст с сыллкой ","type":"unstyled","key":"7akna"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[{"length":134,"offset":0,"style":"ITALIC"},{"length":134,"offset":0,"style":"UNDERLINE"},{"length":134,"offset":0,"style":"BOLD"}],"text":"

\n Это основное уведомление с примером ссылки.\n

","type":"unordered-list-item","key":"colub"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"Вот такой код вы можете увидеть в примере там , вставляем его в body и вуаля на сайте он появился, давайте на этом наш первый урок закончим, если хотите продолжение просто поставьте лайк и я пойму , что пора это сделать , а если же вы хотите полный туториал в видеоформате напишите об этом в комментариях и я пойму, что он вам нужен и сразу же начну делать его.","type":"unstyled","key":"982gp"},{"data":{},"depth":0,"entityRanges":[],"inlineStyleRanges":[],"text":"","type":"marker","key":"DBKbe9ajWv9DtnIv1RMB"}],"entityMap":{}},"mentions":[]}