Дипломный проект студента Винницкого филиала Компьютерной Академии "Шаг" Сандюк Александры

1. Дипломная работа
по Web-Design
{ Разработка и дизайн сайта для
школы №25 І-ІІІ ст. г. Винница
Студентки группы 4СТ15Д
Сандюк Александры

2.  Учебное заведение № 25 Винницкого городского совета ,
основанное в 1977 году.
 Основные задачи сайта:
 контингент сайта а так же школы – это ученики, и их
учителя, соответственно дизайн сайта должен быть
школьной тематики.
 показать развитие школы и её учеников
О заказчике и задачи

3.  Основные задачи сайта:
 Сайт должен иметь строгий синий цвет, но дизайн не
должен быть строгий – ближе к детской атмосфере, возможно
добавить несколько теплых оттенков таких как : желтый,
оранжевый возможно и красный
 На главной страничке сайта должны отображаться новости
сайта, так как там выкладываться последние объявления для
учителей и учеников
О заказчике и задачи

4.  Основные задачи сайта:
 Так же имеет смысл добавить музыку символизирующую
школьную жизнь, так была выбрана песня большого детского
хора – чему учат в школе?
 Так же на сайте должны отображаться кафедры школы, и на
каждой кафедре отображаться учителя – их имена и
должности
 Форма *Обращение граждан*
О заказчике и задачи

5.  1 этап:
 Нам был дан логотип школы, нашей задачей было
модифицировать его на 21 век, не изменяя при этом его.
Этапы развития дизайна

6.  1 этап:
 Так же был еще один вариант логотипа, который
рассматривался для этой школы
Этапы развития дизайна

7.  2 этап:
 Дизайн сайта для школы
Этапы развития дизайна

8.  2 этап:
 Дизайн сайта для школы
Этапы развития дизайна

9.  2 этап:
 Дизайн сайта для школы
Этапы развития дизайна

11.  1-ым этапом было создание и вёрстка шаблона для Joomla 1.7
 В Adobe Dreamweaver CS5.5
 2-ым натяжка на движок шаблона.
Этапы развития сайта

12.  Добавление модулей и плагинов на сайт таких как:
 Вывод последних новостей на сайте с помощью модуля
Aida News 2
Этапы развития сайта

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

14.  Добавление модулей и плагинов на сайт таких как:
 Вывод фотографий и увеличение при нажатии на них на сайте с
помощью плагина Simple Image Gallery

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

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

17.  Использование СSS3
 Двойной фон
background:
url('/images/bg-maim_top.jpg') repeat-x,
url('/images/bg-maim_bottom.jpg') repeat-x;
background-position:
top, bottom left;
Верхняя часть сайта
Нижняя часть сайта

18.  Использование СSS3
 Скругленные уголки на сайте
-webkit-border-bottom-left-radius: 35px;
-moz-border-radius-bottomleft: 35px;
border-bottom-left-radius: 35px;

19.  Спасибо за
внимание!
Все остальное вы можете посмотреть у нас на сайте