Проектирование и реализация HTML документа
Курсовой проект - Компьютеры, программирование
Другие курсовые по предмету Компьютеры, программирование
Министерство образования и науки Российской Федерации
ИРКУТСКИЙ ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ
кафедра Автоматизированных систем
ПОЯСНИТЕЛЬНАЯ ЗАПИСКА
к курсовой работе по дисциплине
Информатика и вычислительная техника
наименование темы
ПРОЕКТИРОВАНИЕ И РЕАЛИЗАЦИЯ HTML ДОКУМЕНТА
Выполнил студент
ИТб-11-2 Яковлева И.С.
Иркутск 2012 г.
Оглавление
Задание
Логическая структура
Физическая структура
Шаблон дизайна
Исходные тексты страниц
Исходный текст таблицы стилей
Тестирование сайта
Порядок разработки сайта
Список литературы
Приложение
Задание курсовой работы
Создать Web-сайт на тему: Онтологии в информатике.
Логическая структура сайта
Логическая структура сайта представлена таким образом, что с любой страницы сайта можно попасть на любую другую страницу сайта. Навигация выполняется при помощи меню и кнопок.
Меню Кнопки
Также из любой страницы сайта есть возможность связаться с автором сайта, написав ему письмо. Для этого пользователю достаточно иметь подключение к сети Интернет и щелкнуть по электронному адресу автора, приведенному внизу каждой страницы. Электронный адрес является ссылкой для автоматического открытия почтовой службы пользователя.
Физическая структура сайта
Сайт представляет из себя папку html_kurs, в которой находится 14 папок, каждая из которых вмещает в себя все необходимые файлы для одной html страницы; папка, в которой находится описание стиля сайта.
№ПапкаИмя файлаПринадлежность к html страницеРазмер файлаДата последнего изменения1indexindex.htmlГлавная страница4.83 Кб1мая2012ont.gifИзображение - схематическая онтология 425х2418.37 Кб11апр2012ontogif.gifАнимация логотипа Protege 144х14417.1 Кб11апр20122fil_onfil_on.htmlОнтологии в философии15.6 Кб22апр2012angel.gifАнимация Ангел 240х32026.9 Кб2апр2012razum.gifИзображение- схема взаимосвязи разума бытия и сознания 385х39113.2 Кб2апр2012shema.gifИзображение-схема философского мировоззрения 813х92416.9 Кб2апр20123fil_inffil_inf.htmlОнтологии в информатике16.3 Кб22апр2012man.gifИзображение-схема человека 300х30016.6 Кб2апр20124gengen.htmlГенная онтология6.64 Кб22апр2012gen.gifИзображение генотипа 800х40017.8 Кб2апр20125web30web30.htmlРазработка технологий Web-3.012.1 Кб22апр20126el_biblel_bibl.htmlИспользование онтологий для создания библиотек9.63 Кб22апр2012books.gifИзображение книг 200х1538.00 Кб13апр20127u4_ku4_k.htmlИспользование онтологий при планировании учебных курсов8.45 Кб22апр20128mod_int_prmod_int_pr.htmlОнтологическая модель интеллектуального пространства.12.0 Кб22апр2012int.gifИзображение 200х20011.2 Кб13апр20129primerprimer.htmlПримеры онтологий4.44 Кб22апр2012formula.gifИзображение-формула составления онтологий 445х2734.95 Кб2апр2012ier.gifИзображение - иерархия онтологий 376х30513.4 Кб2апр2012ontology.gifИзображение - методы анализа данных 496х3826.60 Кб2апр2012ru4ka.gifИзображение - онтология ручка 419х4439.13 Кб2апр2012soc.gifИзображение - онтология общество 378х2093.27 Кб2апр2012structura.gifИзображение - онтология база знаний 493х35115.3 Кб2апр2012voda.gifИзображение - онтология вода 320х2775.17 Кб2апр201210syssys.htmlИнформатизация учебного процесса15.8 Кб22апр2012student.gifИзображение 407х5806.88 Кб12апр201211prog_ontprog_ont.htmlПрограмма для составления онтологий6.66 Кб22апр2012Prot.pngИзображение - скриншот Protege 750х600155 Кб12апр2012Splash.gifИзображение - логотип Protege 144х1444.80 Кб11апр2012pic.htmlИзображение - скриншот Protege 750х600 в полный размер341 байт22апр201212resres.htmlРезюме1.62 Кб22апр2012menu.htmlЛевый блок меню1.33 Кб22апр2012resum.htmlПравый блок резюме2.34 Кб5мая2012myfoto.gifИзображение - фото автора сайта 200х26729.6 Кб16апр201213dictdict.htmlСловарь18.4 Кб22апр2012dnk.gifИзображение- спираль днк 122х17617.9 Кб15апр2012Goclenius.gifИзображение - портрет Гоклениуса 117х14415.8 Кб16апр201214mapmap.htmlКарта сайта4.73 Кб22апр2012map.gifАнимация- фоновое изображение карты сайта 160х12025 Кб22апр2012icons1.gifИзображение-ссылка на index.html 65х601.98 Кб13апр20122.gifИзображение-ссылка на fil_on.html 65х601.83 Кб13апр20123.gifИзображение-ссылка на fil_inf.html 65х601.75 Кб13апр20124.gifИзображение-ссылка на gen.html 65х602.21 Кб13апр20125.gifИзображение-ссылка на web301.64 Кб13апр20126.gifИзображение-ссылка на el_bibl.html 65х601.84 Кб13апр20127.gifИзображение-ссылка на u4_k.html 65х601.84 Кб13апр20128.gifИзображение-ссылка на mod_int_pr.html 65х601.82 Кб13апр20129.gifИзображение-ссылка на primer.html 65х601.98 Кб13апр201210.gifИзображение-ссылка на sys.html 65х602.33 Кб13апр201211.gifИзображение-ссылка на prog_ont.html 65х601.80 Кб13апр201212.gifИзображение-ссылка на res.html 65х601.84 Кб13апр201213.gifИзображение-ссылка на dict.html 65х601.63 Кб13апр201215stylestyle.cssДокумент таблицы стилей1.40 Кб2мая2012logo.gifАнимация для header и footer 300х30010.6 Кб2апр2012header.gifИзображение-логотип 95х521.62 Кб27март2012sample.htmlhtml-документ шаблон всех страниц1.37 Кб6мая2012
Шаблон дизайна
Все страницы, за исключением карты сайта, условно делится на 4 блока. Верхний блок с названием, левый с главным меню, правый непосредственно с информативным содержанием страницы и нижний содержит в себе ссылку для связи с автором сайта.
Фоновое изображение для верхнего и нижнего блока - header.gif
Параметры шрифта для верхнего и нижнего блока:
цвет:#EE1289;
семейство шрифтов:cambria;
размер шрифта верхнего блока:50pt
размер шрифта нижнего блока: 16pt
Параметры левого блока:
Цвет фона: #FFFACD
Размер шрифта ссылок: 16pt
Семейство шрифта ссылок: tahoma
Цвет шрифта ссылок: #8B5A2B
Парам