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

  • Автор темы HHIDE_DUMP
  • Дата начала
  • Просмотры 3K
  • На форуме работает ручное одобрение пользователей. Это значит, что, если Ваша причина регистрации не соответствует тематике форума, а также Вы используете временную почту, Ваша учётная запись будет отклонена без возможности повторной регистрации. В дальнейшем - пожизненная блокировка обоих аккаунтов за создание мультиаккаунта.
  • Мы обновили Tor зеркало до v3!
    Для входа используйте следующий url: darkv3nw2...bzad.onion/
  • Мы вновь вернули telegram чат форуму, вступайте, общайтесь, задавайте любые вопросы как администрации, так и пользователям!
    Ссылка: https://t.me/chat_dark_time

HHIDE_DUMP

Гость
H

HHIDE_DUMP

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

Для начала нахуй тебе это?
Скажу честно, Александр Вильнус не обманул, и теперь я фрилансер-верстальшик и поднимаю 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 -
Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!
Скачали, теперь можно уже кодить с коробки. Но мы же интеллектуалы, так что настраиваем редактор под себя

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

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

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

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

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

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

Нам нужно залесть в Доступные и написать Emmet и скачать его.
Emmet Вещь ахуенная и незаменимая в своем роде. Статью о emmet полностью можете прочитайте здесь -
Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!
На рабочем столе создаем папку и называем ее например "AN1M3 G0VN0" и в ней создаем 2 папки и называем их "img" и "css"
потом перетаскиваем папку в Редактор и в редакторе жмем ПКМ и НОВЫЙ ФАЙЛ и называем его index.html

Поясняю, почему index и почему HTML. index.hml-традиционное название
Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!
, который используется в качестве индекса для каталога
Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!
. Индексный файл ищется
Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!
Пожалуйста, Вход или Регистрация для просмотра содержимого URL-адресов!
, если в URL указан не файл, а каталог. html - потому что мы пишем на HTML.

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

Бля как же я заебался писать но думаю вам понравиться, завтра продолжение
 

HHIDE_DUMP

Гость
H

HHIDE_DUMP

Гость
Сегодня будет 2 часть
 

О нас

  • Наше сообщество существует уже много лет и гордится тем, что предлагает непредвзятое, критическое обсуждение различных тем среди людей разных слоев общества. Мы работаем каждый день, чтобы убедиться, что наше сообщество является одним из лучших.

    Dark-Time 2015 - 2024

    При поддержке: XenForo.Info

Быстрая навигация

Меню пользователя