Pinned Sites: FAQ
Auf dieser Seite:
Was sind Pinned Sites?
Pinned Sites sind ein Feature des Internet Explorers ab Version 9. Damit lassen sich Websites ganz einfach wie eine Windows-Applikation in die Taskleiste oder das Startmenü einbinden. Dies ist schon von anderen Programmen bekannt, die an die Taskleiste angeheftet werden können. Durch das Anheften der Website an die Taskleiste ist es möglich, die Navigation zu Favoriten zu beschleunigen und zu vereinfachen. Ändern sich die Neuigkeiten, werden Sie visuell darauf aufmerksam gemacht. Das Beste daran ist, dass die Realisierung einer Pinned Site für den Besitzer einer Webseite sehr einfach ist. Es bedarf nur an ein paar wenigen Schritten um die Funktionalität einer Pinned Site zu erhalten.
Welche Möglichkeiten hab ich durch eine angeheftete Seite?
Wenn Ihre Webseite an die Taskleiste angeheftet wurde, können Sie durch einen einfachen Rechtsklick mit der Maus die Seite in einem eigenen Browserfenster starten. Wenn Sie mit der rechten Maustaste auf das Icon in der Taskleiste klicken (mehr zu Icons), erscheint ein kleines Popupfenster, dass Sie schon von anderen Programmen kennen, welche in der Taskleiste angeheftet wurden. In dem Popupfenster haben Sie die Möglichkeit durch einfaches Navigieren auf Websites zu gelangen. Im oberen Teil des Popupfensters gibt es zwei verschiedene Arten von Listen, die Taskliste und die Sprungliste. In dem oberen Teil des Popupfensters befindet sich die Sprungliste, die - anders als die Taskliste - dynamisch generiert wird. Dies bedeutet, dass sich einzelne Punkte in der Liste im Laufe der Zeit ändern können. Wenn sich der Inhalt der dynamischen Liste ändert, kann dies über ein zusätzliches Icon, sichtbar gemacht werden (How-To-Guide). Das was eigentlich "nur" eine Webseite ist, wird durch den Internet Explorer 9 und die Integration der Pinned Sites Funktionalität zu einem neuen Erlebnis.
Wie hefte ich eine Seite an die Taskleiste an?
Ziehen Sie einfach die Registerkarte, das links befindliche Icon in der Adressleiste bzw. URL-Eingabemaske im Internet Explorer oder ein speziell eingebundenes Bild von der Webseite runter in die Taskleiste. Mehr dazu finden Sie im How-To-Guide. Sobald Sie die Maustaste loslassen, wird die Webseite an die Taskleiste angeheftet und eine vordefinierte Startseite wird aufgerufen.
Was muss ich machen, damit meine Homepage zu einer Pinned Site wird?
Um die Funktionalität einer Pinned Site zu erhalten, gehen Sie bitte wie folgt vor:
- Laden Sie sich das Pinned Site-Package herunter und entpacken Sie es.
- Falls Sie noch kein Favicon in Ihrer Webseite haben, kopieren Sie sich ihr Favicon aus Ihrem Ordner (Wo finde ich mein Favicon?) und speichern Sie es auf Ihrem Webserver.
- Definieren Sie im Head Ihrer Webseite ein paar META-Elemente.
- Um auf Neuigkeiten aufmerksam gemacht zu werden, empfiehlt es sich eine Sprungliste anzulegen.
- Es empfiehlt sich zum Abschluss die eigene Seite an die Taskleiste anzuheften, um zu prüfen ob alles geklappt hat.
Wie fange ich am besten an?
In den nächsten Schritten finden Sie eine kleine Anleitung, um die wichtigsten Funktionalitäten in Ihre Webseite einzubinden. Wenn Sie mehr erfahren wollen, dann schauen Sie bitte in den How-To-Guide im Pinned Site-Package.
- Legen Sie den Applikations-Namen für Ihre Pinned Site fest. Dazu tragen Sie einfach folgendes META-Elementen in den Head Ihrer Webseite ein.
- Integrieren Sie ein Favicon in Ihre Pinned Site. Dazu kopieren Sie bitte folgenden Code und fügen ihn in Ihre Webseite ein.
- Generieren Sie einen Tooltip zu Ihrer Pinned Site. Dazu kopieren Sie folgende Zeile in den Head Ihrer Webseite:
- Definieren Sie die Startseite Ihrer Pinned Site. Dies erreichen Sie mit folgender Zeile:
- Hiermit können Sie die Fenstergröße der aufgerufenen Pinned Site festlegen:
- Mit folgender Zeile können Sie das Aussehen des Vor -und Zurückbuttons oben links im Browser-Fenster Ihrer Pinned Site definieren:
- Die Taskliste wird ebenfalls über die Definition von META-Elementen im Head Ihrer Webseite erstellt.Für eine genauere Beschreibung lesen Sie bitte Wie generiere ich eine Taskliste? in der Pinned Site FAQoder lesen Sie mehr dazu in dem How-To-Guide.
- Im letzten Schritt wird Ihnen gezeigt, wie Sie eine Sprungliste (dynamische Liste) generieren. Dazu schauen Sie sich bitte Wie generiere ich eine Sprungliste bzw. dynamische Liste? an.
Hinweis: Sollten Sie zu den Partnern von Microsoft gehören, die speziell eingeladen worden sind, die IE9 Pinned Site-Funktionen zu nutzen, dann können Sie sich einfach Ihr Favicon herunterladen. Dazu gehen Sie bitte auf Ihre Vorschau-Seite. Ihr Favicon.
Was ist ein META-Element?
Ein META-Element einer Webseite dient dazu, zusätzliche Informationen über eine Website in Form von Metainformationen anzugeben. Die Metainformationen werden mit Hilfe eines META-Elements im Head einer Webseite definiert:
<meta name="{Name des META-Elements}" content="{Inhalt des META-Elements}"/>Es gibt verschiedene Arten von META-Elementen, wie zum Beispiel das keyword-META-Element, dass Aufschluss darüber gibt, welche Stichwörter auf einer Webseite vorkommen.
Beispiel:
<meta name="keywords" content="Stichwort_1,Stichwort_2,Stichwort_3 usw."/>Es gibt noch mehrere Arten von META-Elementen, wie z.B. Metainformationen über den Autor einer Webseite.
Beispiel:
<meta name="author" content=”Max Mustermann">Was ist das HEAD-Element einer Webseite?
Das HEAD-Element steht am Anfang einer Webseite und enthält zum Beispiel Informationen über zugehörige Stylesheets oder den Titel der Webseite, der im Tab erscheinen soll. Ausserdem können im HEAD-Element Metainformationen gespeichert werden und Skripte (z.B. JavaScript) definiert werden.
Beispiel:
<head> <title>Titel der Seite</title> <meta content="Meine Pinned Site" name="application-name" /> </head> <body> ... </body>Was ist ein Favicon?
Ein Favicon ist ein kleines Bild, dass sowohl links in der Registerkarte als auch in der Adressleiste erscheint. Im Fall der Pinned Sites wird das Favicon benutzt, um die angeheftete Seite in der Taskleiste mit dem Favicon-Symbol zu markieren.
Ferner wird über das Favicon die Darstellung der Pinned Site im eigenen Fenster verändert.
Wo finde ich mein Favicon?
Ihr Favicon können Sie sich auf der Vorschauseite runterladen.
Wofür sind die anderen Icons im Pinned Site-Package?
Die anderen Icons, die Sie im Pinned Site-Package unter Icons finden, können Sie für Ihre Taskliste verwenden. Außerdem eignet sich das Ausrufezeichen
sehr gut, um den Benutzer durch die Taskleiste auf Neuigkeiten aufmerksam zu machen.
Wie integriere ich ein Favicon in meine Homepage?
Entweder Sie kopieren den Code direkt von der Vorschau-Seite oder Sie integrieren das Favicon selbst.
Um ein Favicon in ihre Webseite zu integrieren, kopieren Sie bitte folgende Zeile in den Head Ihrer Webseite:
<link href="{Pfad Ihres favicon.ico}" rel="Shortcut Icon" type="image/x-icon"/>Beispiel:
<link href="images/icons/favicon.ico" rel="Shortcut Icon" type="image/x-icon"/>Wie füge ich einen Applikations-Namen hinzu?
Um einen Namen hinzuzufügen kopieren Sie bitte folgende Zeile in den Head Ihrer Webseite:
<meta content="{Applikations-Name}" name="application-name" />Beispiel:
<meta content="Pinned Site Applikation" name="application-name" />Wie lege ich die Startseite der Pinned Site fest?
Kopieren Sie dazu einfach die folgende Zeile in den Head Ihrer Webseite.
<meta content="{URL der Startseite}" name="msapplication-starturl" />Beispiel:
<meta content="http://www.eine.beispiel.seite.de" name="msapplication-starturl" />Was ist der Tooltip der Pinned Site?
Der Tooltip dient als zusätzliche Information über Ihre Pinned Site. Wenn sich zum Beispiel die Pinned Site als Verknüpfung auf Ihrem Desktop befindet, dann erscheint der Tooltip, wenn sich der Mauszeiger über dem Verknüpfungssymbol befindet. Wenn Sie die Pinned Site an das Startmenü anheften, erscheint der Tooltip sobald sich der Mauszeiger über dem Programmsymbol befindet.
Wie generiere ich einen Tooltip?
Um den Tooltip in Ihre Webseite zu integrieren, kopieren Sie bitte folgende Zeile:
<meta content="{Ihr Tooltip}" name="msapplication-tooltip" />Beispiel:
<meta content="Erfahren Sie alles über meine Seite" name="msapplication-tooltip" />
Wie kann ich die Anfangsgröße des Fensters ändern?
So ändern Sie die Fenstergröße:
<meta content="width={Breite};height={Höhe}" name="msapplication-window" />Beispiel:
:<meta content="width=800;height=600" name="msapplication-window" />Dabei ist der {Wert} die Anzahl der Pixel. Wenn sie für width="800" und für height="600" nehmen, dann erzeugen Sie beim Start der Pinned Site ein Fenster von 800 x 600 Pixeln.
Welche Möglichkeiten habe ich, um das Erscheinungsbild der Pinned Site zu verändern?
Zum einen können Sie bestimmen, wie groß das Fenster sein soll, nachdem Sie auf das Icon in der Taskleiste geklickt haben. Zum anderen können Sie ganz einfach die Farbe des Vor -und Zurück-Buttons verändern.
Durch die Einbindung eines Favicons wird die Webseite nochmal visuell hervorgehoben und erscheint dadurch viel interessanter.
Wie kann ich die Farbe des Vor- und Zurück-Buttons ändern?
Um die Farbe zu ändern, kopieren Sie bitte folgendes META-Element in den Head Ihrer Webseite:
<meta content="#{Hexadezimalwert der Farbe}" name="msapplication-navbutton-color" />Beispiel
<meta content="#FF0000" name="msapplication-navbutton-color" />
Hinweis: Wenn Sie dieses META-Element nicht in Ihren Head der Webseite aufnehmen, wird die Farbpalette des Favicons genommen.
Kann ich einen weiteren Trennstrich in die Taskliste einfügen?
Ja, das können Sie. Dazu müssen Sie nur folgende Zeile zwischen die Tasklisten-Elemente - befinden sich im HEAD-Element Ihrer Webseite - kopieren, wo die Trenngerade hin soll.
<meta content="[unique value]" name="msapplication-task-separator />Wie kann ich die Pinned Site zum Startmenü hinzufügen?
Dazu müssen Sie nur folgende Zeile in Ihre Webseite integrieren:
<a onclick="window.external.msAddSiteMode();" href="#">Klicken Sie hier um die Seite an das Startmenü anzuheften.</a>
Hinweis: Es können andere Elemente, wie zum Beispiel ein png oder ein gif verwendet werden, um zum Anheften der Seite aufzurufen. Mehr dazu finden Sie in dem How-To-Guide.
Was ist eine Taskliste?
Eine Taskliste ist eine Liste, die durch einen Rechtsklick mit der Maus auf die angeheftete Seite in der Taskleiste sichtbar gemacht wird. Nach dem Rechtsklick befindet sich die Taskliste in der Mitte des Popupfensters.
Die Überschrift der Liste lautet: Aufgaben.
In dieser Liste befinden sich vordefinierte Seiten, die sich nicht ändern, außer man definiert diese neu und heftet die Seite erneut an.
Hinweis: Durch einfaches Ändern der vordefinierten Tasklisten-Elemente im HEAD-Element Ihrer Webseite können diese nicht geändert werden. Dazu müssen Sie die angeheftete Seite erst von der Taskleiste entfernen und dann erneut Anheften.
Die Elemente der Taskliste dienen dazu, die Navigation auf Ihrer Webseite zu erleichtern.
Wie generiere ich eine Taskliste?
Entweder Sie kopieren den Code direkt von der Vorschau-Website oder Sie erstellen selbst ein Tasklisten-Element.
Um ein Element der Taskliste zu generieren müssen Sie nur folgende Zeile in den head Ihrer Webseite kopieren:
<meta content="name={Name des Tasklisten-Elements};action-uri={Url der Seite};icon-uri={Verzeichnis-Pfad des Icons}"
name="msapplication-task" />Beispiel:
<meta content="name=c# Code Snipetts;action-uri=http://www.code-snippets.csharp.net;icon-uri=icons/csharp.ico" name="msapplication-task" />
Was ist eine Sprungliste bzw. dynamische Liste?
Im Gegensatz zur Taskliste ist die Sprungliste dynamisch. Dies bedeutet, dass sich Elemente der Sprungliste im Laufe der Zeit ändern können, ohne dass die Seite erneut angeheftet werden muss. Die Sprungliste wird hingegen zur Taskliste, die mit Hilfe von Metadaten generiert wird, mit Hilfe von JavaScript in Ihre Webseite eingebunden. Aber keine Panik, das ist sehr einfach.
Entweder Sie kopieren sich die die Zeile auf der Vorschauseite und binden sie in den Head Ihre Webseite ein, oder Sie generieren die Sprungliste manuell, dazu schauen Sie bitte in den How-To-Guide.
Wie generiere ich eine Sprungliste bzw. dynamische Liste?
Der schnelle Weg ist die schon für Sie entwickelten JavaScript-Dateien zu verwenden. Dazu müssen Sie nur eine Zeile Code in den Head Ihrer Webseite einfügen. Die Zeile finden Sie auf Ihrer Vorschauseite.
Beispiel:
Sollten Sie dieses Feature selbst implementieren wollen, nutzen Sie bitte den How-To-Guide.
Hinweis: Alle vordefinierten JavaScripte finden Sie hier.
