Презентация на тему Практика 1. Создание веб-страницы

Презентация на тему Презентация на тему Практика 1. Создание веб-страницы, предмет презентации: Разное. Этот материал содержит 32 слайдов. Красочные слайды и илюстрации помогут Вам заинтересовать свою аудиторию. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций ThePresentation.ru в закладки!

Слайды и текст этой презентации

Слайд 1
Практика 1. Создание веб-страницыФедорищев Л.А.
Текст слайда:

Практика 1. Создание веб-страницы

Федорищев Л.А.


Слайд 2
Цель занятия
Текст слайда:

Цель занятия


Слайд 3
HTMLДля создания веб-сайтов используются HTML и CSS. Зная эти две технологии,
Текст слайда:

HTML

Для создания веб-сайтов используются HTML и CSS. Зная эти две технологии, вы уже можете создавать свои собственные сайты

HTML - это язык гипертекстовой разметки. Он нужен для создания структуры веб-сайта с использованием текста, картинок и других базовых элементов.


Слайд 4
Структура HTML-страницы
Текст слайда:

Структура HTML-страницы


Слайд 5
Структура HTML-страницыIn index.html, change the text that appears between the  opening tag and
Текст слайда:

Структура HTML-страницы

In index.html, change the text that appears between the 

 opening tag and the

 closing tag.

In index.html, change the text that appears between the 

 opening tag and the

 closing tag.

Задание:
Создайте текстовый файл index.html
Запишите в него базовую структуру веб-странички. Посмотрите результат.
Поменяйте содержимое тега

Hello

на «Волейбольный магазин»
Поменяйте содержимое метатега на «Волейбольный магазин»<br> </div> <hr> </div> <div class="descrip"> <center>Слайд 6</center> <div class="image"> <a href="/img/tmb/1/45942/095a34b26e9b1dd6bdb90807272cf1a2-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Теги заголовков Существует 6 тегов заголовков:   h1, h2, h3, h4, h5, h6.  h1 - самый большой, h6 – самый маленький."><img src="/img/tmb/1/45942/095a34b26e9b1dd6bdb90807272cf1a2-800x.jpg" title="Теги заголовков Существует 6 тегов заголовков:   h1, h2, h3, h4, h5, h6.  h1 - самый большой, h6 – самый маленький." alt="Теги заголовков Существует 6 тегов заголовков:   h1, h2, h3, h4, h5, h6.  h1 - самый большой, h6 – самый маленький."></a> </div> <div class="text"> <center>Текст слайда:</center> <p>Теги заголовков<br><p> <br> Существует 6 тегов заголовков:   <br><br> h1, h2, h3, h4, h5, h6. <br><br> h1 - самый большой, <br> h6 – самый маленький.<br> </div> <hr> </div> <div class="descrip"> <center>Слайд 7</center> <div class="image"> <a href="/img/tmb/1/45942/7514d56abce1d4013c3f59811da1f564-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Тег . ЗаданиеЗадание:Используйте тег для создания подзаголовка сайта ”Что такое волейбол?” на следующей строчке после тега Откройте вашу страничку в браузере для просмотра результата"><img src="/img/tmb/1/45942/7514d56abce1d4013c3f59811da1f564-800x.jpg" title="Тег . ЗаданиеЗадание:Используйте тег для создания подзаголовка сайта ”Что такое волейбол?” на" alt="Тег . ЗаданиеЗадание:Используйте тег для создания подзаголовка сайта ”Что такое волейбол?” на"></a> </div> <div class="text"> <center>Текст слайда:</center> <p>Тег <h3>. Задание<br><p>Задание:<br>Используйте тег <h3> для создания подзаголовка сайта ”Что такое волейбол?” на следующей строчке после тега <h1><br>Откройте вашу страничку в браузере для просмотра результата<br><br> </div> <hr> </div> <div class="descrip"> <center>Слайд 8</center> <div class="image"> <a href="/img/tmb/1/45942/d2b63b32c8ffd54e6494f862e341e340-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Результат"><img src="/img/tmb/1/45942/d2b63b32c8ffd54e6494f862e341e340-800x.jpg" title="Результат" alt="Результат"></a> </div> <div class="text"> <center>Текст слайда:</center> <p>Результат<br> </div> <hr> </div> <div class="descrip"> <center>Слайд 9</center> <div class="image"> <a href="/img/tmb/1/45942/62ec210a463bc2ba69517acea2f2f9b4-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Параграф HTML-элемент «параграф»  используется для оформления текста в параграфы точно также, как это делается в книгах, газетах и т.д. Текст, оформленный в параграфе"><img src="/img/tmb/1/45942/62ec210a463bc2ba69517acea2f2f9b4-800x.jpg" title="Параграф HTML-элемент «параграф»  используется для оформления текста в параграфы точно также, как" alt="Параграф HTML-элемент «параграф»  используется для оформления текста в параграфы точно также, как"></a> </div> <div class="text"> <center>Текст слайда:</center> <p>Параграф<br><p> HTML-элемент «параграф»  <p> используется для оформления текста в параграфы точно также, как это делается в книгах, газетах и т.д.<br><br><br> <p>Текст, оформленный в параграфе</p><br> </div> <hr> </div> <div class="descrip"> <center>Слайд 10</center> <div class="image"> <a href="/img/tmb/1/45942/37ebb669ee49525d1c699fe3aaa46455-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Тег . ЗаданиеЗадание:Под тегом давайте добавим html-элемент параграф, содержащий текст описания.Пример параграфа: Волейбол – вид спорта… "><img src="/img/tmb/1/45942/37ebb669ee49525d1c699fe3aaa46455-800x.jpg" title="Тег . ЗаданиеЗадание:Под тегом давайте добавим html-элемент параграф, содержащий текст описания.Пример" alt="Тег . ЗаданиеЗадание:Под тегом давайте добавим html-элемент параграф, содержащий текст описания.Пример"></a> </div> <div class="text"> <center>Текст слайда:</center> <p>Тег <p>. Задание<br><p>Задание:<br>Под тегом <h3> давайте добавим html-элемент параграф, содержащий текст описания.<br><br>Пример параграфа: <br><p> Волейбол – вид спорта… </p><br><br> </div> <hr> </div> <div class="descrip"> <center>Слайд 11</center> <div class="image"> <a href="/img/tmb/1/45942/e2a84e74156cea409564548347e0a4b3-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Ссылки HTML-элемент «ссылка»  используется для создания гипер-ссылок. Ссылка на Google! "><img src="/img/tmb/1/45942/e2a84e74156cea409564548347e0a4b3-800x.jpg" title="Ссылки HTML-элемент «ссылка»  используется для создания гипер-ссылок. Ссылка на Google!" alt="Ссылки HTML-элемент «ссылка»  используется для создания гипер-ссылок. Ссылка на Google!"></a> </div> <div class="text"> <center>Текст слайда:</center> <p>Ссылки<br><p> HTML-элемент «ссылка»  <a> используется для создания гипер-ссылок.<br><br><br> <a href="http://google.com"> <br> Ссылка на Google!<br> </a><br><br> </div> <hr> </div> <div class="descrip"> <center>Слайд 12</center> <div class="image"> <a href="/img/tmb/1/45942/c3813c5fb29b5ff124f3bbf63b4c909c-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Тег . ЗаданиеЗадание:1. Создайте еще один параграф сразу под предыдущим параграфом.2. Внутри нового параграфа разместите предложение:«Список адресов наших магазинов».3.Используя тег , сделайте из слова «Список» URL-ссылку с адресом “adresses.html”."><img src="/img/tmb/1/45942/c3813c5fb29b5ff124f3bbf63b4c909c-800x.jpg" title="Тег . ЗаданиеЗадание:1. Создайте еще один параграф сразу под предыдущим параграфом.2." alt="Тег . ЗаданиеЗадание:1. Создайте еще один параграф сразу под предыдущим параграфом.2."></a> </div> <div class="text"> <center>Текст слайда:</center> <p>Тег <a>. Задание<br><p>Задание:<br>1. Создайте еще один параграф сразу под предыдущим параграфом.<br><br>2. Внутри нового параграфа разместите предложение:<br>«Список адресов наших магазинов».<br><br>3.Используя тег <a>, сделайте из слова «Список» URL-ссылку с адресом “adresses.html”.<br><br> </div> <hr> </div> <div class="descrip"> <center>Слайд 13</center> <div class="image"> <a href="/img/tmb/1/45942/3db53217fe1c8b5fbcf809efeae4aaa2-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Тег . Результат"><img src="/img/tmb/1/45942/3db53217fe1c8b5fbcf809efeae4aaa2-800x.jpg" title="Тег . Результат" alt="Тег . Результат"></a> </div> <div class="text"> <center>Текст слайда:</center> <p>Тег <a>. Результат<br> </div> <hr> </div> <div class="descrip"> <center>Слайд 14</center> <div class="image"> <a href="/img/tmb/1/45942/25ba861f5a5ab4786b8898bdc03509b0-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Атрибут HTML-элемента"><img src="/img/tmb/1/45942/25ba861f5a5ab4786b8898bdc03509b0-800x.jpg" title="Атрибут HTML-элемента" alt="Атрибут HTML-элемента"></a> </div> <div class="text"> <center>Текст слайда:</center> <p>Атрибут HTML-элемента<br> </div> <hr> </div> <div class="descrip"> <center>Слайд 15</center> <div class="image"> <a href="/img/tmb/1/45942/c51b899902fe4306e10b40b95228bea1-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Изображения HTML-элемент «картинка»  используется для создания картинок на веб-страничке. "><img src="/img/tmb/1/45942/c51b899902fe4306e10b40b95228bea1-800x.jpg" title="Изображения HTML-элемент «картинка»  используется для создания картинок на веб-страничке." alt="Изображения HTML-элемент «картинка»  используется для создания картинок на веб-страничке."></a> </div> <div class="text"> <center>Текст слайда:</center> <p>Изображения<br><p> HTML-элемент «картинка»  <img> используется для создания картинок на веб-страничке.<br><br><br> <img src=« <img src=«bikes1.jpg» /><br> </div> <hr> </div> <div class="descrip"> <center>Слайд 16</center> <div class="image"> <a href="/img/tmb/1/45942/eaa97a0d465869090aafea400f1d1a5c-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Тег . ЗаданиеЗадание:Под первым параграфом добавьте элемент . 2. Скачайте какую-нибудь картинку с Интернета и положите ее в ту же папку, где находится файл index.html.3. Добавьте в атрибут src элемента ссылку на загруженную вами картинку, например: «volley.jpg»"><img src="/img/tmb/1/45942/eaa97a0d465869090aafea400f1d1a5c-800x.jpg" title="Тег . ЗаданиеЗадание:Под первым параграфом добавьте элемент . 2. Скачайте какую-нибудь" alt="Тег . ЗаданиеЗадание:Под первым параграфом добавьте элемент . 2. Скачайте какую-нибудь"></a> </div> <div class="text"> <center>Текст слайда:</center> <p>Тег <img>. Задание<br><p>Задание:<br>Под первым параграфом добавьте элемент <img>. <br><br>2. Скачайте какую-нибудь картинку с Интернета и положите ее в ту же папку, где находится файл index.html.<br><br>3. Добавьте в атрибут src элемента <img> ссылку на загруженную вами картинку, например: «volley.jpg»<br><br> </div> <hr> </div> <div class="descrip"> <center>Слайд 17</center> <div class="image"> <a href="/img/tmb/1/45942/1d209b65d67c0521e4fe0a6a95a8a181-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Тег . Результат"><img src="/img/tmb/1/45942/1d209b65d67c0521e4fe0a6a95a8a181-800x.jpg" title="Тег . Результат" alt="Тег . Результат"></a> </div> <div class="text"> <center>Текст слайда:</center> <p>Тег <img>. Результат<br> </div> <hr> </div> <div class="descrip"> <center>Слайд 18</center> <div class="image"> <a href="/img/tmb/1/45942/3428964b51fa7280ee2af680a35538d9-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Видео HTML-элемент «видео»  используется для создания картинок на веб-страничке. "><img src="/img/tmb/1/45942/3428964b51fa7280ee2af680a35538d9-800x.jpg" title="Видео HTML-элемент «видео»  используется для создания картинок на веб-страничке." alt="Видео HTML-элемент «видео»  используется для создания картинок на веб-страничке."></a> </div> <div class="text"> <center>Текст слайда:</center> <p>Видео<br><p> HTML-элемент «видео»  <video> используется для создания картинок на веб-страничке.<br><br><br> <video width="320" height="240" controls> <source src="/video-url.mp4" type="video/mp4"> </video><br> </div> <hr> </div> <div class="descrip"> <center>Слайд 19</center> <div class="image"> <a href="/img/tmb/1/45942/077b10dacb71e7c54505828b9423a6d7-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Тег . ЗаданиеЗадание:1. Удалите тег изображения.2.Добавьте тег видео: "><img src="/img/tmb/1/45942/077b10dacb71e7c54505828b9423a6d7-800x.jpg" title="Тег . ЗаданиеЗадание:1. Удалите тег изображения.2.Добавьте тег видео:" alt="Тег . ЗаданиеЗадание:1. Удалите тег изображения.2.Добавьте тег видео:"></a> </div> <div class="text"> <center>Текст слайда:</center> <p>Тег <video>. Задание<br><p>Задание:<br>1. Удалите тег изображения.<br><br>2.Добавьте тег видео:<br><video width="320" height="240" controls> <br> <source src="/video- url.mp4" type="video/mp4"> <br></video><br><br> </div> <hr> </div> <div class="descrip"> <center>Слайд 20</center> <div class="image"> <a href="/img/tmb/1/45942/063eb4530d014d62c366cf14ad78bee4-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Список1-й элемент списка2-й элемент списка3-й элемент списка…"><img src="/img/tmb/1/45942/063eb4530d014d62c366cf14ad78bee4-800x.jpg" title="Список1-й элемент списка2-й элемент списка3-й элемент списка…" alt="Список1-й элемент списка2-й элемент списка3-й элемент списка…"></a> </div> <div class="text"> <center>Текст слайда:</center> <p>Список<br><p>1-й элемент списка<br>2-й элемент списка<br>3-й элемент списка<br>…<br><br> </div> <hr> </div> <div class="descrip"> <center>Слайд 21</center> <div class="image"> <a href="/img/tmb/1/45942/d20e7696b92f61000cdb9e8705440b69-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Список. ЗаданиеЗадание:1. Добавьте заголовок для меню с помощью тега , который расположите после главного заголовка 2. После тега c помощью тегов и создайте список: мячи обувь футболки"><img src="/img/tmb/1/45942/d20e7696b92f61000cdb9e8705440b69-800x.jpg" title="Список. ЗаданиеЗадание:1. Добавьте заголовок для меню с помощью тега , который" alt="Список. ЗаданиеЗадание:1. Добавьте заголовок для меню с помощью тега , который"></a> </div> <div class="text"> <center>Текст слайда:</center> <p>Список. Задание<br><p>Задание:<br><br>1. Добавьте заголовок для меню с помощью тега <h3>, который расположите после главного заголовка <h1><br><br>2. После тега <h3> c помощью тегов <ul> и <li> создайте список:<br> мячи<br> обувь<br> футболки<br> </div> <hr> </div> <div class="descrip"> <center>Слайд 22</center> <div class="image"> <a href="/img/tmb/1/45942/5c49aa6308606754b1cfda5d25f059be-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Список. Задание"><img src="/img/tmb/1/45942/5c49aa6308606754b1cfda5d25f059be-800x.jpg" title="Список. Задание" alt="Список. Задание"></a> </div> <div class="text"> <center>Текст слайда:</center> <p>Список. Задание<br> </div> <hr> </div> <div class="descrip"> <center>Слайд 23</center> <div class="image"> <a href="/img/tmb/1/45942/432e8150d961f25087b507b593d20a2c-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Вложенные html-элементы"><img src="/img/tmb/1/45942/432e8150d961f25087b507b593d20a2c-800x.jpg" title="Вложенные html-элементы" alt="Вложенные html-элементы"></a> </div> <div class="text"> <center>Текст слайда:</center> <p>Вложенные html-элементы<br> </div> <hr> </div> <div class="descrip"> <center>Слайд 24</center> <div class="image"> <a href="/img/tmb/1/45942/d5868133a2364806a1d851e80c8a391c-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Контейнеры ... "><img src="/img/tmb/1/45942/d5868133a2364806a1d851e80c8a391c-800x.jpg" title="Контейнеры ..." alt="Контейнеры ..."></a> </div> <div class="text"> <center>Текст слайда:</center> <p>Контейнеры <div><br><p><div class="main"><br> ...<br> </div><br> </div> <hr> </div> <div class="descrip"> <center>Слайд 25</center> <div class="image"> <a href="/img/tmb/1/45942/c29b624a2f592c1c6454d01a7279511f-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption=". Задание 1Задание: Создайте файл main.css и запишите в него следующий код:.container { display: flex;}.main { padding-left: 30px; min-width: 75%;}.nav { background-color: #FFEE00; max-width: 25%; min-width: 160px; flex: 1;}"><img src="/img/tmb/1/45942/c29b624a2f592c1c6454d01a7279511f-800x.jpg" title=". Задание 1Задание: Создайте файл main.css и запишите в него следующий код:.container" alt=". Задание 1Задание: Создайте файл main.css и запишите в него следующий код:.container"></a> </div> <div class="text"> <center>Текст слайда:</center> <p><div>. Задание 1<br><p>Задание:<br> Создайте файл main.css и запишите в него следующий код:<br><br>.container {<br> display: flex;<br>}<br><br>.main {<br> padding-left: 30px;<br> min-width: 75%;<br>}<br><br>.nav {<br> background-color: #FFEE00;<br> max-width: 25%;<br> min-width: 160px;<br> flex: 1;<br>}<br> </div> <hr> </div> <div class="descrip"> <center>Слайд 26</center> <div class="image"> <a href="/img/tmb/1/45942/d496a45593ba2a8db6ab266e3076ca1e-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption=". Задание 2Задание: 1) Добавьте внутрь тега .. после тега .. новый тег в виде такой строчки:2) Разместите все html-элементы внутри тега в контейнер с классом «container». … … … … "><img src="/img/tmb/1/45942/d496a45593ba2a8db6ab266e3076ca1e-800x.jpg" title=". Задание 2Задание: 1) Добавьте внутрь тега .. после тега .. новый" alt=". Задание 2Задание: 1) Добавьте внутрь тега .. после тега .."></a> </div> <div class="text"> <center>Текст слайда:</center> <p><div>. Задание 2<br><p>Задание:<br> <br>1) Добавьте внутрь тега <head>..</head> после тега <meta>.. </meta> новый тег <link> в виде такой строчки:<br><link rel="stylesheet" type="text/css" href="/main.css"><br><br>2) Разместите все html-элементы внутри тега <body> в контейнер <div> с классом «container». <br><br><div class="container"><br> <h1>…<br> <h3>…<br> <ul>…<br> …<br> </div><br> </div> <hr> </div> <div class="descrip"> <center>Слайд 27</center> <div class="image"> <a href="/img/tmb/1/45942/b79111fcc300c46deb29e9a37e55c2e9-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption=". Задание 3Задание: Теперь объедините заголовок меню и само меню в другой контейнер с классом «nav». Товары Мячи Обувь Футболки Шорты "><img src="/img/tmb/1/45942/b79111fcc300c46deb29e9a37e55c2e9-800x.jpg" title=". Задание 3Задание: Теперь объедините заголовок меню и само меню в" alt=". Задание 3Задание: Теперь объедините заголовок меню и само меню в"></a> </div> <div class="text"> <center>Текст слайда:</center> <p><div>. Задание 3<br><p>Задание:<br><br> Теперь объедините заголовок меню и само меню в другой контейнер с классом «nav».<br><br> <div class="nav"><br> <h3>Товары</h3><br> <ul> <br> <li>Мячи</li><br> <li>Обувь</li><br> <li>Футболки </li> <br> <li>Шорты</li><br> </ul><br> </div><br> </div> <hr> </div> <div class="descrip"> <center>Слайд 28</center> <div class="image"> <a href="/img/tmb/1/45942/0bff32898d70509995e794ee6dd86487-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption=". Задание 4Задание:Поместите заголовок компании , подзаголовок компании , параграф и видео внутрь третьего с классом «main». Волейбольный магазин Что такое волейбол?h3> Волейбол – вид спорта… … ….."><img src="/img/tmb/1/45942/0bff32898d70509995e794ee6dd86487-800x.jpg" title=". Задание 4Задание:Поместите заголовок компании , подзаголовок компании , параграф и" alt=". Задание 4Задание:Поместите заголовок компании , подзаголовок компании , параграф и"></a> </div> <div class="text"> <center>Текст слайда:</center> <p><div>. Задание 4<br><p>Задание:<br><br>Поместите заголовок компании <h1>, подзаголовок компании <h3>, параграф <p> и видео <video> внутрь третьего <div> с классом «main».<br><br><div class="main"><br> <h1>Волейбольный магазин</h1> <br><h3>Что такое волейбол?h3><br> <p>Волейбол – вид спорта…</p> <br><video>…</video> <br><p><a>…</a>..</p><br></div><br> </div> <hr> </div> <div class="descrip"> <center>Слайд 29</center> <div class="image"> <a href="/img/tmb/1/45942/13aac1a7be77299329d0a7e6b83905ae-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Результат"><img src="/img/tmb/1/45942/13aac1a7be77299329d0a7e6b83905ae-800x.jpg" title="Результат" alt="Результат"></a> </div> <div class="text"> <center>Текст слайда:</center> <p>Результат<br> </div> <hr> </div> <div class="descrip"> <center>Слайд 30</center> <div class="image"> <a href="/img/tmb/1/45942/8541298c572c2f101ed2e0e411cf8719-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="ЛоготипЗадание:Добавьте небольшую картинку в качестве логотипа магазина над списком товаров, используя тег , который мы уже изучили ранее"><img src="/img/tmb/1/45942/8541298c572c2f101ed2e0e411cf8719-800x.jpg" title="ЛоготипЗадание:Добавьте небольшую картинку в качестве логотипа магазина над списком товаров, используя" alt="ЛоготипЗадание:Добавьте небольшую картинку в качестве логотипа магазина над списком товаров, используя"></a> </div> <div class="text"> <center>Текст слайда:</center> <p>Логотип<br><p>Задание:<br>Добавьте небольшую картинку в качестве логотипа магазина над списком товаров, используя тег <img>, который мы уже изучили ранее<br> </div> <hr> </div> <div class="descrip"> <center>Слайд 31</center> <div class="image"> <a href="/img/tmb/1/45942/a29319a735709f9931a0f5e1cd403acf-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Мета-теги...: Это корневой тег всего HTML-документа. Он также является родительским для всех других html-элементов страницы....: Данный тег является контейнером для других метатегов, описывающих наш веб-сайт ...: Содержит заголовок веб-страницы, который отображается в шапке браузера : Кодировка текста на странице. В данном случае выбрана кодировка"utf-8"."><img src="/img/tmb/1/45942/a29319a735709f9931a0f5e1cd403acf-800x.jpg" title="Мета-теги...: Это корневой тег всего HTML-документа. Он также является родительским для" alt="Мета-теги...: Это корневой тег всего HTML-документа. Он также является родительским для"></a> </div> <div class="text"> <center>Текст слайда:</center> <p>Мета-теги<br><p><html>...</html>: Это корневой тег всего HTML-документа. Он также является родительским для всех других html-элементов страницы.<br><br><head>...</head>: Данный тег является контейнером для других метатегов, описывающих наш веб-сайт <br><title>...: Содержит заголовок веб-страницы, который отображается в шапке браузера
: Кодировка текста на странице. В данном случае выбрана кодировка"utf-8".

Слайд 32
ИтогиОтлично. Мы молодцы. Сделали наш первый сайт. Познакомились с базовой технологией
Текст слайда:

Итоги

Отлично. Мы молодцы. Сделали наш первый сайт. Познакомились с базовой технологией веб – HTML.

Далее нам предстоит расширять наши познания, изучая новые технологии и тренируясь в знании HTML.

Следующая наша технология: CSS – каскадные таблицы стилей.


Обратная связь

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

Email: Нажмите что бы посмотреть 

Что такое ThePresentation.ru?

Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.


Для правообладателей

Яндекс.Метрика