Archiv der Kategorie: Web Design

Hier werden dir Grundlagen, Webseiten und Tools gezeigt die Ihr als Anfänger braucht um eure Seiten mit einen Interesse Effekt zu verbessern.

PHP & MySQL

Schreibe eine Antwort

PHP & MySQL

PHP ist eine Programmiersprache für Dynamische Webseiten. Man braucht PHP für Foren, E-Mail Anwendungen, zum PDF erstellen, Chat Räume und vieles mehr.

Neben dem Programmieren der Webseiten solltet Ihr die Tatsache nicht vergessen das Ihr auch Suchmaschinen Optimiert schreiben müsst, was bedeutet das Ihr einen Thema mit Kino Filmen auch so Beschreiben müsst das es ein immer Aktuelles Medium ist in dem sich Leuten neue Filme ansehen. Oder das es um neue Filme geht.

Im Beispiel sollte das so aussehen:

<title>Kino News</title>

name=“description“ content=“Kino ist ein immer Aktuelles Medium in dem sich Menschen neue Filme ansehen. Im Kino werden immer neu erschienene Filme angesehen“ />

Den KeyWord Meta – Tag sollte man nicht vergessen.

name=“Keywords“ content“Kino, Neuerscheinungen, Filme, neu erschienene Filme, Kino Film“ />

Und darauf sollte eine Web Seite aufbauen wenn es diesen Thema hat.

Und nun zum PHP-Programmier Kurs

Einbettung von PHP in HTML

<?php
[PHP-Anweisung]
[PHP-Anweisung]
[PHP-Anweisung]
?>

<?php … ?>

(Kleine Anmerkung wenn Ihr PHP-Dateien versucht zu speichern solltet Ihr ein Programm haben)

Das Programm: XAMPP http://www.apachefriends.org/de/xampp-windows.html

Das auslesen der Dateien erfolgt so: http://localhost/php-datei.php (Was in euren Datenträger C:\xampp\htdocs gespeichert ist mit Ordner ist es so: C:\xampp\htdocs\Projekt http://localhost/Projekt/php-datei.php)

HTML Basis

1 Antwort

Die Haupt Elemente ist bei HTML

<html> </html> Hier kommen alle Tags die Hier aufgelistet sind rein.

<title> </title> Der sehr wichtig Titel der zwischen den Head-Tags steht. Er ist der Wichtigste Tag den es im HTML zu finden gibt. Den Google sichtet auch euren Titel den ihr in euren Title – Tag schreibt.

<head> </head> Hier kommen wichtige Angaben, Meta – Tags, Cursor Abbildungen usw.

<body> </body> Das Haupt geschehen liegt bei diesem Body – Tag man kann Absätze, Fett, Kursiv, Unterstrichen oder Farbig machen.

Füllelemente:

<strong> </strong> Fetter Text

<em> </em> Kursiver Text

<h1></h1> Diesen Tag wird man nutzen um eine Überschrift zu schreiben h1 gibt es auch bis h6.

<ul>          Dies kann als Liste genutzt werden und,
<li> </li>   das LI – Tag sind dazu gedacht diese Liste mit bestimmten Füllenden Beiträgen zu
</ul>         was den am Ende der Liste wieder geschlossen wird.

<p> </p> Sind Absätze für einen geordneteren Text Abschnitt

Es gibt noch viel zu entdecken und auszuprobieren. Wer noch den Hintergrund ändern möchte sollte anfangs <body bgcolor=“#000000″> benutzen.

Schriftfarbe kann man so Definieren <font color=“#ff0000″> Text in Rot </font> das sind die ganz einfachen Tags die Ihr euch leicht merken könnt.



Sparen Sie Geld mit EuroClix

Eine Empfehlung ist wenn Ihr CSS mit HTML verbinden wollt eine CSS-Datei anzulegen.
Der Vorteil ist dabei das es nicht für diese eine HTML-Datei Verwendung finden muss.
Ein Tipp: Legt euch zusätzlich eine txt – Datei an. Falls Ihr etwas ändern wollt.

Grundgerüst des HTML

Schreibe eine Antwort

Grundgerüst des HTML

Im Hinblick auf die Modernen Webseiten werde ich dir eine Grundlage bieten die den meisten die diesem Blog nicht kennen werden verwehrt bleiben.

Als erstes fangen wir mit dem Grundgerüst an die Ihr auch in euren Editoren einfügen und als Vorlage speichern könntet: Die Kommentar die in den klammern stehen müssen jedoch nicht mit Kopiert werden:

<html>
<head>
<title> Tragt hier euren Thema ein  </title>(ist sehr Wichtig weil es sonst Undefiniert bleibt und Google etwas anderes einsetzt)
<meta name=“Keywords“ content=“Word1, Word2, Word3″>
<meta name=“Description“ content=“Beschreibung zur betreffenden Seite“>
(Autor, copyright Metatags könnt Ihr auch ein geben. Diese Angaben werden hier nicht mit angeführt)
</head>
<body bgcolor=“#000000″> (Diese Angaben könnt Ihr später in einer CSS Datei anpassen)
<font color=“#FF0000″>
</font>
</html>

Um eure Webseite auf zuschmücken gibt es sogenannte Tools:

cooltext.com
www.cursors-4u.com
(Diese Seiten könnte Ihr in euren Editor einfügen.)

So im nächsten Beitrag gibt es mehr über Links: <a href=“Link.htm“>Link</a>

Wie Ihr die Links anwenden könnt und was es für Möglichkeiten gibt wie zum Beispiel: Links zu anderen Homepages, Links mit Bildern, Links zu euren E-Mail Adresse oder Telefonnummer 😀

Grundlagen könnt Ihr euch durch einen Klick hier aneignen. Es gibt auch eine Webseite die man sich auch mal ansehen kann: www.bambusratte.com

Eine eigene Webseite ist sehr gut wenn man die Grundlagen einsetzt und einen Design euren Eigenen Geschmacks ausbaut. Wichtig sind die Meta-Tag für die Keywords, Beschreibung und copyright. Wer mehr Meta-Tags einsetzen möchte sollte sich nach Meta Listen umschauen.

http://www.meta-tags.de/alle_meta_tags

Dies ist zum Beispiel eine Liste von Meta Tags die man in einer <head> Tag einsetzen kann.