50019 (Сайт города Щербинка: проект и разработка)

Содержание

Введение 2

1. Общая часть 5

1.1 Описание предметной области 5

1.2 Анализ существующей ситуации и обоснование необходимости разработки 6

2 Специальная часть 8

2.1 Выбор технологии, инструментальных средств разработки 8

2.2 Формирование требований к программному обеспечению 9

2.3 Разработка структуры сайта 10

2.4 Проектирование интерфейса 13

2.5 Публикация сайта 15

Заключение 18

Литература 19

Приложение А 20

Приложение Б 21

Приложение В 22

Введение

Слово «информация» происходит от латинского слова informatio, что в переводе означает сведение, разъяснение, ознакомление. Человек-существо социальное, для общения с другими людьми он должен обмениваться с ними информацией, причем обмен информацией всегда производится на определенном языке-русском, английском или на любом другом. Участники дискуссии должны владеть тем языком, на котором ведется общение, тогда информация будет понятной всем участникам обмена информацией. Информация должна быть полезной, тогда дискуссия приобретает практическую ценность. Бесполезная информация создает информационный шум, который затрудняет восприятие полезной информации. Широко известен термин «средства массовой информации» (газеты, радио, телевидение), которые доводят информацию до каждого члена общества. Такая информация должна быть достоверной и актуальной. Информация интересует конкретного человека в конкретной ситуации. Недостоверная информация вводит членов общества в заблуждение. Для того чтобы человек мог правильно ориентироваться в окружающем мире, информация должна быть полной и точной.

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

Вещательные услуги:

-книги, методическая литература, газеты, журналы в электронном виде;

-обучающие и другие имеющие отношение к педагогике компьютерные программы;

-электронные библиотеки, базы данных, информационные системы;

-обучающие и другие имеющие отношение к педагогике электронные книги, справочные файлы, словари, справочники.

Интерактивные услуги:

-электронная почта;

-электронные телеконференции;

-IRC (Internet Relay Chat).

Поисковые услуги:

-каталоги;

-поисковые системы;

-метапоисковые системы.

Все указанные услуги уже существуют и достаточно хорошо развиты в русскоязычном Интернете.

Компьютеры и информационные технологии неуклонно подталкивают человечество в сторону нового информационного мироустройства. Огромные потоки информации порождают в обществе самые неожиданные последствия. Информация настолько проникла в социально-политические и экономические процессы, что порой вызывает в людях страх перед неопределенностью настоящего и будущего. Информационная революция разрушает преграды между народами и странами, электронные магистрали, невзирая на государственные границы. Одним из удивительных инструментов, позволивших прийти к новому рубежу исторического развития, стал INTERNET (INTERnational NETwork), с которым связывают важнейший этап в информационной революции двадцатого столетия, так как именно эта всемирная компьютерная сеть объединила миллионы людей и сотни стран, именно она способствовала стиранию государственных границ, сокращению географических расстояний, ликвидировала преграды для общения в различных областях науки, культуры и образования.

1. Общая часть

1.1 Описание предметной области

Ще́рбинка — город в Московской области России. Население — 31,7 тыс. жителей (2009).Расположен на автомагистрали Москва — Симферополь. Железнодорожная станция Щербинка на линии Москва — Курск. Город Щербинка расположен в 6 км к югу от Московской кольцевой автодороги вдоль Варшавского шоссе и железнодорожной магистрали "Москва - Тула". На севере граничит с районом Южное Бутово в составе Москвы, на юге — с Подольском. Основная часть земель застроена, занята промышленной зоной, благоустроенными многоэтажными жилыми застройками. Зелеными насаждениями занято 2% городской территории. Общая площадь Щербинки -753 га. Щербинка известна с XIV века как деревня. Пристанционный посёлок с конца XIX века. В 1939 году Щербинка стала рабочим посёлком. Статус города с 1975 года. Основные предприятия: Щербинский лифтостроительный завод, заводы электроплавленных огнеупоров, металлоконструкций, художественных промыслов и сувениров, авиационного технологического оборудования, завод защитных покрытий, Научно-технический центр «Бакор». Экспериментальное кольцо ВНИИЖТ, ФГУП «Щербинская типография». Рядом с городом находится аэропорт Остафьево. Большая часть населения работает в Москве и Подольске.В городе действуют 5 детских садов, 5 средних школ, детско-юношеский центр, детско-юношеская спортивная школа, школа искусств. В октябре 1999 года открыт Московский областной филиал ВЭГУ (Восточного института экономики, гуманитарных наук, управления и права). С Москвой город связывают микроавтобусы 422, 548 ( станция метро Бульвар Дмитрия Донского), а также транзитные автобусы из Подольска 406,407,417,462,507,516,520 и из Москвы 108,249,737,737к. Так же в городе находится ж/д станция Курской железной дороги. К 2018 году планируется довести до города Бутовскую линию лёгкого метро. Ландшафт города Щербинки характеризуется равнинной, слегка всхолмленной местностью.

Восточная часть города (южная промзона, благоустроенная многоэтажная жилая застройка) привязана к наиболее возвышенным частям рельефа, западная часть города - к более низким. Перепад высот территории Щербинки не превышает 20-40м/1 км. Среднегодовое количество осадков дождя, снега составляет 710 мм, максимум осадков приходится на июль, сентябрь-октябрь, достигая величины 130-150 мм. Район размещения г. Щербинки, всей Московской области, характеризуется умеренными климатическими условиями. В соответствии с данными многолетних наблюдений, среднегодовая температура воздуха составляет +4,2C0, абсолютно максимальная +35C0, абсолютно минимальная -41С0. Геологически район г. Щербинки расположен на склоне Теплостанской эрозионной возвышенности, сложенной покровными суглинками. На покровных суглинках развиты дерново-, слабо-, среднеподзолистые почвы с толщиной плодородного слоя 20-25 см, мощностью гумусового горизонта 0-5 см. Все районы города интенсивно освоены, почвы на значительной территории нарушены (стройплощадки, промплощадки, дороги зоны отчуждения, жилые застройки). Часть земель используется для нетоварного сельскохозяйственного производства овощей, ягод, фруктов - участки частного сектора на западной части города. Щербинка зеленый, цветущий, красивый город.

1.2 Анализ существующей ситуации и обоснование необходимости разработки

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

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

Причина №1. Огромная аудитория

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

Причина №2. Сайт, как инструмент распространения информации

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

Причина №3. Оперативность

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

Причина №4. Обратная связь

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

2 Специальная часть

2.1 Выбор технологии, инструментальных средств разработки

HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме. Говоря кратко, HTML был изобретён в 1990 году учёным, Тимом Бёрнсом-Ли (Tim Berners-Lee), и предназначался для облегчения обмена документами между учёными различных университетов. Проект имел больший успех, чем Tim Berners-Lee мог ожидать. Этим изобретением HTML он заложил основы современной сети Internet. HTML это язык, который позволяет представлять информацию (например, научные исследования) в Internet. То, что вы видите при просмотре страницы в Internet, это интерпретация вашим браузером HTML-текста.

Tag (Тэг)- элемент верстки языка HTML, представляющий собой комбинацию символов, заключенных в угловые скобки. Является активным элементом, изменяющим представление следующей за ним информации. Обычно имеются два тэга - открывающий и закрывающий, что соответвует началу и концу применения конкретной разметки в документе.

Скрипт, или сценарий, это программа такая, которая выполняется для сборки или обеспечения работоспособности веб-сайта. Скрипты бывают разных типов и, в зависимости от этого, могут выполняться либо на ПК (клиентские скрипты), либо на сервере. Задача клиентских скриптов – обеспечить динамичность страницы сайта. У серверных скриптов, естественно, гораздо больше возможностей и задач.

CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — технология описания внешнего вида документа, написанного языком разметки. CSS это язык стилей, определяющий отображение HTML-документов.

Например, CSS работает с шрифтами, цветом, полями, строками, высотой, шириной, фоновыми изображениями, позиционированием элементов и многими другими вещами. HTML может (неправильно) использоваться для оформления web-сайтов. Но CSS предоставляет бóльшие возможности и более точен и проработан. CSS, на сегодняшний день, поддерживается всеми браузерами (программами просмотра).

2.2 Формирование требований к программному обеспечению

Веб-обозреватель, бра́узер (от англ. Web browser; вариант броузер — неправильно) — программное обеспечение для просмотра веб-сайтов, то есть для запроса веб-страниц (преимущественно из Сети), их обработки, вывода и перехода от одной страницы к другой. Браузеры постоянно развивались со времени зарождения Всемирной паутины и с её ростом становились всё более востребованными программами. Ныне браузер — комплексное приложение для обработки и вывода разных составляющих веб-страницы и для предоставления интерфейса между веб-сайтом и его посетителем. Практически все популярные браузеры распространяются бесплатно или «в комплекте» с другими приложениями: Internet Explorer (совместно с Microsoft Windows), Mozilla Firefox (бесплатно, свободное ПО), Safari (совместно с Mac OS или бесплатно для Windows), Opera (бесплатно, начиная с версии 8.50), Google Chrome (бесплатно, свободное ПО).

Mozilla Firefox — свободно распространяемый браузер. Второй по популярности браузер в мире и первый среди свободного ПО — в феврале 2010 года его рыночная доля составила 24,23 %, в отдельных странах — до 45 %.В браузере присутствуют вкладочный интерфейс, проверка орфографии, поиск по мере набора, «живые закладки», менеджер закачек, поисковая система. Новые функции можно добавлять при помощи расширений.Firefox выпускается для Microsoft Windows, BeOS, Mac OS X, Linux и множества других Unix-подобных операционных систем.

JavaScript — объектно-ориентированный скриптовый язык программирования. JavaScript предназначен для написания сценариев для активных HTML-страниц. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам. Программа на JavaScript встраивается непосредственно в исходный текст HTML-документа и интерпретируется брaузером по мере загрузки документа. С помощью JavaScript можно динамически изменять текст загружаемого HTML-документа и реагировать на события, связанные с действиями посетителя или изменениями состоятия документа или окна.

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

2.3 Разработка структуры сайта