Слайд 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>Количество просмотров: 59</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="abf7e93e4d2c4f7cce06b58327164e85" 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/542208-vidy-nositeley-informatsii-1">
<img src="/img/tmb/6/542208/4b0c3c339f9b6ef1ec0852314b4bb665-210x.jpg" alt="Виды носителей информации.">
<span class="desc">
<span>Виды носителей информации.</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 114</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/periferiynye-ustroystva-ustroystva-vvoda-informatsii">
<img src="/img/tmb/14/1347125/20c90d40852279b87b3e3b7313491195-210x.jpg" alt="Периферийные устройства. Устройства ввода информации">
<span class="desc">
<span>Периферийные устройства. Устройства ввода информации</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 100</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/506825-prezentatsiya-po-informatike-na-temu-modelirovanie-31">
<img src="/img/tmb/6/506825/e75246599f98de805058ad70a16dc470-210x.jpg" alt="Презентация по информатике на тему Моделирование как метод познания (11 класс)">
<span class="desc">
<span>Презентация по информатике на тему Моделирование как метод познания (11 класс)</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 148</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/arhivatory-1">
<img src="/img/tmb/12/1121482/3f97bb4b2eae6a8d6b83c84a51ca2716-210x.jpg" alt="Архиваторы">
<span class="desc">
<span>Архиваторы</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 134</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/viegla-reistrcija">
<img src="/img/tmb/15/1444683/8653d7ec43a71db5e2f198480c0bc931-210x.jpg" alt="Viegla reģistrācija">
<span class="desc">
<span>Viegla reģistrācija</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 84</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/648792-prezentatsya-z-praktichnogo-kursu-nformatiki-na-4">
<img src="/img/tmb/7/648792/ec57b466df8875794c0d3cee9db0d7d3-210x.jpg" alt="Презентація з практичного курсу інформатики на тему: Алгоритм. Властивості алгоритмів. Форми подання алгоритму. Базові структури алгоритмів. Типи алгоритмів">
<span class="desc">
<span>Презентація з практичного курсу інформатики на тему: Алгоритм. Властивості алгоритмів. Форми подання алгоритму. Базові структури алгоритмів. Типи алгоритмів</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 132</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/primitivnye-tipy-dannyh">
<img src="/img/tmb/15/1438094/b7452884812bd77cb2dc569312fe88ab-210x.jpg" alt="Примитивные типы данных">
<span class="desc">
<span>Примитивные типы данных</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 120</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/tehnologii-obrabotki-chislovyh-dannyh-1">
<img src="/img/tmb/11/1081036/02d0ca7269f57378fc7a6625a78aca2d-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/formatirovanie-vyvoda-dannyh-nekotorye-manipulyatory-potokovogo">
<img src="/img/tmb/15/1421852/98791f6cbf84da8ee05856d86f488bc2-210x.jpg" alt="Форматирование вывода данных (некоторые манипуляторы потокового ввода/вывода)">
<span class="desc">
<span>Форматирование вывода данных (некоторые манипуляторы потокового ввода/вывода)</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 91</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/tehnika-bezopasnosti-v-kompyuternom-klasse">
<img src="/img/tmb/11/1099681/dab38f7c26700238b3be968b4b7b755a-210x.jpg" alt="Техника безопасности в компьютерном классе">
<span class="desc">
<span>Техника безопасности в компьютерном классе</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 106</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/fayl-i-faylovaya-sistema-1">
<img src="/img/tmb/12/1114846/5cef19ab0b5bffa181ec35a6ae39f857-210x.jpg" alt="Файл и файловая система">
<span class="desc">
<span>Файл и файловая система</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 159</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/vliyanie-kompyutera-4">
<img src="/img/tmb/14/1360567/fcdd68e9b0ba9e9659d767d5d94da5ae-210x.jpg" alt="Влияние компьютера">
<span class="desc">
<span>Влияние компьютера</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 88</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/klassifikatsiya-prikladnyh-programm">
<img src="/img/tmb/11/1040605/a9763eaf30a1aca4e0c6d2194304cb71-210x.jpg" alt="Классификация прикладных программ">
<span class="desc">
<span>Классификация прикладных программ</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 143</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/klassifikatsiya-saytov">
<img src="/img/tmb/12/1137840/b4c8029c350147126f700bc26b608beb-210x.jpg" alt="Классификация сайтов">
<span class="desc">
<span>Классификация сайтов</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 128</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/artesyn-virtual-video-transcoding-in-the">
<img src="/img/tmb/15/1475489/fede6a4b68275e2bc54c8f6b362b7d02-210x.jpg" alt="Artesyn - Virtual Video Transcoding in the Cloud">
<span class="desc">
<span>Artesyn - Virtual Video Transcoding in the Cloud</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 116</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/592428-prezentatsiya-etapy-raboty-s-informatsiey-ustroystva">
<img src="/img/tmb/6/592428/e8b66aeb7b0de55a55dfc492f3eea4a0-210x.jpg" alt="Презентация Этапы работы с информацией. Устройства">
<span class="desc">
<span>Презентация Этапы работы с информацией. Устройства</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 140</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/struktura-informatsionnogo-obespecheniya-protsessa-obucheniya">
<img src="/img/tmb/11/1095991/d0328f734b6268c910a205430b5dfef9-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/otechestvennaya-tehnika">
<img src="/img/tmb/13/1280591/05803ae57d0492f73ba63c7c2bdcfd8f-210x.jpg" alt="Отечественная техника">
<span class="desc">
<span>Отечественная техника</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 98</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/peredavannya-analogovih-ta-tsifrovih-signalv-v">
<img src="/img/tmb/15/1459538/27277c12ff179529b70c1837c9d477a3-210x.jpg" alt="Передавання аналогових та цифрових сигналів в аналоговому вигляді">
<span class="desc">
<span>Передавання аналогових та цифрових сигналів в аналоговому вигляді</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 100</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/tehnologiya-viki-viki-i-ee-ispolzovanie">
<img src="/img/tmb/12/1189246/519f807d03db481d73b879ffcb4310cd-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/615294-osnovnye-komponenty-kompyutera-i-ih-funktsii-3">
<img src="/img/tmb/7/615294/6a45acda80a615a6075cd081644c05b4-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/rastrovaya-i-vektornaya-grafika-9">
<img src="/img/tmb/12/1178558/a796f3cd73d091430c0ae4f2c43ef2b1-210x.jpg" alt="Растровая и векторная графика">
<span class="desc">
<span>Растровая и векторная графика</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 153</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/bezopasnaya-rabota-v-sotsialnyh-setyah-3">
<img src="/img/tmb/13/1245100/996ba51c13ee639701e39cb6f99c7940-210x.jpg" alt="Безопасная работа в социальных сетях">
<span class="desc">
<span>Безопасная работа в социальных сетях</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 119</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/507712-prezentatsiya-po-informatiki-rabota-s-obektami">
<img src="/img/tmb/6/507712/fc8439e6866d1ac75453f37647d5a5c1-210x.jpg" alt="Презентация по Информатики Работа с объектами в векторных графических редакторах">
<span class="desc">
<span>Презентация по Информатики Работа с объектами в векторных графических редакторах</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 141</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/514745-prezentatsiya-po-informatike-skaner-1">
<img src="/img/tmb/6/514745/1c98d3ae82d103fc3e78048f4a608c40-210x.jpg" alt="Презентация по информатике сканер">
<span class="desc">
<span>Презентация по информатике сканер</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 158</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/kompyuternoe-modelirovanie-2_">
<img src="/img/tmb/14/1351262/13af49dd754533313ee5d04ed0177ff9-210x.jpg" alt="Компьютерное моделирование">
<span class="desc">
<span>Компьютерное моделирование</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 97</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/kak-kodiruetsya-izobrazhenie_">
<img src="/img/tmb/13/1248538/fb8f4f053ed2a0f046f94df982a366e5-210x.jpg" alt="Как кодируется изображение?">
<span class="desc">
<span>Как кодируется изображение?</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 118</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/656167-instrumenty-risovaniya-graficheskogo-redaktora-paint">
<img src="/img/tmb/7/656167/32b9d51e19e2d649e8b55d36a132598c-210x.jpg" alt="Инструменты рисования графического редактора Paint">
<span class="desc">
<span>Инструменты рисования графического редактора Paint</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 120</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/podgotovka-kompyutera-k-bezopasnomu-ispolzovaniyu">
<img src="/img/tmb/11/1098494/a7f6f0a2a14387091b3fd625fdd38a0a-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/ustroystva-vvoda-i-vyvoda-informatsii-12">
<img src="/img/tmb/12/1177854/1a68b83972ca5571778568abebda15e2-210x.jpg" alt="Устройства ввода и вывода информации">
<span class="desc">
<span>Устройства ввода и вывода информации</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 123</span>
</span>
</a>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<script src="/templates/presentation/js/script.js?7ae5a315ef1850f1ab2723f8f8484030"></script>
</body>
</html>
