Слайд 5
… - парные теги указывающие на начала и
конец web-документа.
… - парные теги, описывающие заголовок документа.
…
- парные теги используются для размещения заголовка окна.
… - парные теги внутри которых пишется содержимое web-страницы(текст, картинки, аудио и видео файлы, таблицы, гиперссылки на другие web-страницы).
Слайд 15
1. Зайдем в нашу папку и откроем наш
файл 1.html через «Блокнот», кликнув по файлу правой кнопкой
мыши и в контекстном меню выбрать «открыть с помощью» >> «Блокнот»
2. В строке введем текст: Моя биография и вашу фамилию имя отчество.
<br> </div>
<hr>
</div>
<div class="descrip">
<h3 id="slide16">
<a href="/img/tmb/6/562971/c233bff0389639013da6ad0a49a39626-720x.jpg" target="_blank">Слайд 16</a>
Теперь переходим в оформлению страницы
3. в теге </h3>
<div class="image">
<a href="/img/tmb/6/562971/c233bff0389639013da6ad0a49a39626-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Теперь переходим в оформлению страницы 3. в теге допишем bgcolor=“gray”> должно получиться вот так: Это сделает фон нашей страницы серым. Можно выставить и другой цвет, для этого нужно в кавычках слово grey изменить на название другого цвета. Названия цветов должны писаться обязательно на английском языке либо в шестнадцатеричном коде цвета"><img src="/img/tmb/6/562971/c233bff0389639013da6ad0a49a39626-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Теперь переходим в оформлению страницы 3. в теге допишем bgcolor=“gray”> должно"></a>
</div>
<div class="text">
<h4>допишем bgcolor=“gray”>
должно получиться вот так:
Это сделает фон</h4>
нашей страницы серым.
Можно выставить и другой цвет, для этого нужно в кавычках слово grey изменить на название другого цвета.
Названия цветов должны писаться обязательно на английском языке либо в шестнадцатеричном коде цвета<br> </div>
<hr>
</div>
<div class="descrip">
<h3 id="slide17">
<a href="/img/tmb/6/562971/27bc5fca0ef6d0226cccdf66358e2c5c-720x.jpg" target="_blank">Слайд 17</a>
Вот названия цветов:
<br> </h3>
<div class="image">
<a href="/img/tmb/6/562971/27bc5fca0ef6d0226cccdf66358e2c5c-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Вот названия цветов: "><img src="/img/tmb/6/562971/27bc5fca0ef6d0226cccdf66358e2c5c-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Вот названия цветов:"></a>
</div>
<hr>
</div>
<div class="descrip">
<h3 id="slide18">
<a href="/img/tmb/6/562971/5527aa64704f16377659eec6d6679900-720x.jpg" target="_blank">Слайд 18</a>
4. После тега
нажмем Enter
и </h3>
<div class="image">
<a href="/img/tmb/6/562971/5527aa64704f16377659eec6d6679900-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="4. После тега нажмем Enter и напишем Тег . Это даст нашему следующему тексту находиться по середине страницы. Жмем Enter >> "><img src="/img/tmb/6/562971/5527aa64704f16377659eec6d6679900-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="4. После тега нажмем Enter и напишем Тег . Это"></a>
</div>
<div class="text">
<h4>напишем Тег . Это даст нашему следующему тексту находиться</h4>
по середине страницы.
Жмем Enter >>
<br> </div>
<hr>
</div>
<div class="descrip">
<h3 id="slide19">
<a href="/img/tmb/6/562971/a620a6e35704842ecb287e6b76894130-720x.jpg" target="_blank">Слайд 19</a>
5. Придадим заголовку нашей биографии более красивый внешний </h3>
<div class="image">
<a href="/img/tmb/6/562971/a620a6e35704842ecb287e6b76894130-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="5. Придадим заголовку нашей биографии более красивый внешний вид. После тега с новой строки напишем следующую комбинацию: Это будет внешним видом нашего заголовка. Size – это размер шрифта color – это цвет face – определение типа шрифта. Размер шрифта определяется от 1 до 7. Через пробел напишем тег - это позволит нашему тексту отображаться курсивом. Далее через пробел напишем «Моя биография» и через пробел закроем предыдущие теги Жмем Enter >> пишем "><img src="/img/tmb/6/562971/a620a6e35704842ecb287e6b76894130-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="5. Придадим заголовку нашей биографии более красивый внешний вид. После тега"></a>
</div>
<div class="text">
<h4>вид.
После тега
с новой строки напишем следующую</h4>
комбинацию:
<font size=4 color=“black” face=“Georgia”>
Это будет внешним видом нашего заголовка.
Size – это размер шрифта
color – это цвет
face – определение типа шрифта.
Размер шрифта определяется от 1 до 7.
Через пробел напишем тег <I> - это позволит нашему тексту отображаться курсивом.
Далее через пробел напишем «Моя биография» и через пробел закроем предыдущие теги </I> </font>
Жмем Enter >> пишем </center>
<br> </div>
<hr>
</div>
<div class="descrip">
<h3 id="slide20">
<a href="/img/tmb/6/562971/d08a4fd0d5b17ca944edadf763a35d4d-720x.jpg" target="_blank">Слайд 20</a>
Должно получиться вот так >> <br> </h3>
<div class="image">
<a href="/img/tmb/6/562971/d08a4fd0d5b17ca944edadf763a35d4d-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Должно получиться вот так >> "><img src="/img/tmb/6/562971/d08a4fd0d5b17ca944edadf763a35d4d-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Должно получиться вот так >>"></a>
</div>
<hr>
</div>
<div class="descrip">
<h3 id="slide21">
<a href="/img/tmb/6/562971/f5a4da5365a8e46e5392ac356a56278a-720x.jpg" target="_blank">Слайд 21</a>
Теперь перейдем к написанию самой биографии и ее </h3>
<div class="image">
<a href="/img/tmb/6/562971/f5a4da5365a8e46e5392ac356a56278a-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Теперь перейдем к написанию самой биографии и ее оформлению. 6. Пишем тег через пробел пишем нужное нам оформление дальнейшего текста Жмем Enter пишем свою биографию, минимум 3 – 4 предложения. После написания текста Жмем Enter и закрываем теги "><img src="/img/tmb/6/562971/f5a4da5365a8e46e5392ac356a56278a-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Теперь перейдем к написанию самой биографии и ее оформлению. 6. Пишем"></a>
</div>
<div class="text">
<h4>оформлению.
6. Пишем тег через пробел пишем нужное нам</h4>
оформление дальнейшего текста
<font size=2 color="black" face="Georgia">
Жмем Enter пишем свою биографию, минимум 3 – 4 предложения.
После написания текста Жмем Enter и закрываем теги </font> <center>
<br> </div>
<hr>
</div>
<div class="descrip">
<h3 id="slide22">
<a href="/img/tmb/6/562971/8cd8bd8ad9f2eca2ef95b471d33c150c-720x.jpg" target="_blank">Слайд 22</a>
Должно получиться вот так >> <br> </h3>
<div class="image">
<a href="/img/tmb/6/562971/8cd8bd8ad9f2eca2ef95b471d33c150c-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Должно получиться вот так >> "><img src="/img/tmb/6/562971/8cd8bd8ad9f2eca2ef95b471d33c150c-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Должно получиться вот так >>"></a>
</div>
<hr>
</div>
<div class="descrip">
<h3 id="slide23">
<a href="/img/tmb/6/562971/8c1f5eca8634c2293545c137381d7e5d-720x.jpg" target="_blank">Слайд 23</a>
Теперь посмотрим что получилось через браузер:
для этого закроем </h3>
<div class="image">
<a href="/img/tmb/6/562971/8c1f5eca8634c2293545c137381d7e5d-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Теперь посмотрим что получилось через браузер: для этого закроем блокнот сохранив и откроем наш файл через браузер (клик правой кнопкой мыши по файлу >> контекстное меню >> Открыть с помощью …. "><img src="/img/tmb/6/562971/8c1f5eca8634c2293545c137381d7e5d-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Теперь посмотрим что получилось через браузер: для этого закроем блокнот сохранив"></a>
</div>
<div class="text">
<h4>блокнот сохранив и откроем наш файл через браузер (клик</h4>
правой кнопкой мыши по файлу >> контекстное меню >> Открыть с помощью …. <br> </div>
<hr>
</div>
<div class="descrip">
<h3 id="slide24">
<a href="/img/tmb/6/562971/cc3158c4b09af6c2cc39498b8c8ee6bb-720x.jpg" target="_blank">Слайд 24</a>
Если все написано и составлено верно, то наша </h3>
<div class="image">
<a href="/img/tmb/6/562971/cc3158c4b09af6c2cc39498b8c8ee6bb-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Если все написано и составлено верно, то наша с вами страница будет выглядеть вот так >> Стало чуть красивее, чем было изначально."><img src="/img/tmb/6/562971/cc3158c4b09af6c2cc39498b8c8ee6bb-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Если все написано и составлено верно, то наша с вами страница"></a>
</div>
<div class="text">
<h4>с вами страница будет выглядеть вот так >>
Стало</h4>
чуть красивее, чем было изначально.<br> </div>
<hr>
</div>
<div class="descrip">
<h3 id="slide25">
<a href="/img/tmb/6/562971/aae3f7b5ced1861dae5c4864a156ce8e-720x.jpg" target="_blank">Слайд 25</a>
Понемногу мы приближаемся к нашей цели, теперь сделаем </h3>
<div class="image">
<a href="/img/tmb/6/562971/aae3f7b5ced1861dae5c4864a156ce8e-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Понемногу мы приближаемся к нашей цели, теперь сделаем вторую часть. Добавим картинки на веб-страницу. Перед тем как приступить к дальнейшему заданию, поставим перед собой несколько простых задач. "><img src="/img/tmb/6/562971/aae3f7b5ced1861dae5c4864a156ce8e-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Понемногу мы приближаемся к нашей цели, теперь сделаем вторую часть. Добавим"></a>
</div>
<div class="text">
<h4>вторую часть. Добавим картинки на веб-страницу.
Перед тем как приступить</h4>
к дальнейшему заданию, поставим перед собой несколько простых задач.
<br> </div>
<hr>
</div>
<div class="descrip">
<h3 id="slide26">
<a href="/img/tmb/6/562971/4552f2dff9dfb7c5e5f0ee9ab5474e03-720x.jpg" target="_blank">Слайд 26</a>
1. Перейдем на новую строку
2. По центру напишем </h3>
<div class="image">
<a href="/img/tmb/6/562971/4552f2dff9dfb7c5e5f0ee9ab5474e03-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="1. Перейдем на новую строку 2. По центру напишем какие мы любим цветы и вставим картинку 3. Далее по центру напишем какой мы любим цвет выделив эту строчку тем цветом какой мы любим. 4. Напишем о том что мы больше всего любим в этой жизни и вставим картинку."><img src="/img/tmb/6/562971/4552f2dff9dfb7c5e5f0ee9ab5474e03-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="1. Перейдем на новую строку 2. По центру напишем какие мы"></a>
</div>
<div class="text">
<h4>какие мы любим цветы и вставим картинку
3. Далее по</h4>
центру напишем какой мы любим цвет выделив эту строчку тем цветом какой мы любим.
4. Напишем о том что мы больше всего любим в этой жизни и вставим картинку.<br> </div>
<hr>
</div>
<div class="descrip">
<h3 id="slide27">
<a href="/img/tmb/6/562971/9886b3fcc334f10279d9d7234d93ce86-720x.jpg" target="_blank">Слайд 27</a>
После нашей выше написанной биографии, которая замыкается тегами </h3>
<div class="image">
<a href="/img/tmb/6/562971/9886b3fcc334f10279d9d7234d93ce86-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="После нашей выше написанной биографии, которая замыкается тегами жмем Enter и пишем тег - этот тег позволит нам перейти на новую пустую строку в веб-документе, он одиночный, поэтому не требуется в закрытии после написания и вставки информации."><img src="/img/tmb/6/562971/9886b3fcc334f10279d9d7234d93ce86-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="После нашей выше написанной биографии, которая замыкается тегами жмем Enter"></a>
</div>
<div class="text">
<h4>
жмем Enter
и пишем тег <br> -</h4>
этот тег позволит нам перейти на новую пустую строку в веб-документе, он одиночный, поэтому не требуется в закрытии после написания и вставки информации.<br> </div>
<hr>
</div>
<div class="descrip">
<h3 id="slide28">
<a href="/img/tmb/6/562971/a7bb5e399aa36197dc45944263465d69-720x.jpg" target="_blank">Слайд 28</a>
После тега жмем Enter и пишем тег </h3>
<div class="image">
<a href="/img/tmb/6/562971/a7bb5e399aa36197dc45944263465d69-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="После тега жмем Enter и пишем тег что бы следующая информации писалась по центру. Жмем Enter и пишем строчку «Я люблю такие цветы, как (свои любимые цветы)» Теперь займемся вставкой картинки наших любимых цветов."><img src="/img/tmb/6/562971/a7bb5e399aa36197dc45944263465d69-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="После тега жмем Enter и пишем тег что бы следующая информации"></a>
</div>
<div class="text">
<h4>что бы следующая информации писалась по центру.
Жмем Enter и</h4>
пишем строчку «Я люблю такие цветы, как (свои любимые цветы)»
Теперь займемся вставкой картинки наших любимых цветов.<br> </div>
<hr>
</div>
<div class="descrip">
<h3 id="slide29">
<a href="/img/tmb/6/562971/84219096e9f2e1f70df5115fffd875c5-720x.jpg" target="_blank">Слайд 29</a>
Примечания:
1. Картинки можете найти в интернете и скачать, </h3>
<div class="image">
<a href="/img/tmb/6/562971/84219096e9f2e1f70df5115fffd875c5-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Примечания: 1. Картинки можете найти в интернете и скачать, сохранив их в нашу папку «Моя первая веб-страница» с нашим файлом. 2. Для дальнейшего удобства, советую переименовывать картинки в более простые названия, такие как (cart1, cart2, cart3 и т.д.) 3. при этом нужно заострить внимание на расширении картинки. Это играет очень важную роль в дальнейшем. Расширение картинки можно узнать, кликнув по картинке правой кнопкой мыши в контекстном меню выбрать пункт «Свойства» и в появившемся окне в строке «Тип Файла» будет написано расширение нужной вам картинки. Там будет присутствовать два расширения – полное и сокращенное. Нам нужно будет только сокращенное, оно указано в скобах маленькими буквами "><img src="/img/tmb/6/562971/84219096e9f2e1f70df5115fffd875c5-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Примечания: 1. Картинки можете найти в интернете и скачать, сохранив их"></a>
</div>
<div class="text">
<h4>сохранив их в нашу папку «Моя первая веб-страница» с</h4>
нашим файлом.
2. Для дальнейшего удобства, советую переименовывать картинки в более простые названия, такие как (cart1, cart2, cart3 и т.д.)
3. при этом нужно заострить внимание на расширении картинки. Это играет очень важную роль в дальнейшем.
Расширение картинки можно узнать, кликнув по картинке правой кнопкой мыши в контекстном меню выбрать пункт «Свойства» и в появившемся окне в строке «Тип Файла» будет написано расширение нужной вам картинки. Там будет присутствовать два расширения – полное и сокращенное. Нам нужно будет только сокращенное, оно указано в скобах маленькими буквами
<br> </div>
<hr>
</div>
<div class="descrip">
<h3 id="slide30">
<a href="/img/tmb/6/562971/6e24cc1f63cfeb947da11b0a55f41a22-720x.jpg" target="_blank">Слайд 30</a>
<br> </h3>
<div class="image">
<a href="/img/tmb/6/562971/6e24cc1f63cfeb947da11b0a55f41a22-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption=""><img src="/img/tmb/6/562971/6e24cc1f63cfeb947da11b0a55f41a22-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt=""></a>
</div>
<hr>
</div>
<div class="descrip">
<h3 id="slide31">
<a href="/img/tmb/6/562971/f69e4b666203866c7052d2f3d6e374f3-720x.jpg" target="_blank">Слайд 31</a>
Вставка ссылки на картинку:
1. Нажав Enter пропишем </h3>
<div class="image">
<a href="/img/tmb/6/562971/f69e4b666203866c7052d2f3d6e374f3-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption=" Вставка ссылки на картинку: 1. Нажав Enter пропишем тег 2. Нажав Enter пропишем тег это ссылка в веб-документе на картинку которую мы вставляем. Вместо «названия картинки» пишем имя картинки которая содержится уже в нашей папке. Width и height – это ширина и высота нашей картинки. По умолчанию это 256х128. "><img src="/img/tmb/6/562971/f69e4b666203866c7052d2f3d6e374f3-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Вставка ссылки на картинку: 1. Нажав Enter пропишем тег 2."></a>
</div>
<div class="text">
<h4>тег <br>
2. Нажав Enter пропишем тег
</h4>
width=256 height=128>
это ссылка в веб-документе на картинку которую мы вставляем.
Вместо «названия картинки» пишем имя картинки которая содержится уже в нашей папке.
Width и height – это ширина и высота нашей картинки. По умолчанию это 256х128.
<br> </div>
<hr>
</div>
<div class="descrip">
<h3 id="slide32">
<a href="/img/tmb/6/562971/db04fceeb17da8143e4e573c5a7f01c6-720x.jpg" target="_blank">Слайд 32</a>
После проделанных нами операций, должно получиться следующее<br> </h3>
<div class="image">
<a href="/img/tmb/6/562971/db04fceeb17da8143e4e573c5a7f01c6-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="После проделанных нами операций, должно получиться следующее"><img src="/img/tmb/6/562971/db04fceeb17da8143e4e573c5a7f01c6-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="После проделанных нами операций, должно получиться следующее"></a>
</div>
<hr>
</div>
<div class="descrip">
<h3 id="slide33">
<a href="/img/tmb/6/562971/06ece52bef0aed40e799d4304047fc42-720x.jpg" target="_blank">Слайд 33</a>
Теперь напишем строчку тем цветом какой нам нравится, </h3>
<div class="image">
<a href="/img/tmb/6/562971/06ece52bef0aed40e799d4304047fc42-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Теперь напишем строчку тем цветом какой нам нравится, например возьмем красный цвет 1. Жмем Enter пишем тег и снова жмем Enter 2. пишем тег и указываем нужный нам размер шрифта, цвет, и поставим стиль шрифта “Georgia” Наш тег должен выглядеть следующим образом Я люблю …. цвет "><img src="/img/tmb/6/562971/06ece52bef0aed40e799d4304047fc42-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Теперь напишем строчку тем цветом какой нам нравится, например возьмем красный"></a>
</div>
<div class="text">
<h4>например возьмем красный цвет
1. Жмем Enter пишем тег <br></h4>
и снова жмем Enter
2. пишем тег <font> и указываем нужный нам размер шрифта, цвет, и поставим стиль шрифта “Georgia”
Наш тег должен выглядеть следующим образом
<font size=размер шрифта (от 1 до 7) color=ваш любимый цвет на английском языке в кавычках face=“Georgia”> Я люблю …. цвет </font><br> </div>
<hr>
</div>
<div class="descrip">
<h3 id="slide34">
<a href="/img/tmb/6/562971/da71cbd8b0a43d1ea368675128099f84-720x.jpg" target="_blank">Слайд 34</a>
Далее мы напишем о том что мы больше </h3>
<div class="image">
<a href="/img/tmb/6/562971/da71cbd8b0a43d1ea368675128099f84-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Далее мы напишем о том что мы больше всего любим и вставим картинку если таковую найдем в интернете. 1. Жмем Enter пишем тег 2. Жмем Enter пишем то, что мы больше всего любим в жизни и жмем Enter 3. Пишем тег Жмем enter и вставляем ссылку на картинку указывая при этом ширину и высоту нашей картинки. И правильно указываем название и расширение нашей картинки. 4. Жмем Enter и закрываем тег "><img src="/img/tmb/6/562971/da71cbd8b0a43d1ea368675128099f84-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Далее мы напишем о том что мы больше всего любим и"></a>
</div>
<div class="text">
<h4>всего любим и вставим картинку если таковую найдем в</h4>
интернете.
1. Жмем Enter пишем тег <br>
2. Жмем Enter пишем то, что мы больше всего любим в жизни и жмем Enter
3. Пишем тег <br> Жмем enter
и вставляем ссылку на картинку указывая при этом ширину и высоту нашей картинки. И правильно указываем название и расширение нашей картинки.
4. Жмем Enter и закрываем тег </center><br> </div>
<hr>
</div>
<div class="descrip">
<h3 id="slide35">
<a href="/img/tmb/6/562971/d4b447a1324df302bc7d65781b32bfe7-720x.jpg" target="_blank">Слайд 35</a>
Вот что должно поулчиться:<br> </h3>
<div class="image">
<a href="/img/tmb/6/562971/d4b447a1324df302bc7d65781b32bfe7-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Вот что должно поулчиться:"><img src="/img/tmb/6/562971/d4b447a1324df302bc7d65781b32bfe7-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Вот что должно поулчиться:"></a>
</div>
<hr>
</div>
<div class="descrip">
<h3 id="slide36">
<a href="/img/tmb/6/562971/013abf669cd9cc7130ae12ed6427a29a-720x.jpg" target="_blank">Слайд 36</a>
Теперь глянем что у нас получилось)
Закрываем блокнот </h3>
<div class="image">
<a href="/img/tmb/6/562971/013abf669cd9cc7130ae12ed6427a29a-720x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Теперь глянем что у нас получилось) Закрываем блокнот и открываем наш файл через браузер. Смотрим что вышло…"><img src="/img/tmb/6/562971/013abf669cd9cc7130ae12ed6427a29a-720x.jpg" title="Презентация по информатике : Создание Web-страницы для начинающих" alt="Теперь глянем что у нас получилось) Закрываем блокнот и открываем наш"></a>
</div>
<div class="text">
<h4>и открываем наш файл через браузер. Смотрим что вышло…<br></h4>
</div>
<hr>
</div>
</div>
<div class="custom" >
<!-- Yandex.RTB R-A-2962960-4 -->
<div id="yandex_rtb_R-A-2962960-4"></div>
<script>window.yaContextCb.push(()=>{
Ya.Context.AdvManager.render({
"blockId": "R-A-2962960-4",
"renderTo": "yandex_rtb_R-A-2962960-4"
})
})
</script></div>
<div class="content dl-content" style="margin-top: 20px">
<form action="" method="post" class="js_captcha dl-form">
<div>
<ul>
<li>Имя файла: prezentatsiya-po-informatike-sozdanie-web-stranitsy-dlya-nachinayushchih.pptx</li>
<li>Количество просмотров: 54</li>
<li>Количество скачиваний: 0</li>
</ul>
<div class="g-recaptcha" data-sitekey="6Lf0iN8nAAAAACKv8U8VhTtj8F1wq0TA-RBjxFb2"></div>
<input type="submit" value="Скачать презентацию">
<input type="hidden" name="task" value="dodownload">
<input type="hidden" name="ab828a067e57b00de495eb1de3f38130" value="1" /> </div>
<div class="clear"></div>
</form>
<div class="adBlockDownload">
<div class="banners"></div>
</div>
</div>
<div class="itemNavigation">
<div class="itemNavigation-wrapper">
<div class="itemNavigation-item">
- Предыдущая
<a class="itemNavigation-link" href="/uncategorized/562970-elektronnoe-portfolio-dlya-masterov-i-prepodavateley">Электронное Портфолио для мастеров и преподавателей Профессионального и обще профессионального цикла</a>
</div>
<div class="itemNavigation-item">
Следующая -
<a class="itemNavigation-link" href="/russkiy-yazyk/562972-prezentatsiya-k-uroku-russkogo-yazyka-po-408">Презентация к уроку русского языка по теме Спряжение глаголов Перспективная начальная школа</a>
</div>
</div>
</div>
</div>
<div class="right">
<div class="banners">
<div class="custom" >
<!-- Yandex.RTB R-A-2962960-2 -->
<div id="yandex_rtb_R-A-2962960-2"></div>
<script>window.yaContextCb.push(()=>{
Ya.Context.AdvManager.render({
"blockId": "R-A-2962960-2",
"renderTo": "yandex_rtb_R-A-2962960-2"
})
})
</script></div>
</div>
<div class="list related">
<h2>Похожие презентации</h2>
<div class="wrapper">
<a href="/informatika/elektronnaya-podpis-dokumentov">
<img src="/img/tmb/12/1186233/8d7ca2dbfe7ae50cd617665d3e8d3099-210x.jpg" alt="Электронная подпись документов">
<span class="desc">
<span>Электронная подпись документов</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 137</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/computer-security-principles-and-practice-firewalls">
<img src="/img/tmb/15/1409519/b6dca299dc64dd924e12c8cfea977fa8-210x.jpg" alt="Computer Security: Principles and Practice. Firewalls and Intrusion Prevention Systems. Chapter 9">
<span class="desc">
<span>Computer Security: Principles and Practice. Firewalls and Intrusion Prevention Systems. Chapter 9</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 120</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/puteshestviya-na-kompyutere">
<img src="/img/tmb/11/1053878/e53dec6d52b93e822ddecb13c813ea4a-210x.jpg" alt="Путешествия на компьютере">
<span class="desc">
<span>Путешествия на компьютере</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 121</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/dokument-kak-informacionnyy-obekt">
<img src="/img/tmb/8/730923/30cf371ee27cab47c70f8bd3be3febb6-210x.jpg" alt="dokument kak informacionnyy obekt">
<span class="desc">
<span>dokument kak informacionnyy obekt</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 135</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/naglyadnye-formy-predstavleniya-informatsii">
<img src="/img/tmb/11/1067136/bd8df7e71a33097e72e5f9928dbc17ab-210x.jpg" alt="Наглядные формы представления информации">
<span class="desc">
<span>Наглядные формы представления информации</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 116</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/kriptograficheskiy-shlyuz">
<img src="/img/tmb/13/1254708/2662052dcf71cd7b914b15d5dfacfb48-210x.jpg" alt="Криптографический шлюз">
<span class="desc">
<span>Криптографический шлюз</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 138</span>
</span>
</a>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="cntWrapper">
<div class="list">
<h2 class="right-heading" id="related">Похожие презентации</h2>
<div class="wrapper">
<a href="/informatika/programmnoe-obespechenie-gis-vidy-programmnogo-obespecheniya">
<img src="/img/tmb/12/1148898/e49b343eb4a61b0b5a2d72de84a778dd-210x.jpg" alt="Программное обеспечение ГИС. Виды программного обеспечения.">
<span class="desc">
<span>Программное обеспечение ГИС. Виды программного обеспечения.</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 105</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/3-java-persistence-api-5-transaction">
<img src="/img/tmb/15/1449924/9ee6cb5003fef90365ef1080431666a8-210x.jpg" alt="3. Java Persistence API. 5. Transaction Management">
<span class="desc">
<span>3. Java Persistence API. 5. Transaction Management</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 102</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/623072-prezentatsiya-po-informatike-na-temu-kompyuternye-79">
<img src="/img/tmb/7/623072/0b4c521315da40a650feea4dc0e39c84-210x.jpg" alt="Презентация по информатике на тему Компьютерные сети">
<span class="desc">
<span>Презентация по информатике на тему Компьютерные сети</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 101</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/strukturnye-tipy-dannyh-yazyka-paskal">
<img src="/img/tmb/13/1201852/9d79221ecf95cb02e405cf79e5180fca-210x.jpg" alt="Структурные типы данных языка Паскаль">
<span class="desc">
<span>Структурные типы данных языка Паскаль</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 113</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/organizatsiya-vychisleniy-v-elektronnyh-tablitsah-obrabotka-2">
<img src="/img/tmb/15/1479132/76712fc9799232e2733eaa77fb9dbdbf-210x.jpg" alt="Организация вычислений в электронных таблицах. Обработка числовой информации в электронных таблицах">
<span class="desc">
<span>Организация вычислений в электронных таблицах. Обработка числовой информации в электронных таблицах</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 136</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/modeli-raspredelennyh-baz-dannyh_">
<img src="/img/tmb/14/1393768/a866006925f4b70660a899f378c73402-210x.jpg" alt="Модели распределенных баз данных">
<span class="desc">
<span>Модели распределенных баз данных</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 108</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/organizatsiya-i-upravlenie-bolshimi-obektami">
<img src="/img/tmb/13/1291107/4561b1d7338439d2705886852bb478cb-210x.jpg" alt="Организация и управление большими объектами">
<span class="desc">
<span>Организация и управление большими объектами</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 93</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/unix-i-unix-podobnye-sistemy">
<img src="/img/tmb/12/1165404/c75df4e26c672e2c8e9c638677d12725-210x.jpg" alt="UNIX И UNIX-ПОДОБНЫЕ СИСТЕМЫ">
<span class="desc">
<span>UNIX И UNIX-ПОДОБНЫЕ СИСТЕМЫ</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 156</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/ustroystvo-pk">
<img src="/img/tmb/11/1089786/b5ac2f2480597e877b3cf3b9c27b2aa6-210x.jpg" alt="Устройство ПК">
<span class="desc">
<span>Устройство ПК</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 148</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/iskusstvennyy-intellekt-i-intellektualnye-informatsionnye-sistemy">
<img src="/img/tmb/15/1479217/421158b4a99e686f855cf36b75d9301c-210x.jpg" alt="Искусственный интеллект и интеллектуальные информационные системы">
<span class="desc">
<span>Искусственный интеллект и интеллектуальные информационные системы</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 104</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/544682-prezentatsiya-po-informatike-na-temu-kak-16">
<img src="/img/tmb/6/544682/607c0b208d0e23018134fa7bc541dc52-210x.jpg" alt="Презентация по информатике на тему Как образуются понятия (6 класс)">
<span class="desc">
<span>Презентация по информатике на тему Как образуются понятия (6 класс)</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 120</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/mesto-kompyutera-v-informatsionno-obrazovatelnom-prostranstve_">
<img src="/img/tmb/14/1316729/9ad3fdd50019cb0eac510aa06624aa14-210x.jpg" alt="Место компьютера в информационно-образовательном пространстве">
<span class="desc">
<span>Место компьютера в информационно-образовательном пространстве</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 92</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/sreda-sushchestvovaniya-obekta">
<img src="/img/tmb/12/1118244/be1db27f25bdb0d72d5e9e549a80628f-210x.jpg" alt="Среда существования объекта">
<span class="desc">
<span>Среда существования объекта</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 130</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/640089-prezentatsiya-po-kompyuternym-setyam-na-temu">
<img src="/img/tmb/7/640089/2b59706dc60b94fad27b4a6beef067c9-210x.jpg" alt="Презентация по компьютерным сетям на тему IP-адресация">
<span class="desc">
<span>Презентация по компьютерным сетям на тему IP-адресация</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 155</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/istoriya-pismennosti-7">
<img src="/img/tmb/12/1111934/3b64926b6b6323c4fe140dfe1c60a1ab-210x.jpg" alt="История письменности">
<span class="desc">
<span>История письменности</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 29</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/playable-ads-teen-patti--indian">
<img src="/img/tmb/15/1432358/c7422240392500a6ad84fe6789a5f5c2-210x.jpg" alt="Playable Ads. Teen Patti – Indian Poker">
<span class="desc">
<span>Playable Ads. Teen Patti – Indian Poker</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 78</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/599476-prezentatsiya-po-informatike-na-temu-modeli-43">
<img src="/img/tmb/6/599476/c5782d5f70893f8342630fed1100ee6e-210x.jpg" alt="Презентация по информатике на тему Модели систем (11 класс)">
<span class="desc">
<span>Презентация по информатике на тему Модели систем (11 класс)</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 125</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/attestatsionnaya-rabota-programma-vneurochnoy-deyatelnosti-lego">
<img src="/img/tmb/15/1469381/865cc63ab2847e53ac0c5b2f9cc5a1c2-210x.jpg" alt="Аттестационная работа. Программа внеурочной деятельности Lego-конструирование">
<span class="desc">
<span>Аттестационная работа. Программа внеурочной деятельности Lego-конструирование</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 99</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/odnomernye-massivy-tsiklicheskie-sdvigi-szhatie">
<img src="/img/tmb/11/1099370/96e525c089954bf1e6955db0c8d1984d-210x.jpg" alt="Одномерные массивы. Циклические сдвиги, сжатие">
<span class="desc">
<span>Одномерные массивы. Циклические сдвиги, сжатие</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 129</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/kompyuternye-slovari-1">
<img src="/img/tmb/13/1203158/44e849d4568e9f689a4bcb080a7f4b43-210x.jpg" alt="Компьютерные словари">
<span class="desc">
<span>Компьютерные словари</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 139</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/prezentatsiya-slova-aktyory">
<img src="/img/tmb/13/1201607/f3bc17474a0c97e9d0d4a166a63bb05b-210x.jpg" alt="Презентация Слова-актёры">
<span class="desc">
<span>Презентация Слова-актёры</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 115</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/565683-test-v-vide-prezentatsii-po-informatike">
<img src="/img/tmb/6/565683/027da953ba9dcc5cdedc8680cb4780c6-210x.jpg" alt="Тест (в виде презентации) по информатике для 8 класса Проверь свои знания">
<span class="desc">
<span>Тест (в виде презентации) по информатике для 8 класса Проверь свои знания</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 125</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/obshchaya-kontseptsiya-integratsii-programmnyh-resheniy-dlya">
<img src="/img/tmb/15/1442482/496072296760a8c48fdd3d6d15b5a34d-210x.jpg" alt="Общая концепция интеграции программных решений для строительства">
<span class="desc">
<span>Общая концепция интеграции программных решений для строительства</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 93</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/organizatsiya-potokov-v-java-lektsii-8">
<img src="/img/tmb/15/1407343/d559947b4031d71816427b35126795cd-210x.jpg" alt="Организация потоков в Java. (Лекции 8)">
<span class="desc">
<span>Организация потоков в Java. (Лекции 8)</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 103</span>
</span>
</a>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<script src="/templates/presentation/js/script.js?7ae5a315ef1850f1ab2723f8f8484030"></script>
</body>
</html>
