Содержание
Введение. 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 выпускается для MicrosoftWindows, BeOS, Mac OS X, Linux и множества других Unix-подобных операционныхсистем.
JavaScript — объектно-ориентированный скриптовый язык программирования.JavaScript предназначен для написания сценариев для активных HTML-страниц. Наиболееширокое применение находит в браузерах как язык сценариев для приданияинтерактивности веб-страницам. Программа на JavaScript встраиваетсянепосредственно в исходный текст HTML-документа и интерпретируется брaузером помере загрузки документа. С помощью JavaScript можно динамически изменять текстзагружаемого HTML-документа и реагировать на события, связанные с действиямипосетителя или изменениями состоятия документа или окна.
Сценарии JavaScript выполняются на компьютерепользователя (в отличие php-сценариев, которые выполняются на стороне сервера)и поэтому представляют некоторую опасность, связанную с возможнымнесанкционированным доступом к конфиденциальной информации. Например, присоответствующих настройках браузеры способны разрешать сценариям считыватьфайлы, в которых могут содержаться важные данные, например, пароли доступа.Поэтому в браузерах предусмотрена возможность отключения выполнения сценариевJavaScript. Это следует учитывать при разработке Вэб-страницы с использованиемJavaScript.
2.3 Разработка структуры сайта
Случалось ли вам бывать на сайтах, на которых страницыбуквально «навалены» друг на друга в полном беспорядке. И совершеннонеясно, куда нужно идти, чтобы найти ту или иную информацию. Причем подобной«болезнью» страдают не только домашние, но и корпоративные сайты, азачастую даже и информационные проекты. Причина этого — в отсутствиипродуманной структуры. Часто бывает так: первоначальный проект был небольшим.Но в процессе развития к нему подключался то один, то другой раздел. Ну апоскольку определенной структуры нет, то страницы присоединяются к различнымместам проекта «как Бог на душу положит». И вот через некоторое времяпользователи начинаются блуждать по сайту в поисках нужной им информации. Нужноли говорить, что большинству из них не понравится подобное издевательство, иони поспешат покинуть негостеприимный проект, уйдя к конкурентам. Структурасайта должна определяться еще на первых этапах создания проекта до началаразработки дизайна. И в будущем, по мере роста сайта, веб-мастера должны строгоее придерживаться.
Линейная структура.
Это самая простая структура сайта. Веб-страницы идут одназа другой, ипользователь должен просматривать их как слайд-шоу. В линейнойструктуре не существует разделения контента на уровни. Все страницы на такихсайтах равноправны, и их должен увидеть каждый посетитель. Несмотря на простотуреализации линейной структуры, недостатков у нее гораздо больше, нежелидостоинств. А поэтому область ее применения четко ограничена. Она можетиспользоваться на имиджевых сайтах-презентациях и в онлайновых учебныхпособиях. Реализация линейной структуры не представляет собой абсолютно никакойсложности. Самый простой вариант сайта — набор HTML-страниц, с каждой изкоторых есть ссылка на последующую предыдущую (естественно, исключениесоставляют крайние страницы). На каждой страницы обязательно должно бытькакое-то заглавие и ссылка на первую страницу. Иначе посетители, попавшие всередину сайта, например, с поисковой системы, ничего не поймут и почтинаверняка покинут проект разочарованными.
Линейная структура с альтернативами и вариантами.
Основой данной структуры является простое линейноеразмещение веб-страниц. Однако на сайтах, построенных по этому принципу,посетители могут проявить некоторую инициативу, облегчив для себя поиск нужнойинформации. Под альтернативами в данном случае понимается выбор между двумяветками. Чаще всего подобная структура используется для сбора информации опосетителе. Примером здесь может служить процесс регистрации клиента на сайтекакой-то фирмы, оказывающей определенные услуги. В этом случае все люди начинаютработу со стартовой страницы. Однако потом частным лицам предлагается ввестиодну информацию, а представителям коммерческих структур — другую. После этого ите, и другие попадают на одну и ту же страницу.
Линейная структура с ответвлениями.
Это тоже контролируемая структура, которая напоминаетдорогу с ответвляющимися от нее время от времени тупиковыми тропинками. То естьпосетитель последовательно переходит с одной страницы на другую. Еслиинформация, размещенная на какой-то из них его заинтересовала, и он хочетузнать подробности, то может перейти на ответвление, а потом вернуться обратнона основную «дорожку».
Древовидная структура.
Древовидная структура — самый универсальный способразмещения веб-страниц. Она подходит для создания практически любых типовсайтов. Ее принцип, наверное, понятен всем. Пользователь при заходе назаглавную страницу оказывается перед выбором, куда идти дальше. После переходав нужный раздел, он подбирает необходимый подраздел и т. п. У древовиднойструктуры очень много достоинств. Главный недостаток: в древовидной структуреочень сложно соблюдать баланс между глубиной и шириной. Если «дерево»вашего сайта будет расти только вглубь, то пользователям, чтобы дойти докакой-то информации, придется загрузить и просмотреть слишком много страниц.Естественно, это будет раздражать. Ну а если вы создадите очень широкуюдревовидную структуру, то посетители будут вынуждены каждый раз тратить оченьмного времени для выбора нужной им ветки.
Решетчатая структура.
Эта структура уже на порядок сложнее всех рассмотренныхранее. В ней все страницы также размещаются в различных ветках. Но упользователя есть возможность перемещаться по ним не только вертикально(вверх-вниз) но и горизонтально (то есть между ветками на разных уровнях).Используется решетка в основном только в каталогах. При этом перемещение междуветками на глубинных уровнях осуществляется с помощью отсылок на рубрики в другихразделах.
2.4 Проектирование интерфейса
Меню сайта – один из основных функциональных элементовсайта, состоящий из набора ссылок на различные страницы. Каждая такая ссылканазывается пунктом меню. Меню может быть, как горизонтальным, так ивертикальным. Сайт может иметь несколько разных типов и видов меню:
главное меню сайта – содержит ссылки на ключевые страницысайта. Часто главное меню — это простой список ссылок, с изменяющимися кнопкамипри наведении на них курсора;
дополнительное меню сайта – как правило, представляетсобой наиболее сложную структуру. Имеет иерархическую структуру и бывает 3-хвидов:
выпадающее меню — раскрывается (выпадает) при наведениина пункт меню;
раскрывающееся меню — имеет раскрывающуюся структуру поклику на кнопку меню;
раскрытое меню — статическое меню, часто имеетдревовидную структуру.
Меню – наиболее распространенная навигационная система,она похожа на оглавление к книге. Меню состоит из коротких текстовых активныхссылок на определенные страницы сайта. Меню должно быть видно с любой страницыресурса, тогда пользователь сможет воспользоваться им в любой момент.Составление полного меню, благодаря которому будет осуществляться быстрыйпереход на искомые страницы, для больших сайтов (свыше 50 страниц) практическиневыполнимая задача. Тогда на помощь приходит раскрывающееся меню, т.е. когдачеловек кликает на какую либо ссылку, открывается несколько дополнительныхссылок, характеризующих подразделы. Можно размещать несколько меню: одно подшапкой два других по бокам – справа и слева. В том случае, если сайт небольшой,то лучше ограничиться формированием меню в правой колонке сайта, т.к. это оченьудобно и привычно для пользователя. В общем, справа лучше располагать самыеважные ссылки на разделы, поскольку данная зона наиболее активна на сайте. При соблюдениинекоторых несложных правил/советов можно с лёгкостью создать меню по которомусложно будет заблудиться:
на главной странице сайта должна быть представлена картасайта/меню, если не в графическом то текстовом виде;
на всех последующих страницах должны присутствоватьссылки на главную страницу на которой в свою очередь находятся ссылки на эти жестраницы;
при использовании рисунков в качестве ссылок они должныбыть однотипными на всех страницах и располагаться в одной и той же позиции;
рисунки, используемые в качестве ссылок(кнопки), должныбыть интуитивно различимы для посетителя относительно других элементовстраницы.
Для исполнения навигации обычно применяются следующиетипы ссылок/меню:
-внутренние ссылки, связывающие страницы в пределаходного сайта;
-внешние ссылки, связь с докаментами вне данного сайта;
-ссылки на почту;
-локальные ссылки, внутри страницы между определённымифрагментами информации.
2.5 Публикация сайта
Нет никакого смысла в прохождении всех трудностейсоздания привлекательного информативного творческого сайта, если никто его неувидит. Кульминацией вашей работы является момент, когда вы делаете свой сайтдоступным внешнему миру, публикуя его в интернете. Публикация сайта в первыйраз известна также под названием запуска сайта. Для сайта публикация означаеткопирование всех файлов этого сайта на веб-сервер. После публикации сайта онсчитается «действующим»; это означает, что любой человек может видетьваш сервер в своих браузерах. Можно публиковать веб-сервер тремя способами:
можно использовать протокол HTTP (Hypertext TransferProtocol) для публикации на веб-сервере с установленными сервернымирасширениями FrontPage Server Extensions или пакетом SharePoint Team Servicesкомпании Microsoft.
можно использовать протокол FTP (File Transfer Protocol)для публикации на веб-сервере, не содержащем FrontPage Server Extensions илиSharePoint Team Services. Для использования протокола FTP нужно знать имя FTP-сервера,который будет принимать файлы, а также иметь допустимое имя и парольпользователя.
можно скопировать свой веб-сервер в папку на компьютере.В случае сайта, созданного с помощью FrontPage, рекомендуется публиковать веб-папку, а не просто копировать файлы, что обеспечивает поддержку структуры ицелостности данного сервера.
Прежде чем запускать коммерческий сайт в Интернет, нужновыбрать и зарегистрировать доменное имя. Доменное имя — это базовая частьалфавитно- цифрового адреса, который называется унифицированным указателемресурсов (URL), где посетители ищут ваш сайт через World Wide Web. Например,URL корпорации Microsoft – это www.microsoft.com, и доменное имя — этоmicrosoft.com. Доменное имя может быть собственным именем, названием вашейкомпании, словом или фразой, представляющей то, что делает компания, или любойвыбранной вами строкой букв и цифр. При выборе доменного имени имеет смыслнайти имя, которое будет удобно запоминать и произносить. Хорошо подходятдоменные имена, содержащие общеизвестные слова. Доменное имя может состоять изнескольких слов, и тогда требуется решить, как представлять эти слова: подрядили разделять их другими символами; наиболее распространен символподчеркивания. Все имена в сети разбиты на домены различного уровня. Так дляРоссии выделен домен первого уровня «.ru». Это — так называемый территориальныйдомен, его имеет каждое государство (Германия — .de, Великобритания — .uk ит.д.). Кроме территориальных существуют организационные домены первого уровня,они объединяют учреждения различных типов (коммерческие организации — .com,правительственные учреждения — .gov и т.д.). При желании можно разместитьрусскоязычный сайт в доменной зоне uk, а в зоне com может располагаться сайтобщественной организации. Поэтому деление доменов на территориальные иорганизационные достаточно условно. Доменов первого уровня мало и новые доменыпоявляются крайне редко. Каждый домен первого уровня может адресоватьбесконечное количество доменов более низкого уровня.
Дисковые сайты можно запускать на любом компьютере илидаже с гибкого диска или CD-ROM. Они поддерживают только базовые функции HTML. Большинствовеб-компонентов, поставляемых вместе с программой FrontPage, не действуют надисковых сайтах. Серверные сайты запускаются на веб-сервере, то есть накомпьютере, который специально сконфигурирован для размещения сайтов. Принебольших масштабах веб-сервером может быть локальный компьютер (например, вашсобственный), или это может быть сервер сети интернет вашей компании. Личныесайты часто размещаются на серверах провайдеров (поставщиков) услуг Интернет(ISP). При более крупных масштабах веб-серверы, на которых размещеныкорпоративные сайты интернет, обычно принадлежат профессиональным компаниям попредоставлению веб-хостинга (Web hosting). Некоторые компании веб-хостингапредлагают бесплатные или очень недорогие услуги по веб-хостингу; однако нужнобыть осторожным, поскольку это как раз такие случаи, когда вы действительнополучаете то, за что платите. Надежные высокоскоростные серверы и надежныехорошо работающие специалисты никогда не бывают бесплатными или дешевыми.Сменить услуги веб-хостинга можно, но это может потребовать больших усилий,поэтому имеет смысл с самого начала принять обоснованное решение, а не учитьсяна собственных ошибках.
Заключение
Сайт сделан без использования программных средств (спомощью блокнота и браузера) с помощью языка разметки гипертекста HTML,каскадных таблиц стиля CSS и объектно-ориентированного скриптового языкапрограммирования JavaScript. Возможны пути совершенствования сайта: открытиеновых разделов, добавление информации в уже существующие, открытие форума ит.п.
Литература
1. http://www.zvirec.com/
2. http://www.postroika.ru/
3. http://on-line-teaching.com/
Приложение А
Структура сайта
/>
Приложение Б
План WEB-страниц
/>
План главной страницы
/>
План страницы инфраструктура города
Приложение В
Код программного продукта
HTML – код главной страницы:
Сайт города Щербинки
Главная страница
История города
Фотогалерея
Транспорт
Инфраструктурагорода
Карта города
Карта сайта
Щербинка — город в Московской области России.Население —31,7 тыс.жителей (2009).Расположен на автомагистрали Москва — Симферополь.Железнодорожная станция Щербинка на линии Москва — Курск. Город Щербинкарасположен в 6 км к югу от Московской кольцевой автодороги вдоль Варшавскогошоссе и железнодорожной магистрали «Москва — Тула». С севера исеверо-востока территория города Щербинки соприкосается земли Москвой (районЮжное Бутово), юго-восток, юга, запада — земли города Подольска, Подольского,Ленинского районов Московской области. Основная часть земель застроена, занятапромышленной зоной, благоустроенными многоэтажными жилыми застройками. Зеленыминасаждениями занято 2% городской территории. Общая площадь Щербинки -753 га.Щербинкаизвестна с XIV века как деревня. Пристанционный посёлок с конца XIX века. В1939 году Щербинка стала рабочим посёлком. Статус города с 1975 года. Основныепредприятия: Щербинский лифтостроительный завод, заводы электроплавленныхогнеупоров, металлоконструкций, художественных промыслов и сувениров,авиационного технологического оборудования, завод защитных покрытий,Научно-технический центр «Бакор». Экспериментальное кольцо ВНИИЖТ, ФГУП«Щербинская типография». Рядом с городом находится аэропорт Остафьево.Большаячасть населения работает в Москве и Подольске.В городе действуют 5 детскихсадов, 5 средних школ, детско-юношеский центр, детско-юношеская спортивнаяшкола, школа искусств.
CSS-код:
body {background-image:url(«images/фон.jpg»);}
.заголовки{font :bold 15pxarial,sans-serif;text-decoration: none;color:#800080}
.фото_справа{clear:right;margin:0.3%}
.основной_текст{width:60%;padding:8px;margin-top:10px;border:7pxDASHED #008080;text-indent:1.5%;text-indent: 40px;}
.инфраструктура_города{float:left;}
#список{list-style-type:square;}
#список-1{list-style-type:circle;}
.таблица_автобусов{padding:8p;margin-top:10px;border:17px RIDGE #FFEC8B;}
#отступ{padding:10px;}
#рамка_таблицы_автобусов{border-left:10px DOTTEDgold;border-right:10px DOTTED gold;padding:10px;}
#рамка_таблицы_автобусов-1{border-top:10px DOTTEDgold;padding:10px}
#рамка_таблицы_автобусов-2{border-left:10px DOTTEDgold;border-right:10px DOTTED gold;border-top:10px DOTTED gold;padding:10px;}
.инфроструктура{margin-left:35%;padding:8px;margin-top:10px;border:7pxDASHED #008080;}
#буквица{font: italic normal bold 40pxarial,sans-serif;color:#8A2BE2;padding-right: 2px;}
#название_города{letter-spacing:3px;font-weight:bold;font-size:20px;color:#FF69B4}
#a10{border-right:5px SOLID #808080;}
Javascript-код определение даты и времени:
function process(){}
today = new Date()
if(today.getMinutes()
else
pad = "";
document.write("Welcome!!")
if((today.getHours() = 5))
{ document.write("Доброе утро")}
if((today.getHours() >= 12) &&(today.getHours()
{ document.write("Добрый день")}
if((today.getHours() >= 18) &&(today.getHours()
{ document.write("Добрый вечер")}
if((today.getHours() >= 0) &&(today.getHours()
{ document.write("Доброй ночи")}
document.write("Ваше время: ",today.getHours(),":",pad,today.getMinutes())
document.write(" Дата:",today.getMonth()+1,"/",today.getDate(),"/",today.getYear(),"");