Schweizer reserviert sich die Royal-Baby-Domain

Der Kauf und Verkauf von Domain-Namen ist ein lohnendes Geschäft. Wer sich rechtzeitig eine Domain mit hohem Wertsteigerungspotential kauft, kann damit viel Geld verdienen.

Ein Schweizer macht es vor

Der Schweizer Geschäftsmann Luc-André Biggs verdient sein Geld mit dem Eintrag und Verkauf von Domain-Namen. Er ist derzeit Eigentümer von mehr als 600 Domains. Jetzt hat er sich auch die Domain georgealexanderlouis.com unter den Nagel gerissen. Goerge Alexander Louis, so heißt das Baby von Prinz William und seiner Frau Kate.

Der Unternehmer erhofft sich, dass er später die Domain zu einem teueren Preis weiterverkaufen kann. Dies hat er bereits mit mehreren Internetadressen erfolgreich gemacht. Daraus hat er sich ein eigenes Geschäft aufgebaut, das von Portugal aus operiert.

Das Ganze bezeichnet man auch als Domainparking. Später, wenn so eine beliebte Domain verkauft wird, kann diese schon mal mehrere Tausend Euro einbringen. Manchmal gehen die Summen sogar in Millionenhöhe. Die Domain sex.com brachte dem Verkäufer 12.5 Millionen US-Dollar. Vodka.com wechselte für 3 Mio. Dollar seinen Besitzer. Wäre das nicht ein nettes Geschäft?

Dein Jan

Quelle: http://www.handelszeitung.ch/unternehmen/schweizer-schnappt-sich-domain-des-royal-baby-473533

Was ist CSS?

Im letzten Artikel habe ich dir erklärt was HTML bedeutet und was man damit machen kann. HTML dient dazu die Struktur und den eigentlichen Inhalt einer Website zu erstellen und Elemente wie Links und Bilder einzubinden. Damit deine HTML-Website aber auch noch gut aussieht benötigst du CSS.

CSS ist die Abkürzung für Cascading Style Sheets, was soviel bedeutet wie stufenförmige oder (hintereinander) geschachtelte Gestaltungsvorlagen. Mit CSS können unabhängig vom HTML-Dokument Gestaltungselemente wie Farben, Layout und Schriften festgelegt und individuell gestaltet werden.

Elemente im HTML-Dokument erhalten einen unverwechselbaren Elementen-Namen oder eine so genannte ID. Im CSS-Dokument werden diesen Elementen dann die gewünschten Stil-Informationen zugewiesen. Ebenso lassen sich beispielsweise die Position oder Ausrichtung der Elemente mit CSS bestimmen.

Wichtige CSS-Befehle

Dies sind einige CSS- Befehle, mit denen du deine Website gestalten kannst.

font-family
Schriftart (z.B. Arial)

width
Breite (z.B. 150 px)

background-color
Hintergrundfarbe (z.B. red)

margin
Aussenabstand (z.B. 10 px)

padding
Innenabstand (z.B. 5px)

CSS wurde entwickelt um den Inhalt einer Website von den Gestaltungsinformationen zu trennen. Es ist zwar auch möglich den Text direkt im HTML-Dokument zu formatieren, dies hat jedoch zur Folge, dass der Programmier-Code oft unübersichtlich ist und mit zusätzlichen Informationen vollgestopft ist. CSS-Code kann in eine extra CSS-Datei ausgelagert werden, was für mehr Übersicht und eine bessere Struktur sorgt.

Mit dem Element “body” wird beispielsweise der gesamte sichtbare Inhalt einer Website angesprochen. Wird nun im CSS-Code body {color:red;} angewendet, so wird der kompletteText der Website in rot dargestellt. Wenn man nun den gesamten Text auf die Farbe blau ändern möchte, muss dies nicht einzeln für jedes Element in der HTML-Datei vorgenommen werden, sondern kann mit einer kleinen Änderung in der CSS-Datei für das gesamte Dokument durchgeführt werden. Der Code würde nun also lauten: body {color:blue;}

CSS-Beispiel

An einem einfachen Beispiel möchte ich dir kurz erläutern, wie CSS in Zusammenarbeit mit HTML funktioniert. So sieht der body-Bereich der html-Datei aus:

<body>
<p> gelb und mittig </p>
<p> <font id=”blau”>mittig</font>, <font id=”klein”>klein</font> und gelb </p>
</body>

Und so die dazugehörige CSS-Datei

body{
text-align:center;
color:#F7FE2E;
}

#blau{
color:#0000FF;
}

#klein{
font-size:0.5em;
}

Die einzelnen Elemente auf der HTML-Seite werden nun in der externen CSS-Datei definiert und mit den jeweiligen Style-Informationen versehen. Alle Elemente im Body werden zentriert und mit der Farbe gelb versehen. Die zusätzlich definierten Elemente “blau” und “klein” erhalten eine extra Formatierung und werden jeweils blau, bzw. klein dargestellt, so, wie es in der CSS-Datei definiert wurde. Auf dieser Website gibt es ausführliche Informationen und ein ausführliches Tutorial mit vielen Beispielen zum Thema Was ist CSS?

Falls du überhaupt keine Lust hast dich mit CSS zu beschäftigen, kannst du mit unserem Website-Builder, den es kostenlos zu unserem Hosting dazugibt, eine Website ganz einfach erstellen.

Dein Jan

Website-Begriffe für Anfänger – Was ist HTML?

Wer sich eine eigene Website erstellen möchte wird häufig mit Fachbegriffen und Abkürzungen konfrontiert. Im Bereich der Website-Erstellung taucht oft der Begriff HTML auf. Doch was ist HTML eigentlich und was hat das mit einer Website zu tun?

HTML bedeutet HyperText Markup Language und ist eine Auszeichnungssprache für Websites. Das Grundgerüst einer Website wird mit HTML beschrieben und dann von einem Webbrowser wie Firefox interpretiert und angezeigt.

Programmiercode Screenshot

Das HTML-Dokument

Ein HTML-Dokument kann in jedem beliebigen Text-Editor geschrieben werden. Eine einfache Website kann also, wenn man möchte, ausschließlich mit dem Windows Notepad erstellt werden. Man benötigt für eine einfache Website keine teuere Software. Das HTML-Dokument enthält den Text der auf der Website angezeigt werden soll und so genannte Tags, also Auszeichnungs-Elemente mit denen das Dokument definiert und strukturiert wird.

Das Grundgerüst einer HTML-Seite sieht vereinfacht folgendermassen aus:

<HTML>

<HEAD>

<TITLE>HTML</TITLE>

</HEAD>

<BODY>

Was ist HTML ?

</BODY>

</HTML>

Im Kopfbereich (Head) werden Elemente wie der Titel der Seite, oder die Beschreibung festgelegt. Im Körper (Body) sind dann die Inhalte die auf der Website angezeigt werden zu finden. Wird der oben gezeigte Text beispielsweise mit dem Namen index.html abgespeichert und mit einem Webbrowser geöffnet, so wird bereits eine erste Website mit dem Inhalt “Was ist HTML ?” angezeigt.

HTML-Tags

Um den Text zu gestalten und auszuzeichnen gibt es viele verschiedene HTML-Tags, wie z.B. </br> (Zeilenumbruch), <p></p> bewirkt einen neuen Abschnitt und <IMG SRC=”bild1.gif”> lässt ein Bild einfügen. Grundsätzliche Formatierungen des Textes und der Struktur des Dokumentes werden allerdings mit der Stilsprache CSS
(Cascading Style Sheets) vorgenommen. Möchte man beispielsweise die Farben einer Überschrift ändern oder ein Wort Fett schreiben, so wird CSS verwendet. CSS Elemente lassen sich in einer ausgelagerten Datei speichern. So ist das eigentliche Website-Dokument von den Gestaltungs-Informationen getrennt.

Was kann HTML?

HTML ist leicht zu erlernen und bereits nach kurzer Einarbeitungszeit lassen sich erste Ergebnisse erzielen. Ausführliche Informationen gibt es auf der Website selfhtml. Mit der neuen Auszeichnungssprache HTML 5 sollen viele neue Möglichkeiten erschaffen werden. Diese gehen von Web-Applikationen über 3D-Inhalte bis hin zu verschiedenen interaktiven Elementen. Bisher lassen sich solche Inhalte nur über Erweiterungen wie Adobe Flash umsetzen. HTML 5 soll dies alles in die Auszeichnungssprache der Websites integrieren. HTML 5 befindet sich zwar noch in der Entwicklungsphase, man kann aber beispielsweise schon tolle Websites wie diese hier sehen.

Keine Lust auf HTML?

Wenn du aber überhaupt keine Lust hast dich mit HTML zu beschäftigen, sieh dir mal unseren Website-Builder Stilvolle Webseiten an. Mit ihm kannst du ganz einfach ohne Programmier-Kenntnisse deine eigene Website erstellen.

Dein Jan

Bilder für deine Website – Größe ändern

Wenn du eine Website oder einen Blog betreibst, solltest du Bilder verwenden um deine Inhalte zu unterstreichen und diese interessant zu machen. Eine Website lebt von Bildern und auch Google gefällt es wenn du ein paar Bilder auf deiner Website hast.

Oft verlängern aber Bilder die Ladezeit einer Website, was sich negativ auf die gesamte Website auswirkt. Deine Besucher verlieren schnell die Lust, möchten nicht länger warten und verlassen die Website daraufhin gleich wieder.

Meist ist dies der Fall, wenn unkomprimierte Originalbilder verwendet werden. Dies ist aber oft gar nicht nötig, weil meist eine viel kleinere Version der Bilder auf der Website angezeigt wird, als das Originalbild.

Oft benötigen Bilder auf einer Website eine viel geringere Auflösung und Qualiät als das Originalbild. Hier erfährst du die optimale Bildgrösse für deine Website. Die Änderung der Grösse lässt sich sehr einfach umsetzen. So können Bilder von ursprünglich 2 MB auf ca. 200 KB komprimiert werden. Das kann mit unterschiedlichen Methoden ganz einfach umgesetzt werden. Ich stelle dir Heute eine Möglichkeit für Windows und eine Alternative für den Mac vor.

Bilder komprimieren in Windows

Screenshot Image Resizer

Image Resizer ist ein Freeware Programm welches sich auf das Wesentliche Beschränkt. Du kannst hier direkt mit der rechten Maustaste über das Kontextmenü die Bildgrösse ändern. Wenn du mehrere Bilder markierst kannst du dies auch gleichzeitig für mehrere Bilder tun. Du musst also nicht extra ein Programm dafür starten sondern kannst das bequem aus dem Windows-Explorer tun.

Bilder komprimieren auf dem Mac

imageoptim screenshot

Auch für deinen Mac gibt es natürlich eine Möglichkeit die Bildgröße deiner Website-Bilder zu ändern. Meine Lieblings-Software ist ImageOptim. Unterstützte Dateiformate sind PNG, JPEG und GIF. Die Software is Open Source und somit kostenlos zu verwenden.

Bei unserem Website-Editor Stilvolle Webseiten ist bereits eine Bildergallerie mit optimierten Bildern inbegriffen. Du bekommst kostenlosen Zugriff auf Stilvolle Webseiten wenn du bei uns ein Hosting-Paket kaufst. So kannst du deine Website schnell und einfach umsetzen und diese gleich mit relevanten und qualitativ hochwertigen Bildern aufpeppen.

Dein Jan

Mobile Websites bekommen ein neues Ranking

Immer mehr Leute benutzen ihr mobiles Endgerät um im Internet zu surfen. Die mobile Suche über Smartphones und Tablets steigt immer weiter an und wird die stationäre Suche schon bald übertreffen. Darauf hat Google schon reagiert, mit Änderungen beim Ranking. Ausserdem gibt Google Tipps, wie man seine Website verbessern und auf die Änderungen reagieren kann.

mobi Domain

In diesem Blog-Artikel gibt Google Informationen zum neuen Ranking und Hinweise wie man eine bessere Platzierung für mobile Seiten erreichen kann. Besonders wird hier die Weiterleitung auf die mobile Version der Website erwähnt. Wenn der Nutzer den Inhalt einer Unterseite bei Google angezeigt bekommt, sollte er auch immer auf die mobile Version der Seite weitergeleitet werden und nicht auf die Startseite der Website. Ist noch keine mobile Version vorhanden, ist es alle Male besser auf die normale Version der Unterseite weiterzuleiten, als auf die Startseite, damit der Benutzer die richtigen Informationen angezeigt bekommt.

Was ist eigentlich mit der Domain-Endung .mobi passiert?

Im Jahr 2006 wurde die Top Level Domain .mobi ins Leben gerufen. Sie wurde zu dem Zweck eingeführt, für mobile Endgeräte eine Website zur Verfügung zu stellen, die jeweils eine optimale Darstellung für das jeweilige Gerät hatte. die .mobi Domains werden von Afilias verwaltet und insgesamt wurden mehr als 1 Mio. .mobi Domains registriert. Ausserdem werden optimierte mobile Websites und Services von dem Unternehmen angeboten, die auf die Namen “Device Atlas” und “goMobi” hören.

Google legt allerdings keinen Wert auf die Domain-Endung .mobi, da diese von Google nicht als passend und konsistent angesehen wird. Eine Seite www.meinwebsite.mobi/seite1 wird von Google nicht gleichwertig angesehen, wie die eigentliche Seite www.meineseite.ch/seite1. Dennoch kann man aber einiges dafür tun, um seine Seite für die mobile Nutzung zu optimieren und eine mobile Website zu gestalten. Hier erfährst du mehr über die Optimierung für die Mobile Nutzung.

 

Dein Jan