Präsentation Expression Web 2

Präsentation zum Thema: "Präsentation Expression Web 2"—  Präsentation transkript:

1 Präsentation Expression Web 2
Gruppe: Felix Burget Sören Valet

2 Inhalt Problemstellung Aufgabenstellung Neuheiten von Expression Web 2
Aufbau der Master .dwt CSS Layout und Design Einbindung der Filmdateien (3med_new.html) Dateistruktur für 3med_new.html Ausblicke Verbesserungen und Weiterentwicklungen Fazit 2. Aufgabenstellung 3. Neuheiten EW2 4. Master.dwt 5. CSS Layout 6. Filmdateien 7. Dateistruktur 8. Ausblicke 9. Verbesserungen 10. Fazit

3 Problemstellung 0. Inhalt 1. Problemstellung 2. Aufgabenstellung Die aktuelle Webpräsenz von HD-Campus-TV und ExtraHertz wurde mit der Entwicklungsumgebung MS Frontpage 2003 erstellt. Um die Webpräsenz attraktiver gestalten zu können müssen neue Technologien wie z.B Silverlight eingesetzt werden. Diese aktuellen Technologien können jedoch in der Entwicklungsumgebung MS Frontpage 2003 nicht eingesetzt werden, dies macht den Einsatz einer neuen Entwicklungsumgebung, des sogenannten Expression Web 2 notwendig. 3. Neuheiten EW2 4. Master.dwt 5. CSS Layout 6. Filmdateien 7. Dateistruktur 8. Ausblicke 9. Verbesserungen 10. Fazit

4 Aufgabenstellung 0. Inhalt 1. Problemstellung 2. Aufgabenstellung 3. Neuheiten EW2 Es soll eine neue Vorlage für die HD-Campus-TV und ExtraHertz Webpräsenz mit Hilfe der Software Expression Web 2 erstellt werden. Dabei sollen in der Vorlage die in Expression Web2 neu angebotenen Technologien wie z.B Silverlight zur Verfügung stehen. 4. Master.dwt 5. CSS Layout 6. Filmdateien 7. Dateistruktur 8. Ausblicke 9. Verbesserungen 10. Fazit

5 Neuheiten EW 2 0. Inhalt 1. Problemstellung Seit Juni 2008 ist Expression Web 2 auf dem Markt, dass einige neue Technologien anbietet. Speziell auf dem Gebiet der Medien hat Microsoft mit dem Programm "Silverlight" ein neues Werkzeug zur Erstellung optisch ansprechender Flash-Applikationen zur Verfügung gestellt. 2. Aufgabebenstellung 3. Neuheiten EW2 4. Master.dwt 5. CSS Layout 6. Filmdateien 7. Dateistruktur 8. Ausblicke 9. Verbesserungen 10. Fazit

6 Aufbau der Master.dwt 0. Inhalt 1. Problemstellung Master gibt den Aufbau aller abgeleiteten .html Seiten vor. Gesteuert wird der Aufbau über die layout.css. Im Master können bearbeitbare Bereiche definiert werden. Dynamic web templates ersetzen framepages. Minimierung der Anzahl von inline frames. Einbindung der vom .css vordefinierten Bereiche. 2. Aufgabebstellung 3. Neuheiten EW2 4. Master.dwt 5. CSS Layout 6. Filmdateien 7. Dateistruktur 8. Ausblicke 9. Verbesserungen 10. Fazit

7 Aufbau der Master.dwt Masterhead Navigation 1 Navigation 2
0. Inhalt 1. Problemstellung Masterhead 2. Aufgabebstellung 3. Neuheiten EW2 Navigation 1 4. Master.dwt 5. CSS Layout Navigation 2 6. Filmdateien 7. Dateistruktur Bearbeitbarer Bereich 8. Ausblicke 9. Verbesserungen 10. Fazit Fußzeile

8 CSS Layout und Design 0. Inhalt 1. Problemstellung Trennung von Design (style.css, layout.css) und Inhalt. Steuerung der Webseite über wenige globale Parameter. Definierungen von Bereichen bezüglich Größe (in %, px) und Farbe. Schnelles umschalten auf komplett neues Design mit vordefinierten .css. 2. Aufgabenstellung 3. Neuheiten EW2 4. Master.dwt 5. CSS Layout 6. Filmdateien 7. Dateistruktur 8. Ausblicke 9. Verbesserungen 10. Fazit

9 CSS Layout und Design Beispiel Style1.css Style0.css 0. Inhalt
1. Problemstellung 2. Aufgabebstellung 3. Neuheiten EW2 Style1.css Style0.css 4. Master.dwt 5. CSS Layout 6. Filmdateien 7. Dateistruktur 8. Ausblicke 9. Verbesserungen 10. Fazit

10 Einbindung der Filmdateien
(3med_new.html) 0. Inhalt 1. Problemstellung 2. Aufgabenstellung 3. Neuheiten EW2 Designsteuerung durch die 3med_new.css 4. Master.dwt 5. CSS Layout 6. Filmdateien 7. Dateistruktur Steuerelemente ( in Arbeit: Gruppe Blend) Web Player (in Arbeit: Gruppe Encoder) 8. Ausblicke 9. Verbesserungen 10. Fazit

11 Dateistruktur für 3med_new.html
0. Inhalt 1. Problemstellung Ordnerstruktur wurde weitestgehend beibehalten Zusätzlich sind drei Ordner für die 3 Qualitäten nötig Diese Ordner werden von der Encoder Gruppe erzeugt. 2. Aufgabebstellung 3. Neuheiten EW2 4. Master.dwt 5. CSS Layout 6. Filmdateien 7. Dateistruktur 8. Ausblicke 9. Verbesserungen 10. Fazit Beispiel Ordnerstruktur

12 Ausblicke Videos direkt auf Webseite Abspielbar (Gruppe: Encoder)
0. Inhalt 1. Problemstellung 2.Aufgabenstellung 3. Neuheiten EW2 Videos direkt auf Webseite Abspielbar (Gruppe: Encoder) Teilsendungen im Player integriert (Gruppe: Encoder) Ansprechende Steuerelemente mit Silverlight-Technologie (Gruppe: Blend) 3med_new.html wird zum neuen Standard. 4. Master.dwt 5. CSS Layout 6. Filmdateien 7. Dateistruktur 8. Ausblicke 9. Verbesserungen 10. Fazit

13 Verbesserungen und Weiterentwicklungen
0. Inhalt 1. Problemstellung 2. Aufgabenstellung 3. Neuheiten EW2 Minimierung des Platzbedarfs für Navigation. Besseres Design der Seite (Farbwahl). SQL Datenbank für Videobewertungen (z.B . Starbar). 4. Master.dwt 5. CSS Layout 6. Filmdateien 7. Dateistruktur 8. Ausblicke 9. Verbesserungen 10. Fazit

14 Fazit Es sieht einfacher aus als es ist!
0. Inhalt 1. Problemstellung 2. Aufgabenstellung Es sieht einfacher aus als es ist! Sehr übergreifend auf andere Bereiche Programmiersprachen( VB,C++, Javascript, flash), Web Design, Animation (flash, silverlight), Farbwissenschaften, uvm. Strukturiertes Vorgehen bei der Webseiten Erstellung 3. Neuheiten EW2 4. Master.dwt 5. CSS Layout 6. Filmdateien 7. Dateistruktur 8. Ausblicke 9. Verbesserungen 10. Fazit