Výpisky

ckou úpravu WWW stránek
•doplněk k HTML
•umožňuje řídit prezentaci dokumentu, včetně barvy, typu písma, zarovnávání textu i obrázků, ..,
•analogie šablon u textových editorů
–umožňuje specifikovat vlastnosti objektů samostatně (pomocí šablony) a tu pak aplikovat)
Použití CSS
1.Přímo v textu zdroje u formátovaného elementu pomocí atributu style
2.Pomocí „stylopisu“ (angl. „stylesheet“) v hlavičce stránky. Stylopis je jakýsi seznam stylů. Je v něm obecně napsáno, co má být jak zformátováno, například že nadpisy mají být zelené. Do stránky se stylopis píše mezi tagy a .
3.Použitím externího stylopisu – externího souboru *.css, na který se stránka odkazuje tagem
CSS pro značky , třídy objekty
•Nadefinování globálního stylu pro HTML značku např. pro značku
•Nadefinování třídy
–Nadefinování podtřídy
–Nadefinování značky ve třídě
–Nadefinování objektu
•Nadefinování objektu
Syntaxe CSS
•Vlastnosti ;
•Hodnoty vlastností :
•
•
•vlastnost1: hodnota; vlastnost2: hodnota;
•
•color: red; font-style: italic;
CSS v HTML tagu
text
text
text
Použití externího stylopisu

p {
color: red;
font-style: italic;
}
h1 {
font-size: 2em
}
.leveMenu {
color: white;
}
.leveMenu a {
color: #A6AFBD;
}
4. Přednáška
DHTML
•(X)HTML
•CSS
•Skriptovací jazyky
–JavaScript
•ECMAScript
–JScript
–VBScript
–TCL
•DOM
DOM
•Interní (uvnitř prohlížeče) hierarchická organizace prvků v dokumentu (IE 5+, Mozilla, Opera 4+)
•umožňuje manipulaci prvků v dokumentu pomocí scriptů a listů stylů
•tzv. API (aplication programming interface – aplikační programové rozhraní)
–definuje obecný standard pro přístup k platnému (X)HTML nebo správně strukturovanému XML dokumentu
–nezávislé na programovacím jazyku
Cíle objektového modelu dokumentu
•Definovat hierarchickou strukturu pro všechny části webového dokumentu
•Umožnit modifikaci této struktury (přidání či odebírání)
•Zajistit monitorování a manipulaci s obsahem stránky
•Poskytnout informace o tom, jak položky na stránce komunikují s uživatelem a spolu navzájem
•Standardy DOM se využívají v serverových programech Javy a C++, které analyzují dokumenty XML
Základní komponenty DOM
•Objekty – Objects
•Vlastnosti – Properties
•Události – Events
•Metody – Methods
•Kolekce – Collections
5. přednáška Web Sites
•Fyzická struktura – uložení dokumentů a skriptů, cesty
•Logická struktura – odkazy (linky) mezi dokumenty
•
Organizace WEB SITE
•lineární
•lineární s alternativami
•lineární s volbou
•lineární s odskoky
•mříž
•hierarchická
–úzké stromy
–široké stromy
•smíšená - web stromy
•web style
•
DÁLE SE NAUČIT OBRÁZKY ,KTERÉ NEBUDU KOPÍROVAT JEDÁ SE O
LINEÁRNÍ STRUKTURA
MŘÍŽ
HIERARCHICKÝ MODEL – ÚZKY STROM
HIERARCHICKY MODEL – ŠIROKÝ STROM
KOMBINOVANÁ STRUKTURA
WEB STRUKTURA
Postupy při tvorbě website
•Manažerské techniky, jako je SWOT analýza
•Specifické metody, jako je např. francouzská metoda 6 C
•Obecná metoda – design, implementace a využívání
•Metody a techniky využívané při projektování informačních systémů, např. „Vodopádový model“
Procesní model 6C
•Connaitre – poznání, identifikace
•Cibler – zaměření (zaostření)
•Choisir – výběr
•Construire – tvorba
•Communiquer - komunikace
•Changer – úpravy, aktualizace, údržba
DÁLE MODEL VODOPÁDOVÝ
A FONTÁNOVÝ MODEL
PŘÍRUSTKOVÝ VÝVOJOVÝ CYKLUS
SÍŤOVÝ TYP
SPIRÁLOVÝ TYP
Projekt WEBSITE
3 kroky
Design
Implementace
Využívání

Supervising
•Správa
–detekce a odstranění chyb a případných útoků od hackerů
•Statistika reálného využívání
–měření návštěvnosti a identifikace uživatelů
•Informační gathering
–pomocí E-mail nebo formulářů
Kritéria pro výběr technologií
•Firemní kultura vývojové firmy
–Web factory – použití Web Sphere Studio
–Příklad firma ITS a. s.
–Malá firma – free software: Apache, PHP, MySQL
•Typ aplikace
–Portál - XML
–B2B - Java
–Podniková prezentace - SMIL
•Potřeba aktualizace dat
–Méně častá - statické stránky
–Častá - dynamické technologie na straně serveru
•Hezké a nenáročné efekty
–Technologie JavaScript

ECOMMERCE
VYVOJ IT
A NOVÁ KŘIVKA
Důležité : TERMINOLOGIE OBRÁZEK
TYPY ECOMMERCE
•vztah mezi podnikatelskými subjekty (Business to Business - B2B)
•mezi podnikatelským subjektem a konečným spotřebitelem (Business to Consumer - B2C), nikoliv tedy mezi podnikatelským subjektem a  zákazníkem (Business to Customer)
•mezi podnikatelským subjektem a státní organizací (Business to Government - B2G)
•obchodní vztah mezi konečnými spotřebiteli (Consumer to Consumer – C2C)
B2B
•(business-to-business) – znamená obchodování mezi firmami.
•U obchodování B2B se zpravidla jedná o dlouhodobější obchodní vztah, který je mnohdy smluvně podchycen.
•Nejedná se tedy o klasické nakupování, ale o uzavírání kontraktů mezi podniky
B2C
•B2C (business-to-consumer) – prodej zboží koncovému spotřebiteli prostřednictvím Internetu nebo jiných technologií
•bez fyzického kontaktu zákazníka s obchodníkem. Umožňuje prodej zboží, ale také nabídku běžných služeb nebo služeb čistě internetových.
C2C
•C2C (consumer-to-consumer) – jedná se o burzy, výměny, aukce, kde Internet je prostředníkem mezi nabízející a poptávající osobou.
•Servery poskytující služby plní bezplatně roli koncentrátora nabídek, moderují obchodní případy, poskytují obchodujícím stranám prostor v daném obchodním systému
LOKÁLNÍ EKOMERCE
•Situace je příznivější tím, že se nemusí řešit globální otázky, ale přesto celý proces budování elektronického obchodu je dosti složitý
•Při projektování web site pro elektronický obchod se využívají různé metody, např. metoda 6C
metoda 6c
•poznávání externího a interního prostředí projektu Connaitre
•zaměření se na budoucí uživatele – Cibler
•stanovení základních cílů a definování poskytovaných služeb pomocí web site – Choisir
•vlastní tvorba web site – Construire
•zajištění informovanosti o web site – Communiquer
•ověřování a aktualizace obsahu web site - Changer
DÁLE OBR. KOUSKY ECOMMERCE PUZZLE
c
•