Создание сайта для маленьких. Урок 1 — создание первого HTML шаблона

Автор Georgiy Dronov
Создание сайта для маленьких. Урок 1 — создание первого HTML шаблона

Всем привет.

И так вы решили научиться верстать сайты, но не знаете с чего начать плюс уже скорее всего. Погугли или полюбили увидели, что информация целая куча, но по сути ничего не систематизированы и тебя. Видео которое вы посмотрели или статьи которые почитали не ответили на вопросы которые у вас в голове возникли не я в этом видео.

Скорее всего тоже на все вопросы не отвечу которые у вас в голове возникли.

Но если, что оставляете комментарии. Я постараюсь нас. Отчаянный просящие комментарии ответить решил записать небольшой видеокурс именно для тех кто вообще никогда не стал ничего и понятия не имеет с чего начать и, что я считаю на самом деле, что объём знаний которые необходимы для того чтобы сверстать вот реально страничку не болей какого-то 1 своего сайта не такой большой. Ну он конечно же не маленький, но для того чтобы сверстать что-то простое и понять. Как — это работает время на основе принципа чтобы понять. Вообще собственное, что гуглить какие-то проблемы которые перед вами буду вставать. Как правильно — это на гуглить как их решать знание на самом деле не так много требуется и именно об этом хочется поговорить в этом курсе, а начальном минимальном багажа знаний которые в будущем. Вы будете использовать как фундамент когда будете переходить на более новый уровень верстки и так для начала нам понадобится текстовый редактор который мы будем писать нашу HTML верстку и писать в нашей стиле по сути как бы нам подойдёт блокнот Windows, но лучше конечно использовать более продвинутые редакторы которые специально для этого есть люди которые вырастают на notepad-plus-plus. Я лично достаю используя редактор саблайм текст 3 кстати видео о том как его установить. Как настроить необходимые для ускорения работы верстки. Вы можете посмотреть по ссылке в описании к этому видео. Я же в этом уроке буду пользоваться редактором которые уже установлен саблайм тебе сегодня мы с вами на самом деле создадим просто простенький html-документ. Я постараюсь объяснить почему я вдруг узнал, что структуру документа должно быть именно такой где брать. Информ чему можно верить как анализировать HTML других каких-то сайтах топовых например. ВКонтакте Там Facebook или Google. Яндекс там и потом. Какая должна быть структура папок и файлов в проекте которые вы создаете для начала. Давайте создадим структуру проекта для верстки и так я создал начальную структуру проекта папка проекта внутри которого собственно будет всё происходить называемые так как вам удобно. Я в соответствии с названием данного урока HTML генерал, что должно находиться внутри этой папке папка CSS сюда мы будем складывать все стили которые мы будем использовать. Пока не заморачивайтесь на тему. Что такое стиле просто мы сейчас говорим о структуре проекта Imagine здесь будут лежат все картинки которые используют будут использоваться в. Ижевске папка живет здесь будут лежать различные JavaScript и или библиотеке пока тоже не заморачивайтесь и File Index HTML внутри которого мы будем писать на HTML теги и верста на страницу в данный момент папки CSS и ночь. Ижевск пустые я создал только о фактически один файл Index HTML практические. Я думаю может быть даже уже на данном этапе вы задаетесь вопросом, что вам ничего непонятно, но — это нормально. На самом деле ест реакция просто делайте враг вот так как я делаю и урок за уроком. Я постараюсь чтобы к. Вам пришло понимание того как — это всё устроено. Я буду стараться описывать всё максимально подробное останавливаться некоторых подводных камнях, что тоже кстати не всегда просто на гуглить. При появлении той или иной проблемы в верстке плюс. Не забывайте писать комментарии с вопросами я все комментарии читаю буду стараться отвечать на все комментарии которые вы оставляете. Теперь давайте создадим. Наш первый HTML макет. Я уже подготовилась себя кот. Я его просто. Скопируй и вставлю. Теперь вы задаетесь вопросом откуда я взял этот год я очень вам советую просмотр в данный сайт w3schools.com он конечно на английском языке. Но спешу вас обрадовать, что нет смысла гнаться за русскоязычным контентом 90% на новогоднего контента в информации по программированию. Она вся скорее всего на английском языке и поэтому изучать английский язык так или иначе придётся рано или поздно в общем к изучению советую вам этот сайт в данный момент хотя бы пока, что раздел HTML CSS и вот просто на главной странице в разделе HTML который мы сейчас изучаем самый первый вклад. Хоум мы можем увидеть простой пример страницы примерно такую страницу я использую в своём уроке также ещё можно посмотреть страницу примера HTML макета на сайте bootstrap — это фреймворк которые мы будем изучать чуть попозже пока что. Не пугайтесь мы на нём ничего делать не будем писать не будем, но смысл здесь как бы понятием то есть точно так же всегда первая строка этот doctype здесь вот можно увидеть вот он только Type потом парни так HTML который открывается и закрывается о том, что такое парные и непарные теги и. Как устроена структура документа мы поговорим в следующем уроке и видно, что есть секциях — это внутри которой что-то расположена этот как опять-таки бардак он открывается и закрывается и сектор вроде внутри которой собственно и лежит наша верстка. Всё Давайте посмотрим как выглядит в браузере макеты которые мы только, что создали откроем его браузере и увидим путь к нашей странице которые мы только, что создали и надпись Hello написано жирным большим шрифтом всё на этом я думаю первый урок. Мы завершим следующем.

0 комментариев
0

Читайте также