By
Rieke · 31. Dezember 2009
Struktur und Inhalt einer Webseite wird seit je her durch HTML gesteuert. Um jedoch das Layout besser und konkreter bestimmen zu können, definierte man die Cascading Sytle Sheets, kurz CSS. Diese Sprache ist eine Erweiterung zu HTML und macht es dem Benutzer möglich, das Aussehen und den Style der Seite noch präziser Festzulegen.
Die Anfänge
CSS wird in der Regel in den Grundstamm von HTML eingefügt. Dieser beginnt immer mit <html> und endet mit <html>. IN der Mitte befinden
sich die Definitionen zu <head>, der Überschrift, und <body>, dem Hauptteil jeder Struktur.
Zudem benötigt jedes Dokument eine Dokumententyp-Deklaration, kurz DtD. Dadurch wird erreicht, dass die CSS-Befehle streng an den HTML-Baum angeknüpft wird. Der Beschreibung hierfür könnte zum Beispiel lauten:
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html14/strict.dtd”>.
Nach diesem Befehl folgt der HTML-Stamm. Im Head-Bereich des HTML-Codes muss genau definiert werden, dass hier eine CSS-Anwendung erfolgt. Dies geschieht ganz simpel über den Befehl
<style type=”text/css”>
</style>
In diesem Style-Abschnitt werden die CSS-Klassen genau definiert; dies erfolgt über CSS-Deklarationen. Dieser Deklaration besteht immer aus
einer Eigenschaft und einem Wert. Zuerst gibt man die Eigenschaft an; nach dem Doppelpunkt folgt dann der Wert der genauen Darstellung.
Farben zuweisen Zum vollständigen Artikel: CSS Einstieg – Anleitung / Einführung zu CSS
By
Rieke · 29. Dezember 2009
Heute beschäftigen wir uns einmal mit dem Aufbau einer HTML Seite für die erste eigene Homepage, hierbei geht es uns um das Erstellen einer Webseite ohne einen WYSIWYG Homepage Editor der alles hübsch einfach für uns erledigt, sondern OldSchool Handarbeit, sprich selber echtes HTML schreiben und damit verstehen wie es wirklich geht.
Wenn man sich im Internet Webseiten ansieht, dann in der Regel mit einem Browser wie dem Internet Explorer (nicht zu empfehlen) oder dem Firefox (sehr zu empfehlen) oder auch Chrome, Opera etc. Was man dann sieht, ist …in der Regel … eben das was man sehen soll, eine hübsche, lesbare Oberfläche.
Darunter steckt aber eine Menge HTML Quellcode, damit der Browser weis, welche Schrift er in welcher Schrift-Farbe, Schrift-Größe, Schrift-Art wo hin schreiben soll, wo Absätze sind, wo welche Bilder eingefügt werden und wie groß die sein sollen und vieles mehr.
Eine reine ursprüngliche Webseite wird in “HTML” Code geschrieben, HTML ist die Abkürzung für “Hypertext Markup Language”
Schreiben kann man diesen HTML Code in einem ganz normalen Text Editor, oder auch in einem HTML Editor, Script Editor etc.
Die meisten dieser HTML-Elemente werden durch ein Tag-Paar markiert, das heißt durch einen Starttag und einen Endtag. Ein Start oder Endtag beginnt immer mit dem Zeichen „<“ und endet mit dem Zeichen „>“ . Zum vollständigen Artikel: Wie wird eine html Seite aufgebaut
By
Rieke · 28. Dezember 2009
Das Thema und der Name für die Homepage ist gewählt und die Rahmenbedingung für die Providerwahl gecheckt. Jetzt kommt die Wahl des richtigen Webhosting Tarifes für die gewünschte Webseite.
Auf den Seiten der Hosting Provider finden sich in der Regel wahnsinnig viele Angebote, oft gemsischt oder sogar verbunden mit Angeboten für Internet Zugänge (DSL) oder Muli Media Pakete, Fax Services, Mobilfung Service, Root Server, Managed Server und all dem kram den man doch für die eigene Homepage gar nicht benötigt, als Anfänger sicherlich nicht leicht sich dadurch zu wühlen.
Benötigt wird ein ganz normales Hosting Paket, auch “Webhosting” oder “Shared Hosting” genannt. Kommen wir einmal zu den Dingen die bei der Auswahl des richtigen Webhosting Tarifes für die erste Homapage zu beachten sind
Es sollte mindestens 1 Domain inklusive sein. Hierbei solltet ihr die von Euch gewünschte Endung (.de oder .com oder .net , .org ? ) zur Verfügung haben. Lasst euch nicht mit 20 Inklusiv Domains locken, achtet lieber darauf, dass ihr bei Bedarf weitere Domains hinzu bestellen könnt, denn es macht keinen Sinn schon zu Beginn einen Tarif zu bezahlen in dem der Wert von 20 Domains ungenutzt liegen bleibt und wenn ihr 21 statt 20 braucht ist Ende.
- Unteraccounts / Accountverwaltung
Wichtig wäre , dass Domains sich auf eigenständige Unteraccounts verteilen lassen, sprich man für jede Domain einen eigenen Speicherort hat, möglichst nicht www.domain1.xy/Domain2 , damit die Suchmaschinen die Inhalte später nicht unter www.domain1.xy/Domain2 UND unter domain2.de finden (Doppelter Content/Inhalt, dass mag Goggle gar nicht).
- Speicherplatz ( Webspace )
Zum vollständigen Artikel: Welchen Webhosting Tarif für die Homepage
By
Rieke · 27. Dezember 2009
Wenn Thema, Konzept und Name für deine Homepage fest stehen, wird es zeit die Domain für deine Webseite zu registrieren. Dieser Schritt sollte besonders gut überlegt sein, denn zum einen kann man den Domainnamen eines Projektes nur schwerlich wieder ändern und der Wechsel eines Providers mit einem Projekt ist für einen Anfänger sehr sehr aufwendig.
Folgende Dinge sind bei der Auswahl des Providers zu beachten:
- Support Telefon (Für dringende Fragen zum Hosting Vertrag oder bei Server-Problemen mit der Homepage)
Ein Provider egal ob groß oder klein, muss einfach einen Telefonischen Support anbieten. Hierbei ist wichtig, dass es sich nicht um eine teure Service Telefonnummer handelt und das für “Interessierte” mit Fragen zur Bestellung, die gleiche Telefonnummer gilt als später für auftretende Fragen als Kunde. Es ist ärgerlich wenn ein Angebot zwar auf den ersten Blick günstig erscheint, dann aber mit jeder Frage am Telefon die Cents durch die Leitung gehen.
- E-Mail Support (Auch am Wochenende für Fragen zu Domain, Account, Technischen Störungen etc)
Auf der Webseite des Anbieters sollte eine E-Mail Adresse für den Support angegeben sein und zwar unter Kontakt und/oder Impressum, nicht erst irgendwo nach 10 Minuten suchen in der FAQ. Schreibt einmal eine Mail an den Support und stellt Fragen zu eurem Vorhaben/ eurer ersten Domain udn schaut ob ihr eine Freundliche Antwort bekommt oder einen Auto-Abfertigungs–Text. Natürlich dürft ihr nicht erwarten, dass der Support euch HTML bei bringt oder bis ins Detail erklärt wie man eine Webseite baut, so etwas füllt ganze Kurse udn Bücher und kann nicht von einem kostenlosen Supporter erledigt werden, aber der Ton macht doch die Musik, gell ?
Zum vollständigen Artikel: Domain registrieren – Webhosting Provider wählen
Du hast dich also entschieden und möchtest deine erste eigene Homepage. Aber welches Thema ?
Als erstes brauchst du ein gutes Thema für deine Webseite, denn langweilige Baustellen-Seiten die über “hier entsteht die Domain xyz …” nicht hinauswachsen, gibt es schon genug.
- Kennst du dich mit dem Thema gut aus ?
- Reicht das Thema aus um eine ganze Internetseite damit zu füllen ?
- Gibt es schon viele Webseiten zu diesem Thema ?
- Was soll deine Webseite “mehr” oder “besseres” bieten als die anderen ?
- Wird die Webseite für “Fremde” interessant sein ?
- Warum sollten deine Besucher wieder kommen oder die Seite empfehlen ?
Wenn das Thema fest steht, brauchst du einen Domainnamen, der zur Seite passt und vor allen Dingen noch frei ist. Es gibt schon alleine über 13 Millionen .de Domains, somit ist es nicht immer leicht einen guten Namen zu finden, auf den nicht schon viele zuvor gekommen sind.
Wichtig:
- Keine Markenrechte verletzen
- Möglichst leichte Schreibweise
- Einfach zu merken
Wenn möglich sollte der Domainname ein Wort enthalten, welches mit dem Thema der Seite zu tun hat, dass hat später Vorteile bei der Auffindbarkeit in einigen Suchmaschinen.
Alternativ eben eine schöne Kurzdomain, wobei diese schon recht selten geworden sind. Prüfen ob die gewünschte Domain noch frei ist, kann man z.B. mit dem Whois Tool von Heise.
By
Rieke · 14. Dezember 2009
“Banner” in allen Farben, Formen, Größen sind wohl das älteste Werbemittel des Internets, direkt nach dem normalen Text-Link.Webseiten die Werbeplätze vermieten, haben Werbeplätze in festen Größen in ihr Design eingeplant/eingebaut. Der Werbende möchte aber nicht für jede Seite auf der er Werbung für seine Domain mieten möchte, ein neues Banner bauen,daher gibt es “Standard” Größen.
Die älteste und früher fast ausschließliche Größe war der Fullsize Banner 468 x 60. Laut Aussage von Marketing Sherpa war der Medium Rectangle 300 x 250 Banner vergangenes Jahr der, mit der höchsten Klickrate. In der Blog-Scene hingegen bürgert sich derzeit der Square Banner 125 x 125 ein.
Hier einmal eine Liste der gängigen Größen:
Zum vollständigen Artikel: Bannergrößen und Banner Standard Formen
By
Rieke · 11. Dezember 2009
Seit es emsige Homepage Besitzer und somit Homepage-Bastler gibt, seit dem gibt es Bedarf an Content (Inhalt) jeder Art, vor allem auch an Grafik. Text, den kann zur Not jeder selbst schreiben, da ist es letztlich eine Frage der Fachrichtung, Qualitätsanspruch und eigenem Fachwissen.
Aber bei Bildern und Grafiken ist der Laie auf Dritte angewiesen, denn die wenigsten haben teure Software und Ausbildung für die Erstellung hochwertiger Grafik, es mangelt an Foto-Equip und/oder Models und Lokalität.
Bilderdatenbanken sind oft teuer also wird im Internet nach Quellen gesucht. Findige Internet-Freaks haben sich darauf spezialisiert, diese Suche nach kostenlosen Grafiken zu bedienen. Entweder in dem Sie entweder selbst kostenlose Bilder zusammen gesucht und dann online gestellt haben, oder in dem Sie über eine Plattform andere anregen ihre eigenen Grafiken, Fotos, Bilder hoch zu laden udn kostenlos zur Verfügung zu stellen.
Klingt toll. Ist es aber nicht unbedingt. Denn wenn eine der dort kostenfrei angebotenen Grafiken zur freien Verwendung angeboten werden, bedeutet dies noch lange nicht, das diese Bilder auch Legal kostenfrei verwendet werden dürfen.
Zum vollständigen Artikel: Kostenlos-Grafik/Bilder Datenbanken vertrauen?
By
Rieke · 10. Dezember 2009
Eine Webseite ( Homepage ) die nur aus Text besteht, wirkt schnell trocken und langweilig. Mit ein paar hübschen Bildern lässt sich eine Webseite ansprechend aufpeppen.
Wer die erste eigene Webseite bastelt, macht dabei häufig folgende Fehler:
- zu viele animierte Bilder
Wenn die ganze Homepage wackelt und blinkt, lenkt dies nur vom wichtigen (Inhalten / Content ) ab, zudem wird es “anstrengend” die Webseite an zu schauen oder sich auf den Text der Seite zu konzentrieren
- zu große / zu viele Bilder
Wenn die Dateigröße der Bilder zu groß ist, steigt die Ladezeit bis eine Webseite fertig angezeigt wird. Vor allem für Homepage – Besucher mit schlechter Internet Verbindung, Surf Sticks oder Handy, bekommen dann Schwierigkeiten die Webseite zu laden.
- schlechte Qualität
Um die Dateigröße zu reduzieren, kann man mit einem Grafikprogramm die Qualität eines Bildes reduzieren, damit sinkt auch die Dateigröße. Wenn Bilder dadurch aber pixelig, unscharf oder verschwommen werden, kann man auf das Bild lieber verzichten.
Wissenswertes: Animierte Bilder gibt es nur als “.gif”, erzeugt werden Sie mit speziellen Tools bei welchen mehrere Bilder Zeitlich gesteuert hintereinander gehängt werden. .gif Bilder gibt es mit maximal 256 Farben. Für Bilder mit sehr vielen Farben wie z.B. Fotos, benutzt man .jpg oder .png Dateien.
Zum vollständigen Artikel: Bilder für die eigene Homepage
By
Rieke · 9. Dezember 2009
Wenn die eigene Homepage/Webseite geplant wird, dann braucht diese natürlich auch einen schönen Domainnamen.
Aber was ist ein “guter” Domainname ?
Folgende Eigenschaften sollten beachtet werden:
- Noch nicht vergeben
Da Millionen von Menschen Jahr für Jahr Webseiten online stellen, sind viele “Gute” Namen schon vergeben, aber mit etwas kreativem Geschick lassen sich auch noch sehr schöne Namen finden.
- Nicht zu langer Name
Domainnamen “dürfen” zwar bis zu 64 Zeichen lang sein, aber wer soll sich solch lange Wortketten schon merken… je kürzer je besser !
- Keine Markennamen
Hier lauern böse fallen. Immer darauf achten ob der Name oder ein Teil des gewünschten Domain Namens nicht schon als Patent oder Marke geschützt ist, keine Firmennamen enthält oder ähnliches. Denn das kann teuer werden , zu dem ist es ärgerlich nach Monaten Arbeit an einer Webseite, den Namen wieder abgeben zu müssen. Also in Google recherchieren ob der Begriff dort häufiger vor kommt und vielleicht einen Markenanwalt befragen.
Zum vollständigen Artikel: Meine Homepage braucht eine Domain Adresse
