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