Code:
Ich frage gleich wegen einer Erlaubnis, ich muss ihn zwischenspeichern
Tutoria Mini Webseite Erstellen
Hier mal ein Tutorial wie man eine einfache Startseite für eine Homepage ertellt, es gibt SEHR viele möglichkeiten, ich bevorzuge eine PHP art, welche aber Grundkenntnisse voraussetzt.
Hier zeige ich euch die einfachste Variante, wo ein paar Sachen fertig gedownloadet werden.
Inhaltsverzeichnis
1. Datei erstellen2. Standart Inhalt
3. Menü erstellen und einfügen
4. Wichtige HTML Befehle
1. Datei erstellen
Zuerst müsst ihr mit einem Editor (Ich empfehle Notepad++) eine neue Textdatei erstellen, welche ihr als index.php abspeichert. Der Name index macht das die Datei automatisch kommt sobald man die Seite aufruft. Die Datei muss dann in den Root eures Webspaces also /. Weitere Dateien speichert ihr als name.php. Dass ruft man dann so auf:
deinehp.de/name.php.
2. Standart Inhalt
In eure erstellte Datei kommt immer:
Code:
<html>
<head>
<title> Dein Title (Das wo oben steht)
</title>
</head>
<body>
Text der angezeigt werden sollte
</body>
</html>
Ich habe innerhalb des Codes alles beschriftet, im nächsten Schritt kommt das Menü hinzu.
Menü erstellen
Nun braucht ihr das Menü, wenn ihr euch CSS lernen ersparen wollt und um das geht es in diesem Tutorial, könnt ihr
hier ein Menü erstellen. Für dieses Tut müsst ihr ein Dropdown Menü oder ein Horizontales Menü erstellen. Wenn ihr fertig seid und es gedownloadet habt müsst ihr die
installation_instruction.html öffnen und den Code anschauen.
Das zwischen <head> und </head> kommt bei der blauen Stelle rein. Alles was sonst noch dort steht kommt in den roten Bereich.
Zitat:
<html>
<head>
<title> Dein Title (Das wo oben steht)
</title>
Blauer Bereich</head>
<body>
Roterbereich
Text der angezeigt werden sollte
</body>
</html>
Dann müsst ihr noch den
menü Ordner hochladen (in den Root).
Wenn ihr nun eure Seite aufruft kommt das Menü und der Text der im Zitat grün dargestellt ist.
Wichtige HTML Befehle
<br> Zeilenumbruch
<h1>TEXT</h1> (geht bis h6) Erstellt eine Überschrift
<b>TEXT</b> Macht den Text fett
<i>TEXT</i> Macht den Text kursiv
<u>TEXT</u> Unterstreicht den Text
<hr> Trennlinie
<font color="FARBE z.B. orange">TEXT</font> Macht den Text farbig
<img src="BildUrl"> Fügt ein Bild ein
<a href="LINK">LINKTEXT</a> Macht nen Link mit TEXT