Разработка и дизайн сайта для школы №25 г. Винницы

{{

Дипломная Дипломная работа по работа по Web-Web-DesignDesign

Разработка и дизайн сайта для Разработка и дизайн сайта для школы №25 І-ІІІшколы №25 І-ІІІ ст. г. Вст. г. Винницаинница

Студентки группы 4СТ15ДСандюк Александры

Учебное заведение № 25 Винницкого городского совета , основанное в 1977 году.

Основные задачи сайта: контингент сайта а так же школы – это ученики, и их контингент сайта а так же школы – это ученики, и их

учителя, соответственно дизайн сайта должен быть учителя, соответственно дизайн сайта должен быть школьной тематики.школьной тематики.

показать развитие школы и её учениковпоказать развитие школы и её учеников

О заказчике и задачиО заказчике и задачи

Основные задачи сайта: Сайт должен иметь строгий синий цвет, но дизайн не Сайт должен иметь строгий синий цвет, но дизайн не

должен быть строгий – ближе к детской атмосфере, должен быть строгий – ближе к детской атмосфере, возможно добавить несколько теплых оттенков таких возможно добавить несколько теплых оттенков таких как : желтый, оранжевый возможно и красныйкак : желтый, оранжевый возможно и красный

На главной страничке сайта должны отображаться На главной страничке сайта должны отображаться новости сайта, так как там выкладываться последние новости сайта, так как там выкладываться последние объявления для учителей и учениковобъявления для учителей и учеников


Основные задачи сайта: Так же имеет смысл добавить музыку Так же имеет смысл добавить музыку

символизирующую школьную жизнь, так была символизирующую школьную жизнь, так была выбрана песня большого детского хора – чему учат в выбрана песня большого детского хора – чему учат в школе?школе?

Так же на сайте должны отображаться кафедры Так же на сайте должны отображаться кафедры школы, и на каждой кафедре отображаться учителя – школы, и на каждой кафедре отображаться учителя – их имена и должностиих имена и должности

Форма *Обращение граждан*Форма *Обращение граждан*


1 этап: Нам был дан логотип школы, нашей задачей было Нам был дан логотип школы, нашей задачей было

модифицировать его на 21 век, не изменяя при этом его.модифицировать его на 21 век, не изменяя при этом его.

Этапы развития Этапы развития дизайнадизайна

1 этап: Так же был еще один вариант логотипа, который Так же был еще один вариант логотипа, который

рассматривался для этой школырассматривался для этой школы


2 этап: Дизайн сайта для школыДизайн сайта для школы






11-ым этапом было создание и вёрстка шаблона для -ым этапом было создание и вёрстка шаблона для Joomla 1.7Joomla 1.7

В В Adobe Dreamweaver CS5.5Adobe Dreamweaver CS5.5 2-ым натяжка на движок шаблона.2-ым натяжка на движок шаблона.

Этапы развития Этапы развития сайтасайта

Добавление модулей и плагинов на сайт Добавление модулей и плагинов на сайт таких как:таких как:

Вывод последних новостей на сайте с помощью Вывод последних новостей на сайте с помощью модуля модуля Aida News 2Aida News 2

Этапы развития Этапы развития сайтасайта

Добавление модулей и плагинов на сайт таких как:Добавление модулей и плагинов на сайт таких как: Вывод слайдера на сайте с помощью модуля Вывод слайдера на сайте с помощью модуля Autson Slide Autson Slide

ShowShow

Добавление модулей и плагинов на сайт таких как:Добавление модулей и плагинов на сайт таких как: Вывод фотографий и увеличение при нажатии на них на Вывод фотографий и увеличение при нажатии на них на

сайте с помощью плагина сайте с помощью плагина Simple Image Gallery

Добавление модулей и плагинов на сайт таких как:Добавление модулей и плагинов на сайт таких как: Обращение граждан с помощью компонента Обращение граждан с помощью компонента Easybook Reloaded

Добавление модулей и плагинов на сайт таких как:Добавление модулей и плагинов на сайт таких как: Дополнительный вывод новостей на странице – Дополнительный вывод новостей на странице – НАШІ НОВИНИНАШІ НОВИНИ

Использование Использование ССSS3SS3 Двойной фонДвойной фон

Нижняя часть сайта

Верхняя часть сайта

background: url('/images/bg-maim_top.jpg') repeat-x, url('/images/bg-maim_bottom.jpg') repeat-x;background-position:top, bottom left;

Использование Использование ССSS3SS3 Скругленные уголки на сайтеСкругленные уголки на сайте

-webkit-border-bottom-left-radius: 35px;-moz-border-radius-bottomleft: 35px;border-bottom-left-radius: 35px;

Спасибо за внимание!Спасибо за внимание!

Все остальное вы можете посмотреть у нас на сайтеВсе остальное вы можете посмотреть у нас на сайте