Tauscht hier eure Erfahrungen und Kenntnisse aus von Webprogrammierung bis hin zum Webdesign.
Antwort schreiben

Tutoria Mini Webseite Erstellen

Sa 5. Jun 2010, 15:50

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 erstellen
2. 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.
<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

Sa 5. Jun 2010, 15:50

Re: Tutoria Mini Webseite Erstellen

So 6. Jun 2010, 10:25

Guter Guide ;)Allerdings sieht dann so die Homepage sehr mager aus..Evtl.erklärst du,wie man die Navgiation etc.macht...

Re: Tutoria Mini Webseite Erstellen

So 6. Jun 2010, 14:50

Das Menü ist ja ne Art Navigation..
Antwort schreiben



Bei iphpbb3.com bekommen Sie ein kostenloses Forum mit vielen tollen Extras
Forum kostenlos einrichten - Hot Topics - Tags
Beliebteste Themen: Forum, Erde, Pokemon, Spiele, NES

Impressum | Datenschutz