Разработка сайта «Припять» Сайт посвящен Чернобыльской трагедии

Федеральное агентство по образованию Федеральное государственное образовательное учреждение среднего профессионального образования «ПЕТРОВСКИЙ КОЛЛЕДЖ»

Отделение международных программ, туризма  и сервиса

КУРСОВая работа

Разработка сайта «Припять» 
Сайт посвящен Чернобыльской трагедии

Выполнил(а):

Андреев Андрей Дмитриевич

студент(ка) 2840 группы

Специальность (031601)Реклама

Руководитель:

____________________________ И.П.Давыдова

 

 

 

 

 

 

 

 

 

 

Санкт-Петербург. 2011

Содержание:

 

Введение………………………………………………………………………………………3

IГлава. CSS

1. Каскадные таблицы стилей…………………………………………………………..4
2. Структура сайта………………………………………………………………………5
3. Навигация……………………………………………………………………………..6
4. Меню…………………………………………………………………………………..7
5. Главная страница сайта………………………………………………………………8
6. Компоновка страницы……………………………………………………………….9
7. Фотогалерея…………………………………………………………………………..10

Заключение…………………………………………………………………………………..12

Список использованной литературы………………………………………………………13

Приложение…………………………………………………………………………………14

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Введение.

 

По  сути, Интернет – это информация. Кабеля передающие информацию лежат  на дне океана, соединяют континенты и миллиарды пользователей, которые  в свою очередь обмениваются информацией. Интернет - это колоссальное хранилище  информации, популярное средство общения...

Интернет  имеет очень широкие возможности. Но его базовая задача - передача информации. Одну информацию можно  просто воспринимать, а можно участвовать  в ее изменении, что в современном  Интернете не удивительно. Такая  динамичность дает колоссальное количество применений Интернету.

Во  времена цифрового века всё больше и больше фирм связывают свою деятельность с компьютерами и интернетом. В  наши дни становится обыденным явлением для каждой фирмы иметь своё представительство  в Глобальной сети Интернет. Ведь это  действительно удобно! Сегодня уже  необходимо каждой уважающей себя компании иметь постоянное представительство  в Интернет в виде своего, регулярно  обновляемого Web сайта.

Каждый  день появляются тысячи новых сайтов, на них размещаются миллионы рекламных  блоков, миллиарды людей просматривают  эти сайты и натыкаются на эти  навязчивые блоки с рекламой. Но в создание сайта есть не только коммерческая выгода, разместив сайт в интернете можно рассчитывать  на то что люди узнают о твоём сайте и прочтут ту информацию, которую ты им даёшь.

 

Не  только для фирм и агентств создаются сайты, так же сайт можно посвятить какому-либо событию может и трагическому. Мой сайт посвящен трагедии которая произошла 25 лет назад и оставила глубокий отпечаток в сердцах людей. Взрыв на Чернобыльской АЭС -  это тяжелый удар по экологии нашей планеты. И к сожалению некоторые люди даже не слышали об этом происшествие. Создавая сайт я поставил себе задачу – максимально снизить количество ненужной информации. На сайте можно прочитать историю Чернобыля со времён древней Руси. Так же можно прочитать подробную хронологию событий того рокового дня и всех последующих. Можно будет узнать что на данный момент происходит в зоне отчуждения.

На  мой взгляд все сайты должны быть лаконичными простыми и максимально четко давать то что ищет пользователь.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

I Глава. CSS

1.1 Каскадные таблицы стилей

 

Таблицы стилей, а если точнее - каскадные  таблицы стилей (CascadeStyleSheets) - это один из трех компонентов DHTML - динамического HTML (Dynamic HTML). DHTML - это термин, обозначающий документы HTML, которые могут изменяться без повторной загрузки страницы. Два других компонента DHTML - это собственно HTML и языки сценариев. Технология DHTML позволяет создавать динамичные документы, которые могут изменяться при взаимодействии с пользователем, отвечать на его действия (например, движение мышки).

Таблицы стилей упрощают определение интервалов между строками текста, отступов, цветов, используемых для текста и фона, размера и стиля шрифтов и  другой информации, определяющей внешний  вид документа.

Как и все в нашем мире, использование  таблиц стилей - медаль о двух сторонах, поэтому вопрос о целесообразности их применения вообще и способа применения в частности, Вам придется решать отдельно для каждого конкретного  случая. Для облегчения принятия такого решения приведу описание некоторых  функций таблиц стилей, указанных  в спецификации HTML 4.0:

Гибкое  размещение информации о стиле. Помещение  таблиц стилей в отдельные файлы  упрощает их повторное использование.

Независимость от языков таблиц стилей. Спецификация HTML 4.0 не привязывает HTML к конкретному  языку таблиц стилей. Это позволяет  использовать широкий диапазон таких  языков. Например, простые языки  для большинства пользователей  и более сложные для специализированных случаев.

Эта возможность обеспечивается некоторыми языками таблиц стилей, в том числе  и CSS, для объединения информации о стиле из нескольких источников. Это может быть, например, корпоративные  положения о стиле, стили, общие  для группы документов, а также  стили, специфичные для одного документа. С использованием раздельного хранения эти таблицы стилей могут использоваться повторно, что упрощает работу авторов  и повышает эффективность сетевого кэширования. Каскад определяет упорядоченную  последовательность таблиц стилей, в  которой правила более поздних  таблиц имеют преимущество над более  ранними. Не все языки таблиц стилей поддерживают каскады.

"Чистый" HTML позволяет авторам разрабатывать  документы независимо от устройств.  Это позволяет пользователям  обращаться к WEB-страницам с  использованием различных устройств,  например, графических дисплеев  для компьютеров под управлением  Windows, Mfcintosh OS и X11, телевизионных устройств, специальным образом адаптированных телефонов и портативных устройств на базе PDA, речевых браузеров и тактильных устройств на базе азбуки Бройля.

Таблицы стилей, напротив, применяются к  конкретным устройствам или группам  устройств. Таблица стилей, предназначенная  для экрана, может применяться  при печати, но бесполезна для речевых  браузеров. Спецификация HTML 4.0 позволяет  определить широкие категории устройств, к которым применяется конкретная таблица стилей. Это позволяет  агентам пользователей избежать загрузки ненужных таблиц стилей. Языки  таблиц стилей могут включать функции  описания зависимости от устройств  в одной таблице.

Авторы  могут предлагать читателям несколько  способов просмотра документа. Например, таблица стилей для представления  компактных документов с мелким шрифтом, или таблица, задающая крупные шрифта для удобства чтения. Автор может  указать предпочитаемую таблицу, а  также альтернативные таблицы для  определенных пользователей или устройств. Агенты пользователей должны предоставлять возможность выбора одной из таблиц или отключать все стили.

 

В сайте я использовал каскадные  таблицы стилей, потому что это  наиболее простой и быстрый способ верстки сайта. Не нужно прописывать  скрипт для каждого блока с  текстом отдельно. CSS очень сильно экономит время и облегчает жизнь создателю сайта.

 

 

 

 

1.2 Структура сайта

 

Структура сайта – древовидное иерархическое  представление всех элементов сайта, включая информационные разделы  и их подразделы. Иными словами - это база веб-ресурса, которая впоследствии наполняется текстовой и графической  информацией.

Итак, большинство веб-ресурсов построено  по блочному принципу. Все просто –  наверху шапка, слева - меню, справа - блок рекламы, посередине - информация, а внизу- подвал.Структура сайта может быть усложнена – добавлено дополнительное меню под шапкой и продублировано над копирайтом. Также навигационные ссылки размещают и справа вместо рекламы – это кому как нравится и зависит от предназначения данного ресурса. Такая структура хороша для информационного портала, поскольку оставлено много места под ссылки на разные разделы и лишь под шапкой и над «подвалом» сайта происходит дубляж.

Итак, перед тем как создать свой сайт нужно составить четкую структуру, представив его в виде книги у  которой есть оглавление. Вот именно оглавление – это и есть навигация  по сайту. Названия основных разделов, расположенные на главной странице должны нести общую информацию о  содержимом, а в подразделе –  детализировать ее. Таким образом, пользователь, двигаясь по сайту, будет целенаправленно  перемещаться от общего к частному. Люди (в прочем, как и поисковые  роботы) любят последовательность, поэтому сделайте упор на создании логической цепочки.

Я использовал  произвольную структуру сайта, её чаще всего используют для создания сайтов. При такой структуре сайта его страницы связаны между собой произвольным образом. В сайтах произвольной структуры можно выделить фрагменты, которые являются линейными или иерархическими.Примером произвольного построения структуры сайта может быть Интернет-энциклопедия Википедия. Этот проект стартовал в 2001 г. Сейчас статьи в этой энциклопедии пишутся на 250 языках народов мира. Характерной особенностью Википедии является то, что ее статьи открыты для дополнения и изменений любым пользователем.В Википедии в настоящее время размещено более 6 млн. статей. Ориентировочное количество авторов и редакторов – 50 тыс. В русскоязычном разделе энциклопедии насчитывается 124 тыс. статей, работают 15 тыс. авторов и редакторов.

 

 

 

 

 

 

 

 

 

 

 

 

Схъема 1. Произвольная структура сайта.

 

1.3 Навигация

 

 

Посетитель  должен всегда иметь перед глазами  путеводную нить, коей является кнопка возврата в предыдущий раздел (страницу). Также на каждой странице сайта должна быть размещена ссылка – «вернуться на главную», если Вы осуществляете  продажу товаров или услуг, то обязательно ссылка типа «заказать», «купить», «забронировать» и.т.п. Неплохо бы также иметь ссылку на форму обратной связи, если сайт предполагает взаимодействие с пользователем. Все эти ссылки и кнопки не являются заменой меню, а только дополняют его, для повышения комфорта использования сайта. Таким образом, посетитель должен представлять, где он находится и куда ему двигаться далее. Интересно, что при помощи грамотно расставленных ссылок можно не только упростить навигацию, но и подтолкнуть юзера к совершению определенного (нужного нам) действия. Например, оформить заказ, купить товар, скачать фильм и т.п. 
Структура навигации - обзор распространенных систем навигации.

Существует  несколько типов навигации, меню, выпадающее меню (вертушка), поиск, перебор  страниц, пиктографическая система, индексы.

Карта сайта, не смотря на то, что является вспомогательным звеном в навигации, необходима для каждого веб-ресурса. Что представляет сбой карта сайта? Как и следует из названия –  это модель, схематическая иерархичная  структура ресурса, размещенная  на одной странице, которая наглядно показывает пользователю все его  разделы и подразделы. Чаще всего  карту сайта выполняют в виде дерева, «стволом» которого является главная страница, а «ветвями»  – разделы. Иногда применяют укороченные  варианты, отображающие лишь основные вехи в структуре сайта. Ошибкой  некоторых сайтостроителей является маскировка карты сайта, обычно ссылку на нее не так-то просто найти на главной странице. Считается - сделал карту сайта для робота, он и так ее найдет, пользователь же, такой чепухой вряд ли заинтересуется. На самом деле это не так. Растерявшемуся юзеру проще всего зайти по ссылке с главной страницы, разглядеть карту сайта и пройти по нужной ссылке, чем рыться в поиске или действовать «методом тыка».

Если  рассматривать карту сайта не только с точки зрения удобства пользователя, но и как инструмент для продвижения  сайта, то нужно отметить следующее. Карта сайта или файл sitemap.xml - обязательный спутник каждого веб-ресурса, именно благодаря этому файлу поисковые  роботы находят сайт и индексируют  его страницы. Такая карта сайта  размещается на отдельном файле, который носит название sitemap.xml - он создается сугубо для поисковых  машин. Иногда карта сайта помещается в текстовом файле и называется sitemap.txt. В файлах хранится не что  иное, как информация о структуре  веб-ресурса, там же находятся данные о частоте обновления страниц  и дате обновлений, указания о важности той или иной страницы сайта. Такой  файл сообщает поисковым системам о  том, что появились новые веб-страницы и их нужно индексировать, иными  словами, такая карта сайта в  виде файла - послание роботам на понятном им языке.

Конечно, это не означает, что сайт, лишенный подобного файла никогда не проиндексируется ботами, просто на это понадобится больше времени. Обычно поисковая машина переходит по внутренним ссылкам со страницы на страницу и, в конце концов, происходит полная индексации, однако, если сайт часто видоизменяется, имеет развернутую динамичную структуру, то роботу будет затруднительно понять структуру ресурса. В итоге поисковая машина пропускает часть страниц, либо неверно определяет их важность, что плохо сказывается на процессе продвижения сайта.