Тёмный

HTML с нуля: урок 10 - пример создания макета HTML страницы 

selfedu
Подписаться 153 тыс.
Просмотров 9 тыс.
50% 1

Приводится пример создания разметки HTML-страницы с использованием блоков div и каскадных таблиц стилей.

Опубликовано:

 

7 май 2019

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 38   
@user-ee1lx1pe7n
@user-ee1lx1pe7n 2 года назад
Нет слов, чтобы отблагодарить тебя! Ты просто гений! И гениальный педагог! Всем нужно учиться у тебя)) Желаю тебе миллион лет жизни!!!!
@selfedu_rus
@selfedu_rus 2 года назад
Спасибо!
@donfedor007
@donfedor007 3 года назад
Я не пойму почему на таких хороших видео, так мало лайков??? Жмём пальцы вверх! Такие видео помогут многим кто хочет научиться!!!!
@RaptorT1V
@RaptorT1V Месяц назад
Жалко, что такой маленький плейлист( Но всё равно большое спасибо за него! Пойду теперь учить JavaScript по вашим видео
@rostislavmalyshev1775
@rostislavmalyshev1775 3 года назад
Спасибо за курс! Раньше нагромождение строк HTML/CSS вгоняло меня в грусть и тоску, даже разбираться не хотелось. А оказывается все очень просто.
@johnb7657
@johnb7657 3 года назад
Этот канал не только отличный источник знаний, но и с быстро-воспринимаемой подачей материала. Благодарю вас сенсей за отличные уроки. Желаю вам и вашим близким здоровья и успехов. Буду рекомендовать данный канал всем своим знакомым.
@selfedu_rus
@selfedu_rus 3 года назад
Спасибо!
@user-ce2vy8lh1j
@user-ce2vy8lh1j Год назад
Официально заявляю, что у вас, если не лучшие, то одни из лучших курсов по программированию! Единственное, что меня немного смущает, это произношение некоторых английских слов. Кстати, можете в гугл-транслейторе их проверять, там можно включать озвучку произношения.
@selfedu_rus
@selfedu_rus Год назад
Спасибо! Да, есть такой грех ))
@nadyamoscow2461
@nadyamoscow2461 3 года назад
Огромное спасибо. Такая красота получилась! Мне вот тоже казалось, как и многим здесь, что в этом дико сложно разобраться - ан нет, с вами все как-то быстро в голове сложилось.
@user-en8ko2vd1k
@user-en8ko2vd1k Год назад
Кратко, полезно, доходчиво, лучший канал по программированию, спасибо большое за труд
@largas_dwas
@largas_dwas 6 месяцев назад
Спасибо. Отличный вводный курс по HTML/CSS. Быстро, коротко и ёмко.
@user-dl6ud7bs1h
@user-dl6ud7bs1h 3 года назад
Спасибо большое, Ваши учебные видеозаписи очень полезные.
@homohabilis5718
@homohabilis5718 2 года назад
Автору респектище! Лучший канал. Жаль нашел его не сразу( . Рекомендую всем однозначно ! ! !
@AlekseyChupkov
@AlekseyChupkov 2 года назад
У автора все ролики на высоте, за что ему большое спасибо и спонсорство. Было бы круто, если бы не пришлось рыскать по нету в поисках сопутствующего уроку контента (картинки для бэкграунда) :)
@hannachornovil3630
@hannachornovil3630 4 года назад
Спасибо за уроки!
@donfedor007
@donfedor007 3 года назад
Праздники провёл с html и css. Теперь буду возращаться к Flask
@selfedu_rus
@selfedu_rus 3 года назад
Можно сразу к Django ) Скоро будет )
@donfedor007
@donfedor007 3 года назад
@@selfedu_rus Джанго радует👍
@donfedor007
@donfedor007 3 года назад
@@selfedu_rus спасибо Вам
@Brinzovik
@Brinzovik 3 года назад
Спасибо!!
@AnatoliyDekorstyle
@AnatoliyDekorstyle Год назад
Спасибо огромное за обучающий контент!!! очередной) единственное что можно было бы улучшить: добавить где-то конспект к каждому уроку с необходимым доп.материалом, как то файлы фона из этого урока! Как сделанно к большинству Ваших курсов)
@user-zt7ou2nt9k
@user-zt7ou2nt9k 4 месяца назад
У меня при margin-top -90px блок уезжает вверх а не вниз как решить проблему
@g.s1849
@g.s1849 Год назад
Сергей, у меня возник вопрос по поводу вашего утверждения в видео на 1:44. Вы сказали, что мы устанавливаем высоту html и body на 100%. Но является ли это хорошей практикой, если элементы, находящиеся внутри body, например, page, имеют высоту больше, чем body, в котором они находятся. Если ли честно это для меня как-то необычно, выбивается из моего шаблона?)
@selfedu_rus
@selfedu_rus Год назад
Честно говоря, уже устаревший курс и некоторые моменты поменялись. На детали лучше не ориентироваться.
@Manu-ei6tn
@Manu-ei6tn 2 года назад
Подскажи, пожалуйста. При создании реального сайта, блоки div (основные) как лучше задать - в пикселях или процентах? Так же вопрос - почему Вы в .wrapper ширину сделали в пикселях, а высоту в процентах?
@selfedu_rus
@selfedu_rus 2 года назад
И так и так делают и пиксели и проценты, все зависит от конкретной верстки. Высота в %, т.к. она должна изначально охватывать всю доступную высоту, а затем, определяться содержимым wrapper, поэтому высоту здесь в пикселах просто нельзя прописывать.
@Manu-ei6tn
@Manu-ei6tn 2 года назад
@@selfedu_rus 1. А ширину мы в не в процентах прописали, а в пикселях, потому что она навряд ли сильно измениться (на реальных сайтах)? 2. И если не сложно. Можно подробнее, когда нужно использовать пиксели, а когда проценты, чтобы сайт был многофункциональным (для разных расширений мониторов)? Вот два разных по типам сайта vk и lingualeo (полные url не могу прописать, т.к. ютуб блокирует комментарий). У ВК, я так понял, по пикселям, т.к. когда изменяешь масштаб сайта, он изменяется пропорционально, у lingualeo не совсем так. Или нужно в css отдельно прописывать дополнительные расширения для разных мониторов? Т.е., например, если монитор с расширением 1366х768 - то для него одни размеры, а если монитор будет больше - то размеры сайта изменятся. Или для фулл-скрин сайтов лучше использовать CSS Flexbox?
@georgiyashkar7158
@georgiyashkar7158 3 года назад
Здравствуйте! подскажите пожалуйста такой момент. У меня есть список в питоне, который представляется собой меню. Вопрос, можно ли сделать так, чтобы они все располагались по горизонтали в отдельных тэгах div?
@selfedu_rus
@selfedu_rus 3 года назад
Не совсем понятен вопрос. Так то никаких проблем, перебираете в цикле список и добавляете пункт меню в div и, тем самым, формируете html-страницу.
@user-en8ko2vd1k
@user-en8ko2vd1k Год назад
17 сен 2022
@freegametreeua
@freegametreeua 2 года назад
Здравствуйте, а есть разница какую картинку ставить на фон шапки? 5:10 Вернее где взять картинки(если можно то ссылку или что-то такое) Когда я ставлю скрин из интернета на фон и даю ей неповторяемость то она маленькая ну а без чуть заметно но так-то не очень. 2. У меня на 7-ом виндовсе, нету этого шрифта Monotype Corsiva, спасибо если ответите Спасибо огромное за этот курс! Я уже пол года хожу в школе на курсы и то перегнал с вами!
@selfedu_rus
@selfedu_rus 2 года назад
У любой картинки есть размеры (в пикселах) и размеры занимаемой памяти. Чтобы картинка не была маленькой ее размеры должны быть большими. Также, обычно используют формат хранения JPEG для фотореалистичных и PNG для рисованных (clip-art) изображений.
@freegametreeua
@freegametreeua 2 года назад
@@selfedu_rus Спасибо, изменю размер картинки в css, Спасибо что помогаете, и отвечаете на вопросы.
@paveldudnikov5302
@paveldudnikov5302 3 года назад
Добрый день товарищ преподаватель! Исходя из этого плейлиста у меня вопрос к Вам, буду очень признателен если ответ дадите. Данной работой по этому направлению занимается фронтенд разработчик, я правильно понимаю?
@selfedu_rus
@selfedu_rus 3 года назад
да, все верно, фронтенд - это реализация чего-либо на стороне клиента, бэкенд, наоборот, на стороне сервера.
@dab9173
@dab9173 11 месяцев назад
Ужасный английский.
@plutarx3387
@plutarx3387 3 месяца назад
Ну не смотри!
Далее
Я ВЫЖИЛ ПОСЛЕ УКУСА ЗМЕИ!
22:56
Просмотров 1,3 млн
HTML с нуля: урок 9 - CSS, теория
17:42