-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
2400 lines (2382 loc) · 111 KB
/
index.html
File metadata and controls
2400 lines (2382 loc) · 111 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<meta name="description" content="Web-Entwicklung VU 2023 - Theorie" />
<meta name="author" content="Alle" />
<title>Web-Entwicklung VU 2023 - Theorie</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="assets/favicon.ico" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body>
<div class="d-flex" id="wrapper">
<!-- Sidebar-->
<div class="border-end bg-white" id="sidebar-wrapper">
<div class="sidebar-heading border-bottom bg-light">WebDev</div>
<div class="list-group list-group-flush">
<a
class="list-group-item list-group-item-action list-group-item-light p-3"
href="#html"
>Was ist HTML?</a
>
<!-- <a
class="list-group-item list-group-item-action list-group-item-light p-3"
href="#css"
>Was ist CSS?</a
> -->
<a
class="list-group-item list-group-item-action list-group-item-light p-3"
href="#internet"
>Was ist das Internet?</a
>
<a
class="list-group-item list-group-item-action list-group-item-light p-3"
href="#http"
>HTTP</a
>
<a
class="list-group-item list-group-item-action list-group-item-light p-3"
href="#osi"
>OSI Schichtenmodell</a
>
<a
class="list-group-item list-group-item-action list-group-item-light p-3"
href="#session"
>Session Layer</a
>
<a
class="list-group-item list-group-item-action list-group-item-light p-3"
href="#application"
>Application Layer</a
>
<!-- <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Data Link</a>
<a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Transport
Layer</a>
<a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Presentation
Layer</a>
<a class="list-group-item list-group-item-action list-group-item-light p-3"
href="#!">Netzwerk-Architekturen</a> -->
<a
class="list-group-item list-group-item-action list-group-item-light p-3"
href="#csspro"
>Was sind CSS Processors?</a
>
<!-- <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">WWW</a> -->
<a
class="list-group-item list-group-item-action list-group-item-light p-3"
href="#uri"
>URI - URL - URN</a
>
<a
class="list-group-item list-group-item-action list-group-item-light p-3"
href="#frontend"
>Was ist ein Frontend?</a
>
<a
class="list-group-item list-group-item-action list-group-item-light p-3"
href="#backend"
>Was ist ein Backend?</a
>
<a
class="list-group-item list-group-item-action list-group-item-light p-3"
href="#cssframeworks"
>Was sind CSS Frameworks?</a
>
<!-- <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Was ist das
DOM?</a> -->
<!-- <a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Datentypen und
Datenstrukturen in JS</a> -->
<a
class="list-group-item list-group-item-action list-group-item-light p-3"
href="#cms"
>Was sind CMS?</a
>
<!-- <a
class="list-group-item list-group-item-action list-group-item-light p-3"
href="#webframeworks"
>Was sind Webframeworks?</a
> -->
<a
class="list-group-item list-group-item-action list-group-item-light p-3"
href="#javascript"
>Was ist JavaScript?</a
>
</div>
</div>
<!-- Page content wrapper-->
<div id="page-content-wrapper">
<!-- Top navigation-->
<nav
class="navbar navbar-expand-lg navbar-light bg-light border-bottom"
>
<div class="container">
<button class="btn btn-primary" id="sidebarToggle">
Toggle Menu
</button>
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
</div>
</nav>
<!-- Page content-->
<!--SCHÖNGRUBER-->
<div class="container-fluid">
<div class="post">
<h2 id="html">Was ist HTML?</h2>
<p>May 13, 2023 by <a href="#">Sarah Schoengruber</a></p>
<hr />
<p>
HTML steht für Hypertext Markup Language, auf Deutsch
Auszeichnungssprache für Hypertext. Hyper wird hier im Sinne von
„erweitert“ gebraucht und bedeutet, dass Hypertext nicht einfach
zur geradlinigen Lektüre gedacht ist. Statt dessen bietet ein
Hypertext-Dokument Verknüpfungen zu anderen Textstellen an - die
Hyperlinks. Das Ziel solcher Links kann im gleichen Dokument
liegen oder auch in einem ganz anderen. Hypertext lässt sich auf
unterschiedliche Weisen herstellen. HTML ist eine rein auf Text
basierende Realisierung dieses Konzepts und verwendet spezielle
Zeichenfolgen, um Hyperlinks zu erzeugen und Einsprungpunkte für
Hyperlinks zu markieren. Gleichzeitig bieten diese Markierungen
auch die Möglichkeit, den Inhalt des Dokuments zu strukturieren,
so dass bei der Anzeige des Dokuments eine passende Darstellung
erzeugt werden kann.
</p>
<br />
<h3>Aufbau von HTML-Dokumenten</h3>
<h4>Elemente</h4>
<p>Dies sind die wichtigsten Tags:</p>
<ul>
<li>
<code><!DOCTYPE html></code>: Hiermit wird der Dokumenttyp
deklariert, dies ist obligatorisch und auch notwendig, damit
sich das Dokument richtig verhält.
</li>
<li>
<code><html></html></code>: Das HTML-Element, oft
auch Wurzelelement genannt, umschließt den Inhalt der gesamten
Webseite.
</li>
<li>
<code><head></head></code>: Im Head-Element wird all
das abgelegt, das nicht Inhalt der Webseite ist. Darunter fallen
z. B. Keywords, die von Suchmaschinen gefunden werden können,
die Beschreibung der Webseite oder Links auf Stylesheets.
</li>
<li>
<code><meta charset="utf-8"></code>: Hiermit wird der
Zeichensatz des Dokuments auf UTF-8 gestellt, was empfohlen ist,
weil damit die meisten Zeichen der meisten Sprachen dargestellt
werden können.
</li>
<li>
<code><title></title></code>: Mit dem Title-Element
wird der Titel des Dokuments festgelegt, der z. B. im Tab
aufscheint.
</li>
<li>
<code><body></body></code>: Das Body-Element umschließt
all den Inhalt, den Nutzer*innen der Webseite sehen sollen, z.
B. Texte, Videos, Audiodateien usw.
</li>
</ul>
<br />
<h4>Attribute</h4>
<img
src=" https://www.html-seminar.de/bilder/html-befehl-aufbau-attribute.jpg"
class="img-fluid"
alt="HTML Attribute"
/>
<br />
<p>
Bei Attributen sollte man folgende Dinge immer im Hinterkopf
behalten:
</p>
<ul>
<li>
Attributwerte sollten immer in Anführungszeichen gesetzt werden.
</li>
<li>
Die Attribute kommen einfach hintereinander mit einem
Leerzeichen getrennt. Die Reihenfolge der Attribute ist
unwichtig.
</li>
<li>
Viele Attribute sind optional. Zb. <code>id</code> und
<code>class</code>. Aber andere HTML tags setzen die Benutzung
dieser voraus, wie etwa <code>img</code> und <code>a</code>
</li>
</ul>
<br />
<p>
Aus diesen Tags und Attributen kann man folgendes Grundgerüst
bilden:
</p>
<img
src="img/grungeruestHTML.jpg"
class="img-fluid"
alt="Grundgerüst eines HTML Dokuments"
/>
<br />
<p>
Folgendes sollte man sich also bezüglich HTML Dokumenten merken:
</p>
<div class="card-deck">
<div class="card bg-info">
<div class="card-body text-center">
<p class="card-text">
Ein sinnvolles HTML-Dokument besteht aus einem
<b>Head</b> und einem <b>Body</b>
</p>
</div>
</div>
<div class="card bg-light">
<div class="card-body text-center">
<p class="card-text">
Der Header enthält Informationen <b>über</b> das Dokument,
die nicht zum eigentlichen Inhalt gehören, z.B. Titel,
Autor, Keywords, Kodierung, Sprache, … (Metadaten / SEO)
</p>
</div>
</div>
<div class="card bg-info">
<div class="card-body text-center">
<p class="card-text">
Der <b>Body</b> enthält <b>eigentlichen</b> Inhalt des
Dokuments, z.B. Überschriften, Absätze, Listen, Tabellen,
Formulare, Links zu Bildern usw.
</p>
</div>
</div>
<div class="card bg-light">
<div class="card-body text-center">
<p class="card-text">
Ein HTML Dokument hat immer eine <b>Baumstruktur</b>
</p>
</div>
</div>
</div>
<br />
<h3>HTML, CSS und JavaScript</h3>
<p>
Damit das HTML Dokument auch ansprechend aussieht, braucht man ein
sogenanntes Stylesheet (.css) und um auch noch einige
Funktionalitäten zu gewährleisten ist ein entsprechendes
Javascript Dokument (.js) hilfreich.
</p>
<br />
<h4>Einbinden von CSS und JavaScript</h4>
<p>
Es gibt mehrere Varianten um diese Files mit dem HTML zu
verlinken. Die gängigste Methode besteht darin, im
<code><head></code> Element den Tag
<code><link></code>einzufügen. Bei dieser Variante muss das
css bzw. js Dokument separat gespeichert sein. Die zweite Variante
ist eher unuübersichtlich, da hier inline, also direkt im HTML
Code die Script Befehle geschrieben werden. Entweder wird dies im
header gemacht oder direkt im Tag. Hier beide Inline Varianten am
Beispiel von CSS:
</p>
<br />
<h5>Im Head:</h5>
<img
src="img/InlineHEAD.jpg"
class="img-fluid"
alt="Inline Beispiel im Head"
/>
<h5>Im Tag:</h5>
<img
src="img/InlineTAG.jpg"
class="img-fluid"
alt="Inline Beispiel im Tag"
/>
<br />
<br />
<h3>Verwendete Quellen</h3>
<ul>
<li>
<a
href="https://wiki.selfhtml.org/wiki/HTML/Tutorials/Einstieg/Erste_Schritte"
>https://wiki.selfhtml.org/wiki/HTML/Tutorials/Einstieg/Erste_Schritte</a
>
</li>
<li>
<a
href="http://web.simmons.edu/~grabiner/comm244/weekone/html-attributes.html"
>http://web.simmons.edu/~grabiner/comm244/weekone/html-attributes.html</a
>
</li>
</ul>
</div>
</div>
<!--DELIC-->
<div class="container-fluid">
<div class="post">
<h1 id="internet">Das Internet</h1>
<p>May 2023 by <a href="#">Dominik Delic</a></p>
<hr />
<ul>
<li>
Das Internet (von englisch interconnected networks
‚zusammengeschaltete Netzwerke‘, kürzer englisch internetwork
oder kurz net ‚Netz‘), umgangssprachlich auch Netz, ist ein
weltweiter Verbund von Rechnernetzwerken, den autonomen
Systemen.
</li>
<li>
Es ermöglicht die Nutzung von Internetdiensten wie WWW, E-Mail,
Telnet, SSH, XMPP, MQTT und FTP und dabei kann sich jeder
Rechner mit jedem anderen Rechner verbinden.
</li>
<li>
Der Datenaustausch zwischen den über das Internet verbundenen
Rechnern erfolgt über die technisch normierten
Internetprotokolle und die Technik des Internets wird durch die
RFCs der Internet Engineering Task Force (IETF) beschrieben.
</li>
<li>
Die Verbreitung des Internets hat zu umfassenden Umwälzungen in
vielen Lebensbereichen geführt. Es trug zu einem
Modernisierungsschub in vielen Wirtschaftsbereichen sowie zur
Entstehung neuer Wirtschaftszweige bei und hat zu einem
grundlegenden Wandel des Kommunikationsverhaltens und der
Mediennutzung im beruflichen und privaten Bereich geführt. Die
kulturelle Bedeutung dieser Entwicklung wird manchmal mit der
Erfindung des Buchdrucks gleichgesetzt.
</li>
</ul>
<br />
<h1>Die Geburtstunde des Internets</h1>
<ul>
<li>
Die Geburtsstunde des Internets ist das Jahr 1957, als die
Sowjetunion ihren ersten Satelliten Sputnik 1 ins All schickte.
Das Verteidigungsministerium der USA fürchtete, dass es so der
Sowjetunion gelingen könnte, das US-amerikanische
Nachrichtensystem zu zerstören. Dies war der Auslöser für die
Planung eines computergesteuerten Nachrichtensystems, welches
auch bei Ausfall eines Knotens weiterhin funktionsfähig sein
soll. Zu diesem Zweck wurde die Advances Research Project Agency
gegründet, welche erste Versuche mit paketvermittelnden Netzen
durchführte. Sie entwickelte ein dezentrales Computernetzwerk,
bei dem die Rechner an unterschiedlichen Standorten aufgestellt
wurden. Dieses in erster Linie für militärische Zwecke
entwickelte Netzwerk wurde 1965 auch für einige Universitäten
der USA geöffnet und schließlich 1969 auch der Öffentlichkeit
vorgestellt.
</li>
</ul>
<br />
<h1>Drei Phasen der Internetgeschichte</h1>
<p>
Die Geschichte des Internets lässt sich grob in folgende drei
Phasen einteilen:
</p>
<ul>
<li>
Die erste Phase, die Frühphase, setzt ab Mitte der 1960er Jahre
ein. Hier wurden die Grundlagen der heutigen Technik und
Anwendungen des Internets gelegt.
</li>
<li>
In den 1970er Jahren folgte die zweite Phase der
Internetgeschichte und ist durch das Wachstum und den
internationalen Ausbau des Internets gekennzeichnet. <br />
Diese Phase wird alternativ auch als die wilde Phase des
Internets bezeichnet, da hier das Internet noch eine
Tauschökonomie für Software und Information darstellte und durch
die Beteiligung und Selbstorganisation von Communitys und
Hackern geprägt war.
</li>
<li>
Die kommerzielle Phase des Internets beginnt in den 1990er
Jahren. Durch die Abschaltung des Arpanets, eines
Computernetzwerkes der US Air Force, war das Internet auch für
die Öffentlichkeit zugänglich.
</li>
</ul>
<br />
<h1>1989-1990 Jahre: Das World Wide Web (WWW) formiert sich</h1>
<ul>
<li>
Eine wichtige Persönlichkeit für die Entwicklung des Internets
war der britische Informatiker Tim Berners-Lee. Er
veröffentlichte 1989 erste Entwürfe der Auszeichnungssprache
HTML (Hypertext Markup Language), auf der heute noch alle
Webseiten aufbauen.
</li>
<li>
Zudem entwickelte er auch das Protokoll HTTP, welches das
Navigieren über Links ermöglicht, sodass gezielte Verbindungen
zu Informationen auf anderen Webseiten hergestellt werden
können.Berners-Lee entwickelte außerdem die URL, den ersten
Webbrowser und den ersten Webserver.
</li>
<li>
Diese Entwicklungen waren die Grundlage für das World Wide Web
(WWW).
</li>
<li>
1990 wurde das Internet zu einem massentauglichem Medium. In
diesem Jahr beschloss die National Science Foundation das
Internet nicht nur für Forschungszwecke, sondern auch für
kommerzielle Zwecke nutzbar zu machen.
</li>
</ul>
<br />
<h1>HTTP - Hyper Text Transfer Protocol</h1>
<p>
HTTP steht für Hypertext Transfer Protocol oder auch
Hypertext-Übertragungsprotokoll. Es wird benutzt, um Webseiten aus
dem World Wide Web in einen Webbrowser lesbar zu machen.
</p>
<ul>
<li>Protokoll auf Anwendungsschicht, basiert auf TCP/IP</li>
<li>
Interaktion erfolgt lediglich in Form eines einfachen
Frage/Antwort-Verfahrens (Client macht einen Request - Server
gibt Response)
</li>
<li>
Protokoll ist zustandslos (Server (kann mit mehreren Clients
agieren) ‘weiß’ nicht ob Client (Maschine oder ein Programm, das
Anfragen stellt) schon einmal gefragt hat)
</li>
</ul>
<br />
<h1>HTTP Methods</h1>
<ul>
<li>GET: URI + Server Anforderung</li>
<li>
POST: schickt unbegrenzte Mengen an Daten zur weiteren
Verarbeitung zum Server
</li>
<li>
HEAD: wie GET, aber nur um die Metadaten zurück zu bekommen
</li>
<li>
PUT: Hochladen auf Webserver, Resource ersetzen oder anlegen
</li>
<li>
PATCH: Ändert ein bestehendes Dokument ohne dieses wie bei PUT
vollständig zu ersetzen
</li>
<li>DELETE: löscht die angegebene Ressource auf dem Server</li>
<li>
TRACE: Überprüft, ob und wie die Anfrage auf dem Weg zum Server
verändert worden ist
</li>
<li>
OPTIONS: liefert eine Liste der vom Server unterstützten
Methoden und Merkmale
</li>
<li>
CONNECT: wird von Proxyservern implementiert, um SSL-Tunnel zur
Verfügung zu stellen
</li>
</ul>
<br />
<h1>URI - URL - URN</h1>
<p>
Dienen zur weltweit eindeutigen Identifikation und Adressierung
von Dokumenten im Web.
</p>
<ul>
<li>URI - Uniform Resource Identifier</li>
<li>URN - Uniform Resource Name</li>
<li>URL - Uniform Resource Locator</li>
</ul>
<p>Verbreitetste Ausprägung der URIs sind URLs</p>
<img
class="img-fluid"
src="https://danielmiessler.com/images/URL-URI-Miessler-2022-2048x871.png"
width="600"
height="400"
alt="URI URN URL"
/>
<br />
<br />
<h1>Anforderungen an URIs</h1>
<ul>
<li>
Universalität (Jede Ressource im Internet soll unabhängig vom
Informationsdienst ansprechbar sein)
</li>
<li>
Eindeutigkeit (Jede Ressource muss weltweit eindeutig
identifizierbar sein)
</li>
<li>Erweiterbarkeit</li>
<li>
Fixierbarkeit (URI sollen nicht nur auf elektronischem Weg
austauschbar, sondern auch manuell bearbeitbar oder druckbar
sein)
</li>
</ul>
<br />
<h1>Aufbau einer URI</h1>
<ul>
<li>
URI besteht aus fünf Teilen. Nur “scheme” und “path” sind
verpflichtend
</li>
<li>
Was kann drinnen stehen: Benutzer, Passwort, Hostname,
Portnummer, Pfadname
</li>
</ul>
<img
class="img-fluid"
src="data:image/png;base64,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"
width="600"
height="400"
alt="URI Aufbau"
/>
<br />
<h3>Verwendete Quellen:</h3>
<ul>
<li>
<a href="https://de.wikipedia.org/wiki/Internet"
>https://de.wikipedia.org/wiki/Internet</a
>
</li>
<li>
<a
href="https://www.fonial.de/wissen/begriff/geschichte-des-internets/"
>https://www.fonial.de/wissen/begriff/geschichte-des-internets</a
>
</li>
<li>
<a
href="https://docs.google.com/presentation/d/11g9T2wCwGb7ao-ieYO3oPBwUQ2ZkJ2cMYRlodgMB6sE/edit#slide=id.g6cc2144804_0_412"
>https://docs.google.com/presentation/d/11g9T2wCwGb7ao-ieYO3oPBwUQ2ZkJ2cMYRlodgMB6sE/edit#slide=id.g6cc2144804_0_412</a
>
</li>
</ul>
</div>
</div>
<!--KROISSENBRUNNER-->
<div class="container-fluid">
<div class="post">
<h2 id="http">Was ist HTTP?</h2>
<p>May 2023 by <a href="#">Martin Kroißenbrunner</a></p>
<hr />
<h3>Beschreibung</h3>
<p>
HTTP (Hypertext Transfer Protocol) ist ein Protokoll, das für die
Kommunikation im World Wide Web verwendet wird. Es ermöglicht den
Austausch von Informationen und Ressourcen zwischen einem
Webserver und einem Webbrowser. HTTP basiert auf dem
Client-Server-Modell, bei dem der Webbrowser (Client) eine Anfrage
sendet und der Webserver darauf antwortet.
</p>
<p>
HTTP verwendet eine Textformatierung, bei der Anfragen und
Antworten in Nachrichten eingebettet sind. Eine HTTP-Anfrage
besteht aus einer Methode (wie GET, POST, PUT usw.), einer URL
(Uniform Resource Locator) und optionalen Headern und Daten. Der
Webserver verarbeitet die Anfrage und sendet eine HTTP-Antwort
zurück, die den Statuscode, Headerinformationen und den Inhalt
enthält.
</p>
<p>
HTTP ist ein wichtiger Bestandteil des Internets und ermöglicht
das Abrufen von Webseiten, das Hochladen von Dateien, das
Ausführen von API-Anfragen und vieles mehr. Es ist ein
grundlegendes Protokoll, das von Webentwicklern, Browsern und
anderen Anwendungen verwendet wird, um Informationen über das
Netzwerk auszutauschen.
</p>
<br />
<h3>
Beispiel einer grundlegenden Interaktion zwischen einem Client und
einem Server über HTTP
</h3>
<br />
<h4>Request</h4>
<code>
GET /index.html HTTP/1.1<br />
Host: www.example.com<br />
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64)
AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124
Safari/537.36<br />
</code>
<br />
<h4>Response</h4>
<code>
HTTP/1.1 200 OK<br />
Content-Type: text/html<br />
Content-Length: 1274<br />
<br />
<!DOCTYPE html><br />
<html><br />
<head><br />
<title>Example</title><br />
</head><br />
<body><br />
<h1>Hello, World!</h1><br />
</body><br />
</html><br />
</code>
<br />
<h3>HTTP-Statuscodes und Beschreibungen</h3>
<p>
HTTP-Statuscodes sind dreistellige Zahlen, die vom Server als
Antwort auf eine Anfrage des Clients zurückgegeben werden. Diese
Codes geben Informationen über den Status der Anfrage und helfen
bei der Fehlerbehebung und Problembehandlung von
Kommunikationsproblemen zwischen Client und Server. Jeder
Statuscode hat eine spezifische Bedeutung und ist in verschiedene
Klassen eingeteilt, wie z.B. Information, Erfolg, Umleitung,
Clientfehler und Serverfehler.
</p>
<div class="row">
<div class="col-6">
<h4>Beispiele:</h4>
<ul>
<li>
301 Moved Permanently: Die angeforderte Ressource wurde
dauerhaft an eine neue URL verschoben. Clients sollten ihre
Lesezeichen oder Links auf die neue Adresse aktualisieren.
</li>
<li>
305 Use Proxy: Die angeforderte Ressource muss über den in
der Location-Header angegebenen Proxy abgerufen werden.
Clients sollten für zukünftige Anfragen den angegebenen
Proxy verwenden.
</li>
<li>
307 Temporary Redirect: Die angeforderte Ressource wurde
vorübergehend an eine andere URL verschoben. Clients sollten
für zukünftige Anfragen weiterhin die ursprüngliche URL
verwenden.
</li>
<li>
400 Bad Request: Der Server kann die Anfrage aufgrund
fehlerhafter Syntax oder ungültiger Parameter, die vom
Client gesendet wurden, nicht verarbeiten.
</li>
<li>
404 Not Found: Der Server kann die angeforderte Ressource
nicht finden. Sie wurde möglicherweise entfernt oder die URL
ist falsch.
</li>
<li>
408 Request Timeout: Der Server hat die Anfrage aufgrund der
Inaktivität des Clients oder des Versäumnisses, eine
vollständige Anfrage innerhalb des vom Server festgelegten
Timeout-Zeitraums zu senden, abgebrochen.
</li>
<li>
413 Request Entity Too Large: Der Server lehnt die
Verarbeitung der Anfrage ab, da die Nutzlast (z.B. POST-
oder PUT-Daten) die konfigurierten Grenzwerte des Servers
überschreitet.
</li>
<li>
417 Expectation Failed: Der Server kann die Anforderungen,
die im Expect-Request-Header angegeben sind, nicht erfüllen.
</li>
<li>
500 Internal Server Error: Es ist ein allgemeiner
Serverfehler aufgetreten, der ihn daran hindert, die Anfrage
zu erfüllen. Dieser Statuscode wird oft für nicht behandelte
Ausnahmen oder unerwartete Fehler verwendet.
</li>
</ul>
</div>
<div class="col-6">
<img
src="https://www.geekbundle.org/wp-content/uploads/2017/01/23-http-status-codes.png"
alt="HTTP Comic"
width="500px"
/>
</div>
</div>
<br />
<h3>Quellen</h3>
<ul>
<li>https://www.w3.org/Protocols/HTTP/1.0/spec.html</li>
<li>
https://developer.mozilla.org/en-US/docs/Web/HTTP/Overview
</li>
<li>https://developer.mozilla.org/en-US/docs/Web/HTTP/Status</li>
<li>https://www.restapitutorial.com/httpstatuscodes.html</li>
</ul>
</div>
</div>
<!--FALTIS-->
<div class="container-fluid">
<div class="post">
<h2 id="osi">Das OSI-Referenzmodell</h2>
<p>May 18, 2023 by <a href="#">Gisela Faltis</a></p>
<hr />
<p>
<strong
>Das OSI-Modell
<i>(Open System Inerconnection model)</i></strong
>
ist ein Referenzmodell für Netzwerkprotokolle, die als Schichten
strukturiert sind. Das OSI-Modell findet in der Computer- und
Netzwerktechnik Anwendung. Es wurde von der ISO
<i>(International Organization for Standardization)</i> als
Grundlage für die Bildung von offenen Kommunikationsstandards
entworfen. Der Abstraktionsgrad der Funktionalität nimmt von
Schicht 1 bis zur Schicht 7 zu. Mit diesem Modell wird die
standardisierte Kommunikation zwischen Computersystemen
ermöglicht, unabhängig von Software und Hardware. Das OSI-Modell
besteht aus insgesamt 7 Schichten und jede Schicht erfüllt dabei
eine bestimmte Aufgabe. Die Strukturierung in Schichten ermöglicht
die universelle Kommunikation innerhalb eines Netzwerkes aber auch
zwischen zwei verschiedenen Netzwerken.
</p>
<img
src="https://www.elektroniktutor.de/internet/net_pict/osi.png"
class="img-fluid"
alt="Bild, stell OSI-Modell dar."
/>
<br />
<br />
<h3>Geschichte</h3>
<p>
Bereits in den 70er Jahren begann die Entwicklung des OSI-Modells
und wurde von der International Telecommunication Union (ITU) und
der International Organization for Standardization (ISO)
veröffentlicht, weswegen das OSI-Modell auch gern ISO/OSI-Modell
genannt wird. Die Definition des ISO/OSI-Standards hatte zum Ziel,
ein Referenzmodell zu schaffen, welches die Kommunikation diverser
technischer Systeme über unterschiedlichste Medien und
Technologien zu ermöglichen und Kompatibilitäten bereitstellt.
</p>
<br />
<h3>Bitübertragung | Physical Layer</h3>
<p>
Der Physical Layer oder auch Bit-Übertragungsschicht genannt,
bildet die erste und unterste Schicht des Modells. Der Physical
Layer sorgt für die Weiterleitung und Übertragung und definiert
die elektrische, mechanische und funktionalen Schnittstellen zum
Übertragungsmedium, also für die physischen Geräte und jene
Komponenten, auf denen der Datentransfer abläuft.
</p>
<br />
<h3>Übersichtstabelle</h3>
<p>
<style type="text/css">
.tg {
border-collapse: collapse;
border-spacing: 0;
}
.tg td {
font-family: Arial, sans-serif;
font-size: 14px;
padding: 10px 5px;
border-style: solid;
border-width: 1px;
overflow: hidden;
word-break: normal;
}
.tg th {
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: normal;
padding: 10px 5px;
border-style: solid;
border-width: 1px;
overflow: hidden;
word-break: normal;
}
</style>
</p>
<br />
<table class="tg">
<tr>
<th bgcolor="#ADADAD"><strong>Nr.</strong></th>
<th lang="de" bgcolor="#ADADAD">
<strong>OSI-Schicht</strong>
</th>
<th lang="en" bgcolor="#ADADAD">
<strong>Layer of OSI-Model</strong>
</th>
<th bgcolor="#ADADAD"><strong>Einordnung</strong></th>
<th bgcolor="#ADADAD"><strong>Protokollbeispiele</strong></th>
<th bgcolor="#ADADAD"><strong>Kopplungselemente</strong></th>
</tr>
<tr>
<td bgcolor="#FFBBFF">7</td>
<td bgcolor="#ffb3ba">Anwendungsschicht</td>
<td bgcolor="#ffdfba">Application Layer</td>
<td bgcolor="#ffffba">Anwendungsorientiert</td>
<td bgcolor="#baffc9">
<a
href="https://www.elektronik-kompendium.de/sites/net/0812221.htm"
>DHCP</a
>,
<a
href="https://www.elektronik-kompendium.de/sites/net/0901141.htm"
>DNS</a
>,
<a
href="https://www.elektronik-kompendium.de/sites/net/0902241.htm"
>FTP</a
>,
<a
href="https://www.elektronik-kompendium.de/sites/net/0902231.htm"
>HTTP</a
>,
<a
href="https://www.elektronik-kompendium.de/sites/net/1811281.htm"
>HTTPS</a
>,
<a
href="https://www.elektronik-kompendium.de/sites/net/1106071.htm"
>RTP</a
>,
<a
href="https://www.elektronik-kompendium.de/sites/net/0903081.htm"
>SMTP</a
>
etc.
</td>
<td bgcolor="#bae1ff">
Gateway, Content-Switch, Proxy, Layer-4-7-Switch
</td>
</tr>
<tr>
<td bgcolor="#FFBBFF">6</td>
<td bgcolor="#ffb3ba">Darstellungsschicht</td>
<td bgcolor="#ffdfba">Presentations Layer</td>
<td bgcolor="#ffffba">Anwendungsorientiert</td>
<td bgcolor="#baffc9">
<a
href="https://www.elektronik-kompendium.de/sites/net/0812221.htm"
>DHCP</a
>,
<a
href="https://www.elektronik-kompendium.de/sites/net/0901141.htm"
>DNS</a
>,
<a
href="https://www.elektronik-kompendium.de/sites/net/0902241.htm"
>FTP</a
>,
<a
href="https://www.elektronik-kompendium.de/sites/net/0902231.htm"
>HTTP</a
>,
<a
href="https://www.elektronik-kompendium.de/sites/net/1811281.htm"
>HTTPS</a
>,
<a
href="https://www.elektronik-kompendium.de/sites/net/1106071.htm"
>RTP</a
>,
<a
href="https://www.elektronik-kompendium.de/sites/net/0903081.htm"
>SMTP</a
>
etc.
</td>
<td bgcolor="#bae1ff">
Gateway, Content-Switch, Proxy, Layer-4-7-Switch
</td>
</tr>
<tr>
<td bgcolor="#FFBBFF">5</td>
<td bgcolor="#ffb3ba">Sitzungsschicht</td>
<td bgcolor="#ffdfba">Session Layer</td>
<td bgcolor="#ffffba">Anwendungsorientiert</td>
<td bgcolor="#baffc9">
<a
href="https://www.elektronik-kompendium.de/sites/net/0812221.htm"
>DHCP</a
>,
<a
href="https://www.elektronik-kompendium.de/sites/net/0901141.htm"
>DNS</a
>,
<a
href="https://www.elektronik-kompendium.de/sites/net/0902241.htm"
>FTP</a
>,
<a
href="https://www.elektronik-kompendium.de/sites/net/0902231.htm"
>HTTP</a
>,
<a
href="https://www.elektronik-kompendium.de/sites/net/1811281.htm"
>HTTPS</a
>,
<a
href="https://www.elektronik-kompendium.de/sites/net/1106071.htm"
>RTP</a
>,
<a
href="https://www.elektronik-kompendium.de/sites/net/0903081.htm"
>SMTP</a
>
etc.
</td>
<td bgcolor="#bae1ff">
Gateway, Content-Switch, Proxy, Layer-4-7-Switch
</td>
</tr>
<tr>
<td bgcolor="#FFBBFF">4</td>
<td bgcolor="#ffb3ba">Transportschicht</td>
<td bgcolor="#ffdfba">Transport Layer</td>
<td bgcolor="#ffffba">Transportorientiert</td>
<td bgcolor="#baffc9">
<a
href="https://www.elektronik-kompendium.de/sites/net/0812271.htm"
>TCP</a
>,
<a
href="https://www.elektronik-kompendium.de/sites/net/0812281.htm"
>UDP</a
>,
<a
href="https://de.wikipedia.org/wiki/Stream_Control_Transmission_Protocol"
>SCTP</a
>,
<a
href="https://www.elektronik-kompendium.de/sites/net/0907231.htm"
>SPX</a
>
</td>
<td bgcolor="#bae1ff">
Gateway, Content-Switch, Proxy, Layer-4-7-Switch
</td>
</tr>
<tr>
<td bgcolor="#FFBBFF">3</td>
<td bgcolor="#ffb3ba">Vermittlungsschicht</td>
<td bgcolor="#ffdfba">Network Layer</td>
<td bgcolor="#ffffba">Transportorientiert</td>
<td bgcolor="#baffc9">
<a
href="https://www.elektronik-kompendium.de/sites/net/0606251.htm"
>TCP</a
>,
<a
href="https://www.elektronik-kompendium.de/sites/net/0907231.htm"
>IPX</a
>,
<a
href="https://www.elektronik-kompendium.de/sites/net/0901011.htm"
>ICMP</a
>,
<a
href="https://www.elektronik-kompendium.de/sites/net/0901021.htm"
>IGMP</a
>,
<a
href="https://www.elektronik-kompendium.de/sites/net/0906191.htm"
>IPsec</a
>
</td>
<td bgcolor="#bae1ff">Router, Layer-3-Switch</td>