50769

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

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

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

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

Русский

2014-01-30

31.5 KB

15 чел.

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


 

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

55302. Роль ТВК в системі економічного районування 23.48 KB
  Ще за часів роботи над мережею економічних районів було описано два різновиди процесів та явищ: тенденція до членування виробництва, що виявлялася у поділі праці
55303. Охорона природи 98.5 KB
  Мета: дати знання про сучаснi методи охорони природи; познайомити з природоохоронними територiями своєї мiсцевостi, розвивати вміння аналiзувати, узагальнювати; розвивати здiбностi до самоосвiти;...
55304. Прислівник 108.5 KB
  Мета: узагальнити й систематизувати відомості про прислівник; активізувати розумову діяльність учнів, спрямовану на узагальнення знань, навичок; удосконалити орфографічні та пунктуаційні навички...
55305. Призма. Розв’язування задач 958 KB
  Розвивати вміння застосовувати властивості планіметричних фігур для розв’язування стереометричних задач на прикладі теми Призма. Сприяти творчості учнів та вмінню обґрунтовувати кроки в процесі розв’язування задач.
55307. Сучасний стан розвитку сільськогосподарського машинобудування. Основні центри. Проблеми і перспективи розвитку галузі 23.86 KB
  У розвитку цієї важливої для України галузі склалася складна ситуація, зумовлена насамперед руйнуванням колишніх економічних звязків. У минулому потреби в комплектуючих на 70% задовольнялися за рахунок імпорту з Росії.
55308. Важке машинобудування, його роль у розвитку промисловості та економіки України. Структура галузі. Особливості сучасного розміщення виробництва 25.47 KB
  Важке машинобудування – це виробництво гірничо-шахтного, підйомно-транспортного, металургійного та енергетичного устаткування. Його характеризує низька трудомісткість і транспортабельність продукції, висока металомісткість
55309. Основні форми і особливості розвитку зовнішньоекономічних зв`язків України в сучасних умовах 25.7 KB
  Основні показники зовнішньої торгівлі: обсяг товарообігу, структура експорту та імпорту, сальдо зовнішньоторговельного балансу, географія торгівлі. Структура товарообігу обумовлена загальним економічним потенціалом країни; галузевою структурою економіки
55310. ОТ ПРОБЛЕМЫ В ОБУЧЕИИ К ПРОБЛЕМНОМУ ОБУЧЕНИЮ 81 KB
  Проблемное обучение предполагает творческое участие обучаемых в процессе освоения новых знаний формирование познавательных интересов и творческого мышления высокую степень органичного усвоения знаний и мотивации учеников. Содержание дидактической структуры урока...