Die Präsentation wird geladen. Bitte warten

Die Präsentation wird geladen. Bitte warten

AAJC - Academic Authorized Java Campus in Salzburg Informatik Anwendungen I Christian Eichinger Werner Moser

Ähnliche Präsentationen


Präsentation zum Thema: "AAJC - Academic Authorized Java Campus in Salzburg Informatik Anwendungen I Christian Eichinger Werner Moser"—  Präsentation transkript:

1 AAJC - Academic Authorized Java Campus in Salzburg Informatik Anwendungen I Christian Eichinger Werner Moser Salzburg Research / AAJC

2 AAJC - Academic Authorized Java Campus in Salzburg Page 2 Ziele der LVA Am Ende dieser Lehrveranstaltung werden sie dynamische - interaktive - multimediale - Web-Seiten erstellen und verwalten können

3 AAJC - Academic Authorized Java Campus in Salzburg Page 3 Organisatorisches Termine Beurteilung VO mit Klausur LB Projektarbeit 2er Gruppen jeweils letzte EH (11.6.)

4 AAJC - Academic Authorized Java Campus in Salzburg Page 4 Inhaltsübersicht "Advanced" HTML dynamische Web-Sites Kommunikation im Internet XML / XSLT Verwaltung von Web-Inhalten Audio / Video im Web weitere Entwicklungen

5 AAJC - Academic Authorized Java Campus in Salzburg Page 5 Zielsetzung - LB Das Endprodukt soll ein Webauftritt zum WellFitTV sein online Programm basierend auf Java & XML Clips mit Textbeschreibung Metainformationen zum Video Video Suchfunktion für Clips Diskussionsforum und/oder Chat Allgemeine Informationen zum Channel

6 AAJC - Academic Authorized Java Campus in Salzburg Page 6 "Advanced" HTML HTML, CSS & Javascript

7 AAJC - Academic Authorized Java Campus in Salzburg Page 7 Webtechnologien HTML CSS (Cascading Style-Sheets) Javascript DHTML Flash Plugins CGI / Perl PHP, JSP, ASP, ColdFusion mySQL, postGreSQL, Oracle, DB2

8 AAJC - Academic Authorized Java Campus in Salzburg Page 8 HTML Basics HTML - HyperText Markup Language Seitenbeschreibungssprache für Texte, Grafiken, eingebundene Elemente (Video, Musik, Flash) Schema Inhalt Beispiel: Überschrift HTML & WWW

9 AAJC - Academic Authorized Java Campus in Salzburg Page 9 HTML - Grundgerüst Einfachstes Grundgerüst einer HTML-Datei Titel Hauptteil

10 AAJC - Academic Authorized Java Campus in Salzburg Page 10 HTML - Metatags Metainformationen einer HTML-Datei Titel Hauptteil andere nützliche Metatags

11 AAJC - Academic Authorized Java Campus in Salzburg Page 11 HTML - Texte & Grafik Textformatierungen nur Grundtypen (,,,...) verwenden Schriftformatierungen mittels Cascading Style Sheets Bilder immer ALT-Tag, width & height angeben Links WWW _blank neues Fenster _self um Inhalt im aktuellen Fenster zu öffnen _parent, _topfür Frames

12 AAJC - Academic Authorized Java Campus in Salzburg Page 12 HTML - Frames Vorteil Die Navigation scrollt nicht weg Gleichzeitige Anzeige um zB Testberichte nebeneinander darzustellen Nachteil Probleme mit einigen Browsern Problem falls kleine Auflösung (Scrollbars) Suchmaschinen zeigen auf Unterseiten Gesetzliche Probleme falls andere Page in Frame eingelinkt wird

13 AAJC - Academic Authorized Java Campus in Salzburg Page 13 HTML - Frameset Frameset Definition Titel Ihr Browser kann diese Seite leider nicht anzeigen!

14 AAJC - Academic Authorized Java Campus in Salzburg Page 14 HTML - Tabellen Werkzeug um Webdesigns sinnvoll zu realisieren Tabellenbeispiel Inhalt 2 bei Bildern mit CSS: valign und align bei verwenden sonst Netscape4.7 Problem width=1% -> kleinstmögliche Tabledata cellpadding/cellspacing sowie border für Tabellenformatierung

15 AAJC - Academic Authorized Java Campus in Salzburg Page 15 HTML - Video Einfach: einfach ein Link auf Video setzen Click to view Video Komplexer: Video in Page integrieren

16 AAJC - Academic Authorized Java Campus in Salzburg Page 16 HTML - SWF einbinden SWF einbinden -> Netscape6.x, IE -> Netscape 4.7

17 AAJC - Academic Authorized Java Campus in Salzburg Page 17 HTML - Formulare Reines Textformlar per Text-Dokument Formular per PHP

18 AAJC - Academic Authorized Java Campus in Salzburg Page 18 HTML - Formulartypen Die wichtigsten Formulartypen Hier kann Text, der im Formular erscheinen soll Stimmts mit checked standartmässig aktiviert Kayak Snowboard

19 AAJC - Academic Authorized Java Campus in Salzburg Page 19 Cascading Style Sheets - CSS CSS ist Erweiterung für HTML viel mehr Möglichkeiten der Schriftformatierung als HTML Möglichkeit, die Formatierungen auf der ganze Website zu verwenden kein aktueller Browser hat vollständige CSS2.0 Implementierung

20 AAJC - Academic Authorized Java Campus in Salzburg Page 20 CSS - Intern vs Extern Inline CSS Titel der Datei FORMATDEFINITIONEN Externe CSS eigenes Textfile (style.css) Link im HTML-Dokument auf style.css Titel der Datei Hier können Dateispezifische Erweiterungen stehen

21 AAJC - Academic Authorized Java Campus in Salzburg Page 21 CSS - Formate definieren HTML-Tags definieren h1 { color:#ff0000; font-size:36pt; } p {font-size:10pt; line-height:11pt;} Typische CSS-Angaben font-family: Helvetica, Verdana, Clean, sans-serif; font-size:8pt font-style:italic; (oblique, normal) line-height:12pt; color:#0000ff; background-color:#FFFFCC; margin:10px; margin-left:10px; margin-top:10px; vertical-align:top; (middle, bottom)

22 AAJC - Academic Authorized Java Campus in Salzburg Page 22 CSS - Untergruppen Untergruppen von HTML-Tags definieren: Stylesheet Definition p {font-family:Verdana, sans-serif; font-size:12pt;} p.kontakt {font-size:10pt;} Verwendung im HTML Dokument Normaler Absatz Absatz der Klasse KONTAKT

23 AAJC - Academic Authorized Java Campus in Salzburg Page 23 CSS - Pseudoformate Formate, die sich nicht durch eindeutige HTML Tags ausdrücken lassen (zB besuchter Link) häufig verwendete Pseudoformate a:linknoch nicht besuchter Link a:visitedbesuchter Link a:hoverMausrollover über Link Beispiel a {font-size:12pt; color:#cccccc} a:hover {font-size:12pt; color:#ffffff}

24 AAJC - Academic Authorized Java Campus in Salzburg Page 24 CSS - Direkte Formatierung Bei jedem HTML-Tag kann eine zusätzliche CSS-Formatierung durchgeführt werden Dabei gilt die zentrale CSS-Formatierung weiterhin. Nur für diese Instanz wird sie um die style Anweisungen erweitert p {font-family:verdana, sans-serif; font-size:30pt;} Paddle the Tekno

25 AAJC - Academic Authorized Java Campus in Salzburg Page 25 CSS - Farben & Fonts Farbdefinitionen: color:#FF00FF; color:rgb(50,0,180); color:rgb(60%,100%,40%) Immer mehrere Schriftarten angeben sowie allgemeinen Schrifttyp angeben zB: Verdana, Helvetica, sans-serif Schriftgrößenproblem die Schriften erscheinen auf versch. Betriebssystemen in versch. Größe

26 AAJC - Academic Authorized Java Campus in Salzburg Page 26 CSS - Browserprobleme Leider unterstützt kein Browser alle CSS2.0 Definitionen Problemfall - Netscape 4.7 zB: Grafiken in Tabellen ab Netscape 6, Opera 5 und IE 5 viel weniger Probleme

27 AAJC - Academic Authorized Java Campus in Salzburg Page 27 Javascript kein HTML Bestandteil, sondern Ergänzung Eigene Programmiersprache wird während der Laufzeit interpretiert entweder Inlinecode oder in externer Datei aber für HTML Autoren optimiert, um Websites zu erweitern: Rollover Effekte Formularkontrolle Pulldownmenus ohne GO-Button kleine Spiele & Programme etc

28 AAJC - Academic Authorized Java Campus in Salzburg Page 28 Javascript - Hello World Klassiker Hello World in Javascript Test

29 AAJC - Academic Authorized Java Campus in Salzburg Page 29 Javascript - Beispiel

30 AAJC - Academic Authorized Java Campus in Salzburg Page 30 Javascript - Rollover Einfach per Dreamweaver

31 AAJC - Academic Authorized Java Campus in Salzburg Page 31 Javascript - Formulare Dreamweaver

32 AAJC - Academic Authorized Java Campus in Salzburg Page 32 Javascript - Pulldown Menu Jumpmenu

33 AAJC - Academic Authorized Java Campus in Salzburg Page 33 Referenzen selfHTML selfPHP


Herunterladen ppt "AAJC - Academic Authorized Java Campus in Salzburg Informatik Anwendungen I Christian Eichinger Werner Moser"

Ähnliche Präsentationen


Google-Anzeigen