Big-Header | Дзен

1. Создаем CSS-файл и HTML-файл 2. Создаем основу HTML и подключаем CSS-файл 3. Создаем контейнер <div></div>. 4. Изменяем контейнер в CSS 5. Создаем @keyframes XXX{ }. Вместо 'XXX' надо написать, как будет называться ваша анимация. 6. Вся анимация делится на части, чтобы указать в какой именно части анимации произойдет изменение в фигурных скобках пишут процент 0% и открывают фигурные скобки {}. И в этих фигурных скобках мы пишем что именно изменится в этой части анимации. После, нужно показать какой объект будет изменяться по этой анимации...

3 года назад

Все о тексте в HTML и CSS

Текст - это неотъемлемый элемент сайта, который занимает большую часть сайта и несет некоторое количество информации. Не оформив весь текст на вашем сайте, весь сайт будет смотреться не совсем привлекательно, т.к. смотреть на текст, который не форматирован, не очень приятно для глаза. Поэтому в этой статье я научу вас вставлять текст , создавать абзацы, изменять размер и шрифт текста и научу как использовать не только кастомные шрифты (их на самом деле очень много в конце текста). Текст в HTML 1...

3 года назад

Тег "Input" в HTML и CSS

Тег input используется для создания строк для ввода. То есть, все вы видели поисковые строки в яндекс поисковике, google, youtube и так далее. Все они создаются тегом input. В браузере на нашем сайте появилось поле, с которым можно воспользоваться обычному пользователю (что-то написать). Но это выглядит не совсем интересно или красиво. Мы попробуем сверстать поисковую строку как в Яндексе и Google. Поисковая строка Яндекс Выглядит он примерно так: Для создания поисковой строки "Яндекс" я положил тег input и текст h3 в контейнер с уникальным именем search...

3 года назад

Все о таблицах в HTML

HTML-таблица состоит из столбцов и строк, на пересечении столбцов и строк находится ячейка, в которую можно поместить текст, ссылку, изображение, контейнер, видео, аудио и многое другое. Как создать таблицу в HTML Чтобы создать таблицу в HTML нужно в теле сайта <body></body> написать код <table></table>. После мы уже добавляем количество строк, которая вам необходимо (код: <tr></tr>). Потом в эти строки добавляем ячейки столбцов, сколько нужно (код: <td></td>). И добавляем в ячейки свою информацию...

3 года назад

Как установить аудиодорожку в Html и CSS

В прошлой публикации я разобрался как вставлять видео из Youtube или из моего компьютера в Html. В этой статье я хочу показать как я учился вставлять аудиодорожку и изменять его интерфейс. Как вставить аудио в html? Чтобы установить аудиофайл на ваш сайт нужно в <body> </body> прописать <audio> </audio>. Первый способ. Установить аудио в папку с проектом и прописать такой код <audio src="название" controls> </audio> Второй способ. Вместо названия файла можно вставить ссылку на песню. На сайте в Яндекс...

101 читали · 3 года назад

Как установить видео в Html и CSS?

Установка изображений особого труда не вызывает, поэтому перейдём к другой теме. В этой статье я покажу, как я научился вставлять видео и аудиоматериалы в мой сайт. Также мы рассмотрим как видоизменять интерфейс и удалять его. Видео (теория) Для того чтобы вставить видео, в Html нужно в <body> </body> прописать <video> </video>, если вы берёте видео из интернета, то ссылку нужно вставить таким образом <video src="ссылка">, если вы хотите вставить своё видео с компьютера, то вы должны вставить видеоматериал...

212 читали · 3 года назад

Как сделать обложку сайта?

Чтобы человек, который пришел на ваш сайт, не уходил от бардака и хаоса, нужно сделать header, а точнее обложку. Обложка - это самое первое, что видит человек, когда заходит на ваш сайт. Ему должен понравиться ваш сайт прям сразу, как только он зашел. Можно сказать что именно обложка создает высокий трафик на вашем сайте. Чтобы сделать обложку качественно, нужно как меньше создавать мелких деталей. Единственное, что должно быть у вас на обложке - это цепляющаяся картинка, текст и верхнее меню. Помните: Минимализм...

176 читали · 3 года назад

Создаю свой сайт. Второй день

Как расположить несколько объектов в ряд? Мне кажется у всех кто хоть когда-то начинал создавать свой первый сайт появлялась такая проблема. До того как я начал изучать HTML и CSS я и представить не мог, сто это так просто. Для меня создание сайтов было каким-то темным лесом, но сейчас я понимаю, что это просто конструктор, который тебе надо собрать. Единственная проблема это придумать тематику сайта и поработать над его дизайном, т.к. не многие могут создавать сайты приятные для глаз. Когда создаешь сайты в HTML все объекты располагаются строго по порядку, сверху вниз...

3 года назад

Создаю свой сайт. Первый день.

Скажу сразу, я вообще не понимаю что, где и как писать или создавать сайт. Делается это для того, чтобы показать вам, на сколько человек может продвинуться в создании сайта за месяц. В качестве редактора блокнота я выбрал Sublime Text, как по мне это простой и удобный текстовый редактор для создания сайтов, программ и всего остального. 1. Создаем структуру документа HTML и CSS Для начала создадим папку с любым названием. И в эту папку создаем два файла, один с расширением html, а другой - css. Открываем main...

3 года назад