background top icon
background center wave icon
background filled rhombus icon
background two lines icon
background stroke rhombus icon

Скачать "Créer un site web de A à Z #3 Etablir l'arborescence / contenu de la page (HTML)"

input logo icon
Обложка аудиозаписи
Подождите немного, мы готовим ссылки для удобного просмотра видео без рекламы и его скачивания.
console placeholder icon
Оглавление
|

Оглавление

0:00
Intro
1:40
Création du fichier
2:57
Entête du fichier
3:57
Explication de quelques bases du HTML
8:21
Création du header
14:33
Section accueil
17:24
Séparateur
17:36
Section à propos
20:36
Section contact
27:39
Commentaires
29:39
Visualisation du site
30:58
Outro
Теги видео
|

Теги видео

web
développement
javascript
js
html
css
créer un site
faire un site internet
internet
programmation
programation
programmation web
développement web
dévelopement
faire un site web
faire un site
créer un site web
créer un site internet
programmer un site
code
codage
creer
creer un site
creer un site internet
creer un site web
gratuit
gratuitement
creer un site gratuitement
coder
siteweb
Субтитры
|

Субтитры

subtitles menu arrow
  • enАнглийский
Скачать
00:00:01
ютуб, сегодня мы встретимся ради
00:00:02
новое видео из нашей серии
00:00:04
видео для создания сайта от А до Я, где мы
00:00:07
в то же время обращается к программированию
00:00:09
тем более художественная сторона больше
00:00:11
дизайн и где мы будем разрабатывать сайт
00:00:13
Интернет, мы встретимся прямо сейчас
00:00:15
код Visual Studio сегодня
00:00:16
поэтому мы собираемся сделать HTML и, возможно,
00:00:19
начни свое шестнадцатилетие, я правда не знаю
00:00:20
как мы собираемся это сделать, я собираюсь
00:00:21
подойти и разделить контент на
00:00:24
несколько шагов, которые я сделал для тебя
00:00:26
вообще установить код Visual Studio
00:00:27
первый урок, наконец, перед тем, как мы собираемся
00:00:30
используйте это программное обеспечение для разработки i
00:00:31
Я не собираюсь устанавливать темы или стили
00:00:33
ни что-нибудь, что я использую код Visual Studio
00:00:35
вот что интересно
00:00:37
что это программное обеспечение действительно продвинутое
00:00:38
есть много даже базовых много
00:00:40
модули, которые упрощают
00:00:42
разработка и т. д., а кроме того, вы можете
00:00:44
добавьте еще, если есть
00:00:46
вопросы по имеющимся у меня расширениям
00:00:49
там установлено несколько расширений
00:00:51
так что это не интересно, но для
00:00:53
HTML CSS, что бы это ни было
00:00:54
не нужно только для php, у нас будет
00:00:56
оно понадобится позже, но мы до этого доберемся
00:00:57
позже то, что мы собираемся сделать, это
00:00:59
что мы уже собираемся начать с изучения
00:01:01
файл и откройте здесь папку, которую мы
00:01:02
нажмет на открытие этой папки, которую вы
00:01:04
выберите папку, которая будет содержать
00:01:06
ваш сайт и мы сможем
00:01:07
начать разрабатывать, уточняю, что если
00:01:09
ты не видел первое видео
00:01:10
эта серия самая первая надо
00:01:12
абсолютно стоит посмотреть, если ты
00:01:13
действительно новички, потому что именно здесь
00:01:15
Я объясняю концепцию и два способа ее реализации.
00:01:17
работает ли сайт, почему это происходит
00:01:19
файлы, как какой язык
00:01:20
дело сделано, и это действительно первое
00:01:22
видео необходимо, мы сможем
00:01:24
начнем создавать нашу первую страницу
00:01:25
html наш первый сайт, который мы собираемся
00:01:27
мощность с Visual Studio здесь так там
00:01:29
мы находимся в папке с учебниками, куда собираемся
00:01:30
создайте файл с именем index
00:01:32
точка html, зачем индексировать в первую очередь
00:01:34
это на большинстве серверов
00:01:36
веб, поэтому серверы, на которых будут размещаться
00:01:38
свой сайт или запустите свой сайт
00:01:40
в большинстве случаев даже сделать все
00:01:41
время на самом деле это только для этого
00:01:43
просто индекс, наконец, индекс имени
00:01:46
указывает, что расширение определяется как
00:01:49
базовый файл так
00:01:52
все серверы возглавляют и знают
00:01:55
что файл с именем index и
00:01:57
темные корни файл файл
00:01:58
ножка, которая открывается из спинки
00:02:01
на самом деле так ты вполне можешь
00:02:03
назначать
00:02:05
вещь точка html, если ваш сервер этого не делает
00:02:08
не знаю, что файл, который будет называться
00:02:10
вещь точка html и файл, который нужно открыть
00:02:12
когда вы переходите по URL без
00:02:13
укажите, какие файлы вы показываете
00:02:15
древовидная структура вашей папки в основном
00:02:17
что вам нужно знать, так это то, что мы
00:02:18
по соглашению называет его индексом e.html
00:02:20
это тоже преимущество
00:02:21
визуальная сторона студии, которую мы сможем
00:02:22
сохранить, отметить док здесь, сделать
00:02:24
войдите в саванну или создайте
00:02:25
базовое дерево документа
00:02:27
html, здесь мы убираем букву n, чтобы сказать, что мы
00:02:30
это на языке fr, это будет больше, это
00:02:33
Это позволит вам лучше
00:02:34
SEO, потому что вдруг, если вы
00:02:36
напиши по-французски, пока
00:02:37
бренды и язык, их бренды и это
00:02:39
вы говорите по-английски на этом сайте
00:02:41
остатки SEO идут
00:02:43
автоматически опустить роботов
00:02:45
роботы понимают подобные вещи по
00:02:47
SEO-термин больше
00:02:48
интересно вот че рецепты utf-8
00:02:50
кодировка символов верметта
00:02:52
такие особенные, как он, найдены здесь
00:02:53
нравятся специальные символы несколько
00:02:57
вещи, но они у меня тоже есть
00:03:00
действительно, все эти персонажи
00:03:02
будет закодировано, поэтому появится
00:03:03
визуально похоже на то, что здесь идет
00:03:06
появиться в этом, а не тогда из
00:03:07
непонятный персонаж название
00:03:09
title – это заголовок документа, который
00:03:10
будет отображаться, как здесь, заголовок
00:03:12
мой документ здесь, его индексы fra.html
00:03:14
удивлюсь, если мы собираемся поставить, например, мой
00:03:16
сайт и собственно когда вы собираетесь открыть
00:03:18
веб-сайт во вкладке в
00:03:20
вверху слева - это заголовок, который идет
00:03:21
появляются эти устройства, это
00:03:23
Крайне важно, чтобы SCA была
00:03:26
так вот ты там, я
00:03:27
не уточнил, но мы были внутри
00:03:28
теги справки, которые будут определять
00:03:30
круто, мы скажем, тонкие вуали
00:03:33
непосредственный HTML нашего сайта
00:03:36
нет ничего визуального, это
00:03:37
на самом деле просто переменные для
00:03:39
иметь возможность заявить, что вы не знаете, что происходит
00:03:40
понимаю браузера не будет
00:03:42
визуально интерпретировать HTML
00:03:44
вести себя так, будто на самом деле это будет
00:03:45
система тегов язык
00:03:47
разметка отделяет языки от
00:03:48
программирование, вы собираетесь открыть
00:03:50
тег закрыт тег здесь мы
00:03:52
увидеть, что наш язык наши html-теги
00:03:55
здесь открыто, и здесь мы видим тег
00:03:58
html с косой чертой впереди, чтобы сказать
00:04:00
что мы закрываем его и, следовательно, все, что с ним
00:04:02
да, внутри между двумя тегами
00:04:04
это будет то, что внутри
00:04:05
НАШ
00:04:07
наши html-теги, и мы видим здесь, что
00:04:09
на самом деле и внутри
00:04:12
наш из наших html-тегов у нас есть
00:04:14
тег help, который закрыт правосудие y
00:04:16
на самом деле это ccsa, это
00:04:19
система маркировки, то есть
00:04:20
это точка входа и точка
00:04:23
закрываясь и внутри мы будем хранить
00:04:25
контент здесь для html, это
00:04:28
действительно что-нибудь простое, давайте
00:04:29
уметь найти XML, который работает
00:04:30
на той же основе языка разметки cdu
00:04:32
Это маркировка нашего чемодана
00:04:35
она, должно быть, закончила и для нас
00:04:37
теги тела, ну вот и начнем
00:04:39
разместить весь контент на нашем сайте
00:04:40
Интернет, поэтому мы собираемся разместить тексты
00:04:41
и т. д. и т. теги в HTML, вы идете
00:04:45
иметь много тегов заголовков, таких как
00:04:47
на браултс-проводах, когда ставишь
00:04:49
название уровня название уровня 2
00:04:51
и т. д. мы увидим теги с заголовком
00:04:53
уровень 1 h два титула уровня 2 и
00:04:57
это хорошо, я быстро просмотрю основы
00:05:00
Я думаю, это для новичков, это
00:05:03
не обязательно окончательно, это зависит от того, что
00:05:04
тип новичков нацелен, но
00:05:06
Я думаю, это вообще что-то
00:05:08
что-то довольно знакомое с html
00:05:11
так что если у вас есть вопросы
00:05:13
происходит в комментариях или случается
00:05:14
на дискорд сервере вы можете
00:05:16
обмен между вами и вот html
00:05:18
для меня это что-то базовое
00:05:21
но особенно если у тебя есть вопросы
00:05:22
не стесняйтесь внести депозит в
00:05:24
теги помощи, здесь мы сможем
00:05:25
также загрузили наши файлы стилей, поэтому
00:05:27
вернуть CSS и создать дизайн
00:05:29
или файлы JavaScript после этого
00:05:32
зависит от того, как
00:05:33
2 как мы хотим, чтобы они выполнялись
00:05:35
но здесь я просто уточняю, что
00:05:37
для JavaScript нам, возможно, придется
00:05:39
попросите его инициализировать наш скрипт
00:05:41
в издании, но проблема в том, что в
00:05:43
html-документ читается
00:05:45
читаю так низко и поэтому
00:05:49
когда наш
00:05:50
конечный сервер, наш сайт будет загружен
00:05:54
человек с человеком будет взимать плату
00:05:56
html-заголовок загрузится
00:05:59
непосредственно файл javascript
00:06:00
проблема в том, что он не закончит
00:06:02
обязательно загрузите остальную часть документа, которая
00:06:04
файл javascript уже будет загружен
00:06:05
так что нам, возможно, придется сделать
00:06:07
загрузить файл JavaScript в конце
00:06:09
документа как этот дом поэтому
00:06:12
конечное содержимое древовидная структура нашего
00:06:15
страница уже загружена, мы можем сделать
00:06:17
наши модификации напрямую или
00:06:18
если мы загрузим наш файл для входа
00:06:21
то, что мы собираемся сказать в JavaScript, что мы собираемся
00:06:23
подождите, пока файл будет
00:06:24
полностью заряжен, так что все в порядке
00:06:25
позвольте нам получить доступ к нашему
00:06:27
наполняем все наши блоки в html и двигаемся дальше
00:06:30
внезапно в теле на самом деле в теле
00:06:31
вот куда мы собираемся положить все наши
00:06:34
пометить весь наш контент, который мы сможем пометить
00:06:36
поставь абзац абзац
00:06:37
символизирует поцелуй, мир внутри
00:06:41
уметь писать текст и все и т. д. и т. п.
00:06:44
у нас будут теги div, которые будут
00:06:46
быть маяками, которые будут использоваться для
00:06:47
содержать вещи, будет видно, что
00:06:50
на самом деле это чеву, у них есть
00:06:52
подскажи блоки, так что все в порядке
00:06:55
использовать в качестве контейнеров
00:06:57
мы можем иметь теги разделов, можем
00:07:00
иметь много вещей, но
00:07:02
в целом буду этим доволен
00:07:03
сегодня мы тоже будем счастливы
00:07:04
будем использовать теги ul и ol, поэтому
00:07:06
на самом деле его раздают для составления списков
00:07:08
мы поместим на них тег ul, и это будет один
00:07:09
тег, о котором мы будем говорить, что это
00:07:12
список на самом деле это список
00:07:14
внутри мы собираемся поместить элементы
00:07:15
наш список, который будет символизировать
00:07:16
каждый день мы можем иметь тег «ол ля»
00:07:19
место ул, разница между ними
00:07:20
только один
00:07:22
как на бравле, сынок, на самом деле все в порядке
00:07:24
быть пунктом или списком
00:07:26
пронумерованы в здоровье, порядке и цифрах
00:07:29
заказ из списка, извините, и мы сделаем это
00:07:31
есть номера и это приказ
00:07:33
красного списка, и у нас будут пункты списка
00:07:36
небольшие моменты, которые мы рассмотрим подробнее
00:07:38
поздно, но вот основы для нашего
00:07:40
документ, поэтому мы будем его придерживаться
00:07:41
к модели, которую мы сделали последней
00:07:43
раз мне не понравился последний
00:07:44
когда я укажу это так, я не знаю
00:07:46
если бы я это сделал, если бы я собирался заняться редактированием
00:07:48
за исключением небольшого, мы можем записать на
00:07:51
старый подросток, мы можем экспортировать его в
00:07:53
pdf наша модель — это то, что у меня есть
00:07:55
сделано, и мы собираемся сосредоточиться на этом
00:07:56
модель, мы будем уважать ее сегодня
00:07:57
Я открываю свою модель, которую я экспортировал в
00:07:59
pdf, который мы сделали в прошлый раз, и
00:08:01
так выглядит наш лидер
00:08:04
наш контент все это все это футбол
00:08:05
часов и поэтому сегодня я
00:08:07
думаю, мы собираемся сделать HTML, это
00:08:08
скажем, мы возьмем эту модель и мы
00:08:09
скажем, есть блоки
00:08:11
что это то и вот как мы можем
00:08:13
подумай об этом, у нас есть лидер
00:08:15
так что это будет блок, который сделает
00:08:17
такая большая высота и 100% длина
00:08:19
внутри у нас будет список из трех
00:08:21
элементы, которые будут первыми
00:08:23
элемент, который будет приветствоваться
00:08:25
второй элемент о и третий контакт
00:08:27
а слева у нас будет маленький
00:08:29
изображение, которое будет нашим логотипом, мы сделаем
00:08:31
начни с правильного заголовка
00:08:33
в тот момент мы просто будем думать о HTML как о
00:08:34
мы сможем собрать это вместе, а затем
00:08:36
мы сделаем стиль сегодня или через
00:08:39
следующее видео ну это очень просто
00:08:41
сделать заголовок сделать
00:08:42
визуальный заголовок в html-документе на
00:08:44
может генерировать теги, называемые
00:08:45
и часы, и поэтому он поймет, что
00:08:47
что это медленно, и документ является
00:08:49
маленькая повязка на голову, которую мы обычно носим в воде
00:08:51
уже дома, и мы просто идем
00:08:53
поместите ссылку, затем символическую ссылку
00:08:56
по тегу и href это племя
00:08:59
который будет определять ссылку, на которую он
00:09:01
верни тогда на данный момент я буду
00:09:02
освобождение этого позволит нам
00:09:03
никнейм Ле Мансо попадает на веб-серверы, если
00:09:05
ты делаешь это, разрезаешь резюме
00:09:07
корень веб-сервера обычно
00:09:09
корень установлен на вашем сайте
00:09:11
социальные родились несколько, но внезапно это
00:09:14
приведет нас в корень нашего сайта
00:09:16
то есть индексы для html
00:09:18
вообще ена, кто тоже ставит хештег
00:09:20
потому что хэштег просто добавляет
00:09:21
хэштег в URL и вдруг это
00:09:24
ничего не изменилось и вставил изображение
00:09:25
чтобы вставить изображение, мы поместим
00:09:27
тег под названием img в нем можно
00:09:30
укажите источник и прекратите излишне
00:09:32
альтернативный текст, когда, если изображение
00:09:34
не загружается, потому что его не существует
00:09:35
нет, или что их больше нет, или что
00:09:38
не могу найти, это будет текст
00:09:40
вместо этого будет отображаться то, что
00:09:41
рекомендуется для SEO и
00:09:44
поэтому рекомендуется соотношение
00:09:45
заключается в том, чтобы как можно больше заполнить
00:09:48
остановить теги для изображений для
00:09:51
заменить, потому что роботы
00:09:53
действительно смотрю на это, так что поехали
00:09:55
скажи, что это логотип нашей команды
00:09:57
исходный код будет находиться в папке, которая
00:09:59
это называется img и PNG с логотипом в виде точки, оно у нас есть
00:10:02
еще не вижу, что это наш сайт
00:10:04
пусто, у нас есть только наш индекс e.html
00:10:05
Итак, что мы собираемся сделать, так это то, что мы
00:10:07
создадим для них папку, которую назовем
00:10:08
ing или в будет хранить все наши
00:10:10
images я нахожусь в папке mg, которая
00:10:12
Мне нравится создавать код Visual Studio и
00:10:13
Я перетащу изображения, которые
00:10:16
мы использовали ранее это, когда
00:10:18
создания модели здесь приведены
00:10:20
изображения и внезапно появляются в визуальном
00:10:22
коды студии импортированы
00:10:23
автоматически здесь и мы ищем
00:10:25
де Куло, хороший ПСЖ, вот и все
00:10:26
на самом деле считаю, что это хорошо для
00:10:28
теперь посмотрим, что это нам даст
00:10:29
оказывается, нет ничего проще
00:10:31
приходит в наш файл, а затем мы
00:10:32
просто запустите индекс для html на
00:10:35
запустил наш файл там видим
00:10:36
на самом деле у нас просто есть изображение, которое
00:10:37
появляется, потому что у нас есть только это
00:10:40
представитель на нашем
00:10:43
документ, так что все правильно, что k
00:10:46
да, я добавил, я добавлю
00:10:47
что-то, чего нет на
00:10:48
модель, но здесь я положил только одну
00:10:50
небольшой заголовок, в котором будет указан мой сайт здесь
00:10:51
поэтому здесь мы добавляем ссылку типа косой черты
00:10:54
там мы посмотрим мы напишем
00:10:56
как будто заключен в пламя
00:10:59
освобожден как контент моего сайта
00:11:00
обновили нашу ссылку и там ясно видно
00:11:02
наконец-то выяснилось, что мы собираемся добавить наши
00:11:04
список, так как я хотел все прояснить
00:11:05
время с чемоданом, так и будет
00:11:07
неупорядоченный список и в нем но
00:11:09
элементы кровати, которые будут тремя
00:11:11
следующие элементы, которые вернутся втроем
00:11:13
в сторону дизеля или хэштега домой
00:11:15
хэштег о хэштеге свяжитесь с этим
00:11:18
позволяет устанавливать связи между
00:11:19
документ, то есть, на самом деле мы собираемся
00:11:21
поищи ссылки в
00:11:24
документ, который будет называться, свяжитесь с ним
00:11:26
портит идентификатор контакта
00:11:27
символ фунта символизирует идентификатор и
00:11:29
контакты, будем искать того, кто
00:11:31
идентификатор контакта
00:11:32
сравнение классов в css и html — это нормально
00:11:37
Быть хорошим будет по-другому, но это
00:11:38
позволяет то же самое изобретательное есть
00:11:40
класс позволяет вам ориентироваться на элемент HTML
00:11:42
поэтому, если, например, здесь я добавлю
00:11:43
классное племя, и я говорю ему проверить, а
00:11:48
ну, у моего элемента будет тестовый класс
00:11:51
Я могу проверить его с Хайди и Айгалад
00:11:53
мой элемент будет проходить классное тестирование ИИ
00:11:56
Сказал, и я могу просто положить жизнь
00:11:58
например, это не имеет значения, это одно и то же
00:12:00
все дело в том, что в сессию и сс мы заходим
00:12:02
целевые элементы двумя способами
00:12:04
разные говорили, что эта цель с
00:12:07
острые тесты и класс в этом
00:12:10
мишень с точкой
00:12:11
тесты, которые позволят нам
00:12:14
применить стиль, чтобы сделать
00:12:15
изменение цвета например и т.д.
00:12:18
есть разница, и она есть она
00:12:19
очень важно знать, что
00:12:21
Хайди может быть прикреплена только к
00:12:24
отдельный элемент наших мужчин html
00:12:27
наш html-контент будет говорить, что здесь я
00:12:29
могу сказать ему, что это тест i10, если
00:12:32
Я хочу поместить только элемент ниже
00:12:34
все в порядке, его тоже не существует
00:12:38
это невозможно, один элемент может
00:12:39
будь скоростью, если сделаешь это
00:12:41
Ваше уважение, доверие к сайту будет
00:12:44
также снизьте SEO, если вы
00:12:47
тоже делай это хорошо
00:12:49
это то
00:12:50
для цели, и вы все равно сможете
00:12:51
нацеливайтесь на свое приветствие, но оно будет нацелено только на
00:12:54
первый, я считаю, что CS, на котором я говорю
00:12:55
css-термины, которые наши трейдеры могут ясно видеть
00:12:57
что это наш блок, мы можем сказать, что
00:12:59
эти красные контейнеры у кого будет кто
00:13:02
будет иметь внутри ссылку, которая
00:13:05
изображение прямо здесь, на котором будет еще одна ссылка
00:13:08
которого мы здесь не видим, но который у меня есть
00:13:09
добавил стоимость которая будет отмечена здесь моя
00:13:10
site и body в список с тремя
00:13:13
элементы поэтому эффективно в долгосрочной перспективе
00:13:15
html по разметке соответствует
00:13:19
есть разные способы продолжить
00:13:20
мы можем мы можем только один раз
00:13:23
сделав это, все прошло хорошо в CSS и
00:13:26
стилизовать документ напрямую
00:13:28
вот так у нас есть лидер, который закончил
00:13:30
и это то, что я предпочитаю делать
00:13:32
видео, которое не обязательно является
00:13:34
лучший способ работать
00:13:35
лучший способ работать, потому что
00:13:36
наконец, когда мы сделаем CSS, мы сможем
00:13:38
осознать, что раньше у нас было бы
00:13:39
могли бы мы исправить HTML-код
00:13:43
по-нашему, но обычно, когда я
00:13:45
работаю, я тоже так делаю, я
00:13:47
сначала напиши HTML, о котором я думаю
00:13:49
как расположить элементы и
00:13:52
затем я делаю cssf в конце или
00:13:55
так что я тоже прохожу мимо, это
00:13:56
сказать, что мне это нравится, я говорю себе
00:13:58
что я нападаю и запахи, которые я делаю
00:14:00
заголовок я создаю CSS заголовка
00:14:01
затем я делаю первый контейнер
00:14:04
поэтому первый, кто открыл Ле-Ман, поэтому
00:14:06
домашняя страница я делаю CSS и так
00:14:08
прямо сейчас мы на данный момент, что мы собираемся сделать
00:14:10
сделать, это то, что мы скорее подумаем о
00:14:12
html, и мы увидим csc в другом
00:14:13
видео я вижу, что оно уже довольно длинное
00:14:16
в видео, так что лучше сосредоточимся
00:14:18
в html на уровне заголовка у нас есть
00:14:21
закончили, нам больше нечего вставлять
00:14:23
наш красный блок, поэтому мы идем
00:14:24
перейти к содержанию в этом примере я
00:14:26
сделаю, чтобы создать яркий
00:14:28
это значит, что это будет
00:14:29
контейнеров Yves, в которых будет все
00:14:31
наше тело веб-страниц, т.е.
00:14:34
где-то через десять, вот оно после
00:14:36
заголовок до нижнего колонтитула в
00:14:39
готово, вот и вся наша страница, и это
00:14:41
ты говоришь, что я свяжу с этим один
00:14:42
класс, я тоже мог бы поехать на Гаити, потому что
00:14:43
что я позвоню ему только один раз, но
00:14:44
Я покидаю класс, который будет называться
00:14:46
страницы нарисованы, но это позволит нам
00:14:48
css, чтобы нацелиться на него и зубы, на самом деле мы
00:14:51
поместим все наше различное содержимое
00:14:53
и как я это сделал и все такое
00:14:54
просто я тоже диву поставлю
00:14:56
интерьер, который будет еще одним контейнером
00:14:57
у кого будут занятия, добро пожаловать
00:14:59
код Visual Studio проще
00:15:01
ты можешь поставить десять баллов, если честно
00:15:03
ты создашь диву с классом
00:15:05
добро пожаловать напрямую, потому что я
00:15:06
напоминает, что точка нацелена на класс
00:15:08
и вот я тоже собираюсь дать ему
00:15:09
идентификатор, который будет их уведомлять
00:15:11
добро пожаловать, тогда что это позволяет
00:15:14
позволяет ориентироваться только на это
00:15:15
элемент там, потому что там будет только vix
00:15:17
у кого будет домашний идентификатор, это позволяет
00:15:18
также будем рады спросить
00:15:21
с идентификатором и, следовательно, когда мы идем
00:15:23
нажмите на дом, все в порядке
00:15:24
автоматически перенаправить нас на это
00:15:26
поместите туда на странице, мы не можем
00:15:27
пока посмотрим, потому что страницы
00:15:28
мы не режем эти весла и мы
00:15:30
посмотрим позже, я хотел этим заняться
00:15:32
код Visual Studio однажды может сделать
00:15:33
десять очков добро пожаловать, чтобы сказать ему, что он
00:15:35
в приветственную коробку и поздороваться и
00:15:37
это также создало бы два зуба в
00:15:40
вот что это будет, мы скажем
00:15:42
Чем на самом деле занимается этот Ив?
00:15:43
уместно создать это будет наш
00:15:45
блог, который будет содержать фотографию и заголовок
00:15:48
и абзац, который мы собираемся сказать ему, что да
00:15:49
ну, у него есть изображение для 1 мг
00:15:54
это столкновение, так что это приветствуется
00:15:56
указываем jpeg в альтернативном тексте идем к нему
00:15:58
говорит, что мы ему ничего не говорим, я их сниму
00:16:00
но я очень советую тебе
00:16:01
поставьте вместо вас мы будем их читать
00:16:03
Так что это всего лишь два кадра для этой дивы.
00:16:05
есть изображение, но это изображение Ива
00:16:06
также содержит заголовок рядом с ним, наконец, в
00:16:09
прямо, но мы указываем это
00:16:10
еще не позиционирую это
00:16:12
будет в css, мы просто говорим ему, что он будет
00:16:14
также есть заголовок и абзац
00:16:15
однако мы не должны ставить их
00:16:17
прямо так прямо
00:16:19
абзац после, потому что на самом деле это
00:16:21
вам нужно подумать о CSS, и мы перейдем к CSS
00:16:23
разделите это в 2006 году, мы ясно увидим
00:16:25
что блок делится на две части слева
00:16:27
изображение справа наш текст поэтому
00:16:29
вдруг мы собираемся создать божественный контейнер
00:16:31
внутри поместит текст, и это будет
00:16:34
приветствуются и в абзацах с
00:16:38
замена контента, как мы видели
00:16:40
ранее при проектировании
00:16:43
визуальный макет, если код для одного
00:16:44
Нантай свой код, чтобы сделать его лучше
00:16:45
читабельно, рекомендую
00:16:47
ярлык Shift Stop f, поэтому точка
00:16:49
еще раз кода, извините, так вот
00:16:51
действительно, наш документ хорош
00:16:53
отмечено, что у нас есть левая дива, у нас есть заметки
00:16:55
из множества материалов, добро пожаловать, куда мы идем
00:16:58
есть наше изображение и справа другое
00:17:01
div, который будет содержать заголовок и
00:17:03
желаю описания, мы хороши, мы можем
00:17:05
подожди, док, там мы говорим себе, что мы
00:17:06
закончил на этом для этой части
00:17:08
Итак, мы закрываем кучу текстов
00:17:09
переделали относительно восточного центра и едем
00:17:12
перейти в другой раздел, который будет
00:17:14
соответствующий раздел, за исключением того, что
00:17:16
мы утверждаем, что уляжется небольшой
00:17:17
разделитель, который не будет ни в одном разделе
00:17:19
поэтому мы собираемся создать диву с помощью класса
00:17:20
разделитель, и мы оставим его так
00:17:23
мы идем туда, но в CSS еще пусто
00:17:24
позже мы скажем ей, что у нее есть граница
00:17:26
из трех красных пикселей и т. д., а затем
00:17:28
тогда мы переходим к следующему
00:17:29
раздел, который является разделом о нас
00:17:31
мог бы скопировать текст, это не будет
00:17:33
те же положения, но в основном мы
00:17:34
просто сделаю еще немного
00:17:37
блок контента, я скопирую и вставлю его
00:17:39
из того, что уже готово и мы сделаем
00:17:41
изучите это прямо сейчас, а затем здесь из
00:17:42
таким же образом у нас будут заметки
00:17:44
сегодня у нас будут наши дни
00:17:46
контент, который на самом деле будет содержать все это
00:17:49
который, следовательно, фактически будет содержать
00:17:50
название, которое будет кстати, что мы получим
00:17:53
вот ок, сразу после разделителя
00:17:55
действительно, мы это хорошо знаем
00:17:56
об этом, а потом мы скажем ему, что он
00:17:58
есть дива, которая разделяет, включая div
00:18:01
у которого есть изображение на заднем плане, вот в чем дело
00:18:03
это то, что мы собираемся сделать в CSS, так что
00:18:05
вот это позволяет нам действительно увидеть
00:18:07
разные способы добавления
00:18:08
изображения, которые его не содержат, и он есть
00:18:10
вы видите, что изображение выглядит нулевым
00:18:11
из наших тегов img видно
00:18:13
никуда, потому что на самом деле я иду туда
00:18:14
вставьте CSS позже
00:18:16
скажет, что наши фотографии класса div
00:18:18
Об этом он будет иметь фон
00:18:20
вместо того, чтобы придавать ему цвет или
00:18:22
не важно, мы пойдем к нему
00:18:23
выложи фото, посмотрим позже
00:18:25
Итак, начнем со счета
00:18:26
принцип, что наш образ и его постановка
00:18:28
нам будет не хватать градиентного фона
00:18:30
описание и абзац здесь мы
00:18:32
внезапно берется за наши информационные картинки
00:18:34
Итак, это еще одно высказывание, которое у нас есть
00:18:36
создано чуть ниже и кому это идет
00:18:38
быть изображением деградации черный зеленый
00:18:41
черный, чтобы не цитировать 0, то же самое мы сделаем и в
00:18:43
CS — его пророк, нам просто нужно определить
00:18:44
div и на данный момент мы коснемся большего
00:18:46
ни к чему, следовательно, это значит только к
00:18:47
внутри нашей проблемы с горшком
00:18:48
мы в див инфо картинки о том кто
00:18:50
интерьер содержит яркий, который будет
00:18:52
называть картинками о тексте и
00:18:54
так что те из Ива будут содержать все
00:18:56
текст, который у нас есть здесь, то есть одновременно
00:18:58
время, когда заголовок является одновременно
00:19:00
Абзац, который мы потребляем в Жане Кифер-Ла
00:19:03
измерение, которое мы видим здесь на самом деле в
00:19:05
эта дива, которая будет вести весь текст
00:19:07
мы говорим ему, что у нас есть название уровня
00:19:09
3:3 наша команда, которую мы видим здесь и которую мы
00:19:12
к нашему абзацу чуть ниже, так что
00:19:15
за это хорошо, что мы закончили, что смогли
00:19:16
контент для размещения мы закрываем
00:19:18
все теги, и мы можем перейти к
00:19:20
следующий раздел мы собираемся отделить
00:19:21
сепаратора так же, как
00:19:23
ранее мы видим здесь, что наша жизнь
00:19:25
который открывается здесь, когда мы ожидаем, что это
00:19:27
правильно мы видим, что они
00:19:28
близко здесь, чтобы мы знали, что идем
00:19:30
можно поставить разделитель сразу после
00:19:31
действительно понимаю эту концепцию
00:19:33
открытие блоков и закрытие
00:19:34
блокирует то же самое, я тебе не говорил, что
00:19:36
Извините, но, например, если я здесь
00:19:37
откроется ссылка с
00:19:39
вот ссылка, это пример
00:19:41
просто чтобы показать, как мы это делаем
00:19:43
на самом деле мы не можем открыть там тег
00:19:45
закрыть после закрытия нашей базы
00:19:47
то есть это действительно должно быть
00:19:48
либо я не знаю, как это называется
00:19:50
будь то данте и так
00:19:52
связно сказать, что если бы я открыл свой
00:19:54
Маяк в игре «Мой маяк Ива»
00:19:56
рядом с моим тегом написано, что я не могу
00:19:58
не подтверждать это после закрытия
00:20:00
маяк, они не сделают это возможным в
00:20:01
хотя на самом деле это не так работает
00:20:03
вы сделаете это, ваш сайт готов
00:20:05
черный список на самом деле это он
00:20:07
основные принципы это HTML и это
00:20:10
работает так, иначе на самом деле это так
00:20:11
программа не понимает программу
00:20:14
но HTML или веб-сервер неправильный
00:20:16
понять на самом деле и будет трудно
00:20:18
сгенерировать страницу, где все идет
00:20:21
просто сломай его, так что короче мы
00:20:22
поместите сюда разделитель нот, и мы сможем
00:20:25
перезапустите другой раздел, который будет
00:20:27
раздел контакты наш раздел контакты
00:20:29
это немного громоздко, что будет
00:20:31
вдруг после нашего второго сепаратора
00:20:32
и так вот мы видим, что у нас хорошо
00:20:35
наш раздел контактов такой же, как контакты
00:20:36
что позволит нам сделать ссылку
00:20:37
с нашим меню, то у нас есть
00:20:40
титул уровня 2, который будет контактным лицом
00:20:43
так же, как у нас есть немного
00:20:44
уровень II здесь, а затем у нас есть
00:20:46
сделка, которая знала, чьё имя
00:20:49
Контейнер контактов формы класса, все в порядке
00:20:51
записки от Ива, который будет здесь, здесь, я
00:20:53
могу редактировать PDF-файл, который будет нашим
00:20:55
d'yves фактически образуют контактные контейнеры
00:20:57
вот что мы собираемся делать дальше с
00:20:59
поля, где пользователь может писать
00:21:01
его имя сможет написать свой адрес электронной почты
00:21:02
может ли его сообщение быть
00:21:04
форма состоит в том, чтобы сказать, что это
00:21:05
форма прыгнула
00:21:07
пользователь может заполнять поля
00:21:08
который он затем может отправить и, следовательно,
00:21:10
поэтому форма обязательно состоит из
00:21:12
входного вокала, который мастер на земле
00:21:14
собираюсь вернуться после футбольного гимна, который типа
00:21:16
вдруг прислал парень, который к нам едет
00:21:18
позвольте нам выполнить действие нашего
00:21:20
формула, и это то, что мы
00:21:21
обработаем в php позже, но мы
00:21:23
записывает это в html, чтобы определить, что это
00:21:25
форма, другого пути нет
00:21:27
чем сделать форму, а затем
00:21:28
форма чемодана составлена ​​таким образом
00:21:30
это тег формулы 1 в двух формах
00:21:34
атрибуты, которые являются обязательными, но
00:21:36
которые мы не заполняем в данный момент
00:21:37
увидишь это, когда мы начнем делать
00:21:39
сайт в php, мы увидим, что это за действие
00:21:40
сказать, что это будет действие
00:21:43
файл или форма будет
00:21:45
обрабатывается, когда клиент человек
00:21:47
пользователь нажал кнопку «Отправить»
00:21:50
значение, перенаправленное в документ, который
00:21:52
будет предоставлено в рамках действия по лечению
00:21:55
форма и метод, который
00:21:56
что будет прощено либо посмотреть, либо опубликовать
00:21:59
эти два способа передачи
00:22:01
данные через http, часы, которые вы идете
00:22:04
посмотрите параметры в URL-адресе, чтобы
00:22:07
это небезопасно и позиция в порядке
00:22:09
даже если это не будет отображаться в URL-адресе этого
00:22:12
будет в документе это будет предоставлено
00:22:13
с документом и, наконец, отдам его ему
00:22:15
класс формирует для него контакт
00:22:16
свяжите стиль позже, чтобы наш
00:22:18
там будет то, что у меня есть для тебя
00:22:20
показано, что это форма класса погружений
00:22:22
контактный контейнер, но и другие формы
00:22:24
можно предположить, что будет то же самое
00:22:26
но просто формы нет
00:22:27
фактически расположен так, что мы идем внутрь
00:22:29
определить, я разделю его на несколько
00:22:31
вещи, которые ты можешь сделать от другого
00:22:33
способ, за исключением того, что я определяю их
00:22:35
в каком-то смысле это будет все
00:22:37
просто мы разделим его на
00:22:38
во-первых, в двух частях, так что вот мы
00:22:40
будем считать себя непосредственно
00:22:42
в котором мы собираемся создать форму, форму
00:22:45
наверху мы собираемся разделить его на две части, на самом деле мы
00:22:47
собираюсь сделать здесь небольшой ремонт
00:22:49
и все что есть вверху мы свяжем это
00:22:51
в том же кубике v то, что внизу
00:22:53
это будет кнопка "Отправить"
00:22:54
там еще один блок, мы ясно видим, что у нас есть
00:22:55
два блока у нас есть блок ниже и у нас есть
00:22:57
блок на этом в этом блоке на этом
00:23:00
так что будет класс формы
00:23:01
вверху будет левая сторона, которая
00:23:03
Я позвонил в форму, оставил, можешь
00:23:05
называйте это как хотите, именами
00:23:06
занятия хотел проводить так, как хочешь
00:23:07
так что здесь у нас будет разделение
00:23:09
факт, который изолирует левую сторону и
00:23:11
на правой стороне это способ делать что-то
00:23:13
для CSS, что Ким чист, мы можем
00:23:17
сделать это другими способами, которые мы не можем
00:23:19
не определить, сказать просто и
00:23:20
расположить вещи определенным образом
00:23:22
абсолютный, то есть мы скажем ему
00:23:23
что это будут за пиксели по отношению к
00:23:25
другие и т. д., однако я предпочитаю делать сам
00:23:27
таким образом, это таким образом
00:23:28
что я работаю в CSS, поэтому форма осталась
00:23:30
у нас внезапно появится концерт, который он будет содержать
00:23:33
все в гостиную, которая будет содержать все это
00:23:35
и для формы Райта, так что мы собираемся
00:23:37
иметь дамбу, которая будет вести все это
00:23:40
так что здесь мы на самом деле представляем себя
00:23:41
ну, блоки, мы можем их хорошо представить
00:23:42
10 здесь мы замечаем, что можем понять
00:23:46
как я их представил
00:23:49
документ, так что на самом деле вот он
00:23:51
как эти соединения, вот и все
00:23:53
дерево, как оно работает
00:23:54
в нашем 1-м div 4 1 тот, что выше
00:23:56
у нас будет имя, поэтому здесь, если мы
00:23:58
присмотритесь к модели
00:23:59
здесь и далее, который появляется здесь, у нас есть
00:24:02
Продавцы квартир видели здесь Тибо Дюпона
00:24:04
какой будет текст, который будет отображаться
00:24:07
базу, и когда мы нажмем, мы
00:24:08
чтобы иметь возможность ввести наш текст, вот и все
00:24:09
Итак, этикетка, что это за этикетка?
00:24:11
что это за тег, это не тот
00:24:13
первое, что мы собираемся надеть, мы собираемся
00:24:14
сначала начните с размещения поля
00:24:15
введите футбольный гимн — это элемент
00:24:17
html, который позволит пользователю
00:24:19
ввод текста внутри
00:24:20
текст типа порошок почему потому что
00:24:22
что мы собираемся ввести текст, который мы могли бы
00:24:23
попробуй ввести 1пароль, если ставишь
00:24:25
пароль типа у нас будет маленький
00:24:27
персонаж, который наверняка будет Пуатье
00:24:28
как мы видим в типах паролей в
00:24:31
общее правило, имя входа будет
00:24:34
очень важно, потому что это тот самый
00:24:35
что позволит нам сделать это позже
00:24:37
когда мы собираемся обработать форму в
00:24:38
php позволяют вам фактически ориентироваться на
00:24:40
поле ввода и иметь значение, и оно
00:24:42
также позволит нам создать
00:24:44
метка, а затем внезапно заполнитель
00:24:46
именно это и будет
00:24:47
отображается в поле ввода до тех пор, пока
00:24:49
дать пользователю понять, что
00:24:51
для чего это поле, пока они
00:24:53
нажмите на него, и он вернет свое значение
00:24:55
и как только мы включим наш гимн
00:24:56
футбол Ле Бен мы собираемся поставить ярлык, который
00:24:58
так же будет и небольшой текст на нем, который
00:25:01
будет выше, что будет определять это
00:25:03
мы говорим ему, что это будет имя
00:25:04
затем мы определяем для него пример в
00:25:05
предварительные продажи возвращают строительную этикетку
00:25:08
сказать, что это этикетка, которая читает
00:25:10
имя хорошее, мы добавили его в наш
00:25:12
ввод элемента ему сказали, что у него есть
00:25:14
типа нет нет тогда на нашем лейбле
00:25:16
мы скажем ему, что он будет
00:25:17
метка элемента нет, это все
00:25:20
мы просто делаем то же самое для
00:25:22
письмо, за исключением того, что на этот раз мы
00:25:24
говорит ему, что это будет футбольный гимн
00:25:26
тип электронной почты или кто будет ожидать получения
00:25:28
уважать шаблон, потому что на самом деле
00:25:30
это то, что сумка также служит типом электронной почты
00:25:33
типы, которые он будет соблюдать шаблон, который
00:25:35
будет содержать @ и иметь имя
00:25:38
домен наконец-то имеет верхний уровень
00:25:40
домен как его вариант, точка fr.com и т. д.
00:25:42
мы также можем назначать шаблоны
00:25:44
но мы не увидим этого сразу
00:25:46
думаю, мы увидим это позже в html
00:25:48
что позволит вам сказать «танцовщица» на
00:25:50
в этом поле мне нужны только цифры
00:25:52
например то же самое
00:25:53
кстати, имя, для которого мы там поставили
00:25:55
адрес электронной почты, для которого мы отметили адрес электронной почты
00:25:57
соответствовать модели, как здесь мы
00:25:59
перемещается к нашей правой стороне от Райта
00:26:01
здесь у нас будет своего рода гимн
00:26:04
футбол в том, что это не бревно
00:26:05
называется текстовой областью, она позволяет вам
00:26:07
получать гораздо больше входных текстов
00:26:09
оно там, и оно на линии и
00:26:11
текстовый арт, и он будет на нескольких
00:26:13
строк и нескольких столбцов мы ему говорим
00:26:15
вот например он пускал слюни вот и все
00:26:16
просто 30 символов заканчиваются 30
00:26:18
столбцы, которые, следовательно, будут состоять из 30 символов
00:26:21
длинный и который будет состоять из пяти строк для
00:26:23
заполнитель, мы ему все рассказываем
00:26:25
просто низко, я свяжусь с вами, чтобы
00:26:26
вот что здесь следует отметить, поскольку мы
00:26:29
дает ему имя, которое является сообщением, и мы
00:26:31
поставит метку для сообщения, которое будет
00:26:34
заголовочное сообщение, которое мы видим сразу в
00:26:36
выше, то это скорее твое
00:26:38
сообщение я мужчин не представляю
00:26:40
ваше сообщение правильно, как мы видим
00:26:43
вот тогда разница с текстом
00:26:44
область заключается в том, что мы сможем сделать
00:26:45
намного выше, намного
00:26:47
шире, и он рассчитывает получить
00:26:49
больше текстов и мы сможем
00:26:51
символизируют 20 нажмите Enter return
00:26:53
чтобы сделать новые строки и
00:26:54
это поле, которого луч не ожидает
00:26:56
не то чтобы на самом деле здесь для наших
00:26:58
форму и тогда мы конечно не будем
00:27:01
забыл кнопку ubs отправить и поэтому
00:27:04
что есть в нашем божественном, что у нас было
00:27:06
заранее запланированная форма красивых мужчин
00:27:07
который поэтому содержит футбольный гимн это
00:27:10
на этот раз внезапный тип поэтому любой тип
00:27:11
отправлено, это будет кнопка, как и имя
00:27:14
дайте ему имя, отправьте значение, которое
00:27:16
какой будет текст который будет
00:27:17
появиться внутри этого ввода
00:27:19
поэтому текст, отправленный сюда, предназначен только для
00:27:21
форму, которую мы передадим нашей группе
00:27:23
такие комментарии мы принимаем
00:27:25
наш разделитель, который мы ставим везде, где мы
00:27:27
приходит в конце нашего контакта
00:27:29
дружинники вытащили сепаратор из
00:27:31
так же, как категории
00:27:32
предыдущие сделали десятку, которая вроде
00:27:34
комментарии класса и кто такая Хайди
00:27:36
прокомментируйте вот это устройство
00:27:38
не отображается в заголовке, но мы
00:27:39
все равно ставлю от 1 до 10 за плюсов
00:27:41
нацеливайтесь на это, на самом деле мы поставим букву h
00:27:44
комментарии в качестве заголовка будут
00:27:45
комментарий, чтобы поставить живой
00:27:47
это будет комментарий от
00:27:49
в данный момент нет никого подходящего
00:27:50
написать это в html не проблема
00:27:52
позже мы обобщим в php
00:27:55
иди поищи в базе данных
00:27:56
комментариев на данный момент у нас нет
00:27:58
это не так, мы просто напишем их друг другу
00:28:00
в html для их представления, а также в
00:28:02
готово, это будет то, что это будет div, который будет
00:28:04
содержать, так что это будут наши дни
00:28:06
база, в которой есть женские комментарии, которые мы видим
00:28:08
вот здесь на самом деле будет изображение
00:28:11
изображение и которое будет иметь один и тот же Ив
00:28:14
который будет содержать текст прямо здесь и
00:28:17
к тому же нас двое в этой дамбе
00:28:19
текста будет два элемента
00:28:21
заголовок, который будет h3, поэтому мы видим здесь
00:28:24
Жан Дюпон и комментарий в
00:28:27
вопрос с текстом вот он по сути
00:28:28
просто это сильно напоминает
00:28:31
эта штука здесь, потому что у нас есть изображение
00:28:32
название и описание того же самого
00:28:34
однако изображение для нашего
00:28:36
комментариев людей будет меньше
00:28:38
собственно, вот и все, вот и все
00:28:42
все, что имеет класс комментарии и ну на самом деле это
00:28:44
оставьте комментарий, мы можем его дублировать
00:28:45
как можно больше, чтобы стать номером один
00:28:47
фактически неограниченное количество комментариев
00:28:49
что если я продублирую его, я узнаю отображаемый
00:28:50
сколько раз сколько раз я
00:28:52
дубликат и вот вам индекс облигаций
00:28:54
комментарии, что есть, это очень
00:28:55
просто, тогда мы добавляем в конце просто
00:28:59
здесь, конечно, закрыто, оно шло туда
00:29:02
близко один, поэтому мужская страница, которая идет
00:29:03
крупным планом, потому что мы закончили и у нас будет
00:29:05
просто чтобы представить нижний колонтитул так, как я
00:29:07
сказал вам ранее, чтобы все это
00:29:09
это наша страница, но страница страниц
00:29:12
но который закрывается прямо здесь и тогда
00:29:14
мы собираемся создать элемент нижнего колонтитула, который
00:29:16
символизирует в html не так, как заголовок
00:29:19
за исключением того, что этот [ __ ] останавливается на фут
00:29:21
страницы, и мы просто собираемся
00:29:23
поместите заголовок внутри, который будет
00:29:26
мой сайт 2020, место которого просто рынок
00:29:27
2020 год, мы собираемся отметить мой сайт 2020 годом и
00:29:30
затем в CSS мы приступим к созданию стиля
00:29:32
поскольку центр находится, следовательно, на самом деле мы имеем
00:29:33
все наши страницы, которые исправлены
00:29:35
все определено и хорошо упорядочено
00:29:37
позже мы сможем перейти к css
00:29:39
поэтому можете перейти к нашему документу
00:29:41
запустите его в нашем браузере и выполните
00:29:43
обновился и там мы увидим, что вот оно
00:29:46
все загружено, все изображения
00:29:48
однако на самом деле у нас их вообще нет
00:29:50
в этом стиле мы также можем увидеть футбол здесь
00:29:53
наша текстовая область с ее меткой, и это
00:29:56
наша кнопка отправки вся на месте
00:29:58
просто cdu, это просто, то есть
00:30:01
что здесь нет стиля, у нас все в порядке
00:30:03
другие небольшие списки
00:30:04
свяжитесь, мы можем проверить список
00:30:06
кроме того, если я нажму на «Домой», это
00:30:08
на самом деле вернет меня от стоимости к
00:30:10
домашняя страница, если я уверен, контакты
00:30:11
например, он возвращает меня сюда
00:30:13
в разделе контакты, чтобы вы
00:30:15
увидеть, что это работает очень хорошо в
00:30:16
в следующем эпизоде ​​мы позаботимся о нем
00:30:18
чтобы запустить CSS, я не знаю, если
00:30:20
мы сделаем все CSS, потому что я собираюсь
00:30:22
также попытаюсь донести до вас идею
00:30:24
из ответственных, которые я могу иметь
00:30:25
описано в самом первом видео
00:30:26
то есть обеспечить, чтобы
00:30:28
на самом деле дизайн делает сайты
00:30:30
в то же время возможно
00:30:32
смотреть на телефоне и одновременно
00:30:33
время на большом экране, потому что
00:30:35
это действительно большой экран по сравнению
00:30:37
по телефону, и это другое
00:30:39
то есть, большой экран имеет
00:30:41
ширина больше высоты и
00:30:43
экран смартфона имеет ширину
00:30:45
меньше автора и поэтому
00:30:46
нам нужно разместить наши элементы
00:30:48
разные способы и т. д., вот и все
00:30:50
это видео, в котором мы разработали HTML-код
00:30:52
наш проект, я благодарю вас за то, что вы
00:30:54
посмотрел, если есть вопросы
00:30:55
уходит в описания или на сервер
00:30:56
дискорд спасибо за просмотр
00:30:58
видео, не стесняйтесь подписываться на
00:30:59
поставь лайк и скажи мне, твоя ли это серия
00:31:02
пожалуйста, в комментариях я вам расскажу
00:31:03
скоро еще одно видео, скоро увидимся
00:31:05
До свидания

Описание:

▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬╣ Description ╠▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Bonjour à tous Aujourd'hui on se retrouve pour le troisième épisode de la série sur la création d'un site web de A à Z, et dans cet épisode je vous explique la création de la page web de base avec le HTML ! Si vous trouvez un défaut a cette vidéo, faites le moi parvenir. N'oubliez pas de lâcher un gros like et de vous abonner ! ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬╣ Liens╠▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Télécharger le code ici 👉 https://www.youtube.com/channel/UCWqPk07TBQAKy695NJMnlZg/join Adobe XD 👉 https://adobe.ly/2q96KiY Visual Studio Code 👉 https://code.visualstudio.com/ Retrouve toutes les vidéos pour créer son site internet ici 👉 https://www.youtube.com/playlist?list=PLb4fN7DPSFp_OLxPnQNgIP7hBV9hfV7Hn ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬╣ Informations ╠▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 📹 Chaîne Youtube : 📍 Abonne toi ici 👉 https://www.youtube.com/channel/UCWqPk07TBQAKy695NJMnlZg/?sub_confirmation=1 📍 Ma Chaîne 👉 https://www.youtube.com/c/GeeZMoKeZ 📍 Instagram 👉 https://www.facebook.com/unsupportedbrowser 📍 Patreon (dons) 👉 https://www.patreon.com/geezmokez 📍 Mon serveur discord 👉 https://discord.com/invite/6Yw4nfz 🤝 Amis : 📍 Mry.Pic (Photo) 👉 https://www.facebook.com/unsupportedbrowser 📍 Alexz ( Intro Maker ) 👉 https://www.youtube.com/channel/UCIsfk67HozyqkiOJa5pRG5w 🏷️ Tags : 📍 ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬╣ Sommaire╠▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ 00:00 Intro 01:40 Création du fichier 02:57 Entête du fichier 03:57 Explication de quelques bases du HTML 08:21 Création du header 14:33 Section accueil 17:24 Séparateur 17:36 Section à propos 20:36 Section contact 27:39 Commentaires 29:39 Visualisation du site 30:58 Outro 👉 Merci d'avoir regardé cette vidéo ! 👈

Готовим варианты загрузки

popular icon
Популярные
hd icon
HD видео
audio icon
Только звук
total icon
Все форматы
* — Если видео проигрывается в новой вкладке, перейдите в неё, а затем кликните по видео правой кнопкой мыши и выберите пункт "Сохранить видео как..."
** — Ссылка предназначенная для онлайн воспроизведения в специализированных плеерах

Вопросы о скачивании видео

mobile menu iconКак можно скачать видео "Créer un site web de A à Z #3 Etablir l'arborescence / contenu de la page (HTML)"?mobile menu icon

  • Сайт http://unidownloader.com/ — лучший способ скачать видео или отдельно аудиодорожку, если хочется обойтись без установки программ и расширений. Расширение UDL Helper — удобная кнопка, которая органично встраивается на сайты YouTube, Instagram и OK.ru для быстрого скачивания контента.

  • Программа UDL Client (для Windows) — самое мощное решение, поддерживающее более 900 сайтов, социальных сетей и видеохостингов, а также любое качество видео, которое доступно в источнике.

  • UDL Lite — представляет собой удобный доступ к сайту с мобильного устройства. С его помощью вы можете легко скачивать видео прямо на смартфон.

mobile menu iconКакой формат видео "Créer un site web de A à Z #3 Etablir l'arborescence / contenu de la page (HTML)" выбрать?mobile menu icon

  • Наилучшее качество имеют форматы FullHD (1080p), 2K (1440p), 4K (2160p) и 8K (4320p). Чем больше разрешение вашего экрана, тем выше должно быть качество видео. Однако следует учесть и другие факторы: скорость скачивания, количество свободного места, а также производительность устройства при воспроизведении.

mobile menu iconПочему компьютер зависает при загрузке видео "Créer un site web de A à Z #3 Etablir l'arborescence / contenu de la page (HTML)"?mobile menu icon

  • Полностью зависать браузер/компьютер не должен! Если это произошло, просьба сообщить об этом, указав ссылку на видео. Иногда видео нельзя скачать напрямую в подходящем формате, поэтому мы добавили возможность конвертации файла в нужный формат. В отдельных случаях этот процесс может активно использовать ресурсы компьютера.

mobile menu iconКак скачать видео "Créer un site web de A à Z #3 Etablir l'arborescence / contenu de la page (HTML)" на телефон?mobile menu icon

  • Вы можете скачать видео на свой смартфон с помощью сайта или pwa-приложения UDL Lite. Также есть возможность отправить ссылку на скачивание через QR-код с помощью расширения UDL Helper.

mobile menu iconКак скачать аудиодорожку (музыку) в MP3 "Créer un site web de A à Z #3 Etablir l'arborescence / contenu de la page (HTML)"?mobile menu icon

  • Самый удобный способ — воспользоваться программой UDL Client, которая поддерживает конвертацию видео в формат MP3. В некоторых случаях MP3 можно скачать и через расширение UDL Helper.

mobile menu iconКак сохранить кадр из видео "Créer un site web de A à Z #3 Etablir l'arborescence / contenu de la page (HTML)"?mobile menu icon

  • Эта функция доступна в расширении UDL Helper. Убедитесь, что в настройках отмечен пункт «Отображать кнопку сохранения скриншота из видео». В правом нижнем углу плеера левее иконки «Настройки» должна появиться иконка камеры, по нажатию на которую текущий кадр из видео будет сохранён на ваш компьютер в формате JPEG.

mobile menu iconСколько это всё стоит?mobile menu icon

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