close

Вход

Забыли?

вход по аккаунту

?

Отчет

код для вставкиСкачать
Федеральное агентство по образованию
Государственное Образовательное Учреждение
Высшего Профессионального Образования
"Тверской Государственный Технический Университет"
Лабораторная работа №2
Работу выполнила:
Студентка группы ИСТ-0602 Бертова Е.С.
Варава А.В.
Бычкова А.В.
Василенко О.Ю.
Тверь
2009
Лабораторная работа №2
"Использование технологии XML-XSLT при разработке сайтов"
Цель: изучить механизм технологии "XML-XSLT".
Главная страница сайта:
Страница, на которой отображаются данные из XML-файла:
XML-документ (shipshop.xml):
<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="shipshop.xsl"?>
<!-- File name: shipshop.xml -->
<shipshop>
<ship>
<name>&quot;Алые паруса&quot;</name>
<image file="./pic/1.gif" alt="Алые паруса">1.gif</image>
<description>Романтичный и очень индивидуальный подарок вашим любимым. Если вы захотите купить этот корабль, то можете заказать мастеру надпись с ее (его) именем на борту, на флаге. А также табличку с пожеланиями.</description>
<price>10000</price>
</ship>
<ship>
<name>&quot;Санта Мария&quot;</name>
<image file="./pic/2.gif" alt="Санта Мария">2.gif</image>
<description>Флагманский корабль Х.Колумба, на котором он в 1492 году открыл Американский континент.Объем бутылки 1.5 л. Деталей 300.</description>
<price>12000</price>
</ship>
<ship>
<name>&quot;Варяг&quot;</name>
<image file="./pic/3.gif" alt="Варяг">3.gif</image>
<description>Легендарный корабль русского императорского флота, принявший неравный бой с 15-ю японскои кораблями в русско-японскую войну 1904-05 годов. Исчерпав все возможности сопротивления, потопив один и повредив три вражеских корабля, экипаж затопил корабль, не спуская Андреевского флага.Крейсер "Варяг" - международный символ мужества, долга и чести.Бутылка - 1 литр, диаметр горлышка - 19 мм.</description>
<price>6500</price>
</ship>
<ship>
<name>&quot;Галера&quot;</name>
<image file="./pic/6.gif" alt="Галера">6.gif</image>
<description>Галера - парусно-гребное судно 16-18 веков. Использовалось для ведения боевых действий на мелководье, в шхерах, проливах, на реках и озерах. Особенностью данной модели и ее уникальностью является 25 весел, поставленных через горлышко по отдельности.Бутылка - 1 литр, диаметр горлышка 19 мм.</description>
<price>7860</price>
</ship>
<ship>
<name>Барк &quot;Седов&quot;</name>
<image file="./pic/7.gif" alt="Барк Седов">7.gif</image>
<description>Корабль в бутылке &quot;Седов&quot; - это младший брат &quot;Крузенштерна&quot;. Он не слишком эффектен и производит не такое сильное впечатление, но более свеж красками и создает впечатление нарядной праздничной яхты, причем очень большой. Парусник &quot;Седов&quot; больше по размеру, чем &quot;Крузенштерн&quot;, - это вообще самый большой парусный корабль в мире, сохранившийся со времен 20-х годов 20-го века.Объем бутылки 1.5 л. Деталей 800. </description>
<price>11500</price>
</ship>
<ship>
<name>Барк &quot;Крузенштерн&quot;</name>
<image file="./pic/8.gif" alt="Барк Крузенштерн">8.gif</image>
<description>Модель барка &quot;Крузенштерн&quot; - великолепный подарок, который будет жить долгие годы, радуя своего владельца изысканностью линий, навевая романтическое настроение. Он будет не раз передаваться по наследству, и со временем может превратиться в семейную реликвию.Подставка - копия изделия Фабарже - дельфины, вылитые из красной бронзы. Объем бутылки 1.5 л. Деталей 800.</description>
<price>15000</price>
</ship>
</shipshop>
XSLT-документ (shipshop.xsl):
<?xml version="1.0" encoding="utf-8" ?> - <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
- <xsl:template match="/shipshop">
- <html>
- <head>
<title>ShipShop - интернет магазин эксклюзивных подарков</title> <style type="text/css">a {color: #400000; text-decoration: none;} a:hover {color: orange;} h2,h3 {color: #400000; margin-left: 50px;} p {color: #400000; margin-left: 20px;margin-right: 20px;} td {color:#400000;font-size:16px;font-family: Times New Roman;}</style> </head>
- <body bgcolor="#400000">
- <table border="0" bgcolor="white" width="100%">
- <tr>
- <td width="25%" height="100%">
- <a href="main.html">
<img src="./pic/logo.jpg" alt="Vessel-Ship.ru | Подарки - Корабль в бутылке" border="2" bordercolor="#400000" /> </a>
</td>
- <td width="75%">
- <table border="0" bgcolor="#400000" width="100%" height="100%">
- <tr>
- <td colspan="9" bgcolor="white">
<br /> </td>
</tr>
- <tr>
<td height="100" width="8%" /> - <td height="100" width="20%" align="center">
<img src="./pic/katalog.jpg" border="0" alt="Каталог" width="100" height="88" style="text-decoration:none; color: white" /> <br /> <font color="white">Каталог</font> </td>
<td height="100" width="8%" /> - <td height="100" width="20%" align="center">
- <a href="Zakaz.html">
<img src="./pic/zakaz.jpg" border="0" alt="Оформление заказа" width="100" height="88" style="text-decoration:none; color: white" /> <br /> </a>
<a href="Zakaz.html" style="text-decoration:none; color: white">Оформление заказа</a> </td>
<td height="100" width="8%" /> - <td height="100" width="20%" align="center">
- <a href="Adress.html">
<img src="./pic/adress.jpg" border="0" alt="Контактная информация" width="100" height="88" style="text-decoration:none; color: white" /> <br /> </a>
<a href="Adress.html" style="text-decoration:none; color: white">Контакты</a> </td>
<td height="100" width="8%" /> </tr>
- <tr>
- <td colspan="9" bgcolor="white">
<br /> </td>
</tr>
</table>
</td>
</tr>
</table>
- <table border="1" cellspacing="0" cellpadding="0" bgcolor="white" width="100%">
- <tr>
- <td width="20%" bgcolor="#500000">
<br /> </td>
- <td width="60%" bgcolor="#500000">
<br /> </td>
- <td width="20%" bgcolor="#500000">
<br /> </td>
</tr>
- <tr>
- <td width="20%">
- <table border="1" cellspacing="0" cellpadding="0" bgcolor="white" height="100%">
- <tr>
- <td width="20%" align="center" bgcolor="#FFF3CE">
<a href="main.html">Главная</a> </td>
</tr>
- <tr>
- <td width="20%" align="center" bgcolor="#FFF3CE">
<a href="Iskusstvo.html">Искусство создания</a> </td>
</tr>
- <tr>
<td width="20%" align="center" bgcolor="#FFF3CE">Каталог</td> </tr>
- <tr>
- <td width="20%" align="center" bgcolor="#FFF3CE">
<a href="Dostavka.html">Доставка</a> </td>
</tr>
- <tr>
- <td width="20%" align="center" bgcolor="#FFF3CE">
<a href="Oplata.html">Как оплатить заказ</a> </td>
</tr>
- <tr>
- <td width="20%" align="center" bgcolor="#FFF3CE">
<a href="Kompanija.html">О компании</a> </td>
</tr>
- <tr>
- <td bgcolor="#500000">
<br /> </td>
</tr>
</table>
</td>
- <td width="60%">
- <table border="1" cellspacing="0" cellpadding="10" bgcolor="white" height="100%">
- <tr>
- <td colspan="4">
<br /> <h2>Каталог</h2> </td>
</tr>
- <tr align="center">
- <td>
<b>Название</b> </td>
- <td>
<b>Изображение</b> </td>
- <td>
<b>Описание</b> </td>
- <td>
<b>Цена</b> </td>
</tr>
<xsl:apply-templates select="ship" /> - <tr>
- <td colspan="4">
<br /> <p align="center">2009 Интернет-магазин оригинальных подарков</p> </td>
</tr>
</table>
</td>
- <td width="20%">
- <table border="1" cellspacing="0" cellpadding="0" bgcolor="white" height="100%">
- <tr>
- <td width="20%" align="center" bgcolor="#FFF3CE">
Партнеры <br /> <a href="www.homeidei.ru">www.homeidei.ru</a> <br /> - <a href="www.rus-shipping.ru">
<img src="./pic/partner.jpg" border="0" width="120" height="80" alt="rus-shipping.ru" /> </a>
</td>
</tr>
- <tr>
- <td bgcolor="#500000">
<br /> </td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
</xsl:template>
- <xsl:template match="ship">
- <tr>
- <td align="center">
<xsl:value-of select="name" /> </td>
- <td>
<xsl:apply-templates select="image" /> </td>
- <td>
- <p align="justify">
- <font color="#400000" size="3px" face="Times New Roman">
<xsl:value-of select="description" /> </font>
</p>
</td>
- <td width="10%" align="center">
<xsl:value-of select="price" /> </td>
</tr>
</xsl:template>
- <xsl:template match="image">
<img src="{@file}" alt="{@alt}" width="100%" /> </xsl:template>
</xsl:stylesheet>
HTML-документ (main.htm):
<html>
<head>
<title>Интернет магазин подарков - Корабль в бутылке</title>
<style type="text/css">
body {font: 11px ;color: #400000;}
a {color: #400000; text-decoration: none;}
a:hover {color: orange;}
h2,h3 {color: #400000; margin-left: 50px;}
p {color: #400000; margin-left: 50px;margin-right: 50px;}
</style>
</head>
<body bgcolor="#400000">
<table border=0 bgcolor="white" width=100%>
<tr>
<td width=25% height=100%><img src="./pic/logo.jpg" alt="Vessel-Ship.ru | Подарки - Корабль в бутылке" border=2 bordercolor="#400000"></td>
<td width=75%>
<table border=0 bgcolor="#400000" width=100% height=100%>
<tr><td colspan=9 bgcolor="white"><br></tr>
<tr>
<td height=100 width=8%></td>
<td height=100 width=20% align="center">
<a class="nav" href="shipshop.xml"><img src="./pic/katalog.jpg" border=0 alt="Каталог" width=100 height=88 style="text-decoration:none; color: white"><br></a>
<a href="Katalog.html" style="text-decoration:none; color: white">Каталог</a></td>
<td height=100 width=8%></td>
<td height=100 width=20% align="center">
<a href="Zakaz.html"><img src="./pic/zakaz.jpg" border=0 alt="Оформление заказа" width=100 height=88 style="text-decoration:none; color: white"><br></a>
<a href="Zakaz.html" style="text-decoration:none; color: white">Оформление заказа</a></td>
<td height=100 width=8%></td>
<td height=100 width=20% align="center">
<a href="Adress.html"><img src="./pic/adress.jpg" border=0 alt="Контактная информация" width=100 height=88 style="text-decoration:none; color: white"><br></a>
<a href="Adress.html" style="text-decoration:none; color: white">Контакты</a></td>
<td height=100 width=6%></td>
</tr>
<tr><td colspan=9 bgcolor="white">&nbsp</tr>
</table>
</tr>
</table>
<table border=1 cellspacing=0 cellpadding=0 bgcolor="white" width=100%>
<tr>
<td width=20% bgcolor="#500000"><br>
<td width=60% bgcolor="#500000">&nbsp
<td width=20% bgcolor="#500000">&nbsp
</tr> <tr>
<td width=20%>
<table border=1 cellspacing=0 cellpadding=0 bgcolor="white" height=100%>
<tr><td width=20% align="center" bgcolor="#FFF3CE">Главная</td></tr>
<tr><td width=20% align="center" bgcolor="#FFF3CE"><a href="Iskusstvo.html">Искусство создания</a></td></tr>
<tr><td width=20% align="center" bgcolor="#FFF3CE"><a class="nav" href="shipshop.xml">Каталог</a></td></tr>
<tr><td width=20% align="center" bgcolor="#FFF3CE"><a href="Dostavka.html">Доставка</a></td></tr>
<tr><td width=20% align="center" bgcolor="#FFF3CE"><a href="Oplata.html">Как оплатить заказ</a></td></tr>
<tr><td width=20% align="center" bgcolor="#FFF3CE"><a href="Kompanija.html">О компании</a></td></tr>
<tr><td bgcolor="#500000">&nbsp</tr>
<tr><td align=center bgcolor="white"><strong>Лидеры продаж</strong></tr>
<tr><td bgcolor="#500000">&nbsp</tr>
<tr><td align="center" bgcolor="white"><a href="Katalog.html">Алые паруса<br><img src="./pic/1.gif" border=0 alt="Алые паруса - символ любви"><br>Романтичный и очень индивидуальный подарок вашим любимым.<br></a></tr>
<tr><td bgcolor="#500000">&nbsp</tr>
<tr><td align="center" bgcolor="white"><a href="Katalog.html">Каравелла Санта-Мария<br><img src="./pic/2.gif" border=0 alt="Каравелла Санта-Мария"><br>Флагманский корабль Х.Колумба, на котором он в 1492 году открыл Американский континент.<br></a></tr>
<tr><td bgcolor="#500000">&nbsp</tr>
<tr><td align="center" bgcolor="white"><a href="Katalog.html">Модель крейсера "Варяг" в бутылке<br><a href="Katalog.html"><img src="./pic/6.gif" border=0 alt="Каравелла Санта-Мария"><br>Модель легендарного "Варяга" в стеклянной бутылке - прекрасный подарок смелому, гордому и мужественному человеку.<br></a></tr>
<tr><td bgcolor="#500000">&nbsp</tr>
<tr><td align="center" bgcolor="white"><a href="Katalog.html">Клипер "Великая Княжна Мария Николаевна"<br><a href="Katalog.html"><img src="./pic/7.gif" border=0 alt="Каравелла Санта-Мария"><br>Клипер "Великая княжна Мария" можно подарить не только мужчине, но и женщине, особенно, если она любимый и уважаемый руководитель. <br></a></tr>
<tr><td bgcolor="#500000"><br></tr>
</table>
<td width=60%>
<table border=0 cellspacing=0 cellpadding=10 bgcolor="white">
<tr><td><h2>Интернет-магазин эксклюзивных подарков Vessel-Ship.ru</h2><h3>Оригинальные подарки для родных и близких людей</h3></tr>
<tr><td><p align="justify">Пожалуй, каждый человек в своей жизни задавался вопросом: что же подарить на День рождения? Ведь необходимо решать сразу несколько проблемы: подарок должен быть оригинальным, соответствовать ожиданиям именинника и быть в меру доступным для дарящего.Кроме того, современный темп жизни диктует свои требования: людям просто не хватает времени на то, чтобы ходить по магазинам и выбирать нужный подарок. </tr>
<tr><td><p align="justify">Но все эти проблемы разрешимы. Интернет-магазин поможет выбрать подарок для друзей, знакомых и коллег. Ведь можно, не отходя от компьютера, просмотреть огромный ассортимент товаров и выбрать то, что нужно, значительно сэкономив время на походах в обычные магазины. К тому же в реальных магазинах просмотреть такое количество товаров и сделать выбор трудно: в интернете проблема решается просто. Одним из самых оригинальных подарков является корабль в бутылке.</tr>
<tr><td><p align="justify">Корабли в бутылке - это уменьшенные копии настоящих парусников: военные клипера, царские яхты, пиратские корабли, бриги, барки, ботики, каравеллы, галеры, корветы, бригантины разных стран и эпох. Постройка кораблей в бутылках остается, как и много лет назад, сугубо ручной работой. Чтобы достичь успеха, необходимы огромное терпение и мастерство. И также как много лет назад, модель вызывает удивление у зрителей. Корабли в бутылках стали уникальными не только потому, что модель-малютку стало возможным поместить в малое пространство, а больше из-за новизны того, каким образом она туда попала. Такая новизна получила очень высокую оценку.</tr>
<tr><td><p align="justify">Корабль в бутылке - замечательный подарок для мужчин и женщин, коллекционеров, оригинальный деловой подарок. Например, женщине можно подарить корабль с алыми парусами. А начальнику преподнести копию старинного судна на красивой подставке. Родителям на юбилей можно выгравировать душевное пожелание на металлической табличке, прикрепленной к подставке корабля. </tr>
<tr><td><p align="justify">Корабль в бутылке - это:<ul>
<li>бизнес подарок для партнеров; </li>
<li>эксклюзивный подарок для любимых; </li>
<li>оригинальный подарок мужчинам; </li>
<li>оригинальный подарок женщинам; </li>
<li>корпоративный подарок на все случаи жизни. </li>
</ul></tr>
<tr><td><p align="justify">Интернет-магазин подарков VESSEL-SHIP.RU предлагает взаимовыгодное сотрудничество, преимущества которого заключаются в возможности приобретения оригинальных подарков без предварительной оплаты. Товары доставляются в любой район города Твери. Возможен оперативный заказ корпоративных подарков. Постоянным клиентам магазина подарков мы можем предложить скидки, консультации специалистов и индивидуальный подход при выборе подарков. Наш магазин предлагает партнерам гибкую систему оплаты, бонусы при покупке эксклюзивных подарков оптом и безупречный сервис при выборе необычных подарков любого типа.
</tr>
<tr><td><p align="justify">Только у нас вы найдете самые необычные подарки - корабли в бутылках - для всех и каждого. Vessel-Ship.ru - единственный магазин подарков в Твери, товары которого придутся по вкусу всем!</tr>
<tr><td><br><p align="center">&copy 2009 Интернет-магазин оригинальных подарков</tr>
</table>
<td width=20%>
<table border=1 cellspacing=0 cellpadding=0 bgcolor="white" height=100%>
<tr><td width=20% align="center" bgcolor="#FFF3CE">Партнеры:<br><a href="www.homeidei.ru">www.homeidei.ru</a><br><a href="www.rus-shipping.ru"><img src="./pic/partner.jpg" border=0 width=120 height=80 alt="rus-shipping.ru"></a></tr>
<tr><td bgcolor="#500000">&nbsp</tr>
<tr><td align=center><strong>Новинки</strong></tr>
<tr><td bgcolor="#500000">&nbsp</tr>
<tr><td align="center"><a href="Katalog.html">"Слава Екатерины"<br><img src="./pic/3.gif" border=0 alt="Слава Екатерины"><br>
Построен 1779 году в Николаеве И.П.Ганнибалом, прадедом А.С.Пушкина, знаменитым "арапом Петра I".<br></a></tr>
<tr><td bgcolor="#500000">&nbsp</tr>
<tr><td align="center"><a href="Katalog.html">Галера<br><img src="./pic/4.gif" border=0 alt="Галера"><br>
Такая модель галеры в бутылке украсит любой дом, возбудит интерес у детей к истории Русского флота.<br></a></tr>
<tr><td bgcolor="#500000">&nbsp</tr>
<tr><td align="center"><a href="Katalog.html">Барк "Седов"<br><img src="./pic/5.gif" border=0 alt="Барк Седов"><br>
Барк "Седов" - это самый подходящий подарок для энергичного мужчины. <br></a></tr>
<tr><td bgcolor="#500000">&nbsp</tr>
<tr><td align="center"><a href="Katalog.html">Барк "Крузенштерн"<br><img src="./pic/8.gif" border=0 alt="Барк Крузенштерн"><br>
Модель барка "Крузенштерн" - великолепный подарок, который будет радовать своего владельца изысканностью линий и навевать романтическое настроение. <br></a></tr>
<tr><td bgcolor="#500000">&nbsp</tr>
</table>
</tr>
</body>
</html>
1
Документ
Категория
Рефераты
Просмотров
65
Размер файла
1 044 Кб
Теги
лабораторная работа, лаба, отчет, лабораторная
1/--страниц
Пожаловаться на содержимое документа