Webseiten programmieren und gestalten

Mark Lubkowitz beschäftigt sich seit vielen Jahren mit der Entwicklung von Webseiten. Er ist hauptberuflich als Programmierer tätig und entwickelt Inter- und Intranet-Anwendungen auf der Basis serverseitiger Skriptsprachen und Datenbanken

TEIL 1 : GRUNDLAGEN

1 Arbeitsmittel 45
1.1 Editoren 45
1.2 Webserver 46
1.3 Perl 47
1.4 PHP 48
1.5 MySQL 48
1.6 phpMyAdmin 49

2 Das Internet 51
2.1 Entstehung 51
2.2 So funktioniert das Internet 52
2.3 Dienste des Internets 55

3 Die »Netzüberflieger« 59
3.1 Kompatibilität 59
3.2 Übersicht 61

4 Gute Vorbereitung ist wichtig 73
4.1 XAMPP für Windows – ApacheFriends 73
4.2 XAMPP für Linux – ApacheFriends 76
4.3 MAMP – Webserver für Mac OS X 77

5 Der Weg ins Internet 81
5.1 Wahl des Providers 81
5.2 Upload der Seite 85
5.3 Suchmaschinen, Webkataloge und anderes 89

6 Adressierung 91
6.1 TCP/IP 91
6.2 DNS 94
6.3 Adressierung, URIs 95
6.4 Webserver zu Hause 98
6.5 Ausblick auf IPv6 101
6.6 Umlaut-Domains 103

TEIL 2 : HTML – DIE SPRACHE DES INTERNETS

7 (X)HTML – Die Sprache des Internets 109
7.1 Am Anfang war HTML 109
7.2 HTML-Versionen 110
7.3 Das erste HTML-Dokument 111
7.4 Elemente und Tags 112
7.5 Hierarchie 113
7.6 Attribute 114
7.7 Kommentare und Quelltext-Strukturierung 115
7.8 Entities 116
7.9 Dokumententyp-Definition 117
7.10 Zusammenfassung 119
7.11 Fragen und Übungen 119

8 Textstrukturierung 121
8.1 Absätze 121
8.2 Textausrichtung 122
8.3 Zeilenumbrüche 124
8.4 Vorformatierter Text 125
8.5 Überschriften 126
8.6 Physische Textauszeichnung 128
8.7 Logische Textauszeichnung 130
8.8 Schriftformatierung 132
8.9 Dateiweite Farben 138
8.10 Listen 139
8.11 Zusammenfassung 147
8.12 Fragen und Übungen 147

9 Tabellen 149
9.1 Aufbau und Strukturierung 149
9.2 Die wichtigsten Elemente 150
9.3 Größe, Rahmen und Abstände 153
9.4 Tabellen und Inhalte ausrichten 154
9.5 Farben und Schrift 157
9.6 Zellenverbund 161
9.7 Gruppierungen 168
9.8 Fragen und Übungen 171

10 Grafiken und Multimedia 173
10.1 Grafikformate 173
10.2 Grafiken einbinden 177
10.3 Transparente Grafiken 180
10.4 Hintergründe 182
10.5 Flash-Filme 183
10.6 JavaApplets 186
10.7 Grafiken mit dem object-Element einbinden 188
10.8 Zusammenfassung 190
10.9 Fragen und Übungen 190

11 Geknüpftes Netz 191
11.1 Aufbau einer Verknüpfung 191
11.2 Lokale Links 192
11.3 Globale Links 193
11.4 E-Mail & Co. 194
11.5 Grafiken als Links 195
11.6 Interne Verweise 195
11.7 Neue Fenster 196
11.8 Imagemaps 197
11.9 Zusammenfassung 200
11.10 Fragen und Übungen 200

12 Formulare 201
12.1 Was sind Formulare? 201
12.2 Aufbau eines Formulars 201
12.3 Eingabefelder 203
12.4 Schaltflächen 206
12.5 Wahlprogramm 209
12.6 Elemente gruppieren 212
12.7 Reihenfolge 213
12.8 Zusammenfassung 215
12.9 Fragen und Übungen 215

13 Rahmenprogramm 217
13.1 Was sind Frames? 217
13.2 Grundgerüst 218
13.3 Verschachtelung 222
13.4 Gestaltung der Frames 225
13.5 Anwendungsgebiete 227
13.6 Eingebettete Frames 228
13.7 Zusammenfassung 230
13.8 Fragen und Übungen 230

14 Was sonst noch wichtig ist 231
14.1 META-Tags 231
14.2 ActiveX-Controls 233
14.3 Trennlinien 235
14.4 Inoffizielles HTML 235
14.5 Goldene Regeln 236

15 XHTML – Die nächste Generation von HTML 239
15.1 Neu – und doch altbekannt 239
15.2 Erforderliche Angaben 241
15.3 XHTML validieren 242
15.4 Zusammenfassung 244
15.5 Fragen und Übungen 244

TEIL 3 : CSS – LAYOUT FÜRS INTERNET

16 CSS – Layout fürs Internet 247
16.1 CSS – Make-up fürs Web 247
16.2 Wie funktioniert CSS? 248
16.3 CSS-Versionen 248
16.4 Direkte Formatierung 249
16.5 Das erste Stylesheet 250
16.6 Zentrale Formatierung 251
16.7 Externe Formatierung 255
16.8 Ausgabemedien 257
16.9 Einheiten 258
16.10 Zusammenfassung 259
16.11 Fragen und Übungen 259

17 Textformatierung 261
17.1 Farben in CSS 261
17.2 Schriftformatierung 264
17.3 Schriftartendateien 276
17.4 Spezielle Formatierungen 279
17.5 Hintergrundfarbe 288
17.6 Hintergrundbilder 289
17.7 Zusammenfassung 293
17.8 Fragen und Übungen 293

18 Allgemeine Formatierung 295
18.1 Die Elemente div und span 295
18.2 Außenabstand 297
18.3 Innenabstand 299
18.4 Rahmen 301
18.5 Positionierung 304
18.6 Anzeige 306
18.7 Zusammenfassung 309
18.8 Fragen und Übungen 310

19 Tabellen und Listen 311
19.1 Tabellenformatierung 311
19.2 Listenformatierung 318
19.3 Zusammenfassung 324
19.4 Fragen und Übungen 325

20 Pseudoformate 327
20.1 Verweise 327
20.2 Absätze 328
20.3 Automatischer Text 330
20.4 Automatische Nummerierung 334
20.5 Zusammenfassung 337
20.6 Fragen und Übungen 337

21 Was sonst noch wichtig ist 339
21.1 Cursor 339
21.2 Scrollbar 340
21.3 Special Effects 342
21.4 Printmedien 346
21.5 Zusammenfassung 348
21.6 Fragen und Übungen 349

TEIL 4 : JAVASCRIPT

22 Grundlagen 353
22.1 Java und JavaScript 354
22.2 JavaScript in HTML 355
22.3 Das erste JavaScript 356
22.4 JavaScript in Dateien 358
22.5 Kommentare 359
22.6 Zusammenfassung 360
22.7 Fragen und Übungen 360

23 Variablen, Werte und Operatoren 361
23.1 Variablen 361
23.2 Werte 363
23.3 Operatoren 364
23.4 Einfacher Passwortschutz 367
23.5 Bedingte Anweisungen – if 369
23.6 Fallunterscheidung – switch 370
23.7 Zusammenfassung 371
23.8 Fragen und Übungen 372

24 Funktionen und Schleifen 373
24.1 Funktionen definieren 373
24.2 Funktionen aufrufen 374
24.3 Funktionen und Parameter 374
24.4 Funktionen und globale Variablen 376
24.5 Rückgabewerte 377
24.6 Schleifen 378
24.7 Zusammenfassung 381
24.8 Fragen und Übungen 381

25 Objektorientierung 383
25.1 Eigenschaften 384
25.2 Methoden 385
25.3 Objekthierarchie 386
25.4 Objekte instanziieren 386
25.5 Mehrere Anweisungen 389
25.6 Eigene Klassen 389
25.7 Zusammenfassung 391
25.8 Fragen und Übungen 392

26 Datums- und Zeitfunktionen 393
26.1 Formatierte Datumsausgabe 393
26.2 Führende Nullen 397
26.3 Besuchsdauer 398
26.4 Countdown 400
26.5 Datum validieren 402
26.6 Das Jahr 2000 404
26.7 Zusammenfassung 405
26.8 Fragen und Übungen 406

27 Informationen vom Browser 407
27.1 Welcher Browser? 407
27.2 Bildschirm 411
27.3 Plugins 415
27.4 Zusammenfassung 420
27.5 Fragen und Übungen 420

28 Zeichenkettenfunktionen 421
28.1 Länge 421
28.2 Groß- und Kleinschreibung 422
28.3 Zeichenposition 422
28.4 Teilzeichen 424
28.5 Teilstring 425
28.6 String zerlegen 425
28.7 Zusammenfassung 426
28.8 Fragen und Übungen 426

29 DHTML 427
29.1 HTML wird dynamisch 427
29.2 Kompatibilität 428
29.3 Internet Explorer-DOM 428
29.4 Netscape-DOM 429
29.5 W3C-DOM 431
29.6 Problematik und Lösung 436
29.7 Ausklappbare Navigationsleiste 436
29.8 Zusammenfassung 438
29.9 Fragen und Übungen 439

30 Was sonst noch wichtig ist 441
30.1 Ereignisbehandlung 441
30.2 Cookies 448
30.3 Fehlerbehandlung 452
30.4 Zusammenfassung 455
30.5 Fragen und Übungen 455

31 AJAX 457
31.1 Das XMLHttpRequest-Objekt 459
31.2 Daten vom Server holen 461
31.3 Daten senden 468
31.4 Eigenschaften und Methoden des XMLHttpRequest-Objekts im Überblick 472
31.5 Ein Chat mit AJAX 473
31.6 Schlussbetrachtung 486
31.7 Zusammenfassung 487
31.8 Fragen und Übungen 487

TEIL 5 : PERL – DYNAMISCH UND INTERAKTIV I

32 Perl 491
32.1 Perl ist nicht CGI 492
32.2 Das erste Perl-Skript 492
32.3 Textausgabe 493
32.4 Die erste Zeile 494
32.5 Notwendige Anweisungen 495
32.6 Kommentare und Quellstrukturierung 496
32.7 Zusammenfassung 497
32.8 Fragen und Übungen 497

33 Variablen und Operatoren 499
33.1 Skalare 499
33.2 Arrays 500
33.3 Hashes 503
33.4 Vordefinierte Variablen 505
33.5 Operatoren 506
33.6 Zusammenfassung 510
33.7 Fragen und Übungen 510

34 Subroutinen 513
34.1 Was sind Subroutinen? 513
34.2 Subroutinen erstellen 513
34.3 Subroutinen aufrufen 514
34.4 Local und my 515
34.5 Parameter übergeben 519
34.6 Rückgabewerte 520
34.7 Zusammenfassung 521
34.8 Fragen und Übungen 522

35 Ablaufsteuerung 523
35.1 if und unless 523
35.2 do-Schleife 525
35.3 for-Schleife 526
35.4 while-Schleife 527
35.5 foreach-Schleife 528
35.6 Schleifensteuerung 530
35.7 Zusammenfassung 531
35.8 Fragen und Übungen 531

36 Standardfunktionen 533
36.1 Zeichenkettenfunktionen 533
36.2 Hash- und Listenfunktionen 537
36.3 Datums- und Zeitfunktionen 542
36.4 Mathematische Funktionen 546
36.5 Umwandlungsfunktionen 549
36.6 Zusammenfassung 551
36.7 Fragen und Übungen 552

37 Ein- und Ausgabe 553
37.1 Parameterübergabe 553
37.2 Formulare 557
37.3 Cookies 562
37.4 Zusammenfassung 565
37.5 Fragen und Übungen 565

38 Dateisystem 567
38.1 Verzeichnisliste 567
38.2 Rekursion 570
38.3 Weitere Verzeichnisfunktionen 574
38.4 Datei lesen 576
38.5 Datei schreiben 578
38.6 Datei-Uploads 582
38.7 Zusammenfassung 585
38.8 Fragen und Übungen 586

39 Reguläre Ausdrücke 587
39.1 Was sind reguläre Ausdrücke? 587
39.2 Reguläre Ausdrücke verwenden 587
39.3 Metazeichen 588
39.4 Quantifier 590
39.5 Gruppierung 592
39.6 Zeichenklassen 592
39.7 Alternativen 594
39.8 Flags 594
39.9 Suchen und Ersetzen 594
39.10 Zusammenfassung 596
39.11 Fragen und Übungen 596

40 Was sonst noch wichtig ist 597
40.1 CGI und SSI 597
40.2 CGI-Umgebungsvariablen 602
40.3 Zusammenfassung 604
40.4 Fragen und Übungen 604

TEIL 6 : PHP – DYNAMISCH UND INTERAKTIV II

41 PHP 607
41.1 Das erste PHP-Skript 608
41.2 PHP und die Dateiendungen 609
41.3 PHP in eigenen Dateien 610
41.4 Quellstrukturierung und Kommentare 611
41.5 Textausgabe 611
41.6 Alternative PHP-Tags 613
41.7 Zusammenfassung 613
41.8 Fragen und Übungen 614

42 Variablen und Operatoren 615
42.1 Variable 615
42.2 Datentypen 616
42.3 Arrays 620
42.4 Resource und NULL 621
42.5 Operatoren 622
42.6 Zusammenfassung 626
42.7 Fragen und Übungen 626

43 Programmsteuerung 627
43.1 if-Bedingung 627
43.2 do…while-Schleife 628
43.3 while-Schleife 629
43.4 for-Schleife 630
43.5 foreach-Schleife 631
43.6 switch-Anweisung 632
43.7 Einbinden von Dateien 634
43.8 Schleifen steuern 635
43.9 Alternative Syntax 636
43.10 Zusammenfassung 638
43.11 Fragen und Übungen 638

44 Funktionen, Objekte und Klassen 639
44.1 Objekte 639
44.2 Funktionen 639
44.3 Klassen 641
44.4 Objekte instanziieren 642
44.5 Konstruktoren 643
44.6 Vererbungslehre 644
44.7 Zusammenfassung 646
44.8 Fragen und Übungen 646

45 Standardfunktionen 647
45.1 Zeichenkettenfunktionen 647
45.2 Array-Funktionen 651
45.3 Datums- und Zeitfunktionen 657
45.4 Mathematische Funktionen 660
45.5 Zusammenfassung 662
45.6 Fragen und Übungen 662

46 Ein- und Ausgabe 663
46.1 Parameterübergabe 663
46.2 Formulare 666
46.3 Cookies 669
46.4 Datei-Upload 671
46.5 Zusammenfassung 674
46.6 Fragen und Übungen 675

47 Dateisystem 677
47.1 Verzeichnisliste 677
47.2 Rekursion 680
47.3 Datei schreiben 681
47.4 Datei lesen 683
47.5 Dateieigenschaften 686
47.6 Dateisystemoperationen 687
47.7 Zusammenfassung 688
47.8 Fragen und Übungen 688

48 Sitzungen 689
48.1 Was sind Sessions? 689
48.2 Session erzeugen 690
48.3 Mit Variablen arbeiten 691
48.4 Session beenden 692
48.5 Weitere Session-Funktionen 693
48.6 Zusammenfassung 693
48.7 Fragen und Übungen 693

49 Was sonst noch wichtig ist 695
49.1 Server-Informationen 695
49.2 Netzwerkfunktionen 696
49.3 Perl-kompatible reguläre Ausdrücke in PHP 700
49.4 PDF-Dokumente erzeugen 702
49.5 Zusammenfassung 708
49.6 Fragen und Übungen 708

50 PHP 5 – Was ist neu? 709
50.1 Objektorientierung 709
50.2 Konstruktor und Destruktor 711
50.3 Fehlerbehandlung 714
50.4 SimpleXML 721
50.5 Sonstiges 723
50.6 Zusammenfassung 723
50.7 Fragen und Übungen 724

TEIL 7 : MYSQL – DER DATENSPEICHER

51 MySQL – Der Datenspeicher für Ihre Internetseiten 727
51.1 Mein SQL gib mir heute 727
51.2 Datenbanktypen 728
51.3 Redundanz und Inkonsistenz 729
51.4 Zusammenfassung 730
51.5 Fragen und Übungen 731

52 Die Sprache SQL 733
52.1 Einstieg 733
52.2 Namenskonventionen 734
52.3 Datenbank erstellen, löschen oder auswählen 735
52.4 Tabellen erstellen und löschen 736
52.5 Tabellen verändern 738
52.6 MySQL-Datentypen 739
52.7 Zusammenfassung 741
52.8 Fragen und Übungen 742

53 Datenaustausch 743
53.1 SELECT 743
53.2 VIEWS 754
53.3 INSERT 755
53.4 UPDATE 756
53.5 DELETE 757
53.6 Tabellen importieren und exportieren 757
53.7 Tabellenverknüpfung 759
53.8 Zusammenfassung 761
53.9 Fragen und Übungen 762
53.10 Transaktionsorientierung 762
53.11 Stored Procedures und Trigger 764

54 MySQL und Perl 775
54.1 Vorbereitungen 775
54.2 Datenbankverbindung herstellen 776
54.3 Anfragen stellen 778
54.4 Ergebnisverarbeitung bei SELECT-Anweisungen 781
54.5 Ergebnisverarbeitung bei Anweisungen, die keine Ergebnismenge liefern 784
54.6 Datentypen 786
54.7 Fehlerbehandlung 788
54.8 Metainformationen 790
54.9 Zusammenfassung 791
54.10 Fragen und Übungen 791

55 MySQL und PHP 793
55.1 Datenbankverbindung herstellen 793
55.2 Datenbank auswählen 795
55.3 Anfragen stellen 797
55.4 Ergebnisverarbeitung bei SELECT oder SHOW 798
55.5 Ergebnisverarbeitung bei anderen Anweisungen 801
55.6 Datentypen 802
55.7 Fehlerbehandlung 803
55.8 Metainformationen 804
55.9 Zusammenfassung 807
55.10 Fragen und Übungen 808
55.11 mysqli 808

TEIL 8 : DYNAMISCHE BILDGENERIERUNG MIT PHP UND PERL

56 Dynamische Bildgenerierung – PHP-Variante 815
56.1 Die GD-Library und PHP 815
56.2 Eine erste dynamische Grafik 816
56.3 Grafiken verändern 820
56.4 Zeichnen 822
56.5 Erweiterte Textausgabe 829
56.6 Thumbnails erzeugen 831
56.7 Anwendungsbeispiele 835
56.8 Zusammenfassung 843
56.9 Fragen und Übungen 843

57 Dynamische Bildgenerierung – Perl-Variante 845
57.1 Die GD-Library und Perl 845
57.2 Erste Versuche 848
57.3 Grafiken verändern 853
57.4 In einer Grafik zeichnen 855
57.5 Erweiterte Textausgabe 864
57.6 Thumbnails erzeugen 867
57.7 Anwendungsbeispiele 870
57.8 Zusammenfassung 880
57.9 Fragen und Übungen 880

TEIL 9 : XML

58 XML – Eine Einleitung 885
58.1 Was ist XML? 885
58.2 Elemente und Attribute 886
58.3 Strukturierung, Bezeichnung und Kommentare 887
58.4 DTD und Schema 890
58.5 Zusammenfassung 891
58.6 Fragen und Übungen 891

59 RDF/RSS 893
59.1 Was ist RDF/RSS? 893
59.2 RDF/RSS-Dokumente einsetzen 894
59.3 Zusammenfassung 897
59.4 Fragen und Übungen 897

60 Webservices 899
60.1 Was sind Webservices? 899
60.2 Die unterschiedlichen Varianten 899
60.3 Webservices nutzen 902
60.4 Zusammenfassung 912
60.5 Fragen und Übungen 912

TEIL 10 : WORKSHOPS

61 Workshop »Content Management System« 915
61.1 Das Ziel 915
61.2 Wählen Sie jetzt! 918
61.3 Strukturierung 919
61.4 Zusammenfassung 922

62 Die Datenbank 923
62.1 Datenbankstruktur planen und festlegen 923
62.2 Tabellenstruktur planen und erzeugen 924
62.3 Erste Einträge anlegen 927
62.4 Zusammenfassung 927

63 Das Design 929
63.1 Die Struktur 929
63.2 HTML-Vorlage 930
63.3 Zusammenfassung 932

64 Die Programmierung 933
64.1 Die Konfigurationsdateien 933
64.2 Die index.php 934
64.3 Die Datei functions.inc.php 937
64.4 Die Datei base.inc.php 939
64.5 Die Datei database.inc.php 940
64.6 Das Projekt im Einsatz 940

65 Administrationsbereich 941
65.1 Verzeichnisse und Dateien 941
65.2 Anmelden im Adminbereich 942
65.3 Anmerkungen 948

66 Der Schluss 949
66.1 Verbesserungsmöglichkeiten 949
66.2 Das Projekt installieren 950

67 Workshop »Newsfeed« 951
67.1 Die newsfeed-Klasse 951
67.2 Die Klasse einsetzen 960
67.3 Anmerkungen 961

68 Workshop »Weblog« 963
68.1 Was sind Weblogs? 963
68.2 Ein Weblog einrichten 964
68.3 Anmerkungen 968

TEIL 11 : SONSTIGES

69 Rechtliche Fragen rund um Webseiten 971
69.1 Urheberrecht 971
69.2 Zivilrecht 973
69.3 Das Recht am eigenen Bild 974
69.4 Teledienstegesetz 975
69.5 Strafrecht 975
69.6 Anmerkungen 976

70 Suchmaschinenoptimierung 977
70.1 Funktionsweise von Suchmaschinen 977
70.2 Relevante Suchmaschinen 980
70.3 Seiten und Texte »findbar« machen 982
70.4 Das Ranking optimieren 989
70.5 Backlinks 994
70.6 Zusammenfassung und Lesestoff 996

71 Barrierefreiheit 997
71.1 Tags und Schriftformatierung 1001
71.2 Farben 1001
71.3 Bilder 1002
71.4 Video-Sequenzen 1007
71.5 Tabellen 1007
71.6 Neue Fenster, Frames und iFrames 1013
71.7 Fazit 1013

TEIL 12 : ANHANG

A Antworten und Lösungen 1017
A.1 Teil 2: HTML 1017
A.2 Teil 3: CSS – Layout fürs Internet 1029
A.3 Teil 4: JavaScript 1035
A.4 Teil 5: Perl – dynamisch und interaktiv I 1045
A.5 Teil 6: PHP – dynamisch und interaktiv II 1056
A.6 Teil 7: MySQL – Datenspeicher 1068
A.7 Teil 8: Dynamische Bildgenerierung mit PHP und Perl 1075
A.8 Teil 9: XML 1079

B Referenztabellen 1083
B.1 ASCII-Zeichentabelle 1083
B.2 Zahlenumrechnungstabelle 1085
B.2.1 Binärsystem 1085
B.2.2 Oktalsystem 1086
B.2.3 Hexadezimalsystem 1087
B.3 Rechnen mit bitweisen Operatoren 1089
B.4 Farbworte 1092
B.5 Websichere Farben 1094
B.6 MIME-Typen 1095
B.7 Sprachenkürzel 1097
B.8 MySQL-Fehlernummern 1099

C Reservierte Wörter 1107
C.1 JavaScript 1107
C.2 Perl 1108
C.3 PHP 1110

D Weitere Informationen 1111
D.1 WWW-Links 1111
D.2 Buch-Tipps 1111
D.3 Quellenverzeichnis 1112

E Inhalt der DVD-ROM 1113

F Glossar 1115

Index 1121