Садись присаживайся, курс по HTML/CSS, урок 1

Ж

Живой_мертвый

Original poster
И так нахуй чакры, мантры если не любишь водку, значит не любишь рок как говориться.

Для начала нахуй тебе это?
Скажу честно, Александр Вильнус не обманул, и теперь я фрилансер-верстальшик и поднимаю 30-40к рублей будучи школьником в месяц.
Как бы неплохо, и еще это пиздец какая легкая хуйня. BHF.io клянусь.
А еще этот курс авторский так шо весело.

И так не будим лить воду, начнем.
HTML или HyperText Markup Language — язык гипертекстовой разметки. Это каркас сайта. Даже для этого форума
Посмотреть вложение 8388


все эти head, body, div, class это компоненты форма/сайта.
Редактор кода, приложение с помощью которого мы можем верстать, кодить и заниматься другими неподобающими для общества вещами.
Редакторов бывает много, зависит от конкретной задачи.
Например для HTML есть редакторы:
  • Notepad++
  • Brackets
  • Coffecup (есть как бесплатная, так и платная версия) ...
  • NoteTab (две версии, платная и бесплатная) ...
  • Eclipse
Но на мой взгляд most have редактор это Brackets. Там есть функции которые нам помогут в будущем. А именно функция Live Reload, которая показывает все изменения в коде. А также удобный Plugin Manager, менеджер плагинов штука очень полезная, именно установка расширений и тем для редактора, шоб удобней работать было.

Скачиваем Brackets -

Авторизируйтесь или Зарегистрируйтесь что бы просматривать ссылки.

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

Посмотреть вложение 8389

Вот так кстати он выглядит после настройки

Для начала мы устанавливаем тему нашего редактора, а то не комильфо. Для этого нам нужно зайти в ВИД там находим Themes и первая строчка это установленная тема. Обычно она дефолтно-белая и режет глаза, и вы просто берете и меняете ее на Brackets Dark и вот она уже сексуально-черная.

Посмотреть вложение 8390

//если что я просто другую тему скачал и установил
Находим Plugin Manager
Посмотреть вложение 8391

Жмекаем на этот сексуальный кусок лего и видим это:
Посмотреть вложение 8392

Нам нужно залесть в Доступные и написать Emmet и скачать его.
Emmet Вещь ахуенная и незаменимая в своем роде. Статью о emmet полностью можете прочитайте здесь -

Авторизируйтесь или Зарегистрируйтесь что бы просматривать ссылки.

На рабочем столе создаем папку и называем ее например "AN1M3 G0VN0" и в ней создаем 2 папки и называем их "img" и "css"
потом перетаскиваем папку в Редактор и в редакторе жмем ПКМ и НОВЫЙ ФАЙЛ и называем его index.html

Поясняю, почему index и почему HTML. index.hml-традиционное название

Авторизируйтесь или Зарегистрируйтесь что бы просматривать ссылки.

, который используется в качестве индекса для каталога

Авторизируйтесь или Зарегистрируйтесь что бы просматривать ссылки.

. Индексный файл ищется

Авторизируйтесь или Зарегистрируйтесь что бы просматривать ссылки.


Авторизируйтесь или Зарегистрируйтесь что бы просматривать ссылки.

, если в URL указан не файл, а каталог. html - потому что мы пишем на HTML.

Так начинаем кодить жмем !+Tab, и опа случается магия
у нас есть готовы каркас страницы
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
</body>
</html>

Бля как же я заебался писать но думаю вам понравиться, завтра продолжение
 
  • Like
Реакции: L3mur и T0pDro4eR
Ж

Живой_мертвый

Original poster
Сегодня будет 2 часть
 
Название темы
Автор Заголовок Раздел Ответы Дата
Support81 X меняет курс: Маск разрушает империю токсичности Новости в сети 0
Support81 Продвинутый обучающий курс по использованию ChatGPT (2024) Полезные статьи 3
У Полный курс по взлому - от начального до продвинутого уровня! 10 частей. Kali Linux 0
yaNaSvyazi [Pascio] Курс по работе с ChatGPT (2023) Способы заработка 0
yaNaSvyazi Курс по Яндекс Дзену Rerzen 4.0 (2023 Способы заработка 0
yaNaSvyazi [Fundstate] Артём Первушин — Полный курс по прибыльному трейдингу Способы заработка 0
yaNaSvyazi [CRYPTOLOGY] SMART MONEY. Полный курс по смарт-мани на русском языке (2022) Способы заработка 0
yaNaSvyazi Полный курс анимации в After Effects (2019) Способы заработка 0
T Интересно [Халява] Солью любой курс со Сливапа Другое 1
Q Интересно Огромный DeepWeb курс Другое 1
W Слив [Андрей Коган] Курс по поставкам из Китая (2021) Способы заработка 0
C Курс: Advanced Web Attacks and Exploatation (2020) Другое 0
transis Ищу курс: Университет Кибербезопасности и Анонимности 2.0 PLASTIK Вопросы и интересы 0
B Курс биткоина к рублю обновил исторический максимум Новости в сети 0
H Оплаченные аккаунты для Telegram, WhatsApp, и курс для рассылки по Email Продажа софта 0
P Интересно Подскажите про курс Вопросы и интересы 2
E Закрыто Курс «Тестирование Веб-Приложений на проникновение» Корзина 0
Denik *Kриптоинвесторы[курс] Другое 0
D взлом wi-fi курс бесплатно Другое 8
A Закрыто Курс по взлому Корзина 8
E Мониторинг обменных пунктов Курс Эксперт - Самая низкая комиссия обмена! Корзина 0
B iOS Разработчик. Продвинутый курс v 2.0 Часть 1-2 (2020) Полезные статьи 0
B [Korole и Master4eg] Тelegram - Дорвеи. Авторский курс и софт для оптимизации (2019) Spam/DDOS/Malware 0
A Ищу курс по партнерке aliexpress Вопросы и интересы 1
B [Кубышка] [Евгений Марченко] Расширенный курс "Грамотные инвестиции+» (2019) Полезные статьи 0
B Подготовительный курс Linux (2019) Полезные статьи 0
B [Сергей Никонов] Онлайн курс LINUX и GIT для начинающих — Видео уроки Linux / Git с нуля Kali Linux 0
B [Udemy, Максим Гузив] SQL от Михаила. Лучший курс по SQL (2019) Полезные статьи 0
W Авторский курс от WinRoNe (заработай первые копейки) Способы заработка 8
B [Andrew Borysenko] Курс Email Маркетинга (декабрь 2019) Полезные статьи 0
B Разработка чат-ботов Telegram. Полный курс (2019) Spam/DDOS/Malware 0
B Первый в рунете бот, курс и программное обеспечение — генератор видео-сайтов (2019) Раздача email 0
M Курс по заработку Вершина Способы заработка 0
M Курс от Алексея Фадеева 20 РЕАЛЬНЫХ МИНУТ ИЗ ЖИЗНИ БЕДНОГО РАЗРАБОТЧИКА Способы заработка 0
M Курс по заработку "Толстый кошелёк" Способы заработка 6
M Продвинутый курс по созданию сайта с нуля (2019) СЛИВ КУРСА Корзина 1
P Нужен курс unity по качественном ragdoll'у Вопросы и интересы 0
B [СЛИВ] Курс по анонимности и безопасности в сети интернет Анонимность и приватность 0
K [Таня Иванова] Баннеры. Фотошоп. Базовый курс (2019) Услуги дизайнеров/веб-разработчиков 0
T Курс по взлому веб-сайтов и веб -приложений Полезные статьи 1
T Полный курс по JavaScript - с нуля до результата Другие ЯП 0
K Курс «Создание чат-ботов без программирования за 1 час» Другое 1
S Помогите найти слив Матвей Северянин Курс "99 способов как заработать 101 108 рублей" Способы заработка 4
1 Курс по SQL injection Полезные статьи 0
V (Просьба) Помогите слить курс Вопросы и интересы 0
E Просьба слейте курс Спортивная нумерология Вопросы и интересы 0
S Видео-курс по WireShark Уязвимости и взлом 1
K Трипп Д. - Гипноз без транса - Ритуалы быстрого наведения, полный курс + транскрипция Другое 2
K Гипноз Без Транса - Ритуалы Быстрого Наведения, Полный Курс Транскрипция - Трипп Другое 1
K Экспресс-курс по очень популярной специальности - оформление групп и пабликов в соцсетях, каналов на ютубе, в одноклассниках и фейсбуке. Другое 0

Название темы