50769

Создание динамических Web-страниц

Лабораторная работа

Информатика, кибернетика и программирование

Цель: Научиться создавать динамические web-страницы. Разобрать на примерах их достоинства и недостатки. Создадим шаблон страницы следующего вида.

Русский

2014-01-30

31.5 KB

18 чел.

Лабораторная работа 57

Тема: Создание динамических Web-страниц.

Цель: Научиться создавать динамические web-страницы. Разобрать  на примерах их достоинства и недостатки.

Создадим шаблон страницы следующего вида.

Заголовок сайта

Меню

Основная часть

Нижняя часть

 

Задание 1.Создадим страницу при помощи фреймов
<html>
<
head>
 <
title>7 лаба</title>
</
head>
<
frameset rows="25%,50%,25%">
<
frame src="D:\proekt\страница.html">
<
frameset cols="25%,75%">
<
frame src="D:\proekt\музыка.html">
<
frame src="D:\proekt\stix.html">
</
frameset>
</
html>

Задание 2. Создадим при помощи таблиц
<
html>
<
head>
 <
title>Таблица</title>
</
head>
<
body>
<
table width=100% height=100% >
<
tr>
<
td colspan="2">
<h2>Заглавная страница</h2>
</
td>
</
tr>
<
tr>
<
td width="50%">
<
h2>Меню</h2>
</
td>
<
td width="50%">
<h2>Основная часть</h2>
</td>
</tr>
<tr>
<td colspan="2">
<h2>Нижняя часть</h2>
</
td>
</
tr>
</
table>
</
body>
</
html>

№ 3 тег div
<html>
<head>
<title>div</title>
</head>
<body>
<div style="position: absolute; width:100%; height;88px;
z-index:1; left:10px; top:50px; background-color:Chartreuse">
<h2 align=center>Заголовок сайта</h2>
</div>
<br>
<div style="position: absolute; width:50%; height;88px;
z-index:1; left: 10px; top:125px; background-color:aqua"  >
<h2 align=center>Навигация</h2>
</div>
<div style="position: absolute; width:50%; height;
88px; z-index:1; left:350; top:125px; background-color:red"  >
<h2 align=center>
Содержание страницы</h2>
</div>
<br>
<div style="position: absolute; width:100%; height;
88px; z-index:1; left:10px; top:200px; background-color:ForestGreen">
<h2 align=center>
Информация об авторе</h2>
</div>
</body>
</html>


 

А также другие работы, которые могут Вас заинтересовать

55363. Наша школа + енергозбереження 67 KB
  Актуальність даного проекту полягає в тому що проблема сьогодення енергетика й енергозбереження є актуальною не лише для нашої школи а й для нашої країни загалом. В цьому переконалися наші учні приймаючи вже кілька років участь в Міжнародному конкурсі Енергія і середовище мета якого знайти нові шляхи енергозбереження в нашій країні.
55364. Володимир Сосюра – співець землі донецької 100 KB
  Мета проекту: дослідити, вивчити й узагальнити факти з життя В.Сосюри; ознайомитись із творчим доробком поета, тематикою його творів; на основі цих досліджень розробити урок літератури рідного краю
55366. Та сторона мила, де мати народила 35 KB
  Мета проекту: - виховати почуття поваги до звичаїв та обрядів; - відчуття належності до України; - сформувати у школярів гуманістичні громадянські орієнтири.
55367. ЧОРНОБИЛЬ-ДОВГИЙ СЛІД ТРАГЕДІЇ 68 KB
  За 25 років після Чорнобильського вибуху світ принципово змінив свої підходи як щодо використання ядерної енергії, так і щодо ядерної та радіаційної безпеки. На даному етапі розвитку людства ядерну енергетику не можна розглядати як безпечну та перспективну...
55368. Інтернет. Соціальні мережі 232.5 KB
  Мета уроку: підвести підсумки роботи над проектом Інтернет. В цьому навчальному році в школі відбулись великі зміни ми маємо підєднання шкільної мережі до швидкісного Інтернету.
55369. У душах людських хай палає тепло, людське милосердя хай творить добро 138.5 KB
  Мета: розвивати в учнів доброзичливість вміння співчувати милосердя; виховувати дітей у дусі відродження українських традицій благодійності; залучати школярів до практичної благодійності. Бесіда на тему Що таке милосердя?
55370. ФОРМУВАННЯ ЖИТТЄВОЇ КОМПЕТЕНТНОСТІ УЧНІВ ЧЕРЕЗ ОРГАНІЗАЦІЮ РОБОТИ ОРГАНІВ УЧНІВСЬКОГО САМОВРЯДУВАННЯ «ШКІЛЬНОГО МІСТЕЧКА» 169 KB
  Принцип самоврядування є основним в діяльності будь якої дитячої громадської організації яка призвана захищати права та інтереси дітей і підлітків; розвивати їх здібності.
55371. Добро починається з тебе, волонтерський проект 338.5 KB
  Мета проекту: Освітня Поглибити знання учнів про волонтерський рух в Україні та світі. Дізнатися про діючі волонтерські фонди на території України. Поглибити знання учнів про добро і зло, розвивати вміння визначати прояви добра і зла