Sunday, 21 March 2010

  • Технически web design

    Основни  изисквания към техническия дизайн

    Бързо зареждане  на системата

    Изчислено е, че максималното време, през което може да се задържи вниманието на един потребител е 10 секунди. Системата трябва да може да се зареди на екрана на потребителя за този период от време, като подходящ вариант е показване на малка анимация при зареждането на системата, чието зареждане изисква повече време. Това, до известна степен, предразполага клиента към изчакване. Когато зареждането е изключително бавно е добре да се помисли за оптимизация и дори минимизация на html – кода. Колкото и да е важен изгледа на системата, по-важно е потребителя да може да използва пълноценно системата, а многото чакане ще го  отегчи и ще  се  откаже да използва функциите  на системата.

    Работа на  системата без грешки

    Всички препратки  и връзки в системата трябва да отговарят на страниците, към които  препращат. Ако има препратки  към външни за системата секции е  необходимо периодично те да бъдат  проверявани и обновявани, ако са направени промени. Безпогрешната работа на системата като цяло е критерий за професионалната и добре свършена работа на уеб дизайнера. Във втората  глава от дипломната работа  е  извършено проектирането на ПИМ  система, като е обърнато особено внимание на функционалността, простотата и интерактивността на навигацията, и на системата като цяло. Съобразно с горепосочените качества са изградени структурните схеми на системата.

    Програмна реализация

    Кратко запознаване  с програмните продукти използвани за реализацията

    Запознаване  с Macromedia Dreamweaver

    Dreamweaver на компанията Macromedia е завършена среда за  разработка на Web съдържание с  интегрирани в едно цяло HTML (Hypertext Markup Language) редактор, инструменти за  създаване на съдържание, динамични Web страници и управление на Web сайта. Web страниците се изграждат на базата на HTML, но в повечето случаи няма да Ви се наложи изобщо да работите с него. С Dreamweaver лесно ще създадете и страници на истински професионално ниво, които включват скриптове. Dreamweaver е WYSIWYG (съкращението идва от фразата  What You See Is What You Get - получавате това, което  виждате) редактор на Web страници, който е изключително мощен,  но и същевременно лесен за  използване. Dreamweaver ще ви позволи не само да създавате нови Web сайтове, но и да импортирате и редактирате вече съществуващи. При това той няма да промени или размести съществуващия програмен код. Една от най-популярните възможности на Dreamweaver открай време е това, че той не променя кода на съществуващите сайтове. Служителите на Macromedia - компанията, създала Dreamweaver, наричат тази възможност рециклируем HTML. Но Dreamweaver е и  инструмент за създаване на съдържание (authoring tool). Какво се има в предвид? Това, че Dreamweaver може да генерира страници, в които е добавена интерактивност и анимация. С подобни средства инструментите за създаване на съдържание ви позволяват да пишете съвсем пълноценни приложения. Затова освен като HTML редактор, Dreamweaver може да се използва и за създаване на мултимедийни приложения. Така че ако не ви задоволява само да редактирате HTML, с Dreamweaver можете да създадете и истинско мултимедийно изживяване за посетителите си. Някои потребители  пропускат да се възползват от най-добрите  възможности на Dreamweaver, тъй като просто не знаят за тях. Dreamweaver ще ви допадне, независимо дали сте начинаещ и сега се опитвате да създадете първата си Web страница, или сте опитен ветеран и най-сетне сте се решили да изпробвате и някоя програма за Web дизайн, след като с години сте програмирали страниците си на ръка. Dreamweaver ще ви даде не само свободата да проектирате визуално вида на Web страницата, но и всички възможности да я накарате да се държи, както вие желаете. Dreamweaver ще Ви предложи и достатъчно гъвкавост, за да създавате както персонални Web сайтове и страници, така и сайтове от корпоративен мащаб. Виждат се различни опции, които дават възможност за създаване на уеб приложения от различен тип (писане на javascript, html, css и др.). При  селектиране на опцията html следващият прозорец, който се появява може да бъде под следните три режима: Визуален дизайн (Design View) – работното поле е бял (по принцип) фон (като в Microsoft Word). Работа с програмен  код (Code View) – работи се само с писане на код. Обикновено html с вграден javascript.  Комбиниран режим (Design&Code View) - съвкупност от първите два режима на работа. По време на разработката на сайта голямо приложение са намерили и трита вида режима на работа.
  • Sign in to Comment

  • Give eProps (?)

Who recommended?