Расчетно-графичекая работа
Создание сайта с помощью фреймов и теста на JavaScript
Цель работы: формирование сайта с помощью фреймов и создание теста на языке JavaScript.
Фрейм (frame) — это отдельный, законченный HTML-документ, который вместе с другими HTML-документами может быть отображён в окне web-браузера.
Фреймы по своей сути очень похожи на ячейки таблицы, однако болееуниверсальны. Фреймы разбивают web-страницу на отдельные мини-кадры, расположенные на одном экране, которые являются независимыми друг от друга. Каждое окно может иметь собственный адрес. При нажатии на любую из ссылок, расположенных в одном фрейме, вы можете рассматривать страницы, показанные в другом окне.
Формирование сайта:
<html>
<head>
<title>Компьютер</title>
</head><frameset cols="16%,84%" frameborder="0" framespacing="0" border="0">
<frame name="left" src="menu.htm" scrolling="yes" noresize marginwidth="10" marginheight="10" target="bottom">
<frameset rows="12%,80%,8%" frameborder="0" framespacing="0" border="0">
<frame name="top" bordercolor="red" scrolling="no" src="top.htm" marginwidth="4" marginheight="1">
<frame name="bottom"src="main.htm" scrolling="yes" marginwidth="0" marginheight="0">
<frame name="footer" src="footer.htm" scrolling="no" marginwidth="0" marginheight="0">
</frameset>
<nonframes>Ваш браузер не поддерживает фреймы</nonframes>
</html>
Создание меню:
<html >
<head>
<title>Меню</title>
<base target="bottom">
</head><body background="image/SKY.JPG">
<img src="image/1.svg.png">
<p align="center">
<font color="navy" size="5">Меню</font></p>
<p>
<a href="main.htm"> Главная</a>
</p>
<p><a href="значение.htm"> Значение слова "компьютер"</a></p>
<p><a href="развитие.htm"> История развития</a></p><p><a href="классификация.htm"> Классификация компьютеров</a></p>
<p><a href="ноут.htm"> Ноутбук</a></p>
<p><a href="приставка.htm"> Игровая приставка</a></p>
<p><a href="кпк.htm"> Карманный персональный компьютер</a></p>
<p><a href="планшет.htm"> Планшетный компьютер</a></p><p><a href="мейнфрэйм.htm"> Мейнфрэйм</a></p>
<p><a href="сервер.htm"> Сервер</a></p>
<p><a href="применение.htm"> Применение компьютеров</a></p>
<p><a href="тест.htm"> Тест</a>
</p>
</body>
</html>
Создание шапки сайта:
<html>
<head>
<title>UntitledPage</title>
</head>
<body background="image/banner-nature-3.jpg">
<font color="#3399FF">
<h1 align="center">Компьютеры. Развитие. Классификация. Применение</h1>
</font>
</body>
</html>
Создание контента (главная страница):
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Главная</title>
</head>
<body background="image/PARCHMTL.JPG">
<font face="Book Antiqua">
<h2 align="center"> <em>Главная</em></h2>
</font>
<hr color="blue">
<em>Компью́тер</em> (англ. computer — «вычислитель»), электро́нная вычисли́тельная маши́на (ЭВМ) — вычислительная машина, предназначенная для передачи, хранения иобработки информации.
<br>Физически компьютер может функционировать за счёт перемещения каких-либо механических частей, движения электронов, фотонов, квантовых частиц или за счёт использования эффектов любых других физических явлений.
<table align="left">
<tr>
<td><img src="image/Pdp-11-40.jpg"/></td>
</tr>
<tr>
<td...
Создание сайта с помощью фреймов и теста на JavaScript
Цель работы: формирование сайта с помощью фреймов и создание теста на языке JavaScript.
Фрейм (frame) — это отдельный, законченный HTML-документ, который вместе с другими HTML-документами может быть отображён в окне web-браузера.
Фреймы по своей сути очень похожи на ячейки таблицы, однако болееуниверсальны. Фреймы разбивают web-страницу на отдельные мини-кадры, расположенные на одном экране, которые являются независимыми друг от друга. Каждое окно может иметь собственный адрес. При нажатии на любую из ссылок, расположенных в одном фрейме, вы можете рассматривать страницы, показанные в другом окне.
Формирование сайта:
<html>
<head>
<title>Компьютер</title>
</head><frameset cols="16%,84%" frameborder="0" framespacing="0" border="0">
<frame name="left" src="menu.htm" scrolling="yes" noresize marginwidth="10" marginheight="10" target="bottom">
<frameset rows="12%,80%,8%" frameborder="0" framespacing="0" border="0">
<frame name="top" bordercolor="red" scrolling="no" src="top.htm" marginwidth="4" marginheight="1">
<frame name="bottom"src="main.htm" scrolling="yes" marginwidth="0" marginheight="0">
<frame name="footer" src="footer.htm" scrolling="no" marginwidth="0" marginheight="0">
</frameset>
<nonframes>Ваш браузер не поддерживает фреймы</nonframes>
</html>
Создание меню:
<html >
<head>
<title>Меню</title>
<base target="bottom">
</head><body background="image/SKY.JPG">
<img src="image/1.svg.png">
<p align="center">
<font color="navy" size="5">Меню</font></p>
<p>
<a href="main.htm"> Главная</a>
</p>
<p><a href="значение.htm"> Значение слова "компьютер"</a></p>
<p><a href="развитие.htm"> История развития</a></p><p><a href="классификация.htm"> Классификация компьютеров</a></p>
<p><a href="ноут.htm"> Ноутбук</a></p>
<p><a href="приставка.htm"> Игровая приставка</a></p>
<p><a href="кпк.htm"> Карманный персональный компьютер</a></p>
<p><a href="планшет.htm"> Планшетный компьютер</a></p><p><a href="мейнфрэйм.htm"> Мейнфрэйм</a></p>
<p><a href="сервер.htm"> Сервер</a></p>
<p><a href="применение.htm"> Применение компьютеров</a></p>
<p><a href="тест.htm"> Тест</a>
</p>
</body>
</html>
Создание шапки сайта:
<html>
<head>
<title>UntitledPage</title>
</head>
<body background="image/banner-nature-3.jpg">
<font color="#3399FF">
<h1 align="center">Компьютеры. Развитие. Классификация. Применение</h1>
</font>
</body>
</html>
Создание контента (главная страница):
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Главная</title>
</head>
<body background="image/PARCHMTL.JPG">
<font face="Book Antiqua">
<h2 align="center"> <em>Главная</em></h2>
</font>
<hr color="blue">
<em>Компью́тер</em> (англ. computer — «вычислитель»), электро́нная вычисли́тельная маши́на (ЭВМ) — вычислительная машина, предназначенная для передачи, хранения иобработки информации.
<br>Физически компьютер может функционировать за счёт перемещения каких-либо механических частей, движения электронов, фотонов, квантовых частиц или за счёт использования эффектов любых других физических явлений.
<table align="left">
<tr>
<td><img src="image/Pdp-11-40.jpg"/></td>
</tr>
<tr>
<td...
Поделиться рефератом
Расскажи своим однокурсникам об этом материале и вообще о СкачатьРеферат