50769

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

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

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

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

Русский

2014-01-30

31.5 KB

17 чел.

Лабораторная работа 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>