Садись присаживайся, курс по 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 часть
 
Название темы
Автор Заголовок Раздел Ответы Дата
Ёшкин_кот Полный курс по взлому - от начального до продвинутого уровня! 10 частей. Kali Linux 0
yaNaSvyazi [Fundstate] Артём Первушин — Полный курс по прибыльному трейдингу Способы заработка 0
yaNaSvyazi [CRYPTOLOGY] SMART MONEY. Полный курс по смарт-мани на русском языке (2022) Способы заработка 0
yaNaSvyazi Полный курс анимации в After Effects (2019) Способы заработка 0
T Интересно [Халява] Солью любой курс со Сливапа Другое 1
Q Интересно Огромный DeepWeb курс Другое 1
transis Ищу курс: Университет Кибербезопасности и Анонимности 2.0 PLASTIK Вопросы и интересы 0
H Оплаченные аккаунты для Telegram, WhatsApp, и курс для рассылки по Email Продажа софта 0
P Интересно Подскажите про курс Вопросы и интересы 2
Denik *Kриптоинвесторы[курс] Другое 0
D взлом wi-fi курс бесплатно Другое 8
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 Разработка чат-ботов Telegram. Полный курс (2019) Spam/DDOS/Malware 0
B Первый в рунете бот, курс и программное обеспечение — генератор видео-сайтов (2019) Раздача email 0
M Продвинутый курс по созданию сайта с нуля (2019) СЛИВ КУРСА Корзина 1
P Нужен курс unity по качественном ragdoll'у Вопросы и интересы 0
K [Таня Иванова] Баннеры. Фотошоп. Базовый курс (2019) Услуги дизайнеров/веб-разработчиков 0
T Полный курс по JavaScript - с нуля до результата Другие ЯП 0
V (Просьба) Помогите слить курс Вопросы и интересы 0
E Просьба слейте курс Спортивная нумерология Вопросы и интересы 0
S Видео-курс по WireShark Уязвимости и взлом 1
K Трипп Д. - Гипноз без транса - Ритуалы быстрого наведения, полный курс + транскрипция Другое 2
K Экспресс-курс по очень популярной специальности - оформление групп и пабликов в соцсетях, каналов на ютубе, в одноклассниках и фейсбуке. Другое 0
K Интимный Telegram. Практический курс по созданию, управлению и развитию телеграм-канала. Другое 4
K Улучшенный курс по работе с программой ZennoPoster 5 https://cloud.mail.ru/public/1ba9efa66073/Zenno_Up.V2.rar Другое 0
K [PHP] Полный курс от "Школы программирования" Другое 0
K Полный курс обучения и освоения контейнеризации и развертывания с использованием Docker Udemy Язык: Английский https://yadi.sk/d/NzDooN9Q3VwYB Другое 0
K [Udemy.com] Полный курс по кибербезопасности Секреты хакеров! [2017] Часть 1,2,3,4,5,6,7,8 Другое 0
K Современный JavaScript Полный курс - Построим 10 проектов - Udemy (2017) Другое 0
K Qpile. Полный курс Другое 0
K Видео курс от Специалист Расследование хакерских инцидентов. СЕН3 Другое 1
DeepDlueIV Полный курс обучения кардингу 2.0 [жирная раздача халявы] Способы заработка 7
G [Слив]Продвинутая вёрстка (Трехнедельный онлайн курс) Способы заработка 0
T Слейте курс плиз Вопросы и интересы 0
B Ищу курс по английскому языку Полезные статьи 9
V Бомбовый курс по созданию и монетизации канала на YouTube с нуля Другое 0
S [Udemy] Полный курс по кибербезопасности: Секреты хакеров! [2017] Часть 2 из 8. Русский перевод Уязвимости и взлом 7
K "Жирный" курс в области информационной безопасности для начинающих. Полезные статьи 0
N Java SE 8. Вводный курс - Кей С. Хорстманн Другие ЯП 0
K Нужен видео-курс по С# С/C++ 11
G Базовый курс по взлому веб-приложений Другие ЯП 0
G [Слив]Полный курс по взлому - от начального до продвинутого уровня Полезные статьи 57
B Хороший курс по программированию (Python Essential) Другие ЯП 21

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