Файл: Разработка сайта по обмену книгами (Требования к приложению).pdf
Добавлен: 28.03.2023
Просмотров: 572
Скачиваний: 11
СОДЕРЖАНИЕ
1.3.1 Основные принципы построения web-приложения.
1.3.2 Область использования Web-приложения
1.3.4 Основные требования, предъявляемые к web-приложению
1.3.6 Этапы создания Web-приложения
1.4. Разработка документа HTML.
1.4.1 Структура и навигация документа HTML.
3. таблицы нужно использовать не везде, а по необходимости, при этом полностью отказываться нельзя, как и применять не к месту.
Согласно макету, приведенному на рис. 2, страница сайта будет содержать семь блоков: «шапку»-Новые поступления, навигационное меню (Наименование, Техническая литература, Художественная литература, Детская литература), основной блок с контентом( Книги в наличии: Автор; Жанр) и «ноги»(Количество обработанных книг за период).
Сначала создадим HTML-страницу: обозначим структуру, разметим её. HTML-код будет согласно Приложению А:
<!DOCTYPE html>
<html>
<head>
<title>Книгообмен</title>
</head>
<body text="#F0E68C"bgcolor="#FF7979">
…
</body>
</html>
Разберём некоторые моменты.
<div id="contantwrapper"> — это блок-родитель, внутри которого расположились все остальные блоки. Как ячейки таблицы внутри <table>.
С помощью стилей мы последовательно оформляем содержимое тега <body> и всех находящихся внутри контейнеров с помощью ранее изученных правил.
#clear { clear:both; } запрещает обтекание элемента слева и справа. Если убрать это правило, вёрстка «поедет» и низ сайта перестанет корректно отображаться.
Заключение
С появлением web-технологии компьютер начинают использовать совершенно новые слои населения Земли в различных направлениях и вовлекаются в эту новую технологию, возможно, даже помимо их собственного желания. При этом представители элитарных групп общества - руководители крупных организаций, президенты банков, топ - менеджеры, влиятельные государственные чиновники используют web-технологии для получения экономических выгод. В то же время представители широчайших слоев населения - домохозяйки, пенсионеры, дети используют web-технологии для получения информации, кулинарные рецепты и литературы, .
Спектр социальных групп, подключающихся к сети Интернет и ищущих информацию в WWW, все время расширяется за счет пользователей, не относящихся к категории специалистов в области информационных технологий. Это врачи, строители, историки, юристы, финансисты, спортсмены, путешественники, священнослужители, артисты, писатели, художники и самый большой контингент – школьники и домохозяйки. Список можно продолжать бесконечно. Любой, кто ощутил полезность и незаменимость Сети для своей профессиональной деятельности или увлечений, присоединяется к огромной армии потребителей информации во "Всемирной Паутине".
С развитием технологий гипертекстовой разметки в Интернете стало появляться всё больше сайтов, тематика которых является совершенно различной – от сайтов крупных компаний, повествующих об успехах компании и её провалах, до сайтов маленьких фирм, предлагающих посетить их офисы в пределах одного города.
Развитие Интернет-технологий послужило толчком к появлению новой ветки в Интернете – Интернет - форумов.
Создание сайта представляет собой маркетинговый шаг, направленный на создание информационного ресурса, который предоставит возможность для компании как удержать старых клиентов, так и привлечь новых.
Создание и разработка сайтов включает:
· утверждение первоначального технического задания на разработку сайта;
· определение структурной схемы сайта - расположение разделов, контента и навигации;
· web-дизайн - создание графических элементов макета сайта, стилей и элементов навигации;
· разработка программного кода, модулей, базы данных и других элементов сайта необходимых в проекте;
· тестирование и размещение сайта в сети интернет.
При разработке web-сайта из всех современные web-технологий, позволяющих создавать интерактивные web-страницы, необходимо выбрать наиболее подходящие для выполнения поставленных на первоначальном этапе задач.
Таким образом система должна представлять собой web - сайт, куда любой пользователь мог бы зайти и выбрать просмотреть список книг, без регистрации. Но такое решение снижает уровень безопасности системы, поэтому для взятия книги пользователю необходимо зарегистрироваться. . Проектирование системы. Решение этой задачи подробно изложено в пункте Проектирование. В ходе проектирования были использованы простые и надежные решения, которые в свою очередь обеспечивают надежность всей системы. . Написание кода и тестирование системы. В ходе выполнения этой задачи был реализован web - сайт «Книгообмен», и проведена проверка работоспособности этого сайта.
Список литературы
1.НОУ Интуит Лекция 1: Основы функционирования веб-приложений
2.Semantica. Структура сайта от А до Я: виды, создание, анализ
3.СПГУ. Информационная архитектура в Интернете
4. Кристофер Шмитт. CSS рецепты программирования
5. А. Чиртик. Популярный самоучитель HTML
6. М. Русаков. Создание сайта от начала и до конца
Приложение А
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<head>
<title>Книгообмен</title>
</head>
<body >
<div id="header"><h1>Книгообмен</h1></div>
<div id="main_nav">
<div id="navcontainer">
<ul id="navlist">
<li><a href="http://kbaott.net" class="home"><span>Библиофилам и книголюбам</span></a></li>
<li><a href="http://www.litlife.club" class="book"><span>Литературный клуб </span></a></li>
<li><a href="http://www.rba.ru" class="about"><span>Новости библиотечной асоциации</span></a></li>
</div>
</div>
</ul>
<p><h2>Здравствуйте<?php echo $UserName; ?>!</h2></p>
<h3>Ваш ID для регистрации: <?php echo $UserID; ?>...</h3>
</form>
<h3>Новости</h3>
<dl>
<dt class="news" align="center">04.07.2018</dt>
<dd> Уважаемые читатели! С 05 по 09 сентября 2018 года на ВДНХ состоится Московская международная книжная выставка-ярмарка ММКВЯ 2018. Часы работы: 05 сентября с 13 до 20 часов; 06-08 сентября с 10 до 20 часов; 9 сентября с 10 до 17 часов</dd>
<dt class="news" align="center">04.07.2018 </dt>
<dd>Уважаемые читатели! С 07 по 11 сентября 2018 года на ВДНХ состоится ежегодная выставка-ярмарка книг.</dd>
<dt class="news" align="center">04.07.2018</dt>
<dd>Уважаемые читатели! В Олимпийском открыта ежегодная книжная ярмарка. Часы работы: вторник-суббота с 09 до 15 часов; воскресенье с 10 до 15 часов; понедельник - выходной. </dd>
</dl>
</div>
<?php}
se { ?>
<form method="POST" action="<?php echo $_SERVER['PHP_SELF']; ?>">
<table>
<tr>
<td>Имя<input type="text" class="fields_contact_us" name="user"></td>
</tr>
<tr>
<td>Пароль:<input type="password" class="fields_contact_us" name="pass"></td>
</tr>
<tr>
<td colspan="2"><input type="submit" class="fields_contact_us" name="login" value="Войти"></td>
</tr>
</table>
</form>
<?php
}
<p class="search_t">Поисковый запрос книги должен быть не менее 4-х символов.</p><br>
<p><input name="search" type="text" size="25" maxlength="40" >
<input class="search_b" name="submit_s" type="submit" value="Искать">
</p>
</form>
</div>
</div>
<SCRIPT>
wid = window.open('','','width=750,height=100,status=yes');
wid.document.open(); R = wid.document.write;
R('<HTML><HEAD><SCRIPT>var t;<\/SCRIPT></HEAD>');
R('<BODY><H1>Новое окно</H1></BODY></HTML>');
wid.document.close();
</SCRIPT>
<A HREF="javascript:
wid.t=window.prompt('Новое состояние:','');
wid.document.write(wid.t); wid.focus(); void(0);"
>Изменим название запрашиваемой книги в новом окне</A>
<p></p>
<div class="site-wrapper-container">
<div class="site-header-container">
<div class='header-left'>
<img class="logo" alt="Компания ООО Артсервис" src="images/logo.png" />
</div>
<div class='header-right'>
+7 (977) 275-40-95
</div>
</div>
<div class="site-content-container">
<div class="flipInX center wow">
<h2>О компании</h2>
<p>
Компания ООО Артсервис основана в 2017 году на базе предприятий Министерства промышленности и торговли РФ. Сферой ее деятельности является распространение печатных изданий по запросам организаций и отдельных клиентов- потребителей.
</p>
<p>
Основным принципом ведения международного книгообмена Компании ООО Артсервис является добровольная договоренность об обмене на взаимовыгодных условиях. Библиотеки, как самостоятельные организации обмениваются списками литературы, предлагаемой для обмена. Из этого списка каждая из сторон выбирает понравившиеся издания, на обмен которых будет в последующем заключен соответствующий договор.Помимо договора (внешнеторгового контракта), содержащего основные условия осуществления международного книгообмена, также оформляется паспорт бартерной сделки, на основании которого производится вывоз литературы за рубеж.
</p>
<p>
Допускается международный книгообмен, который выражен в обмене печатными изданиями и обмене электронными документами. Библиотеки уже создают собственные информационные электронные продукты, которые могут быть предметом обмена (например, тематические библиографические базы данных).
Внешнеторговый контракт. При международном книгообмене между российской библиотекой и ее иностранным партнером заключается договор - внешнеторговый контракт.
</p>
<p>
Поскольку международный книгообмен является внешнеторговой бартерной сделкой, к порядку составления договора применяются соответствующие нормы и правила. Мы создаем настроение для Вас и Ваших близких, дарим эмоции!
</p>
</div>
<div class="bounceInUp center wow">
<h2>Наша продукция</h2>
<div class="column-left">
<img class="img-catalog" alt="Техническая литература" title="Техническая литература" src="images/k1.jpg" />
</div>
<div class="column-left">
<img class="img-catalog" alt="Художественная литература" title="Художественная литература" src="images/k2.jpg" />
</div>
<div class="column-left">
<img class="img-catalog" alt="Детская литература" title="Детская литература" src="images/k3.jpg" />
</div>
<div class="bounceInLeft wow">
<h2>Наши услуги</h2>
<p>
<ul>
<li>Прием заказов на приобретение книги</li>
<li>Продажа книг печатного оформления</li>
<li>Консультации по вопросам обмена книг</li>
<li>Доставка книг до адресата в пределах города</li>
<li>Обеспечение электронными книгами</li>
<li>Обмен информацией по новым и старинным изданиям</li>
<li>Обмен информацией о проводимых книжных мероприятиях</li>
</ul>
</p>
</div>
<div id="contentwrapper">
<table width="940" height="100" cellpadding="5" cellspacing="2" border="1" bgcolor= "cyan">
<tr>
<td colspan="4" height="30" bgcolor="aquamarine">
<center><a href="novinki.html" width="200" height="40" alt=> Новые поступления</a></center>
</td>
</tr>
<tr>
<td height="10" width="25%" bgcolor="aquamarine">
<center><b><a href=" index.html">Наименование</a></b></center>
</td>
<td width="25%" bgcolor="aquamarine" >
<center><b><a href=" index.html">Техническая литература</a></b></center>
</td>
<td width="25%" bgcolor="aquamarine">
<center><b><a href=" art.html">Художественная литература</a></b></center>
</td>
<td bgcolor="aquamarine">
<center><b><a href="children.html">Детская литература</a></b></center>
</td>
</tr>
<tr>
<td colspan="4" valign="top" bgcolor= "red">
<p align="justify"> Книги в наличии</p>
<p align="justify">Автор: … … …</p>
<p align="justify">Жанр: … … …</p>
</td>
</tr>
</table>
</center>
<?php
echo "<p align='right'>
<p>
<a href='insert.php'>Добавить книгу</a></p>
<p>
<a href='delete.php?id=".$row['Book_ID']."'>Удалить</a>
<a href='upd.php?id=".$row['Book_ID']."'>Изменить книгу</a></p>
<div id="footer">
<p class="copyright"> За справками обращайтесь в библиотеку</p>
<a href="https://ru.wikipedia.org/wiki/
%D0%91%D0%B8%D0%B1%D0%BB%D0%B8%D0%BE%D1%82%D0%B5%D0%BA%D0%B0">www.asemlib.com"</a></p>
<p></p>
<h2>Отзывы</h2>
<div class="column-left">
<img class="img-round" alt="Александра Крылова" src="images/o1.jpg" />
<p>Сервис предоставленный компанией позволил выбрать технические книги для сына учащегося колледжа</p>
<p><b>Александра Крылова<br />"Руководитель отделения банка"</b></p>
</div>
<div class="column-center">
<img class="img-round" alt="Владимир Щербаков" src="images/o2.jpg" />
<p>Автоматизация услуг предоставляемые компанией позволяет быстро обеспечить необходимой литературой</p>
<p><b>Владимир Щербаков<br />"Заместитель главного конструктора"</b></p>
</div>
<div class="column-right">
<img class="img-round" alt="Полина Рыкова" src="images/o3.jpg" />
<p>У нас в школьной библиотеке отсутствуют некоторые книги, а здесь широкий выбор, спасибо за организацию</p>
<p><b>Полина Рыкова<br/>"Учащаяся 7 класса ШКИД"</b></p>
</div>
</div>
<div class="flipInX center wow">
<h2>Как к нам добраться</h2>
<iframe src="https://yandex.ru/map-widget/v1/-/CBqZzVcZ8D" width="90%" height="400" frameborder="0"></iframe>
</div>
</div>
<div class="site-footer-container">
<p><b></b></p>
<p>
Телефон: +7 (977) 275-40-95<br/>