2. Über mich Begrüssung Christian Zumbrunnen Verheiratet 3 Kinder Im Web unterwegs seit 1995 Wirtschaftsinformatiker HF Dozent, Lehrer, Webbegeistert Biete auch Hosting* an (* falls Sie nicht wissen, was Hosting ist: das erkläre ich gleich ;-) )
3. Was ich gerne von Ihnen wissen möchte… Begrüssung Warum sind Sie hier? Natürlich, um DW zu lernen, aber gibt es dazu einen besonderen Beweggrund? Geschäftliche / Private Gründe? Planen Sie eine Webseite oder haben Sie eine Website (die Sie pflegen dürfen, wollen, sollen)? Welche Vorkenntnisse haben Sie? Computer Internet HTML CSS
13. Ein Platz im Internet Einführung - Internet Grundlagen Domain Besteht aus TLD (Top Level Domain) länderspezifisch Generic Eigentlicher, individueller Name www oder andere Subdomain / Host
14. Ein Platz im Internet Einführung - Internet Grundlagen Domainname muss bei Registrator erworben werden .ch / .li SWITCH www.nic.ch Jahresgebühr: SWITCHbasic CHF 17.– SWITCHguard CHF 34.– chruezundquer.ch CHF 15.- (basic) .com, .net, .org, .biz, .info, .name, .de, .us, .ch, .li, .eu z. B. http://inic.ch/ verschiedene Hoster Übersicht aller TLDs: http://www.iana.org/domains/root/db/
15. Ein Platz im Internet Einführung - Internet Grundlagen Domainname muss bei Registrator erworben werden .ch / .li SWITCH www.nic.ch Jahresgebühr: SWITCHbasic CHF 17.– SWITCHguard CHF 34.– chruezundquer.ch CHF 15.- (basic) .com, .net, .org, .biz, .info, .name, .de, .us, .ch, .li, .eu z. B. http://inic.ch/ verschiedene Hoster Übersicht aller TLDs: http://www.iana.org/domains/root/db/
16. Ein Platz im Internet Einführung - Internet Grundlagen Speicherplatz muss bei einem Hoster erworben werden Vergleichen: Zuverlässigkeit (Redundanz der Server, Stromversorgung, Backup, SLA, Anzahl virtuelle Hosts pro Server) Anzahl Domainnamen (Alias, Subdomains) Anzahl E-Mail-Adressen Administrationskonsole Grösse / Transfervolumen PHP, MySQL, andere Programmiersprachen Rootzugriff
17. Ein Platz im Internet Einführung - Internet Grundlagen Weitere Möglichkeiten Server in der Cloud, z. B. Amazon Server Housing Server zu Hause
18. Die Sprachen des Web HTML, CSS, JavaScript, Php HTML – Hypertext Markup Language Tags, die verschiedene Parameter haben können, zeichnen die einzelnen Teile einer Seite aus. Struktur Verschiedene Versionen HTML 2.0 1995 HTML 3.2 1997 HTML 4.0 1998 HTML 4.01 1999 XHTML 1.0 2002 XHTML 1.1 2002 XHTML 2.0 2006 (Working Draft) expired2009 HTML5 (Working Draft: 19.10.2010) Recommendation erwartet per Mai 2011
19. Die Sprachen des Web HTML, CSS, JavaScript, Php CSS– Cascading Style Sheets Während HTML die Struktur des Dokuments festlegt, dient CSS dazu die Struktur zu formatieren. JavaScript (clientseitig) HTML ist selber keine Programmiersprache.Seit der Version 4 von HTML wirdaber in derSpezifikation von HTML definiert, wiederZugriff auf Scriptsprachenzuerfolgen hat. JavaScript bzw. ECMA Script Erlaubt die Manipulation des DOM AJAX (Asynchronous JavaScript and XML)
20. Die Sprachen des Web HTML, CSS, JavaScript, Php PHP, ColdFusion, Java, Ruby, Python(serverseitig) Für «dynamische Websites» (Datenbankzugriff etc.) Im Gegensatz zu «statischen Websites»
21. Übung - Starten Sie den Notepad Editor- Geben Sie diesen Code ein <html> <head> <title>Hallo Welt - Übung</title> </head> <body> <h2>Hallo Welt</h2> <p>Mein allererstes <strong>HTML</strong>-Dokument</p> </body> </html> - Speichern Sie das Dokument als hallowelt.html- Öffnen Sie es mit Doppelklick
22. Struktur geben HTML Wichtige Tags (S. 38) Blocklevel-Elemente (ganze Breite) <h1>.. <h6> <p> <ul> <li> <ol> <li> <table> <tr> <td> <img> Inline-Elemente <em>, <strong> <a>
23. Attribute HTML Wichtige Attribute img src width, height alt a href title generell id, class title
24. Attribute - Beispiele HTML <imgsrc="arches-mittel.jpg" width="720" height="479" alt="Arches National Park"> <a href="hallowelt.html">Erste Seite</a>
25. Header und Body HTML Der Doctype bestimmt u. a. ob der Browser im Standards Mode oder Quirks Mode funktioniert. <!DOCTYPE HTML> HTML5 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">