16.12.2008 Felix Burget / Sören Valet 1
Präsentation
Expression Web 2
Gruppe:
Felix Burget
Sören Valet
16.12.2008 Felix Burget / Sören Valet 2
0. Inhalt
1. Problemstellung
2. Aufgabenstellung
4. Master.dwt
5. CSS Layout
6. Filmdateien
7. Dateistruktur
8. Ausblicke
9. Verbesserungen
Inhalt
1. Problemstellung
2. Aufgabenstellung
3. Neuheiten von Expression Web 2
4. Aufbau der Master .dwt
5. CSS Layout und Design
6. Einbindung der Filmdateien (3med_new.html)
7. Dateistruktur für 3med_new.html
8. Ausblicke
9. Verbesserungen und Weiterentwicklungen
10.Fazit
10. Fazit
3. Neuheiten EW2
16.12.2008 Felix Burget / Sören Valet 3
Problemstellung0. Inhalt
1. Problemstellung
2. Aufgabenstellung
4. Master.dwt
5. CSS Layout
6. Filmdateien
7. Dateistruktur
8. Ausblicke
9. Verbesserungen
10. Fazit
3. Neuheiten EW2Die 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.
16.12.2008 Felix Burget / Sören Valet 4
Aufgabenstellung0. Inhalt
1. Problemstellung
2. Aufgabenstellung
4. Master.dwt
5. CSS Layout
6. Filmdateien
7. Dateistruktur
8. Ausblicke
9. Verbesserungen
10. Fazit
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.
16.12.2008 Felix Burget / Sören Valet 5
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.
Neuheiten EW 20. Inhalt
1. Problemstellung
2. Aufgabebenstellung
3. Neuheiten EW2
4. Master.dwt
5. CSS Layout
6. Filmdateien
7. Dateistruktur
8. Ausblicke
9. Verbesserungen
10. Fazit
16.12.2008 Felix Burget / Sören Valet 6
Aufbau der Master.dwt
• 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.
0. Inhalt
1. Problemstellung
2. Aufgabebstellung
4. Master.dwt
5. CSS Layout
6. Filmdateien
7. Dateistruktur
8. Ausblicke
9. Verbesserungen
10. Fazit
3. Neuheiten EW2
16.12.2008 Felix Burget / Sören Valet 7
Aufbau der Master.dwt0. Inhalt
1. Problemstellung
2. Aufgabebstellung
4. Master.dwt
5. CSS Layout
6. Filmdateien
7. Dateistruktur
8. Ausblicke
9. Verbesserungen
10. Fazit
3. Neuheiten EW2
Masterhead
Navigation 1
Navigation 2
Fußzeile
Bearbeitbarer Bereich
16.12.2008 Felix Burget / Sören Valet 8
CSS Layout und Design0. Inhalt
1. Problemstellung
2. Aufgabenstellung
4. Master.dwt
5. CSS Layout
6. Filmdateien
7. Dateistruktur
8. Ausblicke
9. Verbesserungen
10. Fazit
3. Neuheiten EW2
• 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.
16.12.2008 Felix Burget / Sören Valet 9
CSS Layout und Design0. Inhalt
1. Problemstellung
2. Aufgabebstellung
4. Master.dwt
5. CSS Layout
6. Filmdateien
7. Dateistruktur
8. Ausblicke
9. Verbesserungen
10. Fazit
3. Neuheiten EW2
•Beispiel
Style0.css Style1.css
16.12.2008 Felix Burget / Sören Valet 10
Einbindung der Filmdateien(3med_new.html)0. Inhalt
1. Problemstellung
2. Aufgabenstellung
4. Master.dwt
5. CSS Layout
6. Filmdateien
7. Dateistruktur
8. Ausblicke
9. Verbesserungen
10. Fazit
3. Neuheiten EW2
Steuerelemente ( in Arbeit: Gruppe Blend)
Web Player (in Arbeit: Gruppe Encoder)
• Designsteuerung durch die 3med_new.css
16.12.2008 Felix Burget / Sören Valet 11
Dateistruktur für 3med_new.html
• 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.
Beispiel Ordnerstruktur
0. Inhalt
1. Problemstellung
2. Aufgabebstellung
4. Master.dwt
5. CSS Layout
6. Filmdateien
7. Dateistruktur
8. Ausblicke
9. Verbesserungen
10. Fazit
3. Neuheiten EW2
16.12.2008 Felix Burget / Sören Valet 12
Ausblicke0. Inhalt
1. Problemstellung
2.Aufgabenstellung
4. Master.dwt
5. CSS Layout
6. Filmdateien
7. Dateistruktur
8. Ausblicke
9. Verbesserungen
10. Fazit
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.
16.12.2008 Felix Burget / Sören Valet 13
Verbesserungen und Weiterentwicklungen0. Inhalt
1. Problemstellung
2. Aufgabenstellung
4. Master.dwt
5. CSS Layout
6. Filmdateien
7. Dateistruktur
8. Ausblicke
9. Verbesserungen
10. Fazit
3. Neuheiten EW2 • Minimierung des Platzbedarfs für Navigation.
• Besseres Design der Seite (Farbwahl).
• SQL Datenbank für Videobewertungen (z.B . Starbar).
16.12.2008 Felix Burget / Sören Valet 14
• 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
Fazit0. Inhalt
1. Problemstellung
2. Aufgabenstellung
3. Neuheiten EW2
4. Master.dwt
5. CSS Layout
6. Filmdateien
7. Dateistruktur
8. Ausblicke
9. Verbesserungen
10. Fazit
Top Related