Dreamweaver CS6. Webdesign mit
|
|
|
- Sophie Baumann
- vor 6 Jahren
- Abrufe
Transkript
1 Webdesign mit Dreamweaver CS6 1 Was ist Dreamweaver CS6 Dreamweaver ist ein WYSIWYG-Editor WYSIWYG steht für what you see is what you get. Das bedeutet, dass das was man am Bildschirm sieht, dem Ergebnis im Browser (InternetExplorer, FireFox, Chrome) entspricht. 2 Grundlagen des Webdesigns Beim Erstellen einer Website sollte man unbedingt auf folgende Dinge achten: Der Benutzer soll durch die Seite geführt und nicht verwirrt werden Kurze Ladezeiten sind wichtig Auf der Startseite sollte sich kein zu langes Intro befinden (Skip-Intro) Grafiken für das Web optimieren (Auflösung 72 ppi, RGB-Modus) Funktionalität der Seite ist wichtiger als Design Besser kurze und aussagekräftige Texte (sollte es nicht anders gehen, kann z. B. ein PDF bereitgestellt werden) Corporate Design muss beachtet werden (Farben, Schriften, Abstände usw.) Weniger ist mehr! Standardschriften verwenden Auf Tipp- und Rechtschreibfehler achten Website in mehreren Browsern testen (WICHTIG) Die Browser (InternetExplorer, FireFox, Chrome, Safari, Opera ) stellen die Seiten manchmal unterschiedlich dar, da sie diverse Formatierungen unterschiedlich interpretieren. Klare und gut strukturierte Gestaltung Ulrike Voß Sandra Raubinger Seite 1
2 3 Ordnerstruktur Wenn man Websites erstellt, ist es wichtig, dass man auf die Dateinamen achtet. Wichtig ist dabei besonders, dass man keine Großbuchstaben, Umlaute, scharfes-s oder Sonderzeichen verwendet. Am Einfachsten ist es, wenn man alles klein schreibt und anstelle eines Leerraums einen Unterstrich verwendet. Dies gilt für Datei- und Ordnernamen gleichermaßen. Die Ordnerstruktur wird erst bei der Verlinkung der einzelnen Seiten wichtig. Ordnung und Struktur sind der Weg zum Erfolg. Meistens werden im Stammordner (Ordner indem sich die Website befindet z. B. Serien) weitere Ordner erstellt: css, images, js usw. sind nur einige Beispiele. 4 Arbeitsbereich in Dreamweaver Anwendungsleiste 2 Dokumentsymbolleiste 3 Dokumentfenster 4 Arbeitsbereichsumschalter 5 Bedienfeldgruppen 6 Tag-Selektor 7 Eigenschafteninspektor 8 Bedienfeld CSS-Stile Ulrike Voß Sandra Raubinger Seite 2
3 5 Dokumentfenster Entwurfsansicht ist eine Entwurfsumgebung für grafisches Seitenlayout, grafisches Bearbeiten und schnelle Anwendungsentwicklung. In dieser Ansicht kann das Dokument in Dreamweaver vollständig bearbeitet werden und wird grafisch ähnlich der Darstellung in einem Browser angezeigt. Codeansicht ist eine Umgebung zum manuellen Verfassen und Bearbeiten von HTML, JavaScript und Serversprachencode, z. B. PHP. Geteilte Codeansicht ist eine geteilte Version der Codeansicht, in der Sie Bildläufe durchführen können, um gleichzeitig verschiedene Abschnitte eines Dokuments zu bearbeiten. 6 Site anlegen Zu Beginn jeder Website sollte man eine Site festlegen um alle Webseiten und Bilder besser organisieren zu können. Dabei wird der Websiteordner (z. B. serien) festgelegt. Alle darin enthaltenen Elemente (Bilder, Seiten, ) werden nach Fertigstellung im rechten Bereich angezeigt. Wichtig: Kontrollieren Sie unbedingt den Dateipfad und achten Sie darauf, dass beim Stammordner auch der letzte ausgewählte Ordner angeführt wird, da Dreamweaver diesen manchmal weglässt. 6.1 Ablauf Schritt 1: Schritt 2: Site Neue Site Sitename vergeben (z. B. Serien) Lokalen Site-Ordner wählen (Durchsuchen) Schritt 3: Speichern Fertig! Ulrike Voß Sandra Raubinger Seite 3
4 6.2 Bedienfeld Dateien Im Bedienfeld Dateien scheint nun die Site auf. Sollte man die zuvor eingestellten Einstellungen nochmals verändern wollen, dann klickt man auf das Drop-Down-Menü und wählt Sites verwalten aus. Wählen Sie nun die gewünschte Site aus und klicken Sie auf Bearbeiten. 7 HTML-Grundgerüst 7.1 Grundgerüst <!doctype html> <head> <meta charset="utf-8"> <title>meine Übungsseite</title> </head> <body> </body> </html> 7.2 Aufbau einer CSS-Regel Die Syntax (Schreibweise) einer CSS-Regel besteht aus dem Selektor (was wird formatiert) und der Deklaration (Eigenschaft Schriftgröße; Wert 1.2 em). Danach wir ein Strichpunkt gesetzt. Die geschwungenen Klammern darf man nicht vergessen. Beispiel: h1 { font-size: 1.2em; } 8 Symbolleisten 8.1 Dokumentsymbolleiste Die Dokumentsymbolleiste enthält Schaltflächen, mit denen Sie schnell zwischen verschiedenen Ansichten des Dokuments wechseln können. Außerdem befinden sich auf der Symbolleiste einige häufig verwendete Befehle und Optionen zum Anzeigen und Übertragen von Dokumenten zwischen der lokalen Site und Remote-Sites. In der folgenden Abbildung ist die erweiterte Dokumentsymbolleiste dargestellt. Ulrike Voß Sandra Raubinger Seite 4
5 Ansichten wurde bereits erklärt Live-Ansicht zeigt eine nicht bearbeitbare, interaktive und browserbasierte Ansicht des Dokuments an. Dokumenttitel ermöglicht die Eingabe eines Titels für das Dokument, der in der Titelleiste des Browsers angezeigt wird Vorschau im Browser ermöglicht es, das Dokument im Browser als Vorschau anzuzeigen. Wählen Sie im Popupmenü einen Browser aus. Wichtig: Damit man eine HTML-Seite im Browser testen kann, muss sie zuvor gespeichert werden! 8.2 Statusleiste in der Entwurfsansicht Tag-Selektor 2 Zoom 3 Fenstergröße Zeigt die Hierarchie der Tags an, die die aktuelle Auswahl umgeben. Um ein Tag und seinen gesamten Inhalt auszuwählen, klicken Sie in der Hierarchie auf den Tag. Ermöglicht eine vergrößerte oder verkleinerte Darstellung des Dokuments. Mobilgeräte, Tablett, Bildschirmgröße, gesamte Fenstergröße Durch Klicken auf die einzelnen Symbole kann zwischen den einzelnen Fenstergrößen gewechselt werden. 8.3 Eigenschafteninspektor Im Eigenschafteninspektor können Sie die gängigsten Eigenschaften des ausgewählten Seitenelements, z. B. von Text oder eines eingefügten Objekts, anzeigen und ändern. Der Inhalt des Eigenschafteninspektors hängt vom ausgewählten Element ab. Wenn Sie beispielsweise ein Bild auf Ihrer Seite markieren, ändert sich die Anzeige des Eigenschafteninspektors, um die Eigenschaften des Bildes darzustellen (Dateipfad zum Bild, Breite, Höhe usw.). Eigenschafteninspektor bei einer Tabelle (Cursor steht in einer Zelle): Ulrike Voß Sandra Raubinger Seite 5
6 9 Metadaten Erklärung Die Metadaten werden im Kopf-Bereich eines HTML-Dokuments, also im head- Element, notiert. Metadaten sollen vor allem die Durchsuchbarkeit (Suchmaschinen) des World Wide Web bzw. einer einzelnen Webpräsenz verbessern. Einfügen von Metadaten Einfügen HTML Head-Tags Meta Bei Wert muss entweder description/author/keywords/robots stehen! Bei Inhalt fügt man je nach Wert den gewünschten Inhalt ein! 10 DIV-Boxen Um Divs einfügen zu können, wählen Sie Einfügen Layoutobjekte Div-Tag. Es ist wichtig, dass Sie darauf achten, wo Sie den Div-Tag einfügen! Unterschied Klasse und ID Klassen werden für Bereiche verwendet, die innerhalb einer einzelnen Seite mehrmals eingesetzt werden, wie z. B. Rahmen und margin um ein Bild herum. IDs hingegen werden verwendet, wenn dieser Bereich nur einmal auf der einzelnen Seite gebraucht wird, wie z. B. der Bereich Wrapper. Den Namen der Klasse oder ID können Sie selbstständig wählen. Achten Sie darauf, dass Sie diese später aber nochmals ansprechen müssen, daher darf der Name keine Umlaute oder Sonderzeichen enthalten und Sie sollten auch keine Großbuchstaben verwenden. Ulrike Voß Sandra Raubinger Seite 6
7 11 Bilder Um Bilder in der Website einfügen zu können, sollten die Bilder vorher in Photoshop bearbeitet werden (Auflösung 72 ppi, Größe, ). Speichern Sie nachdem Bearbeiten die Bilder immer in den Ordner images der jeweiligen Site! Bilder können wie folgt eingefügt werden: Einfügen Bild Bedienfeld Einfügen Allgemein Bild Bedienfeld Dateien Ordnerstruktur Ordner images Bild direkt an die Stelle ziehen, an der es eingefügt werden soll. Anschließend erscheint ein Dialogfeld, um den Alternativtext einfügen zu können. Tipp: Immer kurze Alternativtexte vergeben Barrierefreiheit! Image Maps (Hotspots) Möchte man ein Bild bzw. Teile eines Bildes verlinken, muss ein sogenannter Hotspot erstellt werden. Alle notwendigen Werkzeuge finden Sie im Eigenschafteninspektor. Markieren Sie mit einem passenden Hotspot-Werkzeug den Bereich eines Bildes, der verlinkt werden soll und vergessen Sie nicht im Eigenschafteninspektor die fehlenden Daten einzutragen. 12 Hyperlinks Hyperlinks sind Verknüpfungen und können drei verschiedene Ziele aufweisen: interne Hyperlinks externe Hyperlinks Textmarken/Anker 12.1 Vorgangsweise Text eingeben, Text markieren und im Eigenschaftsinspektor unter Hyperlink das Ziel eingeben. Ulrike Voß Sandra Raubinger Seite 7
8 13 CSS Cascading Style Sheet 13.1 Neue CSS-Datei erstellen Über das Bedienfeld CSS-Stile erstellt man in Dreamweaver CSS-Dateien (intern oder extern). Um Zeit zu sparen, sollte man wie in HTML eine externe CSS-Datei erstellen, da man Änderungen nur einmal vornehmen muss und die Seiten automatisch aktualisiert werden. Klicken Sie im Bedienfeld CSS-Stile rechts unten auf das Plus. Je nachdem, was man im CSS formatieren möchte, muss man einen anderen Selektor wählen (ID, Klasse, Tag oder Zusammengesetzter Ausdruck = Link). Wählen Sie zum Beispiel ID, tragen Sie im Feld Selektor-Name wrapper ein (manchmal steht es auch schon da ) und unter Regel-Definition wählen Sie Neues Stylesheet-Datei aus. Vergeben Sie den Dateienamen styles und speichern Sie die CSS-Datei in einen eigenen Order CSS (Struktur!) Nach dem Speichern öffnet sich folgendes Dialogfenster, indem alle Einstellungen vorgenommen werden können: Ulrike Voß Sandra Raubinger Seite 8
9 Die erstellte CSS-Regel wird nun im Bedienfeld CSS-Stile angezeigt und kann durch einen Doppelklick bearbeitet werden. Möchte man weitere CSS-Regeln definieren, klickt man erneut auf das Plus Bestehende CSS-Datei verknüpfen Um eine bestehende CSS-Datei mit der HTML-Datei zu verknüpfen, klickt man auf das Kettensymbol und wählt die gewünschte CSS-Datei aus. 14 Anker Ankerpunkte, auch Textmarken genannt, sind Punkte, die man bei längeren Texten setzt, damit man dem User eine schnelle und bequeme Navigation auf der Seite ermöglicht. Der User kann mittels Klick zu jedem beliebigen Ankerpunkt springen, nach unten, nach oben oder zu jeder beliebigen Überschrift vorausgesetzt es sind Ankerpunkte gesetzt. Man beginnt damit, dass man überall im Dokument Ankerpunkte setzt, also Punkte, die man später wieder anpeilen möchte. Dafür stellt man sich vor die gewünschte Textstelle (z. B. Seitenanfang) und fügt einen Ankerpunkt unter Einfügen Benannter Ankerpunkt ein. Hierbei erscheint das folgende Dialogfeld: Tipp: Verwende immer KURZE Namen (ohne Leerraum, Großschreibung, )! Dort, wo ein Anker gesetzt wurde, erscheint das folgende Symbol: Um einen Anker anpeilen zu können, geht man wie folgt vor: Schritt 1: Schritt 2: Gewünschten Text (Link) markieren Eigenschafteninspektor Hyperlink - #name eintragen (name = Name des Ankerpunktes) Wichtig: Hashtag nicht vergessen!!! Ulrike Voß Sandra Raubinger Seite 9
Bedienfelder. Bedienfeld Einfügen
DER DREAMWEAVER BILDSCHIRM: Titelleiste Menüleiste Symbolleiste Bedienfelder Eigenschafteninspektor Statuszeile Bedienfeld Einfügen DAS DOKUMENTFENSTER: DER EIGENSCHAFTENINSPEKTOR: Der Eigenschafteninspektor
[Arbeiten mit dem Nvu Composer]
![[Arbeiten mit dem Nvu Composer]](/thumbs/66/55980364.jpg "[Arbeiten mit dem Nvu Composer]")
Eine neue Seite erstellen Beim Start des Composers steht automatisch eine neue Composer-Seite zur Verfügung, die direkt verwendet werden kann. Über Datei > Neu > Composer-Seite kann jederzeit eine neue
KEN, DTP, 07/ Produktion
KEN, DTP, 07/08 32 Produktion Siteverwaltung «Online» Siteverwaltung «Lokal» Sitestruktur Sämtliche Dateien einer (html, jpg, css), die am Ende der Produktion ins Internet gestellt werden, müssen in einem
<Trainingsinhalt> Macromedia Dreamweaver 8 CS3
Macromedia Dreamweaver 8 CS3 inhaltsverzeichnis EINFÜHRUNG 1 Was werden Sie lernen? 3 Minimale Systemanforderungen: Macintosh 4 Minimale Systemanforderungen: Windows 5 LEKTION 1 DREAMWEAVER-GRUNDLAGEN
Website erstellen mit Dreamweaver ohne Code
Website erstellen mit Dreamweaver ohne Code Beispiel Zoo Lege eine neue Website mit dem Namen zoo-dreamweaver an und speichere den Ordner images darin. Erstelle dann eine neue index.html und speichere
KOPF- UND FUßZEILEN KOPF- UND FUßZEILEN HINZUFÜGEN
WORD 2007/2010/2013 Seite 1 von 5 KOPF- UND FUßZEILEN Kopf- und Fußzeilen enthalten Informationen, die sich am Seitenanfang oder Seitenende eines Dokuments wiederholen. Wenn Sie Kopf- und Fußzeilen erstellen
Eine Linkliste in Word anlegen und zur Startseite des Browsers machen
Eine Linkliste in Word anlegen und zur Startseite des Browsers machen In dieser Anleitung wird beschrieben, wie man mit Word eine kommentierte Linkliste erstellt und diese im Internet Explorer bzw. in
Inh a l t s v e r z e i c h n i s
Inh a l t s v e r z e i c h n i s Vorwort 5 Kapitel 1 Dreamweaver CS4 kennenlernen 13 1.1 Dreamweaver kennenlernen 14 1.1.1 Das Arbeitsfenster 15 1.1.2 Frei schwebendes Arbeitsfenster 18 1.1.3 Funktionen
Markiere den gesamten Text und lösche ihn. Dann schreibe einen neuen. Ändere auch den Titel (wegen der Suche bei Google).
Inhalt: 0. Ersten Beitrag ändern 1. Seiten erstellen (Neuer Beitrag), 2. Externe Hyperlinks einfügen 3. Menüeinträge erstellen 4. Bilder einfügen 5. Interne Hyperlinks mit Linkmanager 6. Seitentitel ändern
Markiere den gesamten Text und lösche ihn. Dann schreibe einen neuen. Ändere auch den Titel (wegen der Suche bei Google).
Inhalt: 0. Ersten Beitrag ändern 1. Seiten erstellen (Neuer Beitrag), 2. Externe Hyperlinks einfügen 3. Menüeinträge erstellen 4. Bilder einfügen 5. Interne Hyperlinks mit Linkmanager 6. Seitentitel ändern
Swissmem ebooks ebook Funktionen Software Version 4.x (PC)
Swissmem ebooks ebook Funktionen Software Version 4.x (PC) 25.08.2017 Inhalt 6.0.0 ebook Funktionen 2 6.1.0 Übersicht...2 6.2.0 Notizen...3 6.2.1 Einfaches Notizfeld...3 6.2.2 Handschriftliches Notizfeld...6
Erstellen eines neuen Dokumentes
Seite 1 Erstellen eines neuen Dokumentes 1. Login in das CMS... 1 2. Aufrufen eines neuen Dokumentes... 1 3. Bearbeiten eines neuen Dokumentes... 2 3.1 Eigenschaften... 2 3.1.1 Pfad... 2 3.1.2 Dokument...
Dreamweaver MX Eigene Websites im Handumdrehen! SUSANNE RUPP
Dreamweaver MX 2004 Eigene Websites im Handumdrehen! SUSANNE RUPP R leicht R klar R sofort Inhaltsverzeichnis Inhaltsverzeichnis Liebe Leserin, lieber Leser,...9 1 Der Start 12 Installieren und aktivieren...14
Content Management System Larissa Version:
1. Content Management System Larissa 1.1 Struktur Das CMS 'Larissa' finden Sie auf der linken Seiten unter dem Punkt 'Internetauftritt'. Bei einer multi-domain Version sind alle integrierten Domains aufgelistet.
Kennen, können, beherrschen lernen was gebraucht wird
Mit Tastenkombinationen im Text bewegen So gelangen Sie zum Textanfang / Textende Absatzweise nach oben / unten Bildschirmseite nach oben / unten zum Anfang der vorherigen / nächsten Seite S p S Y / S
Inhaltsverzeichnis. Teil i: Die Grundlagen 19. ^sp^ Einführung 11
Inhaltsverzeichnis Einführung 11 Teil i: Die Grundlagen 19 ^sp^ Die Arbeitsoberfläche erkunden 21 1.1 Das Startfenster als erste Orientierung 23 1.2 Dokumentfenster mit unterschiedlichen Ansichten 24 1.3
Inhalte mit DNN Modul HTML bearbeiten
Einführung Redaktoren Content Management System DotNetNuke Inhalte mit DNN Modul HTML bearbeiten DotNetNuke Version 6+ w3studio GmbH info@w3studio.ch www.w3studio.ch T 056 288 06 29 Letzter Ausdruck: 14.09.2012
Kennen, können, beherrschen lernen was gebraucht wird
Inhaltsverzeichnis Inhaltsverzeichnis... 1 Datei- und Ordnerverwaltung... 2 Eine Ordnerstruktur erstellen... 2 Regeln für die Vergabe von Namen... 2 So erstellen Sie Ordner... 2 Vorgehensweise beim Markieren
Swissmem ebooks ebook Funktionen Software Version 4.x (PC)
Swissmem ebooks ebook Funktionen Software Version 4.x (PC) 29.05.2017 Inhalt 6.0.0 ebook Funktionen 2 6.1.0 Übersicht...2 6.2.0 Notizen...3 6.2.1 Einfaches Notizfeld...3 6.2.2 Handschriftliches Notizfeld...6
Hermann von Helmholtz-Zentrum für Kulturtechnik Übung: Multimedia-Anwendungen in den Wissenschaften. Tutorium. Mozilla Composer. Ein kurzer Überblick
Tutorium Mozilla Composer Ein kurzer Überblick Vorbereitung: Projektordner erstellen Für jede projektierte Website wird zuerst ein eigener Projektordner erstellt, der alle zu publizierenden Dateien aufnimmt.
Inhalt. Vorwort 13. Einleitung 15. Für wen ist dieses Buch gedacht? 15 Zum Aufbau des Buchs Installation und erste Schritte 17
Inhalt Vorwort 13 Einleitung 15 Für wen ist dieses Buch gedacht? 15 Zum Aufbau des Buchs 16 1 Installation und erste Schritte 17 1.1 Die Installation von GoLive 5.0 17 Vor Beginn der Installation 17 Die
Übung: Überschriften per CSS gestalten
Übung: Überschriften per CSS gestalten Teil 1: Umsetzung eines Layouts mit zwei Überschriften mit zwei verschiedenen Hierarchieebenen, ergänzt durch einen beschreibenden Textabsatz. Teil 2: Wie Teil 1,
Erstellen/Aktualisieren von HeBIS-Handbuchkapiteln
Seite 1 Erstellen/Aktualisieren von HeBIS-Handbuchkapiteln Inhalt: 1.Neues Handbuchkapitel anlegen 1.1. Text erstellen 1.2. Speicherort VZ-Laufwerk 2. Vorhandenes Handbuchkapitel aktualisieren 2.1. Aktualisierung
Dreamweaver Arbeiten mit HTML-Vorlagen
Publizieren auf dem NiBiS Kersten Feige Nicole Y. Männl 13.11.2002, 8.30-13.00 Uhr 19.11.2002, 8.30-13.00 Uhr Dreamweaver Arbeiten mit HTML-Vorlagen Voraussetzungen zum Arbeiten mit HTML-Vorlagen Starten
Mit anderen Office 2000-Programmen zusammenarbeiten
16 Geschätzte Dauer: 30 Minuten z Mit anderen Office 2000-Programmen zusammenarbeiten In dieser Lektion lernen Sie wie Sie ein Word-Dokument in eine PowerPoint-Bildschirmpräsentation umwandeln. wie eine
Inhaltsverzeichnis. jetzt lerne ich. Vorwort 15
Inhaltsverzeichnis jetzt lerne ich Vorwort 15 1 Los geht s: Der Start 17 1.1 Dreamweaver installieren 17 1.2 Dreamweaver aktivieren 19 1.3 Den Arbeitsbereich erkunden 20 1.3.1 Das Hauptfenster für den
CSS - Cascading Stylesheets
CSS - Cascading Stylesheets Alfred Beringer HTBLVA für Textilindustrie und Datenverarbeitung Alfred Beringer 1 Überblick Kurze Einführung Deklarationen Selektoren Beispiele Alfred Beringer 2 CSS Formatierungssprache
Anwenderhandbuch Solseit Redaktion Light Version 1.1 (Oktober 2009)
Anwenderhandbuch Solseit Redaktion Light Version 1.1 (Oktober 2009) Unwiderstehlich mobil Solseit Redaktion Light Trademark-Notiz Alle in diesem Handbuch erwähnten Produkte oder Trademarks sind Produkte,
Webdesign im Tourismus
Übung Prof. Dr. Markus Landvogt Zur Vorlesung 2.3. Feinheiten in Jimdo 2.4. HTML in Jimdo 03 HTML - GRUNDLAGEN DER ERSTELLUNG VON WEBSEITEN 3.1 Aufbau einer Seite in HTML 3.2 HTML in Jimdo WEB 03 1 2.3.
Ab sofort ist es möglich, mehrere Formulare gleichzeitig zu bearbeiten, um Änderungen oder neue Eingaben gleichzeitig vornehmen zu können.
ProjectNetWorld 6.4 In der Version ProjectNetWorld 6.4 erwarten Sie neue Funktionen und Weiterentwicklungen, die wir Ihnen im Folgenden kurz beschreiben. Alle Informationen erhalten Sie zudem in den Handbüchern
Word 10. Verweise: Textmarken, Hyperlinks, Querverweise Version: Relevant für:
Word 10 Verweise: Textmarken, Hyperlinks, Querverweise Version: 171014 Relevant für: 10-Word.docx Inhaltsverzeichnis 1 Hinweise 1.1 Zu diesem Lehrmittel... 3 1.1.1 Arbeitsdateien zum Lehrmittel... 3 1.1.2
Anleitung zur Erstellung der Internetseiten
Anleitung zur Internetseitenerstellung mit Microsoft Expression Web4 1/6 Anleitung zur Erstellung der Internetseiten Die Erstellung erläutere ich mit dem Programm Microsoft Expression Web. Zu beziehen
Das Einsteigerseminar Macromedia Dreamweaver 4
Achim Beiermann Volker Hinzen Das Einsteigerseminar Macromedia Dreamweaver 4 ^ # 1.1 Das Internet 1.2 Das World Wide Web 1.3 Browser 1.4 Macromedia Dreamweaver Systemvoraussetzungen Dreamweaver starten
Anleitung OpenCms 8 Der Textbaustein
Anleitung OpenCms 8 Der Textbaustein 1 Erzbistum Köln Textbaustein 3. September 2014 Inhalt 1. Der Textbaustein... 3 2. Verwendung... 3 3. Der Text-Editor... 4 3.1. Einfügen von Texten über die Zwischenablage...
Erzherzog Johann Jahr 2009
Erzherzog Johann Jahr 2009 Der Erzherzog Johann Tag an der FH JOANNEUM in Kapfenberg Was wird zur Erstellung einer Webseite benötigt? Um eine Webseite zu erstellen, sind die folgenden Dinge nötig: 1. Ein
Word. Verweise. Textmarken, Querverweise, Hyperlinks
Word Verweise Textmarken, Querverweise, Hyperlinks Inhaltsverzeichnis 1 Textmarken... 4 1.1 Hinzufügen einer Textmarke... 4 1.2 Ändern einer Textmarke... 4 1.2.1 Anzeigen von Klammern für Textmarken...
Bootstrap - Übung. Download: Editoren: Dreamweaver Notepad Net Beans Aptana Webmatrix. Bootstrap in Dreamweaver einbinden
Bootstrap - Übung Download: www.getbootstrap.com get started (bzw. Einstieg ) abgespeckte Version - zip Editoren: Dreamweaver Notepad Net Beans Aptana www.aptana.com Webmatrix Bootstrap in Dreamweaver
3 Maps richtig ablegen und
PROJEKT MindManager 2002 Intensiv 3 Maps richtig ablegen und speichern Ihre Map ist nun fertig gestellt wenn Sie jetzt Ihre Arbeit mit MindManager beenden, ohne die aktuellen Eingaben und Formatierungen
PowerPoint Unterrichtsskript WIHOGA Dortmund. 1 Einführung und Formatierung Verschiedenes Folienmaster Animationen...
PowerPoint 2007 Unterrichtsskript WIHOGA Dortmund 1 Einführung und Formatierung... 2 1.1 Start und Anwendungsfenster... 2 1.2 Folienlayouts... 2 1.3 Entwurfsvorlagen und Farbschema... 3 1.4 Texte und Grafiken
Windows Word 2013: HTML-Links in Text einfügen
Windows Word 2013: HTML-Links in Text einfügen 18. Januar 2019 Verlinkung in Word: Internet Link erstellen Links sind mehr als reine Querverweise. Gesetzte Links bieten Ihnen, Ihren Kollegen und Kunden
Typo3 Benutzerhandbuch
Typo3 Benutzerhandbuch contemas GmbH & Co KG Hauptplatz 46 7100 Neusiedl/See m: office@contemas.net Sechsschimmelgasse 14 1090 Wien www.contemas.net t: +43 (0) 136 180 80 Inhaltsverzeichnis 1 Zugang...
Inhalte mit DNN Modul HTML bearbeiten
Einführung Redaktoren Content Management System DotNetNuke Inhalte mit DNN Modul HTML bearbeiten DotNetNuke Version 7+ w3studio GmbH info@w3studio.ch www.w3studio.ch T 056 288 06 29 Letzter Ausdruck: 15.08.2013
Fragen und Antworten zum Content Management System von wgmedia.de
Fragen und Antworten zum Content Management System von wgmedia.de Inhaltsverzeichnis Was ist ein Content Management System? Wie ändere ich den Inhalt meiner Homepage? Wie erstelle ich eine neue Seite?
Der Serienbrief bzw. Seriendruck
Der Serienbrief bzw. Seriendruck Sie lernen einen Serienbrief zu erstellen. In Word 2010 wird der Serienbrief unter der allgemeinen Bezeichnung Seriendruck geführt. Er besteht aus einem Hauptdokument (dem
Dateien verwalten (Bilder, Dokumente, Medien)
17 Dateien verwalten (Bilder, Dokumente, Medien) Bilder und Dokumente können Sie im Funktionsmenü unter Dateiliste verwalten. Alle Bilder und Dokumente, die Sie in Ihren Baukasten hochgeladen haben, werden
Word Vorlage erstellen so gelingt es:
Word Vorlage erstellen so gelingt es: Option 1: Word Vorlage über die Backstage-Ansicht anfertigen 1. Öffnen Sie ein beliebiges Dokument oder ein leeres Dokument in Word. 2. Klicken Sie auf den Backstage-Knopf
Typo3 Benutzerhandbuch
Typo3 Benutzerhandbuch contemas GmbH & Co KG Hauptplatz 46 7100 Neusiedl/See m: office@contemas.net Sechsschimmelgasse 14 1090 Wien www.contemas.net t: +43 (0) 136 180 80 Inhaltsverzeichnis 1 Zugang...
Adobe Dreamweaver CS3 Grundlagen. Kurzporträt der Autoren
Adobe Dreamweaver CS3 Grundlagen Kurzporträt der Autoren Video-Training»Adobe Dreamweaver CS3«Über die Autoren Tobias Hauser ist Autor, Trainer und Berater mit Schwerpunkt Web-Design und Web-Entwicklung
Her mit der Karte! fertige Folie. Inhalte. Masterfolie. Benötigte Hard- oder Software. Präsentationsprogramm
Benötigte Hard- oder Software Präsentationsprogramm Anmerkung: Die Anleitung ist optimiert für Microsoft PowerPoint 2003 Ziel Gleichbleibende Formatierung für alle Karten im Mastermodus vornehmen Hintergrundwissen:
Liebe Leserin, lieber Leser Los geht s 17
Liebe Leserin, lieber Leser 13 1 Los geht s 17 1.1 Dreamweaver installieren 17 1.2 Dreamweaver aktivieren und ID anlegen 19 1.3 Den Arbeitsbereich erkunden 20 1.3.1 Das Hauptfenster für einen guten Start
Michael Gradias. DREAMWEAVER 8 Workshops für professionelles Webdesign
Michael Gradias DREAMWEAVER 8 Workshops für professionelles Webdesign I NHALTSVERZEICHNIS Vorwort 5 Kapitel 1 Dreamweaver 8 kennen lernen 13 1.1 Dreamweaver kennen lernen 14 1.1.1 Das Arbeitsfenster 15
PDF DIE ANZEIGE IM BROWSER
PDF DIE ANZEIGE IM BROWSER 10.12.2017 Aktuelle Browser haben mittlerweile alle eine integrierte pdf-lesesoftware. Diese wird standardmäßig verwendet. Aus Sicherheitsgründen sind auch keine im Browser ausgeführten
E-Commerce: IT-Werkzeuge. Web-Programmierung. Kapitel 3: Webdesign mit CSS Stand: Übung WS 2015/2016. Benedikt Schumm M.Sc.
Übung WS 2015/2016 E-Commerce: IT-Werkzeuge Web-Programmierung Kapitel 3: Stand: 30.10.2015 Benedikt Schumm M.Sc. Lehrstuhl für ABWL und Wirtschaftsinformatik Katholische Universität Eichstätt-Ingolstadt
Inhaltsverzeichnisse. 1. Überschriften zuweisen. 2. Seitenzahlen einfügen. 3. Einen Seitenwechsel einfügen
Inhaltsverzeichnisse 1. Überschriften zuweisen Formatieren Sie die Überschriften mit Hilfe der integrierten Formatvorlagen als Überschrift. Klicken Sie dazu in die Überschrift und dann auf den Drop- Down-Pfeil
Dokumente verwalten mit Magnolia das Document Management System (DMS)
Dokumente verwalten mit Magnolia das Document Management System (DMS) Sie können ganz einfach und schnell alle Dokumente, die Sie auf Ihrer Webseite publizieren möchten, mit Magnolia verwalten. Dafür verfügt
ANLEITUNG WORDPRESS LERNORT KULTURKAPELLE
1 ANLEITUNG WORDPRESS LERNORT KULTURKAPELLE ÜBERSICHT Login Benutzername Passwort http://lernort-kulturkapelle.de/wp-admin Marika KukaWilhelm_admi SEITE ANLEGEN/BEARBEITEN S. 3 & 4 MEDIEN S. 9 VERKNÜPFUNGEN
Verknüpfen & Einbetten von Daten
Verknüpfen & Einbetten von Daten In Office haben Sie die Möglichkeit, Daten in mehreren Anwendungen gemeinsam zu nutzen. Dies geschieht entweder durch Verknüpfen oder durch Einbetten von Objekten (Diagramme,
Grundlagen-Beispiel CSS
Grundlagen-Beispiel CSS Öffne im Ordner 2.css.uebung die vorhanden Dateien index.html und erstelle eine neue CSS-Datei mit dem Namen bildschirm.css. Füge im Bereich folgende Verlinkung ein:
Diese Dokumentation richtet sich an eher unerfahrene Benutzer.
CMS Handbuch Diese Dokumentation richtet sich an eher unerfahrene Benutzer. Inhalt 1. Loginvorgang Login Logout 2. Texteditor Neue Texte Texte übernehmen Texte aus Word sicher übernehmen Texte gestalten
Kennen, können, beherrschen lernen was gebraucht wird
Inhaltsverzeichnis Inhaltsverzeichnis... 1 Tags (Befehle)... 1 Erste Texte im Browser... 2 Das HTML Grundgerüst... 2 Ihre erste echte Webseite... 2 Texte... 3 Textabsatz und Zeilenumbruch... 3 Einen Zeilenumbruch
Joomla Medien Verwaltung. 1)Medien auf den SERVER laden:
Inhalt: 1)Medien auf Server laden 2)Bilder in einem Beitrag verwenden 3)Bilder in Beitrag skalieren (Größe verändern) 4)Dateien (z.b. pdf) hochladen und verlinken Joomla Medien Verwaltung Dreh- und Angelpunkt
Wie lege ich eine neue Standardseite an?
Referat VI.5 Internetdienste Wie lege ich eine neue Standardseite an? Legen Sie einen neuen Ordner an Klicken Sie den Ordner an, unter dem Sie die neue Standardseite anlegen möchten. Legen Sie über Datei
Installation von Zertifikaten. Vertrauensstelle nach 299 SGB V
Vertrauensstelle nach 299 SGB V Version vom 12.09.2017 Inhaltsverzeichnis 1 Einleitung... 3 2 Mozilla Firefox... 4 3 Microsoft Internet Explorer... 7 4 Google Chrome... 12 2 17 1 Einleitung Dieses Dokument
CSS-Boxen. Hans Gell Schulungen & Dienstleistungen Übersicht der Schulungsinhalte
CSS-Boxen Übersicht der Schulungsinhalte Das Web ist nicht aus Papier enttäuschte Erwartungen Autor hat keine Kontrolle Webseiten sehen immer anders aus Webseiten sind flexibel - Papierseiten sind starr
Handbuch. Autoren TSV - Homepage Frontend Version 1.x 21. April Inhaltsangabe: 1. Anmeldung / Login. 2. Benutzermenü
Handbuch Autoren TSV - Homepage Frontend Version 1.x 21. April 2010 Inhaltsangabe: 1. Anmeldung / Login 2. Benutzermenü 3. Beitrag / Artikel schreiben / einreichen 3.1 Bilder einfügen 3.2 Link einfügen
Compitreff: Arbeitsblätter gestalten
Compitreff: Arbeitsblätter gestalten 1. Text schreiben und formatieren Um ein Arbeitsblatt zu erstellen, geben Sie am besten zuerst den Text ein. Danach können Sie den Text markieren und Formatieren (Schriftart,
Handbuch für Redakteure
Handbuch für Redakteure Erste Schritte... 1 Artikel erstellen... 2 Artikelinhalt bearbeiten... 3 Artikel bearbeiten... 3 Trennen der Druck- und der Online-Version.. 4 Grunddaten ändern... 5 Weitere Artikel-eigenschaften...
REDAKTIONELLE DATENPFLEGE
REDAKTIONELLE DATENPFLEGE praeventionsportal.de Februar 2013 Sedanstraße 55 30161 Hannover Tel. 0511 982 45 35 Fax 0511 982 45 36 info@smit-und-partner.de www.smit-und-partner.de Partnerschaftsregister
Kurzanleitung. Zitiertil-Creator. Dokumentvorlagen Dokumente Formatvorlagen Format Zeichen Format Absatz
Dokumentvorlagen Dokumente Formatvorlagen Format Zeichen Format Absatz Datei Neu... Datei öffnen Datei schließen Beenden Suchen Suchen & Ersetzen Verknüpfungen Optionen Einfügen Inhalte einfügen Format
Wiki in ILIAS. 1. Funktionen für Kurs- und Gruppenmitglieder. (für Kurs- und Gruppenadministratoren) Themen: 1.1. In den Bearbeitungsmodus wechseln
Wiki in ILIAS (für Kurs- und Gruppenadministratoren) Ein Wiki ist eine Sammlung von Webseiten, die von den Benutzerinnen und Benutzern verändert werden können. Zudem lassen sich neue Seiten anlegen. Seiten
HTML. HyperText Markup Language. von Nico Merzbach
HTML HyperText Markup Language von Nico Merzbach Kapitel 1 Was ist HTML? Was ist HTML? Einführung: HTML ist eine (Hypertext-)Auszeichnungssprache. Mit Hilfe von HTML strukturiert man Inhalte wie Text,
DAS EINSTEIGERSEMINAR
DAS EINSTEIGERSEMINAR Microsoft Office Excel 2010 Gudrun Rehn-Göstenmeier LERNEN ÜBEN ANWENDEN Teil I: Lernen L1 Dateiorganisation Bevor wir uns mit den Excel-spezifischen Befehlen und Funktionen befassen
Erstellen einer News
Seite 1 Erstellen einer News 1. Login in das CMS... 1 2. Alte News prüfen... 1 3. Aufrufen eines neuen Dokumentes... 2 3.1 Voreinstellungen... 2 3.2 Eigenschaften... 2 3.2.1 Pfad... 2 3.2.2 Dokument...
Anleitung für Pfarrbrief-Redakteure -
Anleitung für Pfarrbrief-Redakteure - www.franziskus-klara.de Anleitung Typo3 Seite 2 von 17 Inhalt 1 Anmeldung... 3 2 Der Administrationsbereich... 4 2.1 Aufbau... 4 2.2 Abmelden... 5 3 Pfarrbrief...
Seminar DWMX DW Session 002
Seminar DWMX 2004 DW Session 002 Mit Dreamweaver starten (1) Coder oder Designer eine Frage der Einstellung Bearbeiten/Voreinstellungen Kategorie Allgemein Arbeitsbereich ändern Bedienfelder und Bedienfeldgruppen
Word starten. Word Word 2010 starten. Schritt 1
Schritt 1 Word 2010 starten. 2) Klicke danach auf Microsoft Office Word 2010. Sollte Word nicht in dieser Ansicht aufscheinen, dann gehe zu Punkt 3 weiter. 1) Führe den Mauszeiger auf die Schaltfläche
Symbolleiste Menü Einfügen
Seiten Über Deckblatt kann ein vollständig formatiertes Deckblatt eingegeben werden. Es sind nur noch Eingaben zum Titel, Autor und Datum nötig o Es ist eine Anzahl verschiedener vorgefertigter Deckblätter
CorelDRAW 2017 Zoomen
Hochschulrechenzentrum Justus-Liebig-Universität Gießen CorelDRAW 2017 Zoomen Zoomen in CorelDRAW Seite 1 von 11 Inhaltsverzeichnis Einleitung... 2 Die Standardzoomgröße... 2 Zoomgröße ändern... 2 Einstellungen
Anleitung für das eticket Change Request Verfahren
Anleitung für das eticket Change Request Verfahren Inhaltsverzeichnis 1. Einloggen auf die Arbeitsumgebung... 1 2. Die Arbeitsumgebung... 3 2.1 Persönliche Einstellungen anpassen... 4 3. Arbeitsumgebung
Word 10. Verweise Version: Relevant für: IKA, DA
Word 10 Verweise Version: 170220 Relevant für: IKA, DA 10-Word-Grundlagen.docx Inhaltsverzeichnis 1 Hinweise 1.1 Zu diesem Lehrmittel... 3 1.1.1 Arbeitsdateien zum Lehrmittel... 3 1.1.2 Vorkenntnisse...
Anleitung zur Nutzung von ONLYOFFICE in der Hessenbox
Anleitung zur Nutzung von ONLYOFFICE in der Hessenbox Inhalt 1 Verfügbarkeit von ONLYOFFICE... 2 2 Bearbeiten von Dokumenten... 2 3 Neue Datei erstellen... 2 4 Registerkarte Datei... 3 4.1 Datei Speichern
zur Verfügung gestellt durch das OpenOffice.org Dokumentations-Projekt
Serienbriefe Wie Sie einen Serienbrief mittels Calc und Writer erstellen zur Verfügung gestellt durch das OpenOffice.org Dokumentations-Projekt Inhaltsverzeichnis 1. Erzeugen einer Quelldatei 2. Erzeugung
Anleitung für Autor*innen. Wie verfasse ich einen Blog-Beitrag?
Anleitung für Autor*innen Wie verfasse ich einen Blog-Beitrag? TransFair 2019 Inhaltsverzeichnis 1. Login & Einstiegsseite 2. Neuen Beitrag erstellen Neuen Beitrag anlegen Texte aus MS Word kopieren Beitragsbild
Text, Links und Downloads bearbeiten
14 Text, Links und Downloads bearbeiten 4.1 Bearbeiten von Text Text kann über den so genannten Rich-Text-Editor (RTE) bearbeitet werden, der ähnlich wie bekannte Textverarbeitungsprogramme funktioniert.
Kompetenzen im CMS Joomla
VWA für Informatik Prüfer: Norbert Netsch RGORG 23 Anton Krieger Gasse 25 Kompetenzen im CMS Joomla Kerem Anton Krieger Gasse 25 1230 Wien 1 Inhalt Literaturverzeichnis... 12 Bildnachweis... 12 Einleitung...
Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken.
Seite erstellen Mit der Maus im Menü links auf den Menüpunkt 'Seiten' gehen und auf 'Erstellen klicken. Es öffnet sich die Eingabe Seite um eine neue Seite zu erstellen. Seiten Titel festlegen Den neuen
Meine Fakultät. Alumni-Portal HTML-Seiten im Portal Seite 1 von 8
Alumni-Portal HTML-Seiten im Portal Seite 1 von 8 Meine Fakultät Auf Wunsch wird jedem Fachbereich ein eigener Reiter im Alumni-Portal eingerichtet. Diese Seite bzw. die Unterseiten können Sie nach Wunsch
Publikation erstellen mit Word
1 von 7 22.11.2014 10:57 Publikation erstellen mit Word Sie arbeiten an Ihrer Masterarbeit, Ihrer Promotion oder einem Zeitschriftenaufsatz. Dazu nutzen Sie die Textverarbeitung Microsoft Word. Mit Citavi
Auf einer Seite werden maximal 10 Einträge angezeigt. Sind viele Einträge vorhanden, werden diese auf mehrere Seiten aufgeteilt.
Die Seitenverwaltung Mit einem Klick auf den Link Seitenverwaltung in der Navigationsleiste auf der linken Seite gelangen Sie zur Übersicht der Einträge in der Seitenverwaltung. Übersicht Auf einer Seite
1.28 HYPERLINKS EINFÜGEN
1.28 HYPERLINKS EINFÜGEN 111 1.28 HYPERLINKS EINFÜGEN Hyperlinks sind eine feine Sache. Mit diesen kleinen Schaltflächen kann man jede beliebige Stelle in einem Dokument anspringen und sogar andere Dokumente
http://www.video2brain.com/de/products-582.htm
André Reinegger führt Sie grundlegend in Dreamweaver CS5 ein und macht vor fortgeschrittenen Themen nicht halt. Lernen Sie die Struktur von XHTML-Seiten kennen genauso wie die Vorzüge vom Gestalten mit
Informationstechnische Grundlagen. WORD 2013 Grundlagenschulung. WS 2013/2014 Word Grundlagenschulung Dagmar Rombach
Informationstechnische Grundlagen. WORD 2013 Grundlagenschulung. Sinnvolle Voreinstellungen in WORD 2013 Textbegrenzungen: - Menü Datei, Befehl Optionen, Kategorie Erweitert - Bereich Dokumentinhalt anzeigen
Copyright icomedias GmbH icomedias Group
Version 1.0 September 2016 Copyright icomedias GmbH icomedias Group www.icomedias.com CMS Land Steiermark CMS Editor Seite 2 von 8 Inhalt 1 Der Textblock-Editor... 3 1.1 Tabellen einfügen... 5 1.1 Tabellenzusatzleiste...
Word 2013 Grundlagen. Inhalt
Word 2013 Grundlagen Inhalt Vorwort... I So benutzen Sie dieses Buch... II Inhalt... V Einführung in Microsoft Word... 1 Word starten...1 Das Fenster von Word...2 Titelleiste...3 Das Menüband...4 Das Lineal...7
Word Grundkurs. Sommerkurs 2003
Word Grundkurs Sommerkurs 2003 Word Informatikkurs Sommer 2003 Seite 2 Inhalt: 1. Was ist Word? 3 2. Word starten und beenden 4 3. Begriffe: 4 3.1 Symbolleiste: 5 3.2 Menuleiste: 8 4. Dokument speichern:
5 Der BlueGriffon als WYSIWYG-Editor
:: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: :: Süsstrunk :: Büchli :: :: :: :: :: :: :: :: :: :: :: :: Webdesignkurshandbuch 5 WYSIWYG-Editor BllueGriffon 5 Der BlueGriffon als WYSIWYG-Editor
Daten verknüpfen und einbetten
Daten verknüpfen und einbetten Office 2010 - Aufbau ZID/Dagmar Serb V.02/Okt 2018 VERKNÜPFEN & EINBETTEN VON DATEN... 2 VERKNÜPFEN... 2 Bearbeiten verknüpfter Informationen... 3 EINBETTEN... 3 Bearbeiten
Macromedia Dreamweaver
Proseminar: Website Management Systeme Thema: Macromedia Dreamweaver (Vortrag von Raphael Kreft) Vortragsgliederung 1. Dreamweaver: Ein kurzer Überblick 2. Die Siteverwaltung 3. Arbeiten im Team 4. Vor-
Benötigte Hard- oder Software. Präsentationsprogramm PowerPoint. Anmerkung: Die Anleitung ist optimiert für Microsoft PowerPoint 13.
Benötigte Hard- oder Software Präsentationsprogramm PowerPoint Anmerkung: Die Anleitung ist optimiert für Microsoft PowerPoint 13. Ziele Die einzelnen Folien/Präsentationen des Projekts Chemische Elemente