Der News und Technik Blog » Technik

Definition & Bedeutung von URL

Redaktion — Wed, 21 Dec 2011 15:21:23 +0000

URL steht für Uniform Resource Locator. Eine URL ist ein formatierter Text-String, der von Web-Browsern, E-Mail-Clients und anderen Software Programmen genutzt wird, um Netzwerk-Ressourcen im Internet zu identifizieren. Netzwerk-Ressourcen sind Dateien, die einfache Web-Seiten, verschiedene Textdokumente, Grafiken oder Programme sein können.
URL-Strings bestehen aus drei Teilen (Substrings):

1. Netzwerkprotokoll
2. Host-Name oder Adresse
3. Datei oder Ressourcen Standort

Die URL spezifiziert die Adresse einer Datei und jede Datei auf dem Internet hat eine einzigartige Adresse. Web-Software, wie Ihr Browser, verwenden URL, um eine Datei von einem Computer, auf dem sie sich befindet, abzurufen. Die eigentliche URL ist eine Reihe von vier Zahlen, die durch Punkte getrennt wird. Ein Beispiel hierfür wäre 202.147.23.8, aber da diese Zahlen nur schwer für Menschen zu verwenden sind, werden Adressen in alphanumerischer Form dargestellt, die deskriptiver und leichter zu merken sind.

Eine URL besteht aus mehreren Teilen. Der erste Teil ist das Protokoll, was dazu verwendet wird um dem Web-Browser zu sagen, mit welcher Art von Server es spricht. Die übrigen Teile variieren je nach Protokoll, aber eine überwiegende Mehrheit der URLs verwenden das HTTP-Protokoll. Zu den Ausnahmen gehören Datei-URLs, die Links zu lokalen Dateien auf einer Festplatte erschaffen. FTP URLs, die wie HTTP-URLs funktionieren, die aber Verknüpfung zu FTP-Servern herstellen anstatt zu Web-Servern. Mailto-URLs, die verwendet werden können, um einen User einzuladen, damit er eine E-Mail-Nachricht an eine bestimmte E-Mail-Adresse schreiben kann.

Ein Synonym, das eigentlich genauer, aber weniger bekannt ist als URL wird URI oder Uniform Resource Identifier genannt. Der Begriff URI, der nach URL entwickelt wurde, hat bereits eine allgemein weitverbreitete Verwendung gewonnen, daher wird URI von Menschen verwendet, die in Internet-Entwicklung, Standards und Protokollen beteiligt sind, während URL die vorherrschende Sicht außerhalb dieser Kreise ist.

Templates – gute Vorlagen für gute Websites

Redaktion — Wed, 21 Dec 2011 15:02:59 +0000

Homepagevorlagen sind vielfach verwendbar, ganz gleich, ob lediglich eine einzige Homepage erstellt werden soll oder viele. Der Fachausdruck für die Vorlage heißt Template. Erfahren Sie hier, wie Sie mit einem Template effizient arbeiten können.

Viele Seiten einer Homepage haben eine vergleichbare Gestaltung. So wird auf jeder Seite das Logo und der Schriftzug der Firma erscheinen, Sie benötigen ein Impressum, das von jeder Seite aus erreichbar sein muss und vieles mehr. Für wiederkehrende Objekte auf der Website sollte man sich Homepage Vorlagen erstellen. Sie bürgen für identische Basis-Inhalte von Seite zu Seite und erleichtern die Arbeit.

Neben vielen Codefragmenten, die das Template beinhaltet, lässt sich hier auch schon viel Gestaltung unterbringen. Es können verschiedene Templates vorliegen, die ganz unterschiedlichen Zwecken dienen: Die Startseite beinhaltet vielleicht nur wenig Informationen, dafür ist auf einer der folgenden Seiten zum Beispiel Ihr Produkt von allen Seiten dargestellt. Hierzu kann im Template bereits eine Vorlage mit Platzhaltern für die Bilder angelegt werden. Führen Sie unterschiedliche Artikel, rufen Sie das Template erneut auf, speichern es unter einem neuen Namen – wichtig! – und füllen die Seite mit Inhalten. So verfahren Sie für jeden Artikel.

Bilder einbauen

Bei der Verwendung von Bildern gibt es einige wenige, aber wichtige Dinge zu beachten: Bilder zählen zu umfangreichsten Daten, die Sie in Ihre Website einbinden können. Viele Bilder bedeuten viel Traffic. Je nach Vertrag kann es schnell teuer werden. So sollten Sie unbedingt darauf achten, dass die Bilder genau so groß sind, wie der User sie später sehen soll. Größere Bilder belasten nur den Datenverkehr. Besser kann es sein, in die Website ein Thumbnail (eine verkleinerte Darstellung) einzubinden, das sich auf Mausklick zu einer vergrößerten Ansicht öffnet. So übertragen Sie nur die Daten, die der User gerade anfordert. Das ist auch in Hinblick auf Benutzbarkeit der sichere Weg. Dauert der Seitenaufbau einer Website über Gebühr lange, wird der ungeduldige Anwender die Seite schnell verlassen.

Zu den Bildern können sogenannte Alt-Texte angelegt werden. Das sind kleine Informationen, die erscheinen, wenn die Maus über dem Bild schwebt. Diese Informationen sollten sie dringend einfügen. Hier soll kurz der Inhalt des Bildes beschreiben werden. So wird Ihre Website auch für Sehbehinderte zugänglich. Templates für Bilder haben den Quellcode in html entsprechend vorbereitet und Sie müssen die Informationen nur noch hinzufügen.

Navigation

Wenn es Ihnen noch gelingt, die Navigation so zu gestalten, dass sie auf allen Seiten identisch erscheinen kann, ist mit einer Vorlage bereits die halbe Arbeit erledigt. Sollten einmal Änderungen auftreten, müssen sie primär am Template vorgenommen werden, dann die Inhalte neu einziehen und alles stimmt wieder.

CSS und ZenGarden

Redaktion — Mon, 21 Dec 2009 08:39:59 +0000

Wer mit HTML oder XML arbeitet und Web-Seiten optimal gestalten will, kommt um strukturierte Dokumente in einer deklarativen Styleheet-Sprache und damit um Cascading Style Sheets (CSS) nicht herum. Inhalte und Bereiche einer Internetseite werden mit CSS in Abschnitten und Aussehen so gestaltet, dass sie, derselben Klasse angehörend, vom System erkannt werden.

Mit Cascading Style Sheets erhalten Sie eine optimale Gestaltung und ein ansprechendes Aussehen Ihrer Homepage und können eine unterschiedliche Darstellung verschiedener Ausgabemedien angeben und die Sites verwalten.
Hohe Flexibilität in der Gestaltung erreichen Sie durch die Möglichkeit, Elemente frei zu positionieren ZenGarden und diverse Angaben zu Farben und Schriften festzulegen, die dann von Ihrem Browser implementiert und über mehrere Stylesheets hinweg vererbt werden können (Kaskadeneffekt). So werten Sie ihr Web-Design auf.

Ein Nebeneffekt ist, dass Sie bei Design-Änderungen nur die CSS-Vorlage editieren brauchen. Alle betroffenen Web-Seiten erneuern sich automatisch. So sparen Sie Zeit und Arbeit. Durch die Optimierung mit DIV-Containern und dem externen CSS-Dokument verringert sich die Größe auf gut 30 KB. So wird auch ein problemloses Aufrufen Ihrer Website über PDA oder Handy möglich. Zudem wird eine optimale Indexierung Ihrer Seiten durch die Suchmaschinen-Spider möglich.

CSS Level 1 und 2 wird von allen aktuellen Browsern vollständig umgesetzt und unterstützt Autoren bei der Erstellung ihrer Dokumente und medienspezifische Stylesheets, insbesondere auf visuellen Browsern, akustischen Geräten, Drucker oder Braille-Geräten.
CSS Level 3 wird mit einem modularen Aufbau wohl in Zukunft die wichtigste Grundlage webbasierter Entwicklungen und Darstellungen sein. So können Sie das Register ihrer Web-Site mit Grafikelementen optisch aufwerten. Arbeiten Sie mit einfachen linearen Grafiken, reicht es aus, wenn dem -Element über die Eigenschaft Background, die Hintergrundgrafik zugeordnet wird. Sollen die Buttons an der oberen Kante runde Ecken zeigen oder ein nicht linearer Farbverlauf den Hintergrund bilden, muss der HTML-Code etwas verändert werden. Cascading Style Sheets lässt auch die optimale Gestaltung einer Breadcrumb-Navigation zu. Sie zeigt den Pfad zur aktuellen Seite und es werden die übergeordneten Seiten verlinkt.

Ein blinkender Text wird die besondere Aufmerksamkeit des Lesers verursachen und kann mit folgender Cascading Style Sheets-Definition erzielt werden: blink
{color: #00ffff; text-decoration:none;) der Text wird bei einem Link nicht unterstrichen.

Cascading Style Sheets

Redaktion — Tue, 15 Dec 2009 07:07:01 +0000

Cascading Style Sheets (CSS) sind eine Erweiterung von HTML und können ungemein bei der Gestaltung eines Dokuments helfen. CSS sollte als sinnvolle Ergänzung zu HTML oder XHTML gesehen werden, mit den man sehr viel Zeit beim Gestalten von Internetseiten sparen kann. Denn wer CSS nutzt, kann sich beim HTML schreiben völlig auf Inhalt und Struktur konzentrieren und das Layout außen vor lassen.
Das Layout und die Formateigenschaften einzelner HTML-Elemente werden entweder im -Bereich der HTML-Datei oder unabhängig von dem HTML-Dokument in einer separaten Datei (Stylesheet) festgelegt.

Der große Vorteil beim Schreiben eines externen Stylesheets liegt darin, dass ein Stylesheet in viele HTML-Dateien parallel eingebunden werden kann, wobei dies nicht nur Zeit erspart, sondern die HTML-Dokumente auch übersichtlicher und kleiner werden lässt. Mit wenigen Änderungen in einer oder wenigen Stylesheet-Dateien kann so das Aussehen vieler HTML-Dateien verändert werden.
Zu den CSS-Eigenschaften zählen natürlich Schriftformatierung und Hintergrundfarben und -bilder, doch besonders die Ausrichtung einzelner HTML-Elemente sowie ein genereller Außenrand können sehr einfach festgelegt werden.
Im folgenden werde ich Ihnen einige Tipps geben, die Barrieren aus dem Weg räumen sollten und die Sie sich während des CSS-Schreibens immer wieder in Erinnerung rufen sollten.

Bevor Sie eine Web-Seite mit Stylesheet hochladen, sollten Sie das Layout mit verschiedenen Browsern und vielleicht auch mit einem Netbook und einem internetfähigen Handy testen. Damit dann nicht der große Schock kommt, weil es im Internet Explorer ganz anders wirkt als Firefox es Ihnen immer dargestellt hatte, empfiehlt es sich, schon während des Schreibens immer wieder zu prüfen, wie die Seite von verschiedenen Browsern dargestellt wird. Sie sollten sogar davon ausgehen, dass jemand nur Ihr HTML ohne Stylesheet sieht (keine Unterstützung durch Browser oder CSS ausgeschaltet). Auch dann noch sollte es ordentlich aussehen! CSS bietet mittlerweile sogar die Möglichkeit, unterschiedliche CSS-Formate für unterschiedliche Ausgabemedien zu definieren. Diese Möglichkeit sollten Sie nutzen!

Da Stylesheets so einfach zu schreiben sind, verführen sie schnell dazu, schöne, aber unleserliche Schriftarten zu verwenden. Bedenken Sie Farbkombinationen von Schrift und Hintergrund, Schriftgröße, Schriftart, Effekte et cetera. Denn wer den Text ihrer Internetseite nicht richtig lesen kann wird sie wohl nicht wieder besuchen und keine Weiterempfehlung aussprechen.

Die Zukunft von CSS

Redaktion — Mon, 30 Nov 2009 22:56:05 +0000

Obwohl die CSS-Version 3 noch Zukunftsmusik ist – das was in Zukunft mit Cascading Style Sheets möglich ist, lässt Webmaster positiv nach vorne blicken. Voraussichtlich wird auch in 2010 die neue CSS-Variante noch keine W3C-Spezifikation sein, doch ein Blick in die Glaskugel sei uns gegönnt. Die folgenden Features werden mit großer Wahrscheinlichkeit mit dem Level 3 der Cascading Style Sheets, Einzug in die wunderbare Welt der Webseiten halten. Grundlegend unterscheidet sich Level 3 von den Vorgängern, in seinem modularen Aufbau. Geplant sind derzeit drei weitere Attributselektoren, einige neue Pseudoelemente beziehungsweise -klassen, sowie ein Geschwisterkombinierer.

Auf ID- und Class-Attribute kann dadurch häufiger verzichtet werden, was den HTML-Code vereinfacht. Als Alternative zum Boxmodell der Level 1 und 2, soll die Eigenschaft box-sizing kommen. Beim herkömmlichen Boxmodell, definieren width und height die Größe des Boxinhalts. Die Endbreite und -höhe bestimmen der Inhalt, sowie die margin- und padding-Abstände. Im Level 3 der Cascading Style Sheets entsprechen box-sizing und content-box, mit ihren Standardwerten, diesem Modell. Der Alternativ-Wert von border-box hingegen, beinhaltet auch Innenabstände, sowie Rahmen. Der Medientyp reader vereint, einfach ausgedrückt, verschiedene Ausgabemöglichkeiten. Bisher konnten zwar mehrere Ausgabearten unterstützt werden, der User-Agent durfte allerdings stets nur einen Medientyp verwenden und musste zwischen diesen wechseln. Dies bedeutet einen weiteren Schritt hin zum barriereärmeren Internet.

Eine der sinnvollsten Neuerungen, soll die lang ersehnte calc-Funktion werden. Praktisch würde dies die Möglichkeit bieten, Kalkulationen ähnlich des Exelformats auszugeben. Viel gestalterische Freiheit verspricht die Anzeige mehrerer Hintergrundbilder. Die grundsätzliche Idee sieht vor, dass mehrere durch Kommata getrennte Bilder untereinander dargestellt werden. Ebenfalls ein Segen ist die zu erwartende offizielle opacity-Eigenschaft, die bisher diverse Hürden, wie beispielsweise den Internet Explorer zu überwinden hatte. Mit ähnlichen Problemen hat bis heute der border-radius, zur Darstellung von abgerundete Ecken zu kämpfen. Für die Erzeugung neuer Tabs und Windows, sollen in Version 3 der Cascading Style Sheets, die target-Eigenschaften dienen. Doch das W3C blickt nicht nur nach vorn, so findet das gute, alte marquee-Element Einlass in CSS Level 3. Einst durch die übermächtige Stellung des Internet Explorers weit verbreitet, war dieses Element fast schon dem Untergang geweiht und soll nun auf die Bildschirme zurück kehren.

Neue Version von Opera Mobile

Redaktion — Fri, 27 Nov 2009 19:54:56 +0000

Opera hat heute eine Betaversion von Opera Mobile 10 für das Betriebssystem Symbian-S60 zum Download frei.
Die Testversion kommt daher für mobile Endgeräte von Nokia, Samsung und Sony Ericsson, die auf dieser Grundlage laufen, in Frage. Das Redesign der Benutzeroberfläche und Performancesteigerungen stehen dabei besonders im Fokus der Software-Entwickler. Design und Ladegeschwindigkeit zentral “Abgesehen von der vollen Unterstützung gängiger Webstandards hat sich Opera auf die Entwicklung eines möglichst benutzerfreundlichen User Interfaces konzentriert”, sagt Dag Olav Novem, Vice President of Products for Mobile and Devices bei Opera, im Gespräch mit pressetext.

So sollen Schnellwahlfunktionen, ein Passwortmanager oder das Synchronisieren von Lesezeichen Benutzern ein komfortableres Surfen ermöglichen. Darüber hinaus arbeitet Opera daran, die Downloadzeiten weiter zu verkürzen. User von Symbian-Geräten sollen Webseiten doppelt so schnell herunterladen können als mit der aktuellen Version von Opera Mobile 9.7. Dafür bringen die Entwickler bei ihren Mobile-Browsern dieselbe Rendering-Engine zum Einsatz wie bei der Desktop-Variante. “Im Gegensatz zu anderen Herstellern legen wir keinen Wert auf technisch abgespeckte Versionen”, so Novem. Anders als bisher stelle auch die in neueste Smartphones verbaute Hardware ein beachtliches Leistungsvermögen zur Nutzung bereit, so der Opera-Experte weiter. Mobile Version mit Turbo Die Norweger setzen außerdem auf ihren von der Desktop-Version bereits bekannten Turbo, eine serverseitige Komprimierungstechnologie Ladegeschwindigkeit sorgen.

Nach Operas Mobile Web Report wird das mobile Web von zunehmend mehr Menschen genutzt. Webbrowser aus dem hohen Norden seien demnach bereits auf 130 Mio. Mobiltelefonen installiert worden. Laut StatCounter ist Opera mit einem Marktanteil von 26,79 Prozent in diesem Segment auch weiter führend. “Im Mobilbereich spielen neben Open-Source-Plattformen auch proprietäre Betriebssysteme eine wichtige Rolle, insbesondere im Business-Segment”, meint Novem. Das norwegische Software-Haus entwickelt Opera Mobile seit neun Jahren. Im Jahr 2006 folgte mit Opera Mini ein Proxy-Browserkonzept, das es erlaubt, die Clients auf den Endgeräten zur Ausführung des übermittelten Codes stark zu verschlanken.

Da es sich bei den jüngsten Veröffentlichungen jedoch um Betaversionen handelt, verlangen noch zahlreiche Bugs nach ihrer Behebung. So ist etwa die Lesezeichen-Synchronisierung mit Opera Mobile 10 in der Betaversion noch nicht möglich, genauso wenig wie die Darstellung asiatischer Schriftzeichen. Testberichten zufolge erscheine das virtuelle Keyboard auch noch dann, wenn User Eingaben über das physische Keyboard vornehmen.

Apple iPhone Forum

Redaktion — Tue, 24 Nov 2009 02:35:07 +0000

Wer sich ein Apple iPhone kauft will auch den vollen Funktionsumfang nutzen. Teuer genug ist das beliebteste Handy ja!

Gleichgesinnte und viele, viele Tipps findet man am besten in Foren. Wenn es um das iPhone geht, kommt man dabei um iszene.com fast nicht herum. Das Forum ist zweifelsohne Anlaufstelle Nr1, wenn es um Fragen zum Apple Mobiltelefon geht.

Habt ihr schon länger ein iPhone, kennt ihr das Forum sicher schon. Seid ihr erst auf den iPhone-Zug aufgesprungen, werden ihr auf dem obigen Link alles finden, was ihr braucht.