Министерство образования республики Беларусь
Учреждение образования
Гомельский государственный технический университет имени П. О. Сухого
Факультет автоматизированных и информационных систем
Кафедра "Информатика"
Пояснительная записка
к курсовой работе
по дисциплине "Информатика"
на тему: "Интернет-аукционы"
Исполнитель:
слушатель гр. ЗВД-11
Романенко О. С.
Руководитель: Горский С.М.
Гомель 2010
Содержание
Введение
1. Схема сайта
2. Технические характеристики сайта
3. Контент
Заключение
Список использованных источников
Введение
В данной курсовой работе рассматривается разработка сайта с помощью HTML – кода. В качестве тематики данной работы мною была выбрана тема Интернет-аукцион.
Современный мир уже немыслим без сети Интернет. В последнее время в повседневной жизни человека все большее значение принимает покупка товаров и услуг через Всемирную сеть, хотя бы потому, что данный товар элементарно объективно дешевле. Желание людей приобрести товар еще дешевле или приобрести эксклюзивный привела к созданию Интернет - аукционов.
С распространением электронных платежных систем и международных пластиковых карт приобрести товар не составляет большого труда.
К сожалению, в Р.Б. еще достаточно мало людей пользуются Интернет - аукционами, поэтому одной из целей данной работы было подробное освещение истории создания и функционирования таких аукционов, а также привлечь внимание людей к возможностям Интернет - аукционов.
Разработка сайта проводится в табличном стиле что полностью соответствует выданному заданию.
Так как данный стиль использует таблицы, то в основной акцент будет сделан на теги:
Таблицы
<table></table>Создает таблицу.
<tr></tr>Определяет строку в таблице.
<td></td>Определяет отдельную ячейку в таблице.
<th></th>Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом)
Атрибуты таблицы
<table border=#>Задает толщину рамки таблицы.
<table cellspacing=#> Задает расстояние между ячейками таблицы.
<table cellpadding=#>Задает расстояние между содержимым ячейки и ее рамкой.
<table width=#>Устанавливает ширину таблицы в пикселах или процентах от ширины документа.
<tralign=?> или <tdalign=?>Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right.
<trvalign=?> или <tdvalign=?>Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения : top, middle, или bottom.
<td colspan=#>Указывает кол-во столбцев которое объединено в одной ячейке.
(по умолчанию=1)
<td rowspan=#>Указывает кол-во строк которое объединено в одной ячейке. (по умолчанию=1)
<td nowrap>Не позволяет программе просмотра делать перевод строки в ячейке таблицы.
Также будут использованы гиперссылки:
Гиперссылки
<a href="URL"></a>Создает гиперссылку на другие документы или часть текущего документа.
<ahref="mailto:EMAIL">
</a>Создает гиперссылку вызова почтовой программы для написания письма автору документа.
<a name="NAME"></a>Отмечает часть текста как цель для гипперссылок в документе.
<a href="#NAME"></a>Создает гиперссылку на часть текущего документа.
1. Схема сайта
Что касается схемы сайта, то мой сайт состоит из 8 основных и 4 дополнительных Html документов. Также для работы сайта 3 документа word и 1 pdf документ.
При загрузке сайта мы находимся на главной странице, а в дальнейшем по ссылкам переходим на семь дополнительных страниц и на две страницы анонса. Семь страниц содержания сайта в дальнейшем всегда будут оставаться без изменения на них только можно будет изменять информацию, а две дополнительные страницы анонса в дальнейшем могут меняться. Что позволяет помещать на главные страницы сайта новый анонс об открытии новых сайтов Интернет - аукционов, о новых возможностях и т.д.
Все основные ссылки являются не только прямыми но и обратными таким образом с любой из основных страниц мы можем вернуться назад на главную просто нажав на ссылку в содержании сайта.
На всех без исключения страницах есть ссылка на электронную почту разработчика и дизайнера сайта. В идеале это разные люди, но в данный момент это один человек и здесь находится рабочая ссылка при нажатии появляется стандартная почтовая форма где автоматически прописывается ваш адрес и адрес разработчика, ну а в дальнейшем можно написать письмо разработчику или задать какой-нибудь вопрос.
На основных страницах сайта рассматриваются разнообразные вопросы касающиеся Интернет аукционов.
На вкладке история рассмотрен вопрос об образовании в сети Интернет – аукционов, данные сведения были взяты из энциклопедий.
На вкладке типы и разновидности рассматриваются разнообразные типы и разновидности аукционов, рассматриваются работа этих аукционов. Так как данная информация очень объемная, то на данной странице были помещены ссылки на файлы tip1.html и tip2.html в которых находится продолжение темы. Внизу страницы размещены ссылки 1|2|3 которые также являются не только прямыми но и обратными.
На вкладке оплата вы можете найти разнообразную информацию о возможностях оплаты товаров на Интернет – аукционах. Возможно информации не очень много однако на ней есть ссылки на такие разделы как возможности оплаты, процедура покупки на Интернет – аукционах, о службе доставки. Данные ссылки даны на документы word в которых дана наиболее полная информация по каждой из этих тем.
На вкладке редкости вы можете найти информацию об наиболее интересных лотах Интернет – аукционах, нестандартные лоты и т.д.
Например нестандартное предложение бывшей сотрудницы нью-йоркской фирмы электронной торговли Карен ди Гесу, которая решила… выставить себя "на продажу" в виртуальном аукционе e-Bay. "Неутомимый работник с опытом деятельности в области Интернет - бизнеса может оказать неоценимую помощь любой высокотехнологичной компании, – говорилось в описании этого, мягко скажем, необычного "живого лота". — Прекрасный послужной список и необходимые рекомендации прилагаются" .
На вкладке полезные ссылки вы можете найти информацию о наиболее известных Интернет – аукционах зарубежных и российских, а так же информацию о направлении работы этих аукционов.
На вкладке литература указаны источники из которых бралась информация книги, электронные книги и Интернет сайты.
На вкладке связь есть обратная связь с фирмой разработчиком.
2. Технические характеристики сайта
При создании данного сайта была разработана структура
Рисунок 1 – Пример табличного оформления сайта
Из данной схемы видно что в данной таблице 3 столбца и примерно 12 строк, некоторые из которых объединены. Это позволяет поместить рисунки и рекламные баннеры разной формы.
При разработке сайта в качестве логотипа было взято изображение, т.е. была взята стандартная фотография соответствующая тематике сайта. Это изображение впоследствии было обработано с помощью фотошоп. То есть на уже готовое изображение была помещена надпись oldis.by. Данная надпись была непросто вставлена в изображение. Надпись была помещена вдоль выбранной линии которая настраивалась вручную. А также надпись была немного состарена посредством спецэффектов фотошоп.
А в дальнейшем изображение вставлено в ячейку и используется без каких либо дополнительных настроек
<td rowspan="2" background="images/i.jpg" style="width: 11%"> </td>
Для создание заголовка было использовано простое изображение цветка которое повторяется на всю ширину ячейки и надпись, однако в данной ситуации надпись и изображение не обрабатывались средствами фотошоп.
Здесь была использована простая вставка изображения, а также простая вставка текста. В данной ситуации был подобран шрифт наиболее гармонирующий с изображением. Но для более привлекательного расположения текст был разряжен вручную. Что позволило расположить буквы между цветками на изображении. При этом текст надписи стал более читабельным.
<tdcolspan="2" height="86" background="images/роза.jpg" style="color: #FF9900" nowrap>
<h1 align="left"><em><font face="Gabriola" color="#E7A330" size="7">
А
у
к
ц
и
о
н</font></em></h1>
</td>
На данном сайте было отведено место под рекламные баннеры. Пр разработке сайта было решено использовать два вида рекламных баннеров:
Первый баннер было решено сделать анимационным т.е. изображение изменяется через некоторые промежутки времени. Анимационное изображение было выбрано в соответствии с тематикой сайта .
Рисунок 2 – анимационное изображение
Второй баннер сайта использует коллаж с надписью, обработанный средствами фотошоп. Этот баннер статичный. В данном случае с помощью программы фотошоп был выбран размер баннера который соответствовал высоте ячейки в которую в последствии он был помещен. В данной обработке так же были использованы спецэффекты, и так же надпись была размещена вдоль некоторой кривой, расположение которой настраивалось вручную.
Рисунок 3 – статичное изображение
Цветовая схема сайта подбиралась в соответствии с заданными уже цветовыми моделями логотипа и заголовка.