• Seite:
  • 1
  • 2

THEMA: Webdesign Grundlagen

Webdesign Grundlagen 14 Jahre 9 Monate her #4963

  • choost
  • choosts Avatar
  • Offline
  • menkiSys-Kunde
  • Beiträge: 6
  • Karma: 0
Herzlich willkommen zu diesem Tutorial.
Ich möchte Euch hier die Grundlegenden Dinge über HTML, CSS und teils PHP erklären. Ich werde auch verstärkt auf das 'Designing'
eingehen.

Webdesign Heute
Das World-Wide-Web wird heute immer öfters benutzt.
Ob für Firmenauftritte, Foren oder Filehostern wie MenkiSys;
Jede seriöse Firma hat eine proffessionelle Webpage.

Doch was macht so eine Webpage aus?
Hier streiten sich die Kenner:
Modernes Design oder Schnelligkeit?

Pauschal lässt sich das nicht beantworten.
Doch man sollte weder eine Flash Seite, die 4 Minuten allein zum laden braucht noch eine weiße Seite mit einfachen Links und Inhalt ohne jegliches Design benutzen.

Warum Schnelligkeit?
- Die User sollen natürlich möglichst lange auf ihrer Webpage bleiben, um die nötigsten Informationen zu finden.
Ist die Page zu langsam, vergrault das viele Benutzer.

Warum Design?
- Das Design der Seite hat auch einen erheblichen Einfluss auf den Benutzer. Eine leere Seite halt nur mit Text ist einfach nur langweilig.

Eine Webpage schreiben
Dafür stehen euch mehrere Auszeichnungs - und Programmierungssprachen zur Verfügung.

HTML
(Hypertext Mark Up Language)
Die wohl wichtigste Auszeichnungssprache.
Ohne HTML kann man keine Homepage machen.
Allerdings ist die Semantik von HTML auch für
Anfänger leicht zu lernen.

Hier das grundlegende HTML Gerüst:
<html>
<head>
   <title> Der Titel der Webpage</title>
...
</head>
<body>
...
</body>
</html>

HTML verfolgt ein sogenanntes Container-Prinzip wenn man es so will. html, body und head sind alles Container, die aber auch eine bestimmte Reihenfolge haben.
Man nennt HTML Befehle Tags.

Der HTML Tag ist der alles umschließende Container.

Im Head Tag kann man Optionen oder auch kleinere Anwendungen per JavaScript oder CSS schreiben.

Im Body Tag kommt der sichtbare Text hinein.

CSS
DAS Designerwerkzeug überhaupt.
Mit CSS könnt ihr eure Seite positionieren,
bestimmte Textstellen mit wenig Code kennzeichnen und noch vieles mehr. Ausgeschrieben heißt CSS: Cascarding Stylesheets.

Hier ein kleines Beispiel:
BODY { bgcolor: black; }

das würde den Hintergrund, auf den eure Schrift platziert ist,
also den Body-Container schwarz färben.

CSS müsst ihr allerdings in HTML einbinden.
Am besten macht ihr das so (extern)
...
<head>
<link href="style.css" rel="stylesheet" type="text/css">
...

style.css sollte hierbei eure externe Stylesheet Datei sein.

Soviel erstmal hierzu.
Ich werde den Guide noch erweitern,
falls ihr genaueres zu HTML, CSS etc wissen wollt,
könnt ihr euch auch auf Google auf die Suche begeben :3

Viel Spaß :D
Letzte Änderung: 14 Jahre 9 Monate her von choost.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Aw: Webdesign Grundlagen 14 Jahre 9 Monate her #4964

  • mafia79
  • mafia79s Avatar
  • Offline
  • menkiSys-Kunde
  • Beiträge: 47
  • Karma: 0
Gut gemacht: Löbchen!
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Aw: Webdesign Grundlagen 14 Jahre 9 Monate her #4965

  • grogster
  • grogsters Avatar
  • Offline
  • Co-Administrator
  • Beiträge: 864
  • Dank erhalten: 3
  • Karma: 124
nicht schlecht.

ist sicher interessant und hilfreich für anfänger.

aber es existiert hier schon so was ähnliches:
schaut mal: www.menkisys.de/index.php/ANLEITUNG/41-HTML-Crashkurs.mnk#41
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Aw: Webdesign Grundlagen 14 Jahre 9 Monate her #4966

  • choost
  • choosts Avatar
  • Offline
  • menkiSys-Kunde
  • Beiträge: 6
  • Karma: 0
ttctobi schrieb:
nicht schlecht.

ist sicher interessant und hilfreich für anfänger.

aber es existiert hier schon so was ähnliches:
schaut mal: www.menkisys.de/index.php/ANLEITUNG/41-HTML-Crashkurs.mnk#41

dann werd ich mein Tutorial nochmal etwas in die Richtung CSS ausbauen, damit sich das nicht überschneidet :3
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Aw: Webdesign Grundlagen 14 Jahre 9 Monate her #4967

  • grogster
  • grogsters Avatar
  • Offline
  • Co-Administrator
  • Beiträge: 864
  • Dank erhalten: 3
  • Karma: 124
klar

ergänzungen sind immer gut.
Der Administrator hat öffentliche Schreibrechte deaktiviert.

Aw: Webdesign Grundlagen 14 Jahre 9 Monate her #4968

  • mafia79
  • mafia79s Avatar
  • Offline
  • menkiSys-Kunde
  • Beiträge: 47
  • Karma: 0
Unter deiner Anleitung kann ich ja vielleicht auch ein bisschen was lernen ;P
Letzte Änderung: 14 Jahre 9 Monate her von mafia79.
Der Administrator hat öffentliche Schreibrechte deaktiviert.
  • Seite:
  • 1
  • 2
Moderatoren: grogster
Ladezeit der Seite: 0.104 Sekunden