Создание структуры WEB-приложения для образовательных ресурсов
Выполнение определенного набора функций по обработке данных и предоставление интерфейса для доступа - задача веб-сервера. Язык гипертекстовой разметки – набор специальных инструкций, предназначенных для формирования в документах какой-либо структуры.
| Рубрика | Программирование, компьютеры и кибернетика |
| Вид | дипломная работа |
| Язык | русский |
| Дата добавления | 26.05.2018 |
| Размер файла | 1,9 M |
Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже
Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
<div class="left"> </div>
<div class = "right"></div> </div> </div>
<div class="container"><div class="navigation">
<a href="Тест.html">Tест</a>
<a href="Krossvord.html">Kроссворд</a>
<a href = "Глоссарии.html"> Глоссарии</a>
<a href="Video.html">Видео уроки</a>
<div class="clearer"></span></div> </div>
<div class="main"><div class="content">
<p><CENTER><h1><B>Иллюстрированный самоучитель по Sound Forge </B></h1> </CENTER> </p><p>################################</p>
<style> .sign { float: left; /* Выравнивание по правому краю */
border: 1px solid #333; /* Параметры рамки */
padding: 0px; /* Поля внутри блока */
margin: 0px 5px 5px 5px; /* Отступы вокруг */
background: #f0f0f0; /* Цвет фона */ }
.sign figcaption { margin: 0 auto 5px; /* Отступы вокруг абзаца */ }
</style> <!--[if lt IE 9]> <script> document.createElement('figure');
document.createElement('figcaption');</script>
<![endif]--> </head>
<body>
<figure class="sign">
<p><img src="img/FastStoneEditor.jpg"width="170"height="212" alt= "kitob" > </p> </figure> </style><p>#
<style>
.sign {float: rig border: 1px solid #333; padding: 0px; margin: 0px 5px 5px 5px; background: #f0f0f0;}
.sign figcaption {margin:0 auto 5px;}</style>
<!--[if lt IE 9]>
<script>document.createElement('figure');
document.create Element ('figcaption');</script> <![endif]--> </head>
<body> <figure class="sign"><p> <img src="img/ьтиить.png" width="220" height="190" alt="kitob"></p>
</figure></style><p>###########################################</p>
</p></I></B></div>
<div class="sidenav">
<h2>1_Настройка</h2>
<ul><li><a href="2_SoFo.html">Установка Asio4all </a></li>
<li><a href="3_SoFo.html">Первичная настройка</a></li></ul>
<h2>2_Основные возможности </h2>
<ul><li><a href="4_SoFo.html">Создание, открытие файла</a></li>
<li><a href="5_SoFo.html">Редактирование файла</a></li>
<li><a href="6_SoFo.html"> Функции вставки</a></li>
<li><a href="7_SoFo.html">Запись звука</a></li>
<li><a href ="8_ SoFo.html "> Сохранение файла</a></li></ul>
<h2>3_Работа с плагинами </h2>
<ul><li><a href="9_SoFo.html">Обработка эффектами</a></li>
<li><a href="10_SoFo.html ">Подключение сторонних плагинов</a></li></ul>
<h2>4_Дополнительные возможности </h2>
<li><a href="11_SoFo.html">Настройки программы</a></li>
<li><a href="12_SoFo.html">Процессы (Process)</a></li>
<li><a href="13_SoFo.html">Эффекты (Effects)</a></li>
</ul></div></tr>
<div class="clearer"></span></div></div>
<div class="footer">© </div>
</div></body></html>
Файл « Sf.css » стилевое описание веб-приложения:
html {min-height: 100%;}
{ margin: 0; padding: 0; }
a {color: #963;}
a:hover {color:#C60;}
body { background: #CCD8E0 url(img/bg.jpg) repeat-x left bottom;color: #444; font: normal 61.5% Tahoma,sans-serif; }
p,code,ul {padding-bottom: 1.2em;}
li {list-style: none;}
h1 {font: normal 1.8em Tahoma,sans-serif;margin-bottom: 4px; }
.clearer {clear: both;} .left {float: left;} .right {float: right;}
.container {background: #FFF; font-size: 1.2em; margin: 0 auto;padding: 0 10px 10px;width: 880px; }
/* header */
.top {background: url(img/clouds.gif) repeat-x;padding: 50px 10px 0;}
/* title */
.header {background: #FFF ;font-size: 1.2em;height: 150px;margin: 0 auto;padding: 10px 10px 5px; width: 880px;}
.header .left, .header .right {background: #A4A4A0 url(img/1212.jpg) repeat-x ; color: #FFF; height: 150px; width: 665px;}
.header .left {background: #E0FFFF url(img/images.jpeg) no-repeat; line-height: 150px; text-align: center; width: 212px;}
.header .right {overflow: auto;width: 665px;}
/* navigation */
.navigation { background: #D9E1E5 url(img/nav.gif);border: 1px solid #DFEEF7;border-color:#DFEEF7 #CFDEE7;height: 41px;}
.navigation a {background: #D9E1E5 url(img/nav.gif);
border-right: 1px solid #AFBEC7;
color: #456;
display: block;
float: left;
font: bold 1.1em sans-serif;
line-height: 41px;
padding: 0 20px;
text-decoration: none;}
.navigation a:hover {background-position: left bottom; color: #FF0000;}
/* main */
.main { border-top: 4px solid #FFF;
background: url(img/bgmain.gif) no-repeat ; }
/* sub navigation */
.sidenav {float: right ;width: 170px ; margin-top: 1px;}
.sidenav h2 {
color: #5A5A43;
font-size: 1em; line-height: 30px;
margin: 0;
padding-Left: 12px;}
.sidenav ul { padding: 0;border-top: 1px solid #EAEADA;}
.sidenav li {border-bottom: 1px solid #EAEADA ;}
.sidenav li a {font-size: 1.1em; color: #554; display: block;padding: 8px 0 8px 5%;text-decoration: none;width: 95%;}
.sidenav li a:hover {background:#CFCFCF ; color: #FF0000;}
/* content */
.content {float: Left;margin: 1px 1px 1px 1px; padding: 0 3px; width: 690px; text-align:justify; text-indent: 25px;}
.content p {
text-align:justify;
text-indent: 25px;}
.content ol {list-style: decimal; margin-left: 25px; }
.content ul {list-style: decimal; margin-left: 35px; }
/* footer */
.footer {background: url(img/bgfooter.gif) repeat-x;
color: #FFF;
font: bold 1em sans-serif;
line-height: 39px;text-align: center;}
.footer a,.footer a:hover {color: #FFF;}
Размещено на Allbest.ru
...Подобные документы
HTML - язык разметки гипертекста как набор инструкций для программы-просмотрщика (броузера). Понятие и назначение тэгов, их функции и параметры. Смысл понятий "параметр" и "значение параметра". Правила работы с тэгами, создание ссылок с их помощью.
статья [16,8 K], добавлен 10.05.2009Основы Web-программирования. Сервер баз данных MySQL. Язык сценариев PHP. Язык гипертекстовой разметки HTML. Назначение и цели разработки сайта. Форма входа и регистрации, обратная связь интернет–магазина. Требования к структуре сайта, описание контента.
курсовая работа [754,5 K], добавлен 02.06.2014Основные теги и атрибуты языка HTML. Создание web-сайта, который должен представлять собой несколько связанных между собой страниц. Рассмотрение различных значений атрибутов и тегов на страницах и в других документах. Экранные формы разработанных страниц.
лабораторная работа [1,2 M], добавлен 16.04.2014Проектирование информационной модели данных, серверной и клиентской частей приложения. Обеспечение коллективного доступа. Составление оптимального набора тестов. Разработка инструкций по сопровождению и эксплуатации клиент–серверного приложения.
дипломная работа [2,7 M], добавлен 07.07.2012Назначение информационно-новостного сайта. Структура пользовательской и административной частей. Эмулятор Web–сервера Denwer 3. Типы данных, используемые в PHP. MySQL база данных. Каскадная таблица стилей CSS. Язык гипертекстовой разметки документов HTML.
дипломная работа [2,0 M], добавлен 05.02.2013Разработка клиент-серверного приложения, позволяющего взаимодействовать друг с другом с использованием доступа к базам данных. Проектирование связи сервера с базой данных с помощью технологии ODBC. Разработка интерфейса программы, ее тестирование.
курсовая работа [352,0 K], добавлен 24.08.2016Проектирование программы для работы с матрицами, обладающей некоторым уровнем защиты, интуитивно понятным интерфейсом и легкостью управления. Набор функций в программе. Класс хранения матричных данных. Описание интерфейса, форма входа и главное окно.
курсовая работа [2,0 M], добавлен 22.03.2015Язык манипуляции данными. Процесс отбора данных. Использование агрегатных функций и специальных операторов в условиях отбора. Создание и использование представлений и хранимых процедур. Использование триггеров, разработка интерфейса пользователя.
лабораторная работа [70,6 K], добавлен 13.02.2013Представление данных в памяти компьютера. Обобщенные структуры и модели данных. Методы доступа к информации. Физическая организация системы управления базами данных, структура сервера. Архитектура "клиент-сервер". Создание базы данных с помощью "Денвер".
курсовая работа [770,3 K], добавлен 17.11.2014Разработка структуры информационной системы с использованием СУБД MS Access. Моделирование бизнес-процессов с помощью IDEF0-диаграмм. Проектирование приложения в среде Delphi. Физическая реализация структуры базы данных. Создание интерфейса системы.
отчет по практике [3,4 M], добавлен 07.01.2015Написание сайта с помощью выбранного языка программирования с минимальной интерактивностью. Изучение дополнительных аспектов языка гипертекстовой разметки HTML. Моделирование информационной структуры. Разработка структуры данных, центральный фрейм.
курсовая работа [1,0 M], добавлен 02.06.2015Личная подборка Internet-ресурсов учебного назначения. Язык гипертекстовой разметки страниц HTML. Текстовое оформление страниц. Вставка изображений. Нумерованные, маркированные списки. Оформление таблиц. Создание фреймов. Границы и рамки. Стили CSS.
лабораторная работа [177,3 K], добавлен 23.06.2013Описание разрабатываемой программы с точки зрения пользователя и программиста. Поэтапная разработка программной системы. Создание базы данных в Access. Разработка структуры классов. Создание структуры для хранения данных. Проектирование интерфейса.
курсовая работа [1,4 M], добавлен 07.08.2013Прямое проектирование баз данных: создание драйвера, генерация каталога, выполнение Script-файла. Использование свойств, определяемых пользователем, шаблонов скриптов. Перенос структуры данных с одного сервера на другой, синхронизация системного каталога.
курсовая работа [1,5 M], добавлен 26.11.2011Цель и место размещения документа Web. Язык гипертекстовой разметки. Сценарий и структура Web-документа. Основные редакторы гипертекста. Создание документов в стандарте HTML. Создание заголовков, форматирование и изменение стиля, нумерация списков.
реферат [34,4 K], добавлен 22.11.2009Создание баз данных и таблиц. Ограничение доступа для пользователей. Хранимая процедура, доступная всем пользователям. Скрипты для проверки ограничений. Методы обеспечения безопасности сервера базы данных. Чтение, изменение и добавление данных.
лабораторная работа [1,4 M], добавлен 23.07.2012Описание структуры обучающего блока. Проектирование его алгоритма и лингвистического и информационного обеспечения. Организация его взаимодействия с базой данных. Разработка графического интерфейса. Программная реализация основных функций приложения.
дипломная работа [2,1 M], добавлен 20.12.2015Разработка исполняемого Win32 приложения с визуальным интерфейсом, обеспечивающим построение функций принадлежности. Проектирование визуального интерфейса приложения, включающего кнопки доступа к функциям построения графика, полей ввода исходных данных.
дипломная работа [343,8 K], добавлен 06.06.2010Создание логической модели данных. Назначение кнопок Erwin Toolbox. Создание БД в СУБД InterBase. Использование утилиты WISQL. Создание Script-файла. Перенос структуры данных с одного сервера на другой. Синхронизация каталога БД и текущей модели.
курсовая работа [4,6 M], добавлен 26.11.2011Проектирование базы данных для автоматизации деятельности по учету автотранспорта ГИБДД Вяземского района. Выбор инструментария для разработки базы данных и приложения по её ведению. Описание интерфейса и физической структуры приложения баз данных.
курсовая работа [2,2 M], добавлен 28.06.2011
