Video2Brain Websites mit Dreamweaver CC GERMAN - SHooTERS
Der Erfolg bei der programmtechnischen Umsetzung einer Website mit allen üblichen Techniken liegt nicht so sehr an der eingesetzten Software sondern vielmehr an der Art und Weise, wie man die zur Verfügung stehenden Werkzeuge einsetzt. Selbst dabei gibt es unterschiedliche Herstellungsszenarios, was insbesondere an der Vielzahl der durch Dreamweaver angebotenen Funktionen liegt. Ziel dieses Videotutorials ist es, Sie nicht mit jeder Funktion von Dreamweaver bekannt zu machen, sondern ein effektives Vorgehen aufzuzeigen, wie eine komplette Website mit heute üblichen Techniken umgesetzt werden kann. Dabei wir nicht der Anspruch erhoben, die effizienteste Variante darzustellen sondern einfach einen typischen Workflow zu verdeutlichen. Dabei erwartet Sie eine Mischung aus der Entwicklung direkt im Quellcode bis hin zur grafischen Implementierung durch Techniken des Dreamweavers.
Grundlegende Kenntnisse in HTML, CSS und der Website-Entwicklung sind hilfreich, da nicht auf die Grundlagen dieser Aspekte eingegangen wird. Es steht die Anwendung verschiedener Sprachstrukturen und Techniken im Vordergrund, um das Problem "Moderne Website" mit Hilfe von Dreamweaver CC zu lösen und umsetzen zu können.
Aus dem Inhalt
Dreamweaver einrichten und HTML-Grundstruktur erstellen
Nach der Installation von Adobe Dreamweaver bestehen die ersten Schritte bei der Erstellung einer Website in der Planung des Layouts sowie dem Einrichten eines Webservers. Nach der Erstellung einer neuen Website müssen die HTML-Grundstruktur, welche von Dreamweaver angelegt wurde, manuell angepasst und das Layout durch die Verwendung von Containern erstellt werden.
Cascading Style Sheets
Adobe Dreamweaver bietet unterschiedliche Möglichkeiten, um Cascading Style Sheets zu erstellen, welche der Formatierung bestimmter Teile der Grundstruktur dienen. Es werden spezielle Klassen gestaltet, um den Body-Container sowie die Kopfzeile zu bearbeiten.
Navigationsleiste
Die Navigationsleiste wird durch das Anpassen der Größe und der Ausrichtung der Leiste sowie der Anordnung einzelner Listenelemente gestaltet. Externe Webschriften können für die Beschriftung der einzelnen Menüpunkte verwendet werden.
Inhaltsbereich
Im Inhaltsbereich werden Section- und Article-Container positioniert und die Überschriften, Absätze sowie Hyperlinks innerhalb der Textblöcke entsprechend der Layoutvorlage formatiert.
Fußzeile
Die Position der Fußzeile wird fixiert, um sicherzustellen, dass die Fußzeile beim Scrollen jederzeit am unteren Bildschirmrand eingeblendet bleibt, während der restliche Inhalt dahinter verschwindet.
Weitere Seite gestalten
Eine weitere Seite einer Website kann als Duplikat einer bereits bestehenden Seite auf deren Basis erstellt werden. Anschließend kann die Struktur der neu entstandenen Seite wie gewünscht formatiert werden. Es besteht die Möglichkeit, mehrere Grafiken in einem Inhaltsblock einzufügen und diese unter Zuhilfenahme von jQuery-Skripten in einer Slideshow darzustellen.
Registerkarten einrichten
Auf einer weiteren Seite werden mehrere Registerkarten erstellt und nebeneinander angeordnet. Die Inhaltsbereiche der einzelnen Registerkarten werden angelegt und formatiert, die Verbindung der Hyperlinks wird mit den einzelnen Blöcken definiert.
Bildergalerie
Die Erstellung einer Bildergalerie erfolgt über das Hinzufügen von Hyperlinks, welche auf einzelne Grafiken verweisen, im Quellcode. Eine moderne Bildergalerie kann durch die Verwendung einzelner jQuery- oder Java-Skripte angelegt werden.
Kontaktseiten
Zum Abschluss der Website wird eine Kontaktseite erstellt, auf der eine Anfahrtsbeschreibung mit Hilfe einer Google-Maps- Karte eingebunden und ein Kontaktformular, mit Hilfe der in Adobe Dreamweaver integrierten Formular-Funktion, integriert wird.
Responsives Design
Mit Hilfe von Medienabfragen wird ein responsives Design für die gesamte Website erstellt. Dabei wird das Layout der Website an die verschiedenen Auflösungen der unterschiedlichen Endgeräte angepasst.
----------------------------------------------------------------------------------------------------
Format: ISO
Sprache: Deutsch
Grösse: 404 MB
Hoster:
Uploaded.net / Share-Online
Hoster sind miteinander Kompatibel!!!
DOWNLOAD
