По дисциплина „Уеб дизайн

Разработка на

Маргарита Крушкова, Фак. № 0901561003 и
Виктор Атанасов, Фак. № 0901561004

Специалност Бизнес Информационни Технологии,

1. 
   Файлова система на проекта
   

1. 
   Основна директория – съдържа front page на уеб сраницата, както и примерни страници на изглед на филм, изглед на трейлъри, изглед на новини, изглед на транспорт, изглед на програма.
   
2. 
   Директория css – съдържа каскадните стилове на уеб страницата.
   
3. 
   Директория flash – съдържа *.swf файл с авторски банер за сайта, както и source файла му във формат *.fla.
   
4. 
   Директория images – съдържа изображенията, използвани на уеб страницата.
   
5. 
   Директория js – съдържа Javascript файлове за динамичното поведение на уеб страниците.
   
6. 
   Директория media – съдържа видео файлове, които се зареждат в html 5 видео тага на страницата.
   
   

2. 
   Използвани технологии
   
   1. 
      Adobe Photoshop – дизайнът на уеб страницата е авторски, разработен с помощта на авторски изображения, за целта е използван Photoshop CS 4/CS 5 Trial version; файлът на дизайна се намира в папка psd.
      
   2. 
      Adobe Flash – използвана за разработка на flash банера на страницата.
      
   3. 
      Adobe Dreamweaver – софтуерът е използван за кодирането на страницата.
      
   4. 
      XHTML 1.0 Transitional – страницата е валидирана по W3C стандарта.
      
   5. 
      HTML 5 – използван в цялостно в страницата page5-trailers.html.
      
   6. 
      CSS 2.1 / CSS 3 – каскадните стилове са комбинирани между 2-ра и 3-та версия на CSS скрипта.
      
   7. 
      XML/XSLT – използвана технология за преобразуване на съдържанието в XML файл в HTML чрез стиловия вид на уеб страницата. Реализирано на страницата изглед на новини, данните се зареждат от news.xml, оформлението се състои в xml-stylesheet.xsl.
      
   8. 
      Javascript (JQuery) – реализирано е динамично поведение на страницата с помощта на javascript и jQuery библиотеки.
      
      1. 
         Използвани са DataTables за таблично представяне на данни чрез филтрации и сортиране на данни;
         
      2. 
         NivoSlider за слайдшоу на първа страница;
         
      3. 
         Javascript за рейтинг оценяване;
         
      4. 
         Javascript за галерия към страница изглед на филм.
         
         
         
         
3. 
   Структура на уеб страницата и области.
   
   1. 
      Начална страница:
      
      1. 
         Header
         
         1. 
            Header_content
            
            1. 
               Logo
               
            2. 
               Top_menu – меню за избор на различните кина по градове
               
      2. 
         Main
         
         1. 
            Main_header
            
            1. 
               Main_menu - css базирано хоризонтално меню за главна навигация
               
            2. 
               Search
               
         2. 
            Slider
            
         3. 
            Content
            
            1. 
               Top_Content – премиери
               
            2. 
               Left_Column
               
               1. 
                  Latest_news
                  
               2. 
                  Movie_info
                  
            3. 
               Right_Column
               
               1. 
                  Module class - facebook like box на CinemaCity. Използван е FB script language за импортиране на фен кутия, свързана към facebook страницата на CinemaCity.
                  
               2. 
                  Module class – flash banner
                  
      3. 
         Footer
         
         1. 
            Footer_top
            
            1. 
               Menu
               
            2. 
               Footer_menu
               
            3. 
               Social links
               
         2. 
            Footer_bot
            
            1. 
               Footer_links
               

2. 
   Страница изглед на филм:
   

1. 
   Javascript галерия със slider.
   
2. 
   Потребителски рейтинг на филма чрез javascript.
   
3. 
   Информация за филма.
   
4. 
   Кратко резюме.
   
5. 
   Официален трейлър – iframe object от YouTube.com.
   
6. 
   Бутон Резервирай билет.
   
   
   
   
1. 
   Страница изглед на новини: