Кладовая Верстальщика

Вводную часть страницы, которую чаще называют «шапкой», описывает тег <header>. Тег <header> — это не только шапка сайта с логотипом и меню, он может использоваться, например, и как «шапка» какой-нибудь статьи или раздела сайта. Конечно, в случае со статьёй <header> называют не «шапкой», а вводной частью, в которой могут содержаться заголовки, оглавление и так далее. Основа или основная часть - тег <main>. Вся ОСНОВНАЯ информация содержится в этом теге. Далее идет <footer> - подвал сайта...

CSS ( Cascading Style Sheets ) - каскадные таблицы стилей. Смотря на эту расшифровку, новичок вряд ли поймет что такое CSS. Проще говоря CSS — язык, который отвечает за описание внешнего вида HTML-документа. Подавляющее большинство современных веб-сайтов работают на основе связки HTML+CSS. CSS позволяет отформатировать контент странички, сделать более привлекательным для читателя. Начнем с того, что подключим CSS 1. Открываем наш редактор кода, 2. Далее создаем пустой файл( Ctrl + N ), 3. Сохраняем этот файл с названием style...

Что же такое горячие клавиши (Hotkeys в переводе с английского)? Это такие клавиши, которые облегчат жизнь любого человека, который работает с клавиатурой, скажем так. Те же Ctrl+C или Ctrl+V - хоткеи. Их большое множество. Мы же рассматриваем хоткеи Sublime Text. Итак поехали! Я выделю только некоторые хоткеи, которыми сам пользуюсь: Ctrl + S - сейв, сохранение. Ctrl + N - Создание нового файла. Ctrl + O - Открыть файл. Ctrl + L - Выделить строку. Ctrl + F - Открыть строку поиска...

Итак, пожалуй начнем с того, где мы будем верстать свою первую страницу - редактор кода. Существует множество редакторов, такие как: Visual Studio Code, Sublime Text, Notepad++, Atom... Да и тот же Блокнот подойдет, но для оформления функционала и дизайна он не подойдет. Лично я пользуюсь Sublime Text, Вы же можете выбрать что-то другое, все на ваш вкус. 1. Ну естественно первый пункт - это открыть сам редактор, самое простое и банальное действие. 2. Создаем пустой файл: Далее, куда указывает стрелочка, жмём на File, вверху будет New File...