2. Пример кода главной страницы.
В работе использовались следующие теги:
h1,h2 – заголовок, div – блочный элемент, a – ссылка, p – параграф, img – вставка картинки, ul – маркированный список, li – элемент списка.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Главная</title>
<link rel="author" href="http://vk.com/id250636276" />
<link href="css/style.css" type="text/css" rel="stylesheet">
</head>
<body>
<!--LiveInternet counter--><script type="text/javascript"><!--
new Image().src = "//counter.yadro.ru/hit?r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
";"+Math.random();//--></script><!--/LiveInternet-->
<div class="header">
<a href="http://sevsu.ru/" target="_blank" title="Официальный сайт Севастопольского государственного университета" class="logo"></a>
<h1>Градирни атомных станций</h1>
<ul class="main-menu" type="circle">
<li><a href="index.html" title="Главное">Главная</a></li>
<li><a href="page1.html" title="Конструкция градирен">Конструкция градирен</a></li>
<li><a href="page2.html" title="Достоинства и недостатки">Достоинства и недостатки</a></li>
<li><a href="page3.html" title="Особый вид градирен">Особый вид градирен</a></li>
</ul>
</div>
<div class="wrapper">
<img src="img/img1.png" width="795" height="505" alt="ГРадирни" class="img1">
<p>Из числа устройств, применяемых в системах технического охлаждения, следует указать прежде всего на искусственные пруды — охладители. Эти устройства наиболее простые и к тому же дающие наиболее глубокое охлаждение, обеспечивающие наиболее глубокий вакуум и, следовательно, наивысшую экономичность. Однако они неблагоприятны, так как для их сооружения отчуждают значительные участки земли. Кроме того, они совершенно не пригодны для использования на ТЭЦ, которые располагаются обычно или в черте города, или вблизи города.</p>
<p>Для АЭС ранее тоже использовались пруды-охладители, причем это делалось в основном по настоянию турбинных заводов во имя получения наивысшей экономичности.</p>
<p>Опыт Чернобыльской АЭС побуждает вообще отклонить использование прудов-охладителей для АЭС. Следует считать для АЭС, как обязательное, размещение всех сооружений, в том числе и охлаждающих устройств, на территории промышленной площадки АЭС. Известно, что для Чернобыльской АЭС был сооружен пруд-охладитель площадью 25 квадратных километров и глубиной 4 метра. Разумеется, такой огромный пруд мог быть размещен только вне промышленной площадки ЧАЭС. В результате аварии на четвертом блоке этой АЭС в пруд-охладитель была занесена значительная радиоактивность, а дезактивация пруда-охладителя еще даже не начата.</p>
<p>Существует реальная опасность проникновения через, разумеется, не абсолютно плотные стенки и днище пруда этой радиоактивности в подземные воды с соответствующим распространением по территории региона. Все это означает недопустимость использования для АЭС прудов-охладителей.</p>
<p>Из числа других устройств технического водоснабжения использование на АЭС возможно брызгальных бассейнов и градирен.</p>
</div>
<div class="footer">
<a href="sitemap.xml" target="_blank" class="sitemap" title="sitemap" >SITEMAP</a>
<a href="hcard.html" class="hcard" title="hcard" >Об авторе</a>
</div>
<!--LiveInternet logo--><a href="//www.liveinternet.ru/click"
target="_blank"><img src="//counter.yadro.ru/logo?28.6"
title="LiveInternet: показано количество просмотров и посетителей"
alt="" border="0" width="88" height="120"/></a><!--/LiveInternet-->
</body>
</html>
Ссылка на данный сайт в WWW: http://atomic-sevgu.esy.es/var33/index.html
Использовался бесплатный хостинг http://www.hostinger.ru/
Счетчик посещений использовался от http://www.liveinternet.ru/
3. Код hCard
<div id="hcard-Студенцов-Василий" class="vcard">
<span class="fn"> Сапронюк Денис </span>
<div class="org">СевГУ, Институт Ядерной Энергетики</div>
<div class="adr">
<div class="street-address">Севастополь</div>
<span class="locality">Курчатова, 7</span>,
<span class="region">Республика Крым</span>,
<span class="postal-code">299026</span>
<span class="country-name">Российская Федерация</span>
</div>
<div class="tel">+7-(978)-71-48-587</div>
</div>
4. Код sitemap.xml
Файл был сгенерирован с помощью https://www.xml-sitemaps.com/ после помещения сайта в сеть.
<?xml version="1.0" encoding="UTF-8"?>
<urlset
xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9
http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
<!-- created with Free Online Sitemap Generator www.xml-sitemaps.com -->
<url>
<loc>http://atomic-sevgu.esy.es/var33/index.html</loc>
<lastmod>2015-05-24T09:41:53+00:00</lastmod>
</url>
<url>
<loc>http://atomic-sevgu.esy.es/var33/page1.html</loc>
<lastmod>2015-05-24T09:41:53+00:00</lastmod>
</url>
<url>
<loc>http://atomic-sevgu.esy.es/var33/page2.html</loc>
<lastmod>2015-05-24T09:41:53+00:00</lastmod>
</url>
<url>
<loc>http://atomic-sevgu.esy.es/var33/page3.html</loc>
<lastmod>2015-05-24T09:41:54+00:00</lastmod>
</url>
<url>
<loc>http://atomic-sevgu.esy.es/var33/hcard.html</loc>
<lastmod>2015-05-24T09:41:53+00:00</lastmod>
</url>
</urlset>
Вывод.
В ходе выполнения расчетно-графической работы был создан сайт на тематику «Турбины атомных станций» с помощью языка HTML 4.01 и CSS 2.1. Сайт был выполнен по требованиям в соответствии с заданием, а также выложен на хостинг.
В результате выполнения были закреплены навыки использования языка гипертекстовой разметки HTML и каскадной таблицы стилей CSS. Верстка блочная с использованием классов в качестве селекторов.