Слайд 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-11464146-5 -->
<div id="yandex_rtb_R-A-11464146-5"></div>
<script>
window.yaContextCb.push(() => {
Ya.Context.AdvManager.render({
"blockId": "R-A-11464146-5",
"renderTo": "yandex_rtb_R-A-11464146-5"
})
})
</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>Количество просмотров: 74</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="589863c07454a54da9a00f62f8eafe9a" 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-11464146-1 -->
<div id="yandex_rtb_R-A-11464146-1"></div>
<script>
window.yaContextCb.push(() => {
Ya.Context.AdvManager.render({
"blockId": "R-A-11464146-1",
"renderTo": "yandex_rtb_R-A-11464146-1"
})
})
</script></div>
</div>
<div class="list related">
<h2>Похожие презентации</h2>
<div class="wrapper">
<a href="/informatika/izmerenie-informatsii-9">
<img src="/img/tmb/12/1191258/a450c85be118bb183bcb03605ddc4659-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="wrapper">
<a href="/informatika/507756-prezentatsiya-po-informatike-skanery">
<img src="/img/tmb/6/507756/eb0a7b9e0c6ba92ee70989169a7fcb62-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/semanticheskie-modeli-dannyh">
<img src="/img/tmb/15/1422497/25128a5fc1d9daa5234193da84dc9f7c-210x.jpg" alt="Семантические модели данных">
<span class="desc">
<span>Семантические модели данных</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 150</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/modelirovanie-reshenie-populyatsionnyh-zadach">
<img src="/img/tmb/12/1146142/d64b2738b7cbe9a9223ea3ff6f8198c9-210x.jpg" alt="Моделирование. Решение популяционных задач">
<span class="desc">
<span>Моделирование. Решение популяционных задач</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 203</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/3-klass-obrabotka-informatsii-plan-konspekt">
<img src="/img/tmb/8/765197/5fbaf95e3b320169cd56b8261afecc5c-210x.jpg" alt="3 класс Обработка информации план-конспект урока по информатике (3 класс) по теме">
<span class="desc">
<span>3 класс Обработка информации план-конспект урока по информатике (3 класс) по теме</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 160</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/v-vide-chego-hranitsya-informatsiya-v">
<img src="/img/tmb/12/1192709/3b06bed314d049a589a2294fe7080ca9-210x.jpg" alt="В виде чего хранится информация в компьютере?">
<span class="desc">
<span>В виде чего хранится информация в компьютере?</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 146</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/yazyki-programmirovaniya-ih-klassifikatsiya-sistemy-programmirovaniya">
<img src="/img/tmb/11/1053142/62dc3cdf7061807c48aa906228e4879f-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/animatsiya-v-prezentatsii-teremok">
<img src="/img/tmb/12/1138108/d64d93483dcc4fd17a8d9ce4dedf5a11-210x.jpg" alt="Анимация в презентации Теремок">
<span class="desc">
<span>Анимация в презентации Теремок</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 145</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/fayly-i-ih-tipy">
<img src="/img/tmb/11/1042226/a7fdfdc78c99bc7085a79463d3a8a46a-210x.jpg" alt="Файлы и их типы">
<span class="desc">
<span>Файлы и их типы</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 152</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/ikt-v-nachalnoy-shkole-prezentatsiya-k-3">
<img src="/img/tmb/9/855234/67718e15d2ec086baf72e52f6c268a6d-210x.jpg" alt="ИКТ в начальной школе презентация к уроку информатики (4 класс) по теме">
<span class="desc">
<span>ИКТ в начальной школе презентация к уроку информатики (4 класс) по теме</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 106</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/kodirovanie-simvolov-ascii-koi8-unicode">
<img src="/img/tmb/12/1139599/726f2468f4c726988b2de830e0804136-210x.jpg" alt="Кодирование символов: ASCII, KOI8, UNICODE">
<span class="desc">
<span>Кодирование символов: ASCII, KOI8, UNICODE</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 145</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/usovershenstvovaniya-sistemy-bezopasnosti-windows-server-2008_">
<img src="/img/tmb/14/1372260/05450d4416f2b154c8e0a8b525f37591-210x.jpg" alt="Усовершенствования системы безопасности Windows Server 2008">
<span class="desc">
<span>Усовершенствования системы безопасности Windows Server 2008</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 97</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/primenenie-ikt-na-urokah-v-nachalnoy">
<img src="/img/tmb/12/1150925/b603d70409471c5f5f7dbd303e7916ce-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/chto-takoe-antivirus">
<img src="/img/tmb/12/1165089/a7dd8dd066b06763fc2184285a3ce945-210x.jpg" alt="Что такое антивирус?">
<span class="desc">
<span>Что такое антивирус?</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 281</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/osnovy-informatsionnoy-bezopasnosti-osnovnye-terminy-i">
<img src="/img/tmb/15/1425348/a87942aba5efebbd26aa4503d563395b-210x.jpg" alt="Основы информационной безопасности. Основные термины и определения. (Лекция 1)">
<span class="desc">
<span>Основы информационной безопасности. Основные термины и определения. (Лекция 1)</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 119</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/graficheskie-sposoby-predstavleniya-dannyh-v-excel">
<img src="/img/tmb/11/1086898/4c440be48ba975c91872f0ec1f27ff6f-210x.jpg" alt="Графические способы представления данных в Excel">
<span class="desc">
<span>Графические способы представления данных в Excel</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 131</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/zvukovaya-plata-2">
<img src="/img/tmb/12/1192121/24a16f6b6d38adedb47934749aac20e2-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="wrapper">
<a href="/informatika/533524-prezentatsiya-proektnaya-rabota-na-temu-virusy">
<img src="/img/tmb/6/533524/aa43b9e62d2fa55b517042ccdf26de6c-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="wrapper">
<a href="/informatika/sozdanie-konsolnogo-prilozheniya-s-tekstovym-menyu">
<img src="/img/tmb/15/1449194/707cf7346d9e9f4dcfa64c870c71796b-210x.jpg" alt="Создание консольного приложения с текстовым меню">
<span class="desc">
<span>Создание консольного приложения с текстовым меню</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 127</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/508028-prezentatsiya-po-matematike-kompyuternaya-grafika-9">
<img src="/img/tmb/6/508028/59a08b11ec23f8aaf70dee2b64df2fc2-210x.jpg" alt="Презентация по математике Компьютерная графика 9 класс">
<span class="desc">
<span>Презентация по математике Компьютерная графика 9 класс</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 142</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/perevod-desyatichnyh-chisel-v-drugie-sistemy-1">
<img src="/img/tmb/14/1394286/ea5e4622443bfc48a084050b656c2a32-210x.jpg" alt="Перевод десятичных чисел в другие системы счисления">
<span class="desc">
<span>Перевод десятичных чисел в другие системы счисления</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 112</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/instrumenty-graficheskogo-redaktora-paint">
<img src="/img/tmb/14/1381804/f71c9e4815980d807b8900d53d121424-210x.jpg" alt="Инструменты графического редактора Paint">
<span class="desc">
<span>Инструменты графического редактора Paint</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 140</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/tehnologiya-poiska-informatsii-v-seti-internet">
<img src="/img/tmb/13/1202034/49149080727583fd9b50b8525b8cf605-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="wrapper">
<a href="/informatika/tehnicheskie-sredstva-i-ih-harakteristiki">
<img src="/img/tmb/12/1177044/6ff1b8571de4385bfc968c238e079654-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/524556-model-naty-nysanny-mayzdy-asiettern-beyneleu">
<img src="/img/tmb/6/524556/9c32096d19a063779f4b5f738e2d2c3a-210x.jpg" alt="Модель - нақты нысанның маңызды қасиеттерін бейнелеу">
<span class="desc">
<span>Модель - нақты нысанның маңызды қасиеттерін бейнелеу</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 218</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/593788-prezentatsiya-po-teme-kompyuter-12">
<img src="/img/tmb/6/593788/2a3c4043d0a412ee622fc6238cd01fa5-210x.jpg" alt="Презентация по теме Компьютер">
<span class="desc">
<span>Презентация по теме Компьютер</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 165</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/prezentatsiya-pravila-tehniki-bezopasnosti-v-kompyuternom">
<img src="/img/tmb/13/1201656/40fabcb0f8538cf101508b4f9941291a-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/operatsionnaya-sistema-windows-istoriya-eyo-razvitiya-1">
<img src="/img/tmb/12/1120726/104a42fdbcc08d2d7af6b2fc10f8243a-210x.jpg" alt="Операционная система Windows . История её развития и применение">
<span class="desc">
<span>Операционная система Windows . История её развития и применение</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 125</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/517437-prezentatsiya-po-informatike-na-temu-kompyuternye-67">
<img src="/img/tmb/6/517437/056ff82c27fb58237dd1c8836d66697f-210x.jpg" alt="Презентация по информатике на тему Компьютерные сети">
<span class="desc">
<span>Презентация по информатике на тему Компьютерные сети</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 166</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/sostoyanie-i-tendentsii-razvitiya-evm">
<img src="/img/tmb/13/1266250/5635e5dc5f6165c20b8a9bba526d9f9d-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>
<script src="/templates/presentation/js/script.js?7ae5a315ef1850f1ab2723f8f8484030"></script>
</body>
</html>
