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



Дата26.08.2016
Размер44.12 Kb.
#7294
Документация на проект на уеб страница за кино „Cinema City” по дисциплина „Уеб дизайн”

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

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

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



ПУ „Паисий Хилендарски”


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



  1. Основна директория – съдържа front page на уеб сраницата, както и примерни страници на изглед на филм, изглед на трейлъри, изглед на новини, изглед на транспорт, изглед на програма.

  2. Директория css – съдържа каскадните стилове на уеб страницата.

  3. Директория flash – съдържа *.swf файл с авторски банер за сайта, както и source файла му във формат *.fla.

  4. Директория images – съдържа изображенията, използвани на уеб страницата.

  5. Директория js – съдържа Javascript файлове за динамичното поведение на уеб страниците.

  6. Директория media – съдържа видео файлове, които се зареждат в html 5 видео тага на страницата.


  1. Използвани технологии

    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 за галерия към страница изглед на филм.




  2. Структура на уеб страницата и области.

    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




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



        1. Javascript галерия със slider.

        2. Потребителски рейтинг на филма чрез javascript.

        3. Информация за филма.

        4. Кратко резюме.

        5. Официален трейлър – iframe object от YouTube.com.

        6. Бутон Резервирай билет.




    1. Страница изглед на новини:

Тази страница зарежда съдържанието си от *.xml файл със следната структура –



Заглавие на страницата новини

//-- смесен таг – статия, с атрибут дата

таг за загавие

таг за съдържанието на новината



Сподели с приятели:




©obuch.info 2022
отнасят до администрацията

    Начална страница