Фреймы в HTML презентация

Июль 30, 2022

Содержание

2. Фрейм (англ frame – кадр, рамка) — в самом общем случае данное слово обозначает структуру, содержащую
4. Фреймы • Фреймы позволяют разбить окно просмотра браузера на несколько прямоугольных подобластей, располагающихся рядом друг с
5. Элементы фреймовой структуры • Тег - определяет структуру фреймов на WEB-странице. Фреймы разделяют окно браузера на
6. • Тег - создает плавающий фрейм, который находится внутри обычного документа, он позволяет загружать в область
7. Описание структуры index.html Фреймы-столбцы columns столбцы ширина в пикселях или % все остальное место source источник
8. Граница между фреймами ... ... граница между фреймами: 0 – невидима, 1 - видима ширина полосы
9. Настройка фрейма (FRAME) MARGINHEIGHT="0" NORESIZE SCROLLING="auto"> убрать отступы от края фрейма до содержимого полоса прокрутки: auto
10. Фреймы-строки index.html Фреймы-строки NAME="qq"> строки ширина в пикселях или %
11. Сложные структуры (3 фрейма) index.html
12. Как открыть ссылку в другом фрейме TARGET="qq">Глава 2 TARGET _blank – в новом окне _parent –
13. Фреймы в HEFS
14. Работа с несколькими страницами в HEFS переключение страниц закрыть текущую страницу (Ctrl-W) просмотр активной страницы
16. Скачать презентацию

Слайд 2

Фрейм (англ frame – кадр, рамка) — в самом общем
случае данное слово обозначает

структуру, содержащую
некоторую информацию.
Фрейм (в языке HTML) — область окна браузера для
представления отдельной WEB-страницы, то есть по сути
это отдельное окно

3 файла:
left.html – страница в левой части
right.html – страница в правой части
index.html – описание структуры

Слайд 3

Слайд 4

Фреймы • Фреймы позволяют разбить окно просмотра браузера на несколько прямоугольных подобластей, располагающихся рядом друг с

другом. В каждую из подобластей можно загрузить отдельный HTML-документ, просмотр которого осуществляется независимо от других. • Между фреймами, также как и между отдельными окнами браузера, при необходимости можно организовать взаимодействие, которое заключается в том, что выбор ссылки в одном из фреймов может привести к загрузке нужного документа в другой фрейм или окно браузера.

Слайд 5

Элементы фреймовой структуры
• Тег - определяет структуру фреймов на WEB-странице. Фреймы разделяют

окно браузера на отдельные области, расположенные вплотную друг к другу. В каждую из таких областей загружается самостоятельная WEB-страница определяемая с помощью тега FRAME.
• Тег - определяет свойства отдельного фрейма, на которые делится окно браузера

Слайд 6

• Тег - создает плавающий фрейм, который находится внутри обычного документа, он позволяет загружать</div></h3><div class="slides-content">в область заданных размеров любые другие независимые документы. • Тег <NOFRAMES> - содержимое тега NOFRAMES отображается в браузере, когда он не поддерживает фреймы и не умеет их интерпретировать. Браузеры, которые работают с фреймами, полностью игнорируют содержимое тега NOFRAMES.<br></div><h3 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/333315/slide-5.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="• Тег - создает плавающий фрейм, который находится внутри обычного документа, он позволяет" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/333315/slide-5.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/333315/slide-5.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/333315/slide-5.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/333315/slide-5.jpg 1440w" class="slides-image"></h3></div></div><div class="slides-wrapper"><div id="slide7" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 7</span></div><h3 class="slides-content text-center font-bold"><div><p>Описание структуры<br><p>index.html<br><p><HTML><br><HEAD><br> <TITLE>Фреймы-столбцы</TITLE><br></HEAD><br><FRAMESET COLS="30%,"><br> <FRAME SRC="left.html"><br> <FRAME SRC="right.html" NAME="qq"><br></FRAMESET><br></HTML> <br><p>columns<br>столбцы<br><p>ширина в пикселях или</div></h3><div class="slides-content">%<br><p>все остальное место<br><p>source<br>источник<br><p>имя фрейма (для ссылок)<br></div><h3 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/333315/slide-6.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Описание структуры index.html Фреймы-столбцы columns столбцы ширина в пикселях или % все остальное" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/333315/slide-6.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/333315/slide-6.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/333315/slide-6.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/333315/slide-6.jpg 1440w" class="slides-image"></h3></div></div><div class="slides-wrapper"><div id="slide8" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 8</span></div><h3 class="slides-content text-center font-bold"><div><p>Граница между фреймами<br><p><FRAMESET COLS="30%," FRAMESPACING="10"><br>...<br></FRAMESET><br><p><FRAMESET COLS="30%," FRAMEBORDER="0"><br>...<br></FRAMESET><br><p>граница между фреймами:<br>0 – невидима, 1 -</div></h3><div class="slides-content">видима<br><p>ширина полосы между фреймами, за которую можно перетащить границу<br></div><h3 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/333315/slide-7.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Граница между фреймами ... ... граница между фреймами: 0 – невидима, 1 -" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/333315/slide-7.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/333315/slide-7.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/333315/slide-7.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/333315/slide-7.jpg 1440w" class="slides-image"></h3></div></div><div class="slides-wrapper"><div id="slide9" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 9</span></div><h3 class="slides-content text-center font-bold"><div><p>Настройка фрейма (FRAME)<br><p><FRAME SRC="a.htm" MARGINWIDTH="0"<br> MARGINHEIGHT="0"<br> NORESIZE <br> SCROLLING="auto"><br><p>убрать отступы от края фрейма</div></h3><div class="slides-content">до содержимого<br><p>полоса прокрутки:<br> auto – появляется, когда надо<br> yes – есть всегда<br> no – нет никогда<br><p>запретить изменение размеров<br></div><h3 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/333315/slide-8.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Настройка фрейма (FRAME) MARGINHEIGHT="0" NORESIZE SCROLLING="auto"> убрать отступы от края фрейма до содержимого" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/333315/slide-8.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/333315/slide-8.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/333315/slide-8.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/333315/slide-8.jpg 1440w" class="slides-image"></h3></div></div><div class="slides-wrapper"><div id="slide10" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 10</span></div><h3 class="slides-content text-center font-bold"><div><p>Фреймы-строки<br><p>index.html<br><p><HTML><br><HEAD><br> <TITLE>Фреймы-строки</TITLE><br></HEAD><br><FRAMESET ROWS="120,"><br> <FRAME SRC="up.html"><br> <FRAME SRC="down.html" <br> NAME="qq"><br></FRAMESET><br></HTML> <br><p>строки<br><p>ширина в пикселях или</div></h3><div class="slides-content">%<br></div><h3 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/333315/slide-9.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Фреймы-строки index.html Фреймы-строки NAME="qq"> строки ширина в пикселях или %" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/333315/slide-9.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/333315/slide-9.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/333315/slide-9.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/333315/slide-9.jpg 1440w" class="slides-image"></h3></div></div><div class="slides-wrapper"><div id="slide11" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 11</span></div><h3 class="slides-content text-center font-bold"><div><p>Сложные структуры (3 фрейма)<br><p>index.html<br><p><FRAMESET COLS="30%,"><br> <FRAME SRC="left.html"><br></FRAMESET> <br><p><FRAMESET ROWS="40,"><br> <FRAME SRC="up.html"><br> <FRAME SRC="down.html"><br></FRAMESET></div></h3><div class="slides-content"><br></div><h3 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/333315/slide-10.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Сложные структуры (3 фрейма) index.html" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/333315/slide-10.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/333315/slide-10.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/333315/slide-10.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/333315/slide-10.jpg 1440w" class="slides-image"></h3></div></div><div class="slides-wrapper"><div id="slide12" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 12</span></div><h3 class="slides-content text-center font-bold"><div><p>Как открыть ссылку в другом фрейме<br><p><FRAME ... NAME="qq"><br><p><A HREF="chapter2.htm"<br> TARGET="qq">Глава 2</A><br><p>TARGET<br> _blank –</div></h3><div class="slides-content">в новом окне <br> _parent – в родительском окне <br> _top – в главном окне <br> (убрать фреймы) <br></div><h3 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/333315/slide-11.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Как открыть ссылку в другом фрейме TARGET="qq">Глава 2 TARGET _blank – в новом" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/333315/slide-11.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/333315/slide-11.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/333315/slide-11.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/333315/slide-11.jpg 1440w" class="slides-image"></h3></div></div><div class="slides-wrapper"><div id="slide13" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 13</span></div><h3 class="slides-content text-center font-bold"><div><p>Фреймы в HEFS<br></div></h3><h3 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/333315/slide-12.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Фреймы в HEFS" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/333315/slide-12.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/333315/slide-12.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/333315/slide-12.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/333315/slide-12.jpg 1440w" class="slides-image"></h3></div></div><div class="slides-wrapper"><div id="slide14" class="slides-item"><div class="text-center"><span class="slides-headingUnit">Слайд 14</span></div><h3 class="slides-content text-center font-bold"><div><p>Работа с несколькими страницами в HEFS<br><p>переключение страниц<br><p>закрыть текущую страницу (Ctrl-W)<br><p>просмотр активной страницы<br></div></h3><h3 class="mb-0"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/333315/slide-13.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Работа с несколькими страницами в HEFS переключение страниц закрыть текущую страницу (Ctrl-W) просмотр активной страницы" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/333315/slide-13.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/333315/slide-13.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/333315/slide-13.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/333315/slide-13.jpg 1440w" class="slides-image"></h3></div></div><div class="slides-wrapper"></div></div><div class="section"><div></div></div><form id="download" action="/api/" method="post" class="download"><div class="download-description"> Имя файла: Фреймы-в-HTML.pptx <br> Количество просмотров: 20 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/geografiya/ya--navakolny-svet-1" class="navigation-link">Я і навакольны свет</a></div><div class="navigation-item"><div>Следующая -</div><a href="/pedagogika/izgotovlenie-igrushki--suvenira-smesharik" class="navigation-link">Изготовление игрушки – сувенира СМЕШАРИК</a></div></div></div></div><div class="item-layoutRelated"><div class="section"><div></div></div></div></div><div class="item-layout"><div class="related"><h2 class="related-header">Похожие презентации</h2><div class="related-wrapper"><div class="related-item"><a href="/informatika/adacha-nelineynogo-programmirovaniya-uslovnaya-optimizatsiya-metod" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/418287/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/418287/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/418287/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/418287/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/418287/slide-0.jpg 1440w" class="slides-image related-itemImage"> адача нелинейного программирования. Условная оптимизация. Метод проекции градиента</a></div><div class="related-item"><a href="/informatika/inspektsiya-programmnogo-koda-na-predmet-sootvetstviya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/144729/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/144729/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/144729/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/144729/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/144729/slide-0.jpg 1440w" class="slides-image related-itemImage"> Инспекция программного кода на предмет соответствия стандартам кодирования</a></div><div class="related-item"><a href="/informatika/yazyk-programmirovaniya-paskal-3" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/169190/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/169190/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/169190/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/169190/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/169190/slide-0.jpg 1440w" class="slides-image related-itemImage"> Язык программирования Паскаль</a></div><div class="related-item"><a href="/informatika/delovaya-grafika-v-elektronnyh-tablitsah-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/333016/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/333016/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/333016/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/333016/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/333016/slide-0.jpg 1440w" class="slides-image related-itemImage"> Деловая графика в электронных таблицах</a></div><div class="related-item"><a href="/informatika/konspekt-uroka-po-informatike-v-5" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/552781/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/552781/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/552781/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/552781/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/552781/slide-0.jpg 1440w" class="slides-image related-itemImage"> Конспект урока по информатике в 5 классе и презентация Информация. Информатика. Компьютер.Техника безопасности и организация рабочего места.</a></div><div class="related-item"><a href="/informatika/instruktsiya-po-dostupu-k-onlayn-kursam" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/225450/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/225450/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/225450/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/225450/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/225450/slide-0.jpg 1440w" class="slides-image related-itemImage"> Инструкция по доступу к онлайн курсам на сайте</a></div><div class="related-item"><a href="/informatika/tekstovyy-protsessor-ms-word-2010" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/483705/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/483705/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/483705/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/483705/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/483705/slide-0.jpg 1440w" class="slides-image related-itemImage"> Текстовый процессор MS WORD 2010</a></div><div class="related-item"><a href="/informatika/sistemy-sputnikovoy-svyazi" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/99175/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/99175/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/99175/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/99175/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/99175/slide-0.jpg 1440w" class="slides-image related-itemImage"> Системы спутниковой связи</a></div><div class="related-item"><a href="/informatika/zashchita-informatsii-v-kompyuternyh-setyah" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/393946/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/393946/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/393946/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/393946/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/393946/slide-0.jpg 1440w" class="slides-image related-itemImage"> Защита информации в компьютерных сетях</a></div><div class="related-item"><a href="/informatika/obekty-algoritmov-osnovy-algoritmizatsii-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/194073/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/194073/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/194073/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/194073/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/194073/slide-0.jpg 1440w" class="slides-image related-itemImage"> Объекты алгоритмов. Основы алгоритмизации</a></div><div class="related-item"><a href="/informatika/prezentatsiya-k-uroku-analogiya-informatika-3" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/521581/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/521581/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/521581/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/521581/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/521581/slide-0.jpg 1440w" class="slides-image related-itemImage"> Презентация к уроку Аналогия (информатика, 3 класс)</a></div><div class="related-item"><a href="/informatika/ustroystva-kompyutera-sostav-pk" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/267244/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/267244/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/267244/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/267244/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/267244/slide-0.jpg 1440w" class="slides-image related-itemImage"> Устройства компьютера. Состав ПК</a></div><div class="related-item"><a href="/informatika/ayldy-alam-znatok" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/418378/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/418378/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/418378/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/418378/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/418378/slide-0.jpg 1440w" class="slides-image related-itemImage"> Ақылды қалам знаток</a></div><div class="related-item"><a href="/informatika/istoriya-vozniknoveniya-seti-internet" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/188521/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/188521/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/188521/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/188521/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/188521/slide-0.jpg 1440w" class="slides-image related-itemImage"> История возникновения сети интернет</a></div><div class="related-item"><a href="/informatika/ispolzovanie-intellekt-kart-pri-organizatsii-proektnoy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/499063/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/499063/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/499063/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/499063/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/499063/slide-0.jpg 1440w" class="slides-image related-itemImage"> Использование интеллект-карт при организации проектной деятельности учащихся.</a></div><div class="related-item"><a href="/informatika/informatsiya-i-znaniya-8-klass" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/328548/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/328548/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/328548/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/328548/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/328548/slide-0.jpg 1440w" class="slides-image related-itemImage"> Информация и знания. 8 класс</a></div><div class="related-item"><a href="/informatika/veb-dizayn-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/373770/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/373770/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/373770/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/373770/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/373770/slide-0.jpg 1440w" class="slides-image related-itemImage"> Веб-дизайн</a></div><div class="related-item"><a href="/informatika/kontseptualnye-osnovy-informatsionnoy-bezopasnosti" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/106810/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/106810/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/106810/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/106810/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/106810/slide-0.jpg 1440w" class="slides-image related-itemImage"> Концептуальные основы информационной безопасности</a></div><div class="related-item"><a href="/informatika/lersus-osnovnye-zadachi-i-vozmozhnosti" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/101642/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/101642/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/101642/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/101642/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/101642/slide-0.jpg 1440w" class="slides-image related-itemImage"> Lersus. Основные задачи и возможности</a></div><div class="related-item"><a href="/informatika/opasnosti-v-internete-5-klass" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/143253/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/143253/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/143253/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/143253/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/143253/slide-0.jpg 1440w" class="slides-image related-itemImage"> Опасности в интернете. 5 класс</a></div><div class="related-item"><a href="/informatika/kabelnye-linii-svyazi" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/210671/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/210671/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/210671/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/210671/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/210671/slide-0.jpg 1440w" class="slides-image related-itemImage"> Кабельные линии связи</a></div><div class="related-item"><a href="/informatika/predstavlenie-tekstov-v-pamyati-kompyutera" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/190504/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/190504/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/190504/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/190504/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/190504/slide-0.jpg 1440w" class="slides-image related-itemImage"> Представление текстов в памяти компьютера</a></div><div class="related-item"><a href="/informatika/smartphones-definition-of-smartphone" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/403252/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/403252/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/403252/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/403252/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/403252/slide-0.jpg 1440w" class="slides-image related-itemImage"> Smartphones. Definition of smartphone</a></div><div class="related-item"><a href="/informatika/istoriya-razvitiya-interneta-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/167421/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/167421/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/167421/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/167421/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/167421/slide-0.jpg 1440w" class="slides-image related-itemImage"> История развития интернета</a></div><div class="related-item"><a href="/informatika/informatikany-oytuda-malmn-rl" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/576081/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/576081/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/576081/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/576081/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/576081/slide-0.jpg 1440w" class="slides-image related-itemImage"> Информатиканы оқытуда мұғалімнің рөлі</a></div><div class="related-item"><a href="/informatika/ispolzovanie-instruktsiy-ddl-dlya-sozdaniya-tablits" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/2037/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/2037/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/2037/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/2037/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/2037/slide-0.jpg 1440w" class="slides-image related-itemImage"> Использование инструкций DDL для создания таблиц и управления ими</a></div><div class="related-item"><a href="/informatika/kompyuternaya-grafika-autodesk-3ds-max-lektsiya-3" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/359544/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/359544/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/359544/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/359544/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/359544/slide-0.jpg 1440w" class="slides-image related-itemImage"> Компьютерная графика (Autodesk 3ds max) Лекция 9, часть 1. Настройка освещения в сцене (Standard, VRay)</a></div><div class="related-item"><a href="/informatika/programmno-apparatnyy-kompleks-dlya-monitoringa-i" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/344079/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/344079/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/344079/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/344079/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/344079/slide-0.jpg 1440w" class="slides-image related-itemImage"> Программно-аппаратный комплекс для мониторинга и управления освещением в производственных помещениях</a></div></div></div></div></div></div></div></main><footer class="footer"><div class="layout"><div class="footer-contacts"><svg class="footer-contactsIcon" viewBox="0 0 27 26" xmlns="http://www.w3.org/2000/svg"><use xlink:href="/images/icons.svg#contacts"></use></svg> Обратная связь</div><div class="footer-contactsEmail"> Email: <span class="footer-contactsShow">Нажмите что бы посмотреть</span></div></div></footer></div></div><script>window.NUXT=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R){return {data:{meta:{result:{meta:{h1:m,main_text:a,main_title:n,main_description:o,main_keywords:p,main_image:a},app:{logo_image:q,logo_image_width:r,logo_image_height:s,logo_text:a,image_width_full:t,image_width_min:u,recaptcha_key:v,yandex_search:w,ya_context:e,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:x,footer_before:a,footer:a,dark_theme:e,strategy:{image_alt_words:h,item_slide_header:y,item_images:z,item_images_tag:i,item_words_h3:d,item_words_tag:i,item_words_1:h,routing:A,item_slide_skipping:B,item_download_timeout:C,item_slider_width:D,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:k,header_bg:j,accent:j}},social:E}},categories:{result:[{id:F,ordering:b,name:"Без категории",pseudoname:"uncategorized"},{id:144,ordering:b,name:"Бизнес",pseudoname:"biznes"},{id:146,ordering:b,name:"Образование",pseudoname:"obrazovanie"},{id:149,ordering:b,name:"Финансы",pseudoname:"finansy"},{id:150,ordering:b,name:"Государство",pseudoname:"gosudarstvo"},{id:152,ordering:b,name:"Спорт",pseudoname:"sport"},{id:154,ordering:b,name:"Армия",pseudoname:"armiya"},{id:156,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:157,ordering:b,name:"Еда и кулинария",pseudoname:"eda-i-kulinariya"},{id:158,ordering:b,name:"Лингвистика",pseudoname:"lingvistika"},{id:163,ordering:b,name:"Черчение",pseudoname:"cherchenie"},{id:164,ordering:b,name:"Физкультура",pseudoname:"fizkultura"},{id:165,ordering:b,name:"ИЗО",pseudoname:"izo"},{id:166,ordering:b,name:"Психология",pseudoname:"psihologiya"},{id:116,ordering:F,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:104,ordering:3,name:"Алгебра",pseudoname:"algebra"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:141,ordering:6,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:G,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:10,name:"Литература",pseudoname:"literatura"},{id:119,ordering:11,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:h,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:H,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:17,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:I,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]},item:{result:{id:333315,name:l,category:G,count:H,jpg:"jpg\u002F333315",hits:I,download:b,h1:"Фреймы в HTML презентация",meta:{h1:l,title:l,description:"Фреймы в HTML презентация на тему, доклад, Информатика",keywords:"Фреймы в HTML, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Фреймы в HTML из раздела Информатика. Презентация на заданную тему содержит 15 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003EФрейм (англ frame – кадр, рамка) — в самом общем\u003Cbr\u003Eслучае данное слово обозначает структуру, содержащую\u003Cbr\u003Eнекоторую информацию.\u003Cbr\u003EФрейм (в языке HTML) — область окна браузера для\u003Cbr\u003Eпредставления отдельной WEB-страницы, то есть по сути\u003Cbr\u003Eэто отдельное окно \u003Cbr\u003E\u003Cp\u003E3 файла:\u003Cbr\u003E\t left.html \t– страница в левой части\u003Cbr\u003E right.html \t– страница в правой части\u003Cbr\u003E\t index.html \t– описание структуры\u003Cbr\u003E \u003Cp\u003E\u003Cbr\u003E",file:"Фреймы-в-HTML.pptx",texts:["\u003Cp\u003EФреймы в HTML\u003Cbr\u003E\u003Cp\u003EВыполнили: Алмоян Лаура, Амерханова Алина, Василькова Милена 43группа БУАиА\u003Cbr\u003E","\u003Cp\u003EФрейм (англ frame – кадр, рамка) — в самом общем\u003Cbr\u003Eслучае данное слово обозначает структуру, содержащую\u003Cbr\u003Eнекоторую информацию.\u003Cbr\u003EФрейм (в языке HTML) — область окна браузера для\u003Cbr\u003Eпредставления отдельной WEB-страницы, то есть по сути\u003Cbr\u003Eэто отдельное окно \u003Cbr\u003E\u003Cp\u003E3 файла:\u003Cbr\u003E\t left.html \t– страница в левой части\u003Cbr\u003E right.html \t– страница в правой части\u003Cbr\u003E\t index.html \t– описание структуры\u003Cbr\u003E",a,"\u003Cp\u003EФреймы\r\n\r\n• Фреймы позволяют разбить окно просмотра браузера на\r\nнесколько прямоугольных подобластей, располагающихся\r\nрядом друг с другом. В каждую из подобластей можно\r\nзагрузить отдельный HTML-документ, просмотр которого\r\nосуществляется независимо от других.\r\n• Между фреймами, также как и между отдельными окнами\r\nбраузера, при необходимости можно организовать\r\nвзаимодействие, которое заключается в том, что выбор\r\nссылки в одном из фреймов может привести к загрузке\r\nнужного документа в другой фрейм или окно браузера.\u003Cbr\u003E","\u003Cp\u003EЭлементы фреймовой структуры\u003Cbr\u003E\u003Cp\u003E• Тег \u003CFRAMESET\u003E - определяет структуру фреймов на WEB-странице. Фреймы разделяют окно браузера на отдельные области, расположенные вплотную друг к другу. В каждую из таких областей загружается самостоятельная WEB-страница определяемая с помощью тега FRAME.\u003Cbr\u003E• Тег \u003CFRAME\u003E - определяет свойства отдельного фрейма, на которые делится окно браузера\u003Cbr\u003E","\u003Cp\u003E• Тег \u003CIFRAME\u003E - создает плавающий фрейм, который\r\nнаходится внутри обычного документа, он позволяет\r\nзагружать в область заданных размеров любые другие\r\nнезависимые документы.\r\n• Тег \u003CNOFRAMES\u003E - содержимое тега NOFRAMES\r\nотображается в браузере, когда он не поддерживает\r\nфреймы и не умеет их интерпретировать. Браузеры,\r\nкоторые работают с фреймами, полностью игнорируют\r\nсодержимое тега NOFRAMES.\u003Cbr\u003E","\u003Cp\u003EОписание структуры\u003Cbr\u003E\u003Cp\u003Eindex.html\u003Cbr\u003E\u003Cp\u003E\u003CHTML\u003E\u003Cbr\u003E\u003CHEAD\u003E\u003Cbr\u003E \u003CTITLE\u003EФреймы-столбцы\u003C\u002FTITLE\u003E\u003Cbr\u003E\u003C\u002FHEAD\u003E\u003Cbr\u003E\u003CFRAMESET COLS=\"30%,\"\u003E\u003Cbr\u003E \u003CFRAME SRC=\"left.html\"\u003E\u003Cbr\u003E \u003CFRAME SRC=\"right.html\" NAME=\"qq\"\u003E\u003Cbr\u003E\u003C\u002FFRAMESET\u003E\u003Cbr\u003E\u003C\u002FHTML\u003E \u003Cbr\u003E\u003Cp\u003Ecolumns\u003Cbr\u003Eстолбцы\u003Cbr\u003E\u003Cp\u003Eширина в пикселях или %\u003Cbr\u003E\u003Cp\u003Eвсе остальное место\u003Cbr\u003E\u003Cp\u003Esource\u003Cbr\u003Eисточник\u003Cbr\u003E\u003Cp\u003Eимя фрейма (для ссылок)\u003Cbr\u003E","\u003Cp\u003EГраница между фреймами\u003Cbr\u003E\u003Cp\u003E\u003CFRAMESET COLS=\"30%,\" FRAMESPACING=\"10\"\u003E\u003Cbr\u003E...\u003Cbr\u003E\u003C\u002FFRAMESET\u003E\u003Cbr\u003E\u003Cp\u003E\u003CFRAMESET COLS=\"30%,\" FRAMEBORDER=\"0\"\u003E\u003Cbr\u003E...\u003Cbr\u003E\u003C\u002FFRAMESET\u003E\u003Cbr\u003E\u003Cp\u003Eграница между фреймами:\u003Cbr\u003E0 – невидима, 1 - видима\u003Cbr\u003E\u003Cp\u003Eширина полосы между фреймами, за которую можно перетащить границу\u003Cbr\u003E","\u003Cp\u003EНастройка фрейма (FRAME)\u003Cbr\u003E\u003Cp\u003E\u003CFRAME SRC=\"a.htm\" \r\n \tMARGINWIDTH=\"0\"\u003Cbr\u003E \tMARGINHEIGHT=\"0\"\u003Cbr\u003E\t \tNORESIZE \u003Cbr\u003E\t \tSCROLLING=\"auto\"\u003E\u003Cbr\u003E\u003Cp\u003Eубрать отступы от края фрейма до содержимого\u003Cbr\u003E\u003Cp\u003Eполоса прокрутки:\u003Cbr\u003E auto \t– появляется, когда надо\u003Cbr\u003E yes \t– есть всегда\u003Cbr\u003E no \t– нет никогда\u003Cbr\u003E\u003Cp\u003Eзапретить изменение размеров\u003Cbr\u003E","\u003Cp\u003EФреймы-строки\u003Cbr\u003E\u003Cp\u003Eindex.html\u003Cbr\u003E\u003Cp\u003E\u003CHTML\u003E\u003Cbr\u003E\u003CHEAD\u003E\u003Cbr\u003E \u003CTITLE\u003EФреймы-строки\u003C\u002FTITLE\u003E\u003Cbr\u003E\u003C\u002FHEAD\u003E\u003Cbr\u003E\u003CFRAMESET ROWS=\"120,\"\u003E\u003Cbr\u003E \u003CFRAME SRC=\"up.html\"\u003E\u003Cbr\u003E \u003CFRAME SRC=\"down.html\" \u003Cbr\u003E NAME=\"qq\"\u003E\u003Cbr\u003E\u003C\u002FFRAMESET\u003E\u003Cbr\u003E\u003C\u002FHTML\u003E \u003Cbr\u003E\u003Cp\u003Eстроки\u003Cbr\u003E\u003Cp\u003Eширина в пикселях или %\u003Cbr\u003E","\u003Cp\u003EСложные структуры (3 фрейма)\u003Cbr\u003E\u003Cp\u003Eindex.html\u003Cbr\u003E\u003Cp\u003E\u003CFRAMESET COLS=\"30%,\"\u003E\u003Cbr\u003E \u003CFRAME SRC=\"left.html\"\u003E\u003Cbr\u003E\u003Cbr\u003E\u003Cbr\u003E\u003C\u002FFRAMESET\u003E \u003Cbr\u003E\u003Cp\u003E\u003CFRAMESET ROWS=\"40,\"\u003E\u003Cbr\u003E \u003CFRAME SRC=\"up.html\"\u003E\u003Cbr\u003E \u003CFRAME SRC=\"down.html\"\u003E\u003Cbr\u003E\u003C\u002FFRAMESET\u003E \u003Cbr\u003E","\u003Cp\u003EКак открыть ссылку в другом фрейме\u003Cbr\u003E\u003Cp\u003E\u003CFRAME ... NAME=\"qq\"\u003E\u003Cbr\u003E\u003Cp\u003E\u003CA HREF=\"chapter2.htm\"\u003Cbr\u003E TARGET=\"qq\"\u003EГлава 2\u003C\u002FA\u003E\u003Cbr\u003E\u003Cp\u003ETARGET\u003Cbr\u003E _blank \t– в новом окне \u003Cbr\u003E _parent \t– в родительском окне \u003Cbr\u003E _top \t– в главном окне \u003Cbr\u003E \t\t (убрать фреймы) \u003Cbr\u003E","\u003Cp\u003EФреймы в HEFS\u003Cbr\u003E","\u003Cp\u003EРабота с несколькими страницами в HEFS\u003Cbr\u003E\u003Cp\u003Eпереключение страниц\u003Cbr\u003E\u003Cp\u003Eзакрыть текущую страницу (Ctrl-W)\u003Cbr\u003E\u003Cp\u003Eпросмотр активной страницы\u003Cbr\u003E","\u003Cp\u003EАтрибуты:\u003Cbr\u003EAlign Определяет как фрейм будет выравниваться по\u003Cbr\u003E краю, а также способ обтекания его текстом.\u003Cbr\u003E align=bottom|top|middle|left|right|texttop|absmiddle\u003Cbr\u003E |baseline\u003Cbr\u003Eheight Высота фрейма. height = n | %\u003Cbr\u003Ewidth Ширина фрейма. width = n | %\u003Cbr\u003Ehspace Горизонтальный отступ от фрейма до ьььььььььь окружающего контента.\u003Cbr\u003E hspace = n\u003Cbr\u003Evspace Вертикальный отступ от фрейма до окружающего\u003Cbr\u003E"],href:"\u002Finformatika\u002Ffreymy-v-html",href_category:"\u002Finformatika",date:1659146981,related:[{id:418287,name:"адача нелинейного программирования. Условная оптимизация. Метод проекции градиента",href:"\u002Finformatika\u002Fadacha-nelineynogo-programmirovaniya-uslovnaya-optimizatsiya-metod",jpg:"jpg\u002F418287"},{id:144729,name:"Инспекция программного кода на предмет соответствия стандартам кодирования",href:"\u002Finformatika\u002Finspektsiya-programmnogo-koda-na-predmet-sootvetstviya",jpg:"jpg\u002F144729"},{id:169190,name:"Язык программирования Паскаль",href:"\u002Finformatika\u002Fyazyk-programmirovaniya-paskal-3",jpg:"jpg\u002F169190"},{id:333016,name:"Деловая графика в электронных таблицах",href:"\u002Finformatika\u002Fdelovaya-grafika-v-elektronnyh-tablitsah-1",jpg:"jpg\u002F333016"},{id:552781,name:"Конспект урока по информатике в 5 классе и презентация Информация. Информатика. Компьютер.Техника безопасности и организация рабочего места.",href:"\u002Finformatika\u002Fkonspekt-uroka-po-informatike-v-5",jpg:"jpg\u002F552781"},{id:225450,name:"Инструкция по доступу к онлайн курсам на сайте",href:"\u002Finformatika\u002Finstruktsiya-po-dostupu-k-onlayn-kursam",jpg:"jpg\u002F225450"},{id:483705,name:"Текстовый процессор MS WORD 2010",href:"\u002Finformatika\u002Ftekstovyy-protsessor-ms-word-2010",jpg:"jpg\u002F483705"},{id:99175,name:"Системы спутниковой связи",href:"\u002Finformatika\u002Fsistemy-sputnikovoy-svyazi",jpg:"jpg\u002F99175"},{id:393946,name:"Защита информации в компьютерных сетях",href:"\u002Finformatika\u002Fzashchita-informatsii-v-kompyuternyh-setyah",jpg:"jpg\u002F393946"},{id:194073,name:"Объекты алгоритмов. Основы алгоритмизации",href:"\u002Finformatika\u002Fobekty-algoritmov-osnovy-algoritmizatsii-1",jpg:"jpg\u002F194073"},{id:521581,name:"Презентация к уроку Аналогия (информатика, 3 класс)",href:"\u002Finformatika\u002Fprezentatsiya-k-uroku-analogiya-informatika-3",jpg:"jpg\u002F521581"},{id:267244,name:"Устройства компьютера. Состав ПК",href:"\u002Finformatika\u002Fustroystva-kompyutera-sostav-pk",jpg:"jpg\u002F267244"},{id:418378,name:"Ақылды қалам знаток",href:"\u002Finformatika\u002Fayldy-alam-znatok",jpg:"jpg\u002F418378"},{id:188521,name:"История возникновения сети интернет",href:"\u002Finformatika\u002Fistoriya-vozniknoveniya-seti-internet",jpg:"jpg\u002F188521"},{id:499063,name:"Использование интеллект-карт при организации проектной деятельности учащихся.",href:"\u002Finformatika\u002Fispolzovanie-intellekt-kart-pri-organizatsii-proektnoy",jpg:"jpg\u002F499063"},{id:328548,name:"Информация и знания. 8 класс",href:"\u002Finformatika\u002Finformatsiya-i-znaniya-8-klass",jpg:"jpg\u002F328548"},{id:373770,name:"Веб-дизайн",href:"\u002Finformatika\u002Fveb-dizayn-1",jpg:"jpg\u002F373770"},{id:106810,name:"Концептуальные основы информационной безопасности",href:"\u002Finformatika\u002Fkontseptualnye-osnovy-informatsionnoy-bezopasnosti",jpg:"jpg\u002F106810"},{id:101642,name:"Lersus. Основные задачи и возможности",href:"\u002Finformatika\u002Flersus-osnovnye-zadachi-i-vozmozhnosti",jpg:"jpg\u002F101642"},{id:143253,name:"Опасности в интернете. 5 класс",href:"\u002Finformatika\u002Fopasnosti-v-internete-5-klass",jpg:"jpg\u002F143253"},{id:210671,name:"Кабельные линии связи",href:"\u002Finformatika\u002Fkabelnye-linii-svyazi",jpg:"jpg\u002F210671"},{id:190504,name:"Представление текстов в памяти компьютера",href:"\u002Finformatika\u002Fpredstavlenie-tekstov-v-pamyati-kompyutera",jpg:"jpg\u002F190504"},{id:403252,name:"Smartphones. Definition of smartphone",href:"\u002Finformatika\u002Fsmartphones-definition-of-smartphone",jpg:"jpg\u002F403252"},{id:167421,name:"История развития интернета",href:"\u002Finformatika\u002Fistoriya-razvitiya-interneta-2",jpg:"jpg\u002F167421"},{id:576081,name:"Информатиканы оқытуда мұғалімнің рөлі",href:"\u002Finformatika\u002Finformatikany-oytuda-malmn-rl",jpg:"jpg\u002F576081"},{id:2037,name:"Использование инструкций DDL для создания таблиц и управления ими",href:"\u002Finformatika\u002Fispolzovanie-instruktsiy-ddl-dlya-sozdaniya-tablits",jpg:"jpg\u002F2037"},{id:359544,name:"Компьютерная графика (Autodesk 3ds max) Лекция 9, часть 1. Настройка освещения в сцене (Standard, VRay)",href:"\u002Finformatika\u002Fkompyuternaya-grafika-autodesk-3ds-max-lektsiya-3",jpg:"jpg\u002F359544"},{id:344079,name:"Программно-аппаратный комплекс для мониторинга и управления освещением в производственных помещениях",href:"\u002Finformatika\u002Fprogrammno-apparatnyy-kompleks-dlya-monitoringa-i",jpg:"jpg\u002F344079"}],navigation:{next:"\u002Fpedagogika\u002Fizgotovlenie-igrushki--suvenira-smesharik",next_name:"Изготовление игрушки – сувенира СМЕШАРИК",prev:"\u002Fgeografiya\u002Fya--navakolny-svet-1",prev_name:"Я і навакольны свет"}}}},state:{},_errors:{},serverRendered:d,config:{public:{SITE_NAME:J,SITE_HOST:"mypreza.com",SITE_LANG:K,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:J,short_name:a,description:a,lang:K,start_url:"\u002F?standalone=true",display:"standalone",background_color:k,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:c,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:c,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:c,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:c,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:c,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:c,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:c,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:c,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:c,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:c,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:c,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:c,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:c,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:c,sizes:R,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:d,childIframe:e,clickmap:e,defer:e,useRuntimeConfig:d,trackHash:e,trackLinks:d,type:b,webvisor:e,triggerEvent:e,consoleLog:d,partytown:e,isDev:e}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:m,main_text:a,main_title:n,main_description:o,main_keywords:p,main_image:a},app:{logo_image:q,logo_image_width:r,logo_image_height:s,logo_text:a,image_width_full:t,image_width_min:u,recaptcha_key:v,yandex_search:w,ya_context:e,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:x,footer_before:a,footer:a,dark_theme:e,strategy:{image_alt_words:h,item_slide_header:y,item_images:z,item_images_tag:i,item_words_h3:d,item_words_tag:i,item_words_1:h,routing:A,item_slide_skipping:B,item_download_timeout:C,item_slider_width:D,item_show_pdf:d,item_show_contents:d,item_show_filename:d},colors:{header_text:k,header_bg:j,accent:j}},social:E,token:a}}}}("",0,"image\u002Fpng",true,false,"any","maskable",13,"h3","#d53032","#ffffff","Фреймы в HTML","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","mypreza@ya.ru","div","images","category","both",80,800,"\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E",1,"Информатика",15,20,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.0d6add34.js" crossorigin></script></body> </html>

Фреймы в HTML презентация

Содержание

Фрейм (англ frame – кадр, рамка) — в самом общемслучае данное слово обозначает

Фреймы • Фреймы позволяют разбить окно просмотра браузера на несколько прямоугольных подобластей, располагающихся рядом друг с

Элементы фреймовой структуры• Тег - определяет структуру фреймов на WEB-странице. Фреймы разделяют

Фрейм (англ frame – кадр, рамка) — в самом общем
случае данное слово обозначает

Элементы фреймовой структуры
• Тег - определяет структуру фреймов на WEB-странице. Фреймы разделяют