Benutzeranleitung Online-Service "Blog" - Online-Service "Blog auf der Webplattform der Handwerkskammer Dresden
←
→
Transkription von Seiteninhalten
Wenn Ihr Browser die Seite nicht korrekt rendert, bitte, lesen Sie den Inhalt der Seite unten
Benutzeranleitung Online-Service „Blog“ Online-Service „Blog auf der Webplatt- form der Handwerkskammer Dresden Stand Oktober 2012
2 Anleitung zur Benutzung des Blog-Moduls Handwerkskammer Dresden · Am Lagerplatz 8 · 01099 Dresden
3 Anleitung zur Benutzung des Blog-Moduls
Inhaltsverzeichnis
1. Das Blog-Modul ..................................................................................................5
2. Anmelden............................................................................................................5
3. Blog-Eintrag hinzufügen......................................................................................5
3.1. Text hinzufügen ..........................................................................................6
3.2. E-Mails sowie interne/externe Links hinzufügen .........................................7
3.3. Bilder einfügen............................................................................................8
4. Blog-Eintrag bearbeiten .................................................................................... 10
5. Kommentare verwalten ..................................................................................... 10
6. Kategorien hinzufügen ...................................................................................... 10
7. Bilder für Websites optimieren .......................................................................... 11
8. Ansprechpartner ............................................................................................... 15
Handwerkskammer Dresden · Am Lagerplatz 8 · 01099 Dresden4 Anleitung zur Benutzung des Blog-Moduls Handwerkskammer Dresden · Am Lagerplatz 8 · 01099 Dresden
5 Anleitung zur Benutzung des Blog-Moduls 1. Das Blog-Modul Ein Blog bzw. Weblog ist eine Art Online-Tagebuch. Häufig ist ein Blog eine lange, abwärts chronologische Liste von Einträgen. Mit dem Blog-Modul von DotNetNuke können diese Beiträge schnell und einfach erstellt und verwaltet werden. Des Weiteren können Kommentare bzw. Diskussionen der Leser zu einem Artikel geführt werden. 2. Anmelden Rufen Sie die Website www.hwk- dresden.de oder den Direktlink www.hwk-dresden.de/blog in Ihrem Browser auf. Unter dem linken vertikalen Menü und der Suchbox finden Sie die Anmelde- box. Klicken Sie auf den Textlink „anmelden“. Melden Sie sich mit Ihren Zugangsdaten an. Wechseln Sie gegebenenfalls zur Blog-Seite (klicken Sie im horizontalen Menü auf den Reiter Blog). 3. Blog-Eintrag hinzufügen Klicken Sie im rechten Bereich der Webseite in der Box (Blog Administration) auf den Link „Eintrag erstellen“ um einen neuen Beitrag zu erstellen. Im hier geöffneten Fenster können nun die Inhalte eingefügt werden. Nach dem Speichern ist dieser Beitrag mit dem Text der Zusammenfassung sofort auf der Übersichtsseite sichtbar. Vertiefende Informationen zum Einfügen von Text, Bilder, E-Mails oder Verlinkungen finden Sie unter den Punkten 3.1 bis 3.3, ab Seite 6. Handwerkskammer Dresden · Am Lagerplatz 8 · 01099 Dresden
6 Anleitung zur Benutzung des Blog-Moduls
Erläuterungen der einzelnen Felder:
1. Das Erstelldatum, wird
automatisch ausgefüllt
2. Weblog-Kategorie: hier
1. 2.
kann der Eintrag einer
3. Kategorie zugeordnet
werden (Hinweise zum
4. 4. erstellen einer
Kategorie finden Sie
unter: 6. Kategorie
hinzufügen
3. Überschrift: Tragen
Sie hier den Titel des
neuen Eintrages ein.
5. Erscheint auf der
Übersichtsseite und
der Detailseite des
Blogs.
4. Zusammenfassung:
Tragen Sie hier eine
Zusammenfassung
bzw. einen
Einleitungstext ein.
Erscheint auf der
6.
Übersichtsseite des
Blogs.
7.
5. Weblog: Tragen Sie hier den eigentlichen Inhalt des Weblogs ein. Erscheint auf der Detailseite
des Weblogs.
6. Eintrags-Optionen: Aktivieren bzw. deaktivieren Sie die Häkchen für gewünschte Optionen.
7. Speichern des Eintrages
3.1. Text hinzufügen
Tragen Sie im Komfort-Editor Ihre gewünschten Inhalte
ein. Formatierungen an Schriftgrößen, -art und -farbe
brauchen nicht vorgenommen werden, diese werden
automatisch angepasst. Einzelne Textpassagen
können hier noch fett hervorgehoben werden – dazu den markierten Text mit B formatieren.
Hinzugefügt werden können Tabellen , Bilder , Anker und Links (auf externen und
internen Seiten sowie PDF-Dokumenten). Klicken Sie zum Einfügen auf die entsprechenden Icons.
Die Schriftart, Schriftgröße und die Laufweite sind per css bereits festgelegt und brauchen somit
nicht angepasst werden.
Handwerkskammer Dresden · Am Lagerplatz 8 · 01099 Dresden7 Anleitung zur Benutzung des Blog-Moduls
Erläuterungen der wichtigsten Icons:
Tabelle einfügen
Bild einfügen
Anker einfügen
Link einfügen
Fernglas, zum Durchsuchen des Inhaltes
Radiergummi, zum Löschen der Formatierung
Suchen und ersetzen, obere Zeile für den zu ersetzenden Suchbegriff,
untere Zeile für den zu korrigierende Begriff/Wort.
Sonderzeichen einfügen
Flash einfügen
Editor maximieren
Sie können auch Text aus anderen
Anwendungen einfügen. Jedoch verwendet
jedes Programm eigene Formatierungen, die
vom Web-Editor nicht immer richtig übersetzt
werden können. Daher ist es erforderlich diese
Formatierungen zu entfernen.
Kopieren Sie den gewünschten Text und
wechseln Sie zu der zu bearbeitenden
Internetseite. Klicken Sie auf die passende
Textzeile bzw. Textstelle, danach auf das Icon
„Einfügeoption“, hier den Punkt „als Text
einfügen“ auswählen. Der Text wird daraufhin eingefügt, je nach Browser (z. B. Chrom) kann noch
ein Popup-Fenster erscheinen wo der Text eingefügt werden muss.
Eine andere Variante wäre den Text über den Texteditor einzufügen. Sie finden diesen Editor
unter Start – Programme – Zubehör. Kopieren Sie den einzufügenden Text aus Ihrem
Programm (z.B. Word) in den Editor, danach kopieren Sie diesen eingefügten Text des Editors und
fügen nun diesen Text im Editor des Blogs-Modules ein.
Verwendung von HTML
Im Standard-Textfeld erscheint der Quelltext einer Seite. Hier kann mit html gearbeitet werden. Auch
per Klick auf Quellcode in der Komfort-Editors- Ansicht wechselt in den HTML-Modus.
3.2. E-Mails sowie
interne/externe Links
hinzufügen
3.2.1. E-Mail hinzufügen
Dazu die E-Mail-Adresse im Editor markieren und
danach das Icon Verlinkungen anklicken. Unter Link-
Typ den Eintrag „E-Mail“ auswählen. Unter
E-Mail-Adresse gewünschte E-Mail eintragen. Mit „OK“ speichern.
Handwerkskammer Dresden · Am Lagerplatz 8 · 01099 Dresden8 Anleitung zur Benutzung des Blog-Moduls
3.2.2. Interne/Externe Verlinkungen
Gewünschten Text markieren und danach auf das Icon Verlinkungen klicken . Im geöffneten
Fenster unter Link-Typ „URL“ auswählen.
Externe Verlinkungen
Im Feld URL die Webadresse eintragen (z.B. www.hwk-
dresden.de), gegebenenfalls das Protokoll ändern. Im
Reiter „Zielseite“ in der DropDownListe „Zielseite“ das
entsprechende Zielfenster auswählen (Neues Fenster:
_blank). Eventuell noch einen Namen für das Zielfenster
eingeben – wird im Browser-Rahmen oben links angezeigt.
Im Reiter „Erweitert“ können noch weitere Eigenschaften
eingetragen werden. Mit den Schalter OK alles speichern.
Interne Verlinkungen
Um Seiten im Portal zu verlinken den Button „Server
durchsuchen“ betätigen. Im Popup den entsprechenden
Linktyp markieren: „Seite (in Ihrem Portal)“ Danach öffnet sich
eine entsprechende Liste in der die angelegte Seite
ausgewählt werden kann. Mit OK die Einstellungen speichern.
Um Dokumente zu verlinken ), z.B
für PDF-Dokumente unter Linktyp
„Datei (in Ihrem Portal)“ wählen.
Unter Dateipfad muss vorher der
entsprechende Pfad (z.B. bei PDF:
pdfs/blog/) ausgewählt werden.
Danach kann nach der gewün-
schten Datei (unter „Dateiname“)
gesucht werden. Fehlt die gesuchte
Datei kann diese über den Link
„Neue Datei hochladen“ hinzugefügt
werden. Auch hier vorher unbedingt den richten Pfad auswählen! Danach mit dem Button
„Durchsuchen“ die lokale Datei suchen und mit einem Klick auf dem Link „Ausgewählte Datei
hochladen“ bestätigen. Danach auf den Link „ausgewählten Link verwenden“ klicken. Und mit dem
Button OK alles speichern.
3.3. Bilder
einfügen
In der Toolbar auf das Symbol
klicken. Im geöffneten
Popup unter dem Basisver-
zeichnis gewünschten Pfad
suchen, beispielsweise blog – image – 2010_Mrz_Frankreich.
Handwerkskammer Dresden · Am Lagerplatz 8 · 01099 Dresden9 Anleitung zur Benutzung des Blog-Moduls
Ist das Bild vorhanden:
finden Sie es in diesem
Ordner und können dieses
Bild per Klick auswählen.
Dadurch wird das Bild in die
Vorschau übernommen. Die
Höhe und Breite wird
automatisch mit übernommen.
Unter „Eigenschaften“ kann
noch die Bildposition
festgelegt werden, bzw. die
Bildgröße geändert werden.
Um ein neues Bild hinzufügen navigieren Sie zum Ablage-
bzw. dem Speicherort der zukünftigen Bilddatei, z. B. Blog – Image – 2012_Nov_England, klicken
Sie danach auf den Button „hochladen“ und wählen hier Ihre lokal abgelegte Datei aus, danach
klicken Sie auf „hochladen“. Das ausgewählte Bild wird dem aktuellen Ordner hinzugefügt. Dieses
Bild anklicken und es wird in das Vorschaufenster übernommen.
Hinweis: Um optimale Ladezeiten der Webseiten zu ermöglichen ist es notwendig Bilder für das
Web zu optimieren. Dafür gibt es entsprechende Bildbearbeitungsprogramme bzw. können diese
Bilder auch Online bei verschiedenen Anbietern, wie z.B. http://imageshack.us/,
http://www.onlinestuffs.com/, http://resizr.lord-lance.com „kleiner gerechnet“ werden.
Informationen dazu finden Sie unter 7. Bilder für Websites optimieren, Seite 11.
Handwerkskammer Dresden · Am Lagerplatz 8 · 01099 Dresden10 Anleitung zur Benutzung des Blog-Moduls 4. Blog-Eintrag bearbeiten Sie können Ihre Blog-Einträge nachträglich bearbeiten. Klicken Sie dazu auf den Textlink „Eintrag bearbeiten“ des entsprechenden Eintrages. Hinweis: Um diesen Textlink zu sehen müssen Sie angemeldet sein. 5. Kommentare verwalten Sie können die Kommentare der Leser bearbeiten und/oder löschen. Klicken Sie dazu auf den Textlink „bearbeiten.“ des entsprechenden Kommentares. Dieser Eintrag wird im Abschnitt „Kommentar schreiben“ aufgerufen und kann hier geändert bzw. über den Textlink „löschen“ gelöscht werden. Mit klicken auf den Link „Kommentar bearbeiten“ werden die Änderungen übernommen. Hinweis: Um diesen Textlink zu sehen müssen Sie angemeldet sein. 6. Kategorien hinzufügen Pro Weblog sind mehrere Kategorien möglich. Diese können bei Bedarf jederzeit angelegt werden. Klicken Sie dazu in der Blog Administration auf den Link „Weblog-Einstellungen“. Unten auf der geöffneten Seite befindet sich der Eintrag untergeordnete Weblogs. Zum Hinzufügen eines neuen Eintrages klicken Sie auf den Button „hinzufügen“. Folgen Sie den Bildschirmanweisungen. Möchten Sie eine vorhandene Kategorie bearbeiten, markieren Sie die entsprechende Kategorie und klicken danach auf den Button „bearbeiten“. Über die Auswahlliste „Weblog-Kategorie“ (bei Eintrag erstellen) kann nun der neue Weblog-Eintrag dieser neuen Kategorie zugeordnet werden. Handwerkskammer Dresden · Am Lagerplatz 8 · 01099 Dresden
11 Anleitung zur Benutzung des Blog-Moduls
7. Bilder für Websites optimieren
Um die Ladezeiten von Websites zu verbessern ist es wichtig Digitalbilder zu optimieren. Mit
entsprechenden Bildbearbeitungsprogrammen (Paint .net, Photoshop Elements, IrfanView) können
diese verkleinert werden.
Bildoptimierung mit Paint .NET
Öffnen Sie das Programm Paint .net. Öffnen Sie das gewünschte Bild.
Passen Sie den Bildausschnitt an. Klicken Sie dazu unter Tools auf das
3.
1.
2.
rechteckige Icon. Ziehen Sie danach das Rechteck auf den benötigten
Bildausschnitt. Zum Zuschneiden auf das Symbol der Schere klicken.
Jetzt wird der gewählte Ausschnitt ausgeschnitten.
Über Datei - Neu – OK wird eine neue leere Fläche mit den
entsprechenden Größen generiert. Jetzt unter Bearbeiten
Einfügen wird der entsprechende Bildausschnitt eingefügt.
Unter dem Menüpukt Bild – Größe ändern können jetzt die
Bildeinstellungen für die Internetseite vorgenommen werden.
Unter Bildbreite die gewünschte Breite eingeben. Die
Maximale Breite für die Seite beträgt 500 Pixel. Um ein
einheitliches Erscheinungsbild zu erhalten empfehlen wir
immer wieder die gleiche Bildbreite für die Bilder zu
verwenden, z. B. 200 Pixel.
Unter Auflösung 72,00 eintragen. Das ist die Einstellung für
Internetbilder. Nach dem Speichern der Einstellungen, per
klicken auf OK wird das Bild verkleinert.
Handwerkskammer Dresden · Am Lagerplatz 8 · 01099 Dresden12 Anleitung zur Benutzung des Blog-Moduls Danach das Bild speichern. Klicken Sie dazu im Menü - Datei auf Speichern, wählen Sie den Speicherort aus. Wählen Sie unter der Auswahlliste „Dateityp“ das Dateiformat .jpg aus. Klicken Sie auf Speichern. Im jetzt geöffneten Fenster können Sie noch weitere Komprimierungen vornehmen. Es empfiehlt sich über den Regler eine Qualität zwischen 70 und 80 % einzustellen. Damit wird das Bild weiter verkleinert. Anhand der Vorschau sehen Sie die Veränderungen im Bild. Achten Sie auf ein nicht zu verschwommenes Bild. Klicken Sie abschließend auf OK. Handwerkskammer Dresden · Am Lagerplatz 8 · 01099 Dresden
13 Anleitung zur Benutzung des Blog-Moduls
Bildoptimierung über Website
http://resizr.lord-lance.com
Webseite aufrufen, z. B.:
http://resizr.lord-lance.com
Bild vom Rechner, aus gewünschtem
Ordner suchen. Dazu auf den Schalter
„Durchsuchen klicken“. Die Menü-
Auswahl „Local“ sollte hier aktiviert
sein. Es werden nur Bilder mit der
Bildendung .jpg akzeptiert. (Siehe Bild
wandeln in Dateiformat JPG“, Seite
10)
Unter „Image width:“ die
entsprechende Seitenbreite des Bildes
eingeben, z.B. für Vorschaubilder
200px und für Detailbilder 350px bis
500px.
Mit klicken auf den Schalter „ResizR“ wird
die neue Bildgröße errechnet und
angezeigt.
Mit der rechten Maustaste auf das Bild
klicken und im Kontexmenü „Bild
speichern unter“ auswählen und auf dem
Computer unter einem bestimmten
Ordner/Pfad z.B. dem Desktop
ablegen/speichern.
Bitte beachten: Im Internet werden
nur Dateien mit dem
Dateiendungen .jpg, .gif und .png
angezeigt. Also die entsprechende
Datei in einen dieser genannten
Formate abspeichern.
Das erstellte Bild kann auch per E-Mail versandt werden. Dazu mit der rechten Maus auf das Bild
klicken und „Bild senden“ auswählen.
Handwerkskammer Dresden · Am Lagerplatz 8 · 01099 Dresden14 Anleitung zur Benutzung des Blog-Moduls
Bild wandeln in Dateiformat JPG
Dazu das Programm Paint.NET öffnen.
a.) Start – alle Programme – Zubehör
Paint
oder
b.) per Rechtsklick auf dem Bild des
Ablageordners (z.B. Eigenen Dateien),
danach im Menü „öffnen mit“ und hier
Paint auswählen
Danach die gewünschte Datei öffnen - unter
dem Menüpunkt: Datei – Öffnen.
Anschließend die geöffnete Datei speichern.
Dazu unter Datei „Speichern unter …“
auswählen.
Im anschließenden Fenster unter Dateityp “ JPEG“
auswählen und unter gewünschten Dateipfad (z. B.
Desktop) abspeichern.
Handwerkskammer Dresden · Am Lagerplatz 8 · 01099 Dresden15 Anleitung zur Benutzung des Blog-Moduls 8. Ansprechpartner Karola Müller Internetbeauftragte Handwerkskammer Dresden Am Lagerplatz 8, 01099 Dresden E-Mail: karola.mueller@hwk-dresden.de Telefon: +49 351 4640-466 Telefax: +49 351 4640-34466 Handwerkskammer Dresden · Am Lagerplatz 8 · 01099 Dresden
16 Anleitung zur Benutzung des Blog-Moduls Notizen Handwerkskammer Dresden · Am Lagerplatz 8 · 01099 Dresden
17 Anleitung zur Benutzung des Blog-Moduls Notizen Handwerkskammer Dresden · Am Lagerplatz 8 · 01099 Dresden
18 Anleitung zur Benutzung des Blog-Moduls Notizen Handwerkskammer Dresden · Am Lagerplatz 8 · 01099 Dresden
Sie können auch lesen
