Responsive Webdesign mit Adobe Dreamweaver
A course by Arturo ServínWebdesigner
A course by Arturo Servín, Webdesigner
Lerne grundlegendes HTML und CSS, um Schritt für Schritt eine responsive Website mit einem visuellen Interface zu erstellen
Beim Entwerfen einer Website muss berücksichtigt werden, dass sie auf einem Computer, aber auch auf einem Smartphone oder einem iPad angezeigt wird. Die Verwendung des Telefons gewinnt immer mehr an Gewicht und versetzt Designer in ein neues Szenario, in dem sie für verschiedene Formate entwerfen müssen, um über den Komfort des Multi-Screen-Benutzers nachzudenken.
In diesem Kurs zeigt Ihnen der Webdesigner Arturo Servín - besser bekannt als Monky Lab -, wie Sie eine Website __ mit Adobe Dreamweaver visuell ansprechen[/i] , indem Sie eine grafische Oberfläche mit Konstruktions- und Schreibwerkzeugen verwenden HTML- und CSS-Code. Auf diese Weise haben Sie durch die Verschmelzung von grundlegender Programmierung und Design eine bessere Kontrolle bei der Erstellung von Webdokumenten.
Dies ist bereits der vierte Kurs von Arturo Servín. Um ihn voll auszunutzen, können Sie ihn mit seinem Kurs ergänzen [url=https://www.domestika.org/es/courses/615-adobe-photoshop-para-diseno-web]Adobe Photoshop für Webdesign , in dem Sie auf einfache Weise die Schlüssel zum Entwerfen und Layouten von Seiten lernen lernen.
Was lernst du in diesem Onlinekurs?
31 Lektionen & 39 Downloads
Was werden wir im Kurs tun?
4 Minuten, 44 Sekunden
Was sind UX und UI?
9 Minuten, 11 Sekunden
Kunstrichtung
11 Minuten, 32 Sekunden
Der Vorteil der Standardisierung
9 Minuten, 2 Sekunden
Warum Dreamweaver verwenden?
7 Minuten, 33 Sekunden
Arbeitsbereichsübersicht
9 Minuten, 39 Sekunden
Was ist in diesem Kurs enthalten?
Arturo Servín wird erklären, wie er im Webdesign angefangen hat und wie er verschiedenen Veränderungen und technologischen Fortschritten ausgesetzt war. Es wird über seine Einflüsse sprechen und Ihnen funktionale Webdesign-Referenzen zeigen.
Sie lernen zunächst die Grundprinzipien des Webdesigns kennen, dann bringt Arturo Ihnen bei, wie Sie UX von der Benutzeroberfläche unterscheiden, und gibt Ihnen einige Tipps zur Art Direction und zum Aufbau der Site und ihrer Standards.
Sie werden sehen, wie Sie mit den Adobe Dreamweaver-Tools eine Website erstellen, auf der Sie die Basis-Tags in HTML-Sprache platzieren und Parameter festlegen. Sie experimentieren mit dem Platzieren von Text und Bildern sowie mit Links zu verschiedenen Arten von Dateien.
Sie ergänzen die visuelle Struktur mithilfe von CSS-Fenstern. Sie lernen, Selektoren und Werte zu generieren, dann das Boxmodell zu erstellen, das sich an responsiven Parametern orientiert, und über CSS-Elemente Ihre Seite zu gestalten: Schriftarten, Boxdesign, Anwendung der Position , zeigen und schwebt ; und Sie werden unter anderem Hintergrundbilder, Rahmen oder Listen und Klassen anwenden.
Wie kann ich Ihre Site reaktionsschnell machen ? Sie werden die Konstruktionsparameter der Site mithilfe von Medienabfragen für die verschiedenen erforderlichen Maßnahmen festlegen, ein einfaches Menü erstellen, das sowohl für Smartphones als auch für Computer funktioniert, und Sie werden zuvor sehen, wie Sie diese überprüfen und korrigieren um deine Website hochzuladen.
Alles bereit zu veröffentlichen! Sie werden das Programms der FTP - Fenster verwenden , um die lokalen Ordner der synchronisieren Website mit den Ordnern der Remote Website , so dass Sie Änderungen sofort auf Ihrer Website zu machen.
Recommended software & tools for this course
What is this course's project?
Sie entwickeln eine grundlegende Website die nur auf einer Seite reagiert und die es Ihnen ermöglicht, funktionale Ergebnisse sowohl für Kunden als auch für fortgeschrittenere Programmierteams bereitzustellen.
Projekte von Kursteilnehmenden
Who is this online course for?
Grafikdesigner, die sich nicht für Webdesign entschieden haben, Anfänger-Webdesigner, initiierte UI-Designer und alle, die lernen möchten, wie sie ihre responsive .
Requirements and materials
Für diesen Kurs sind keine Vorkenntnisse erforderlich, da Sie HTML und CSS von Grund auf lernen, sondern der vorherige Kurs von Arturo Servín unter Adobe Photoshop für Webdesign .
Für Tools benötigen Sie einen Computer mit Adobe Dreamweaver CC 2019 oder höher.
Bewertungen
- vor 5 Monaten
bien
- vor 9 Monaten
muy bien explicado
- rmmarinacePLUSvor 1 Jahr
I've programmed for the web for almost 20 years, but never designed with Dream Weaver. I teach Graphic Design with Phtoshop and Illustrator so it was time to learn DW--so this is a fantastic start.
- vor 1 Jahr
Excelente, muy completo lo sentí como un basics, sin ser basics!
- vor 1 Jahr
Buen curso
Derzeit ist er CEO von La Constelación, einem Studio mit den Schwerpunkten digitales Marketing, E-Commerce und Webdesign.
Inhalt
- E1
Einführung
- Präsentation
- Einflüsse
- Was werden wir im Kurs tun?
- E2
Prinzipien des Webdesigns
- Was sind UX und UI?
- Kunstrichtung
- Der Vorteil der Standardisierung
- E3
Die Angst vor Dreamweaver verlieren: Erstellen einer einfachen Webseite
- Warum Dreamweaver verwenden?
- Arbeitsbereichsübersicht
- Erstellung von Arbeitsordnern
- HTML-Syntax mit Tags, Attributen und Werten
- Allgemeine Struktur einer Webseite
- Platzieren von Text und Bildern
- Links
- E4
Hinzufügen von Stil zu einer Webseite
- Verknüpfen einer CSS-Datei und ihrer Syntax
- Selektoren und Werte
- Das Box-Modell und Zurücksetzen eines Stylesheets
- Typografische Stile
- Stile zum Entwerfen von P1-Boxen
- Stile für das Design von P2-Boxen
- Position anwenden, anzeigen und schweben P1
- Anwenden von Position, Anzeige und P2 schwebt
- CSS-Dekoration
- E5
Eine reaktionsschnelle Seite
- Erstellen von Medienabfragen
- Zuerst mobil
- Ein ansprechendes Menü einfach machen P1
- Ein ansprechendes Menü einfach machen P2
- Vorschau verwenden
- Überprüfen und korrigieren
- E6
Veröffentlichung der Website
- Definieren einer Remote-Site in Dreamweaver
- Hochladen der Website
- Synchronisieren Sie den lokalen Standort und den Remote-Standort
- AP
Abschlussprojekt
- Einführung in das reaktionsschnelle Webdesign mit Adobe Dreamweaver
Was erwartet dich in einem Domestika-Kurs?
Lerne in deinem Tempo
Lerne bequem von zuhause aus, in deinem eigenen Tempo und ohne festen Zeitplan. Du entscheidest, wann und wo.
Lerne mit den Profis
Lerne die nützlichsten Techniken und Methoden mit den Profis der Kreativbranche.
Tritt mit den erfahrendsten Experten in Kontakt
Jede Lehrperson übermittelt dir in jeder Lektion leidenschaftlich sein/ ihr Wissen mittels ausführlichen Erklärungen aus professioneller Sicht.
Certificates
PLUSIf you're a Plus member, get a personalisiertes und unterzeichnetes Zertifikat signed by your teacher for every course. Share it on your portfolio, social media, or wherever you like.
Sei ganz vorne mit dabei
Dank hochwertig produzierter und gestochen scharfer Videos entgeht dir kein einziges Detail. Du hast uneingeschränkten Zugriff auf deinen Kurs und kannst dir so alle Videolektionen so oft ansehen, wie du möchtest.
Teile Wissen und Ideen
Stelle deine Fragen, bitte um Meinungen und biete Lösungsansätze. Teile deine Lernerfahrung mit anderen Schüler*innen in der Community, die genauso kreativ sind wie du.
Sei Teil einer globalen kreativen Community
Die Community umfasst Millionen wissbegierige Menschen weltweit, die Freude an kreativem Ausdruck finden.
Arbeite mit von Profis produzierten Kursen
Um eine einzigartige Online-Lernerfahrung zu garantieren, zählt Domestika auf eine sorgfältige Auswahl der Lehrpersonen und produziert jeden Kurs intern.
FAQ
You’ll learn how to create, structure, and design responsive websites using Dreamweaver, HTML, and CSS—enhancing user experience and interface, managing visual assets, typography, colors, and collaborative workflows.
This course is aimed at people with basic web design or development knowledge—perfect for intermediate learners wanting to deepen their skills in building responsive sites and using Dreamweaver efficiently.
Basic knowledge of HTML and CSS is recommended, though the course reviews key concepts and guides you through applying them practically within Dreamweaver.
You’ll need a computer with Adobe Dreamweaver installed, internet access, and basic file system navigation skills. Advanced programming experience is not required.
You’ll learn how to use Media Queries, adaptive layouts, and the mobile-first approach to ensure your websites look great and work smoothly on any device, optimizing user experience.
Yes, the course teaches how to select, combine, and integrate fonts and color palettes using tools like Google Fonts, Adobe Fonts, and Adobe Color to create a consistent visual identity.
Yes, you’ll learn to design accessible forms, create standard buttons, and customize them with CSS, ensuring usability and accessibility in your web projects.