Webdesign bedeutet die Gestaltung von Websites für das Internet. Die technische Umsetzung wird als Webentwicklung bezeichnet. Als Webdesigner*In planst Du das Layout und befüllst Du es mit Inhalten. Die Reihenfolge ist austauschbar. Es ist meistens sinnvoller erst die Inhalte zu haben und dann das Layout an die Inhalte anpassen.
Webdesign hat sich in den letzten Jahren grundlegend geändert. Wenn Du einen Blick auf früher werfen magst, dann hilft Dir die Wayback Machine.
HTML
Jede Website ist in der Sprache HTML (Hyper Text Markup Language) geschrieben. Erfunden hat diese Sprache Tim Berners-Lee für das Schweizer Kernforschungsinstitut CERN. Mr. Berners-Lee hat sehr schnell erkannt, was er erfunden hat und das W3C (World Wide Web Consortium) gegründet. Die W3-Schools sind die beste Platzform um HTML online zu lernen. HTML ist keine Programmiersprache, es tut nichts. Es beschreibt, das ist eine Überschrift (h1), das ist ein Absatz (p), das ist ein Link (a), usw. …
<h1>Ich bin eine Übrschrift erster Ordnung - der Titel</h1>
Den HTML-Quelltext jeder Website kannst Du Dir so anschauen: FireFox, rechte Maustaste, Seitenquelltext anzeigen oder STRG+U. Das FireFox Addon Web Developer kann mir den Quelltext auswerten.
CSS
CSS (Cascading Style Sheets) wurde entworfen, um Darstellung von den Inhalten zu trennen. HTML sagt, das ist eine Überschrift. In CSS wird definiert, welche Schriftart, Größe und Farbe die Schrift hat.
Domain
Jede Website die im World Wide Web veröffentlicht wird braucht eine Domain (zB.: orf.at). Die Stelle, welche die Domains vergibt, heißt ICANN. Eine Domain kannst Du nicht kaufen. Laut Vertrag bist Du Inhaber, nicht Besitzer. Du kannst aber die Nutzung der Domain weiter verkaufen. (Die weibliche Form ist auch der ICANN unbekannt.)
SEO
SEO (Suchmaschinenoptimierung) beruht auf der Sprache HTML. Wichtig ist, zuerst die „Keywords“ zu wissen. Diese werden dann an genau definierten Stellen im <haed> und im <body> eingesetzt. Am höchsten gereiht wird ein Keyword im Domain-Namen (URL, URI) selbst. Überschriften, Text, Bilder und Links folgen.
<!DOCTYPE html> <html lang="de-AT"> <head> <meta charset="utf-8"> <meta name="description" content="Alles über Webdesign, HTML, CSS und Mr. Berners-Lee"> <title>Testseite, wie funktioniert HTML und CSS</title> <link rel="shortcut icon" href="favicon.jpg"> <link rel="stylesheet" href="style.css"> <!-- Ein Kommentar --> </head>
Im Text selbst sind die Keywords am Besten in den Überschriften enthalten. Eher unbekannt ist, dass auch der Name eines Bildes und der alternative Text wichtig sind.
<body> <div id="logos" style="margin-top:50px;"> <img src="onepage-SEO.jpg" alt="Ein Cheat-Sheet für Suchmaschinenoptimierung" width="100%"> </div> <h1>Webdesign & SEO – Uni Wien</h1> <p>Webdesign bedeutet die Gestaltung von Websites für das Internet.</p> </body> <html>
On Page SEO: https://backlinko.com/on-page-seo
Google Leitfaden zur SEO: https://support.google.com/webmasters/answer/7451184
Was immer du schreibst…
schreibe kurz, und sie werden es lesen,
schreibe klar, und sie werden es verstehen,
schreibe bildhaft, und sie werden es im Gedächtnis behalten…Joseph Pulitzer, ungar.-amerikan. Verleger, Namensgeber für den ‚Pulitzer-Preis‘, 1847 – 1911.