ЧаВо
О проекте
Отзывы
Обучение и курсы
Информатика и выч. техника
\
Распределенные системы обработки информации
Создание документа с фреймами. Параметры тега
. Параметры тега
. Тег
. Плавающие фреймы</h1> <h3>Страницы работы</h3> <div class="book"> <a href="/work71975?screenshots=1"> <div class="thumb_big left"> <div class="top">3 страницы (Word-файл)</div> <img src="https://files3.vunivere.ru/workbase/00/07/19/75/screenshots/screen_1.png" alt=""> <div class="bottom">Посмотреть все страницы</div> </div> <div class="thumb_big left"> <img src="https://files3.vunivere.ru/workbase/00/07/19/75/screenshots/screen_2.png" alt=""> </div> <div class="clear"></div> </a> </div> <div class="download"> <a href="/ps/payment?pay_work_id=71975" class="block_title1" rel="nofollow">Скачать файл</a> </div> <h3>Содержание работы</h3> <div class="work_content"><p><b>Лабораторная работа № 5</b></p> <p><b>Тема: </b>Создание документа с фреймами.</p> <p><b>Цель: </b>научиться создавать веб-документы с фреймовой структурой.</p> <p><b>Оборудование и программное обеспечение:</b></p> <p>· Персональный компьютер IBM PC/AT.</p> <p>· Операционная система Windows 95/98/NT/2000/2003/XP.</p> <h2> Практическая часть.</h2> <p>1. Изучили теоретическую часть:</p> <p>ü Параметры тега <FRAMESET>.</p> <p>ü Параметры тега <FRAME>.</p> <p>ü Тег <NOFRAMES>.</p> <p>ü Плавающие фреймы.</p> <p>2. </p> <p><i>2.1 - </i>Создали документ, содержащий 2 фрейма, расположенных вертикально. Левый фрейм (узкий) предназначен для вывода меню, правый (широкий) — для вывода содержимого документов, на которые мы ссылаетесь из меню. Размеры фреймов изменяемы. </p> <p><i>2.2 - </i>Создали в левом фрейме меню для навигации по страницам, разработанными нами на предыдущих занятиях. Проверили работу документа с фреймами.</p> <p><HTML> </p> <p><HEAD></p> <p><TITLE>Лабараторная работа №5</TITLE></p> <p></HEAD></p> <p><FRAMESET cols="30%,70%" frameborder="0" border="0"></p> <p><FRAME name="1" src="<b><u>g.html</u></b>" scrolling="yes" marginwidth="10" marginheigth="5"></p> <p><FRAMESET frameborfer="0" border="0"></p> <p><FRAME name="2"></p> <p></FRAMESET></p> <p></HTML></p> <p><b><u>g.html</u></b></p> <p><HTML></p> <p><HEAD></p> <p><TITLE>Содержание лабораторный работ</TITLE></p> <p></HEAD></p> <p><BODY></p> <p><h2 align="center">Содержание:</h2></p> <p><br></p> <p><ol></p> <p><a href="1\web11.html" target="2"><li>Лабараторная работа №1</li></a></p> <p><a href="2.html" target="2"><li>Лабараторная работа №2</li></a></p> <p><a href="1\chart.html" target="2"><li>Лабараторная работа №3</li></a></p> <p><a href="1\описание.html" target="2"><li>Лабараторная работа №4</li></a></p> <p></ol></br></p> <p></BODY></p> <p></html></p> <p align=center><img width=396 height=165 src="https://files3.vunivere.ru/workbase/00/07/19/75/images/image001.jpg" /></p> <p>3. </p> <p><i>3.1 - </i>Создали веб-страницу, содержащую маркированный список дней недели и «плавающий» фрейм. Фрейм располагается справа от списка, высота фрейма – 30% от высоты окна браузера. В качестве фона страницы использовали графическое изображение.</p> <p><i>3.2 - </i>Добавили в веб-документ заголовок «Расписание занятий». </p> <p><i>3.3 - </i>Для отдельных дней недели создали html-файлы, которые содержат информацию о дне недели и расписании занятий на этот день. Название дня недели сделали жирным курсивом по центру, а занятия перечислили нумерованным списком.</p> <p><i>3.4 - </i>Создали гиперссылки, позволяющие перейти от дня недели из списка к расписанию занятий на этот день. Расписание отображается во фрейме. </p> <p><HTML> </p> <p><HEAD></p> <p><TITLE>Лабараторная работа №5</TITLE></p> <p><HEAD></p> <p><body BACKGROUND="1\img\графика.jpg"></p> <p><h2>Расписание занятий</h2></p> <p><iframe name="1" align="right" height="30%"></iframe></p> <p><ul></p> <p><li><a href="(1).html" target="1">Понедельник</a></p> <p><li TYPE=circle><a href="(2).html" target="1">Вторник</a></p> <p><li><a href="(3).html" target="1">Среда</a></p> <p><li TYPE=circle><a href="(4).html" target="1">Четверг</a></p> <p><li><a href="(5).html" target="1">Пятница</a></p> <p><li TYPE=circle><a href="(6).html" target="1">Субота</a></p> <p></ul></p> <p></body></p> <p></HTML></p> <p align=center><img width=626 height=163 src="https://files3.vunivere.ru/workbase/00/07/19/75/images/image002.jpg" /></p> <p>4. </p> <p>4.1 - Создали документ с фреймовой структурой, приведенный в методическом пособии. Содержание и оформление страницы выбирали самостоятельно.</p> <p>4.2 - Организовали гиперссылки к 3 страницам нашего сайта</p> <p><HTML></p> <p><HEAD></p> <p><TITLE>Лабораторная работа №5</TITLE></p> <p></HEAD></p> <p><FRAMESET rows="20%,*,10%" FRAMEBORDER="1" BORDER="4"></p> <p><FRAMESET cols="20%, 60%" FRAMEBORDER="1" BORDER="4"></p> <p><FRAME SRC="1\img\2.gif" MARGINHEIGHT="15" MARGINWIDTH="75"</p> <p>NORESIZE SCROLLING="no"></p> <p><FRAME SRC="f1.html" SCROLLING="no" MARGINHEIGHT="35"> </p> <p></FRAMESET> </p> <p><FRAMESET cols="20%,60%" FRAMEBORDER="1" BORDER="4"></p> <p><FRAME SRC="f2.html" NORESIZE SCROLLING="no"></p> <p><FRAME name="1" SRC="f3.html" SCROLLING="no"> </p> <p></FRAMESET> </p> <p><FRAME SRC="f4.html" SCROLLING="no" FRAMEBORDER="1" BORDER="4"></p> <p></FRAMESET></p> <p></HTML></p> <p align=center><img width=662 height=382 src="https://files3.vunivere.ru/workbase/00/07/19/75/images/image003.jpg" /></p> <p>5. Ответили на контрольные вопросы.</p> <p>6. Оформили отчёт по выполненному заданию.</p> <p><b>Вопросы для контроля:</b></p> <p>1. Какие теги используются для создания фреймов?</p> <p>2. Как организуется взаимосвязь между фреймами?</p> <p>3. Можно ли задать фоновое изображение и цвет фона для всей страницы с фреймами?</p> <p>4. Как задается количество фреймов на странице?</p> <p>5. Для чего используется тег <b><</b><b>IFRAME</b><b>></b>?</p> <p><b>Ответы на вопросы для контроля:</b></p> <p>1. <FRAMESET>; <FRAME> (заключенных внутри тега фреймовой структуры <frameset>).</p> <p>2. С помощью параметра:</p> <p>- <b><i>NAME</i></b><i>. </i>Данный параметр присваивает текущему фрейму внутреннее имя, которое используется для взаимодействия между различными фреймами</p> <p>3. Можно с помощью параметра к тегу<b> <</b><b>Body</b><b>></b> <i>background</i>.</p> <p>4. С помощью параметров тега <b><</b><b>Frameset</b><b>>:</b> <i>Cols</i>и <i>Rows</i>.</p> <p>5. Создаёт плавающий фрейм, который находится внутри обычного документа, он позволяет загружать в область заданных размеров любые другие независимые документы</p></div> <h3>Похожие материалы</h3> <ul class="links"> <li><a href="/work71976">Создание документа с фреймами. Создание документа, содержащего 2 фрейма, расположенных вертикально. Размеры и назначение фреймов</a></li> <li><a href="/work71977">Создание гиперссылок в веб-документах. Создание документа links.html с заголовком "Мои ссылки"</a></li> <li><a href="/work71978">Работа с CSS-таблицами. Создание таблиц и применение их для оформления веб-документов. HTML-документ с блоковым элементом</a></li> </ul> <h3>Информация о работе</h3> <div class="infoms"> <div class="infom"> <div class="name left">ВУЗ:</div> <a href="/university153">Сибирский государственный аэрокосмический университет им. М. Ф. Решетнёва (СибГАУ)</a> <div class="clear"></div> </div> <div class="infom"> <div class="name left">Предмет:</div> <a href="/category4/section21/subject12318">Распределенные системы обработки информации</a> <div class="clear"></div> </div> <div class="infom"> <div class="name left">Тип:</div> Отчеты по лабораторным работам <div class="clear"></div> </div> <div class="infom"> <div class="name left">Категория:</div> <a href="/category4/section21">Информатика и выч. техника</a> (<a href="/category4">Технические предметы</a>) <div class="clear"></div> </div> <div class="infom"> <div class="name left">Размер файла:</div> 196 Kb <div class="clear"></div> </div> <div class="infom"> <div class="name left">Скачали:</div> 0 <div class="clear"></div> </div> </div> <div class="download"> <a href="/ps/payment?pay_work_id=71975" class="block_title1" rel="nofollow">Скачать файл</a> </div> </section> <!-- End Основная часть --> </div> <div class="clear"></div> </div> <!-- Подвал --> <footer> <div class="cont"> <!--LiveInternet counter--><script type="text/javascript"><!-- document.write("<a href='http://www.liveinternet.ru/click' "+"target=_blank><img src='//counter.yadro.ru/hit?t44.6;r"+escape(document.referrer)+((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,80))+";"+Math.random()+"' alt='' title='LiveInternet' "+"border='0' width='31' height='31'><\/a>")//--></script><!--/LiveInternet--> <!-- Yandex.Metrika counter x2502vunivere.ru --> <div style="display:none;"><script type="text/javascript"> (function(w, c) { (w[c] = w[c] || []).push(function() { try { var yaParams = {}; w.yaCounter5013451 = new Ya.Metrika({id: 5013451, params: yaParams}); yaCounter5013451.clickmap(true); yaCounter5013451.trackLinks(true); } catch(e) { } }); })(window, 'yandex_metrika_callbacks'); </script></div> <script src="https://cdn.jsdelivr.net/npm/yandex-metrica-watch/watch.js" type="text/javascript" defer="defer"></script> <noscript><div><img src="//mc.yandex.ru/watch/5013451" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter --> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-10690308-3']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <div class="copy">© 2024 ВУнивере.ру</div> <ul class="menu right"> <li><a href="/about">О проекте</a></li> <li><a href="/advertising">Реклама на сайте</a></li> <li><a href="/copyright_holders">Правообладателям</a></li> <!--noindex--><li><a href="/license" rel="nofollow">Правила</a></li><!--/noindex--> <li><a href="mailto:support@vunivere.ru">Обратная связь</a></li> </ul> </div> </footer> <!-- End Подвал --> <!--noindex--> <div id="print_message"> <p class="big">Уважаемый посетитель!</p> <p>Чтобы распечатать файл, скачайте его (в формате Word).</p> <p>Ссылка на скачивание - внизу страницы.</p> </div> <!--/noindex--> <!--noindex--><script type="text/javascript"> (function(b){try{if("undefined"!==typeof window.location&&"string"===typeof window.location.href&&0===window.location.href.toLowerCase().indexOf("file://")){var a="<p style='font-size:20px; padding-bottom:10px; color: #dd0000; line-height: 1.5;'>Уважаемый посетитель!</p>",a=a+"<p style='font-size:20px; padding-bottom:10px; color: #dd0000; line-height: 1.5;'>Чтобы посмотреть материал, перейдите по ссылке и скачайте его:</p>", a=a+("<p style='font-size:20px; padding-bottom:10px; color: #dd0000; line-height: 1.5;'><a style='text-align:center; display: block;' href='"+b+"'>Скачать файл</a></p>"),a=a+"<p style='font-size:20px; padding-bottom:10px; color: #dd0000; line-height: 1.5;'>Для Вашего удобства мы храним все файлы в формате Word, текст можно распечатать, редактировать или использовать по Вашему усмотрению.</p>"; document.getElementsByClassName("block_center")[0].innerHTML=a}}catch(c){}})("https://vunivere.ru/ps/payment?pay_work_id=71975"); var menuBtn=document.getElementsByClassName("menu_link")[0];menuBtn.addEventListener&&menuBtn.addEventListener("click",function(a){a.preventDefault();a=menuBtn.parentNode.getElementsByTagName("ul")[0];"menu_link active"==menuBtn.className?(menuBtn.className="menu_link",a.style.display="none"):(menuBtn.className="menu_link active",a.style.display="block");return!1}); </script><!--/noindex--> </body> </html>
