Дипломный проект: Разработка сайта

ДИПЛОМНЫЙ ПРОЕКТ
Тема: «Разработка сайта территориальной избирательной комиссии Березовского муниципального района»
ГБОУ СПО «Кунгурский сельскохозяйственный колледж» 2013
Защита на 5. ...

3.3. Фрагменты кода

Фрагмент кода страницы index.html



Березовская территориальная избирательная комиссия

















Главная

Законодательство

О комиссии

Планы

Решения
комиссии

Новости комиссии

Численность изибирателей

Выборы

Сведения об УИК

World Wide Web (WWW) – интеллектуальное достижение человечества в эпоху высоких технологий. На сегодняшний день WWW содержит миллионы сайтов, на которых размещена всевозможная информация. Люди получают доступ к этой информации посредством использования технологии Internet. Для навигации в WWW используются специальные программы – Web-браузеры, которые существенно облегчают пользование ресурсами WWW. Вся информация в Web-браузере отображается в виде Web-страниц, которые являются основным элементом сайтов WWW.
Web-страницы, поддерживая технологию мультимедиа, объединяют в себе различные виды информации: текст, графику, звук, анимацию и видео. От того, насколько качественно и красиво сделана та или иная Web-страница, зависит во многом ее успех в сети.
Пользователю приятно посещать те Web-стра ницы, которые имеют стильное оформление, не отягощены чрезмерно графикой и анимацией, быстро загружаются и правильно отображаются в окне Web-браузера.
В Интернете сформирована всеобъемлющая информационная инфраструктура, позволяющая получить сведения практически по всем отраслям знаний. За последние годы изменилось не только количество пользователей Сети в России. Изменились также их пристрастия. Если в конце 90-х годов наиболее популярными были разного рода развлекательные ресурсы, то сегодня самыми популярными стали страницы, предлагающие полезную информацию, в том числе политическую.
Особую актуальность приобретает проблема разработки Web-сайтов избирательных комиссий и использование Internet-технологий в избирательной системе.

• обнародовать информацию о результатах выборов. В силу своей доступности Интернет также способствует расширению общественного участия в демократическом контроле избирательного процесса.3. Совершенствование профессионального уровня специалистов избирательных комиссий. Так как территориальная избирательная комиссия Березовского муниципального района работает на постоянной основе, а также участковые избирательные комиссии сформированы в январе 2013 года тоже на постоянной основе, обучение членов комиссий будет являться одной из важных задач совершенствования профессионального уровня. На сайте можно будет ознакомиться с законодательством о выборах и референдумах, решениями и действиями комиссий, правоприменительной практикой избирательных комиссий, мероприятиями, направленными на повышениеправового просвещения граждан, организаторов выборов.  Официальный сайт комиссии заметно облегчит поиск и фильтрование сведений, необходимых пользователю. Поэтому официальный сайт однозначно сэкономит время пользователя, и никогда не скроет достоверную информацию. Многие пользователи, в том числе избиратели, предпочитают получать информацию из Интернета, а не посредством обычных СМИ. Объясняется это существенным сокращением времени на поиск информации и возможностью пользователя самому отбирать нужную ему информацию, в то время как обычные СМИ нацелены на навязывание информации и максимально возможное управление подачей информации для достижения политических или иных целей. Задачей территориальной избирательной комиссии должно стать активное применение сети Интернет в интересах обеспечения избирательных прав граждан, используя для этого все возможности: обучение граждан и организаторов выборов, улучшение их информационного обеспечения. 3. О РАЗРАБОТКЕ САЙТА ДЛЯ ТЕРРИТОРИАЛЬНОЙ ИЗБИРАТЕЛЬНОЙ КОМИССИИ3.1. Интерфейс сайтаРазработанный сайт территориальной избирательной комиссии включает в себя 9 страниц. Главная страница имеет имя index.html. Схема сайта представлена на рисунке (рис.9). 444500076200zakon_tik444500076200375920019050037592001905004445000228600n52544450002286003759200152400375920015240019304000zakonodatelstvo19304000444500076200n208444500076200101600022860010160002286001930400266700o-komissii1930400266700381001435100index3810014351004445000228600n8644450002286003759200114300375920011430037592000375920003771900037719000101600019050010160001905001930400228600plan1930400228600444500076200n67444500076200101600019050010160001905004445000254000pr144450002540001981200215900resheniya1981200215900101600025400010160002540001016000165100101600016510037719001778003771900177800101600013970010160001397001016000381001016000381001981200165100news19812001651001016000254001016000254001981200114300izbirateli19812001143004445000241300itogi_goglosovaniya44450002413002044700177800vibory2044700177800377190016510037719001651002044700241300uik20447002413004445000203200cleni_uik444500020320037592002413003759200241300375920012700375920012700 4445000165100svedeniya_uik4445000165100Рис.9. Схема сайта комиссииИз схемы видно, что с главной страницы имеется возможность перехода на все страницы сайта, все страницы имеют расширение html. Рассмотрим вид некоторых страниц сайта, а также информацию, которая содержится на данных страницах. Внешний вид страницы «Главная» представлен на рисунке (рис.10)Рис.10. Вид страницы «Главная»На рисунке представлена страница «Главная». Из рисунка видно, что страница содержит название комиссии, контактную информацию (адрес, телефон), обращение председателя территориальной избирательной комиссии В.А.Морозова. Внешний вид страницы «О комиссии» представлен на рисунке (рис.11)Рис.11. Вид Страницы «О комиссии» На данной странице представлена информация о членах территориальной избирательной комиссии: занимаемая должность в комиссии, фамилия, имя, отчество, дата рождения, наличие образования, наименование учебного заведения.Внешний вид страницы «Сведения об УИК» представлен на рисунке (рис.12)Рис.12 Вид Страницы «Сведения об УИК» На данной страницы представлены сведения об участковых избирательных комиссиях, которые сформированы в январе 2013 года сроком полномочий 5 лет, где также можно узнать фамилию, имя, отчество члена участковой избирательной комиссии, занимаемую должность, дату рождения, образование и кем предложен в состав УИК. Важным для избирателей является и размещенная информация о месторасположении и составе избирательных участков. Ввиду большого объема информации эти сведения можно получить, перейдя по ссылке «скачать здесь»Я думаю, не менее важной и интересной будет информация о предстоящих и прошедших выборах, где можно ознакомиться с кандидатами или просмотреть итоги голосования, представленные на странице Выборы (рис.13)Рис.13 Вид Страницы «Выборы»Итоги голосования можно получить по ссылке «открыть». На следующем рисунке (рис.14) представлена полученная информация, где видно, что на дополнительных выборах депутата Дубовского сельского поселения, прошедших 10 марта 2013 года, победил Шерстобитов Андрей Иванович, набрав 60,59% голосов. Дополнительные выборы депутата Земского Собрания Березовского муниципального района по одномандатному избирательному округу № 710 марта 2013 годаПРОТОКОЛТерриториальной избирательной комиссии Березовского муниципального района Округ №7Приняли участие в выборах30,48% (выборы состоялись)1Число избирателей, внесенных в список избирателей на момент окончания голосования6662Число бюллетеней, полученных участковой избирательной комиссией6003Число бюллетеней, выданных избирателям, проголосовавшим досрочно04Число бюллетеней, выданных избирателям в помещении для голосования925Число бюллетеней, выданных избирателям, проголосовавшим вне помещения для голосования1116Число погашенных бюллетеней3977Число бюллетеней, содержащихся в переносных ящиках для голосования1118Число бюллетеней, содержащихся в стационарных ящиках для голосования929Число недействительных бюллетеней1210Число действительных бюллетеней19111Число утраченных бюллетеней012Число не учтенных при получении бюллетеней013Шерстобитов Андрей Иванович12360,59%14Щукин Александр Михайлович6833,50%Рис.14 Итоги голосования 10.03.20133.2. Этапы разработки сайтаРазработка сайта – это баланс между креативностью дизайнеров, с одной стороны, и расчетом маркетологов, с другой. Только в сплочённой команде разработчиков под руководством профессионального менеджера можно в процессе создания сайта совместить, казалось бы, несовместимые вещи. Разработка сайта – процесс трудоемкий, в котором обычно участвуют несколько специалистов. Процесс разработки сайта включает следующие этапы:1. Постановка задачи. Прежде, чем что-то делать, надо представлять, а что, собственно, необходимо получить? Поэтому на первом этапе мы выясняем, какие задачи мы хотим решить с помощью этого сайта.2. Дизайн сайта. Один из наиболее сложных этапов. Дизайн должен обязательно учитывать специфику той группы пользователей, на которую он рассчитан, но при этом не должен приниматься в штыки и остальными пользователями.3. Заполнение сайта материалами. Помимо разработки дизайна сайта возникает задача наполнения сайта материалами. Иногда какие-то материалы у заказчика уже есть (готовые рекламные буклеты, статьи, материалы для выставок и т.д.) и их только надо привести в форму, предназначенную для публикации на сайте, а иногда никаких готовых материалов нет, а есть только общее представление и пожелания о таких материалах.4. Верстка сайта. Верстка – это перевод дизайна, до сего момента существующего в виде картинки, в HTML-код. Здесь есть свои особенности. Хорошо сверстанный сайт будет одинаково работать во всех основных web-браузерах и на наиболее распространенных разрешениях.5. Тестирование. Несмотря на то, что тестирование происходит на каждой из стадий реализации проекта, окончательное тестирование необходимо. Вот несколько самых важных моментов: во всех ли современных браузерах работает сайт, все ли необходимые материалы размещены, все ли программные компоненты работают слаженно и четко. 6. Публикация сайта в интернете. Для публикации сайта нужно решить две задачи. 1-я задача состоит в выборе адреса сайта или, более правильно, его имени (домена). В большинстве случаев самый очевидный и правильный способ состоит в использовании домена, совпадающего с названием компании или торговой марки. 2-я задача – это выбор физического размещения вашего сайта. Понятие "опубликовать сайт в Интернете" на самом деле означает простую вещь, специальная фирма имеющий свой сервер постоянно подключенным к Интернету предоставляет вам место на этом компьютере, чтобы ваш сайт стал доступен для посетителей. Эта услуга называется "хостингом".7. Поддержка сайта. Поддержка сайта – это, прежде всего добавление новых статей, новостей и прочие изменения содержимого сайта. Чем больше и чаще обновляются материалы сайта, тем эффективнее индексируется поисковыми системами, и как следствие, его чаще находят потенциальные потребители.3.3. Фрагменты кодаФрагмент кода страницы index.html<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head> <title>Березовская территориальная избирательная комиссия</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></head><body leftmargin="0" topmargin="5" alink="red" link="#0051a4" vlink="#0051a4"><!-- Основная таблица --><table align="center" border="1" cellspacing="0" width="850"> <tbody> <tr> <td colspan="2" background="images/header.png" bgcolor="#add2ea" height="79"> <font color="white"> </font></td> </tr> <tr> <td bgcolor="#f0f0f0" valign="top" width="18%"><!-- Таблица меню --> <table cellpadding="10"> <tbody> <tr> <td> <font face="Arial" size="2"><img src="images/arrow.jpg"> <a href="index.html">Главная</a><br> <br> <img src="images/arrow.jpg"> <a href="zakonodatelstvo.html">Законодательство</a><br> <br> <img src="images/arrow.jpg"> <a href="o-komissii.html">О комиссии</a><br> <br> <img src="images/arrow.jpg"> <a href="plan.html">Планы</a><br> <br> <font face="Arial" size="2"><img src="images/arrow.jpg"> <a href="resheniya.html">Решениякомиссии</a><br> <br> <img src="images/arrow.jpg"> <a href="news.html">Новости комиссии</a><br> <br> <img src="images/arrow.jpg"> <a href="izbirateli.html">Численность изибирателей</a><br> <br> <img src="images/arrow.jpg"> <a href="vibory.html">Выборы</a><br> <br> <img src="images/arrow.jpg"> <a href="uik.html">Сведения об УИК</a><br> <br> </font> </font></td> </tr> </tbody> </table><!-- Конец таблицы меню --> </td> <td valign="top"><!-- Начало таблицы контента --> <table cellpadding="3"> <tbody> <tr> <td> <p></p> <h2>Уважаемые избиратели!</h2> <p><img style="border: 1px solid ; width: 180px; height: 143px; float: right;" alt="Морозов" src="images/foto.jpg" hspace="5" vspace="5">Мы рады приветствовать Вас на сайте территориальной избирательной комиссии Берёзовского муниципального района.</p><p align="justify">Здесь вы сможете получить актуальную, оперативную и достоверную информацию о деятельности нашей избирательной комиссии, о заседаниях избиркома, мероприятиях по повышению правовой культуры всех участников избирательного процесса. Наша электронная страничка призвана помочь жителям района в реализации своих конституционных избирательных прав.Территориальная избирательная комиссия Берёзовского муниципальногорайона является коллегиальным государственным органом Пермского края,организующим подготовку и проведение выборов и референдумов натерритории Берёзовского муниципального района. Комиссия состоит из 7членов с правом решающего голоса. Действующий состав сформирован в мае2012 года на срок полномочий 5 лет. </p> <p align="justify">Работая на профессиональной основе, избирательная комиссия тесно взаимодействует с администрацией района, судом, прокуратурой, ОВД, налоговыми органами, федеральной миграционной службой, политическими партиями и иными организациями.Размещенная здесь информация будет полезной и необходимой для Васизбиратели.</p> <p><span style="font-style: italic;">Суважением, председатель территориальной избирательной комиссииБерёзовского муниципального района В.А.Морозов</span> </p> </td> </tr> </tbody> </table><!-- Конец таблицы контента --> </td> </tr> <tr> <td colspan="2" align="center"><font size="2">Copyright © 2013, ТИК Березовка</font></td> </tr> </tbody></table><!-- Конец основной таблицы --></body></html>Фрагмент кода страницы o-komissii.html<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head> <title>Состав комиссии</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"></head><body leftmargin="0" topmargin="5" alink="red" link="#0051a4" vlink="#0051a4"><!-- Основная таблица --><table align="center" border="1" cellspacing="0" width="850"> <tbody> <tr> <td colspan="2" background="images/header.png" bgcolor="#add2ea" height="79"> <font color="white"> </font></td> </tr> <tr> <td bgcolor="#f0f0f0" valign="top" width="18%"><!-- Таблица меню --> <table cellpadding="10"> <tbody> <tr> <td> <font face="Arial" size="2"><img src="images/arrow.jpg"> <a href="index.html">Главная</a><br> <br> <img src="images/arrow.jpg"> <a href="zakonodatelstvo.html">Законодательство</a><br> <br> <img src="images/arrow.jpg"> <a href="o-komissii.html">О комиссии</a><br> <br> <img src="images/arrow.jpg"> <a href="plan.html">Планы</a><br> <br> <font face="Arial" size="2"><img src="images/arrow.jpg"> <a href="resheniya.html">Решениякомиссии</a><br> <br> <img src="images/arrow.jpg"> <a href="news.html">Новости комиссии</a><br> <br> <img src="images/arrow.jpg"> <a href="izbirateli.html">Численность изибирателей</a><br> <br> <img src="images/arrow.jpg"> <a href="vibory.html">Выборы</a><br> <br> <img src="images/arrow.jpg"> <a href="uik.html">Сведения об УИК</a><br> <br> </font> </font></td> </tr> </tbody> </table><!-- Конец таблицы меню --> </td> <td valign="top"><!-- Начало таблицы контента --> <table cellpadding="3"> <tbody> <tr> <td> <p></p> <table> <tbody> <tr> <td> <p align="center"><b>Должность в комиссии</b></p> </td> <td> <p align="center"><b>Фамилия, имя, отчество</b></p> </td> <td> <p align="center"><b>Дата рождения</b></p> </td> <td> <p align="center"><b>Наличие образования квалификация, наименование высшего учебного заведения</b></p> </td> </tr> <tr> <td valign="top"> <p align="left">Председатель комиссии</p> </td> <td valign="top"> <p align="left">Морозов</p> <p align="left">Владимир</p> <p align="left">Александрович</p> </td> <td valign="top"> <p align="left">04.12.1964</p> </td> <td valign="top"> <p align="left"> высшеепрофессиональное, ФГОУ ВПО "Уральская академия государственной службы"</p> <p align="left"> высшеепрофессиональное, УГИ </p> </td> </tr> <tr> <td valign="top"> <p align="left">Зам.председателя комиссии</p> </td> <td valign="top"> <p align="left">Мичкова</p> <p align="left">Светлана</p> <p align="left">Анатольевна</p> </td> <td valign="top"> <p align="left">10.12.