Слайд 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>Количество просмотров: 75</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="3e7ac333cc1640aa5f30046a18028fe5" 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/rabochiy-stol-1_">
<img src="/img/tmb/14/1326417/091c888d92ab6e882f11f75b1e0166f3-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/karty-pamyati_">
<img src="/img/tmb/13/1235665/f4615662b84556a0102e529db3f93d5c-210x.jpg" alt="Карты памяти">
<span class="desc">
<span>Карты памяти</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 161</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/graficheskaya-obrabotka-dannyh-v-tablichnom-protsessore">
<img src="/img/tmb/12/1195152/9a1f57e67cb51a225f041d33c6015682-210x.jpg" alt="Графическая обработка данных в табличном процессоре MS EXCEL">
<span class="desc">
<span>Графическая обработка данных в табличном процессоре MS EXCEL</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 160</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/638006-prezentatsiya-programmno-tehnicheskie-sistemy-realizatsii-informatsionnyh">
<img src="/img/tmb/7/638006/6a953827857884c2043142e11decd15b-210x.jpg" alt="Презентация Программно-технические системы реализации информационных процессов.">
<span class="desc">
<span>Презентация Программно-технические системы реализации информационных процессов.</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 198</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/obrabotka-zvukovoy-informatsii_">
<img src="/img/tmb/13/1290493/abf63eb3f0d54e95f53f0034754962bd-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/makety-slaydov-osnovnye-makety">
<img src="/img/tmb/12/1146015/4993b93997ccc77775136207f657801f-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/diskretnye-ansambli-i-istochniki">
<img src="/img/tmb/14/1358238/95308c3204d7bce4b13d109be2d6c873-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/setevye-informatsionnye-tehnologii-internet">
<img src="/img/tmb/14/1306023/d04d658fc20f311adffcab04e37fdbb0-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/urok-igra-v-3-klasse-chto">
<img src="/img/tmb/9/804800/b2fdb64958b3c9ea5cf5a5a398bdcf21-210x.jpg" alt="Урок-игра в 3 классе Что мы знаем о компьютере? методическая разработка по информатике (3 класс)">
<span class="desc">
<span>Урок-игра в 3 классе Что мы знаем о компьютере? методическая разработка по информатике (3 класс)</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 179</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/urok-zno-2014">
<img src="/img/tmb/12/1127908/2218deed5e3d9c7cfea4279f1b63af26-210x.jpg" alt="Урок ЗНО -2014">
<span class="desc">
<span>Урок ЗНО -2014</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 133</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/vvod-informatsii-v-pamyat-kompyutera-1_">
<img src="/img/tmb/14/1336870/4abed46fcf04df58ef8b9fedbc4c24c7-210x.jpg" alt="Ввод информации в память компьютера">
<span class="desc">
<span>Ввод информации в память компьютера</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 103</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/612780-prezentatsiya-po-informatike-na-temu-diagrammy-7">
<img src="/img/tmb/7/612780/195976ebcba8d7ab31b29baa42f1d528-210x.jpg" alt="Презентация по информатике на тему Диаграммы и их типы. Алгоритм построения диаграмм в Excel">
<span class="desc">
<span>Презентация по информатике на тему Диаграммы и их типы. Алгоритм построения диаграмм в Excel</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 125</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/518101-zhertvy-dtp">
<img src="/img/tmb/6/518101/95a9890a980272b51116148cc1c13d88-210x.jpg" alt="Жертвы ДТП">
<span class="desc">
<span>Жертвы ДТП</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 239</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/bazovaya-konfiguratsiya">
<img src="/img/tmb/12/1149874/4b9c26d47458f7ab8e645a6480d510fc-210x.jpg" alt="Базовая конфигурация">
<span class="desc">
<span>Базовая конфигурация</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 184</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/vliyanie-kompyutera-i-kompyuternyh-igr-na_">
<img src="/img/tmb/14/1348102/000e6790aebdf7a3e6434548478977b9-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/sozdanie-kryshi-v-programme-archicad">
<img src="/img/tmb/11/1051686/4087a581f24b6ac06f3f0303780e740c-210x.jpg" alt="Создание крыши в программе ArchiCAD">
<span class="desc">
<span>Создание крыши в программе ArchiCAD</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 140</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/1s-torgovlya-i-sklad_">
<img src="/img/tmb/13/1235013/8ad11923a07e1a23fb08ff2ed4f50e50-210x.jpg" alt="1С: Торговля и склад">
<span class="desc">
<span>1С: Торговля и склад</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 123</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/osnovnye-tegi-html-1">
<img src="/img/tmb/12/1131313/7cab9ce6ccca3b4b7c1f73dc00469f87-210x.jpg" alt="Основные теги HTML">
<span class="desc">
<span>Основные теги HTML</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 150</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/multimediynaya-prezentatsiya-na-uroke-kak-metodicheskiy">
<img src="/img/tmb/14/1304115/97d37d5133d2b5cf867bff00125dd392-210x.jpg" alt="Мультимедийная презентация на уроке как методический прием ">
<span class="desc">
<span>Мультимедийная презентация на уроке как методический прием </span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 133</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/tehnologii-programmirovaniya-1_">
<img src="/img/tmb/13/1296825/376ebe8cf10a00518f692be156dd1d6a-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/vozmozhnosti-nastolnyh-izdatelskih-sistem">
<img src="/img/tmb/12/1194868/f792da4fb816e872baa008141f481f75-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/670812-prezentatsiya-k-uroku-sposoby-kodirovaniya-piktogrammy">
<img src="/img/tmb/7/670812/e96c69eae7bcfb04c07ffbcda9d9efa7-210x.jpg" alt="Презентация к уроку Способы кодирования. Пиктограммы (2 класс)">
<span class="desc">
<span>Презентация к уроку Способы кодирования. Пиктограммы (2 класс)</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 168</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/razrabotka-i-optimizatsiya-ispolnitelnoy-sistemy-fragmentirovannogo">
<img src="/img/tmb/12/1115035/837f750e022e7b6488fc0f7801f88ca7-210x.jpg" alt="Разработка и оптимизация исполнительной системы фрагментированного программирования">
<span class="desc">
<span>Разработка и оптимизация исполнительной системы фрагментированного программирования</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 135</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/optimizatsiya-metodov-antivirusnoy-bezopasnosti-pri-proektirovanii">
<img src="/img/tmb/14/1398975/c437f9a6abd07be381b907598f4b234e-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/prikladnaya-informatika_">
<img src="/img/tmb/14/1349905/1d09fdeddab76c5f7836d36e430c5721-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/kompleksnoe-prodvizhenie-internet-proektov">
<img src="/img/tmb/13/1297509/eab9d0aed1210b550b0ccac55079a530-210x.jpg" alt="Комплексное продвижение интернет-проектов">
<span class="desc">
<span>Комплексное продвижение интернет-проектов</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 122</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/urok-n-1-predmetty-huyzinformatik-hztyt">
<img src="/img/tmb/9/827957/3798e1c01b48aafa431a05271b9d8b38-210x.jpg" alt="Урок № 1 Предметты хуызИнформатикӕ хъӕзтытӕ ӕмӕ хынцинӕгты 1 кълас презентация к уроку по информатике (1 класс)">
<span class="desc">
<span>Урок № 1 Предметты хуызИнформатикӕ хъӕзтытӕ ӕмӕ хынцинӕгты 1 кълас презентация к уроку по информатике (1 класс)</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 125</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/istoriya-seti-iternet">
<img src="/img/tmb/11/1056270/f285db679cd196e50a77860a9b3c24d1-210x.jpg" alt="История сети Итернет">
<span class="desc">
<span>История сети Итернет</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 155</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/571149-shtldlk-boyynsha-elektrondy-kesteler">
<img src="/img/tmb/6/571149/dec377328f61a1504c4ee92d7d06c6c5-210x.jpg" alt="Үштілділік бойынша Электронды кестелер">
<span class="desc">
<span>Үштілділік бойынша Электронды кестелер</span>
<span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 133</span>
</span>
</a>
</div>
<div class="wrapper">
<a href="/informatika/600164-bezopasnost-v-seti-internet-2018">
<img src="/img/tmb/7/600164/15ce9a1bcb3c6c1d1b82b9287a00beb3-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="clear"></div>
</div>
</div>
</div>
</div>
<script src="/templates/presentation/js/script.js?7ae5a315ef1850f1ab2723f8f8484030"></script>
</body>
</html>
