Responsive Webdesign mit Adobe Dreamweaver

Ein Kurs von Arturo Servín , Webdesigner

Webdesigner. Mexiko-Stadt, Mexiko.
Mitglied seit Juli 2016
97% positive Bewertungen (220)
5,231 Lernende
Audiosprache: ‌Spanisch, Englisch, Französisch, Italienisch, Portugiesisch, Türkçe
Spanisch · Englisch · Portugiesisch · Deutsch · Französisch · Italienisch · Polnisch · Niederländisch · Türkçe

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.

Mehr Info ↓

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
Warum Dreamweaver verwenden?
7 Minuten, 33 Sekunden
Arbeitsbereichsübersicht
9 Minuten, 39 Sekunden
  • 97% positive Bewertungen (220)
  • 5,231 Lernende
  • 31 Lektionen (5 Stdn. 1 Min.)
  • 39 Zusatzmaterialien (19 Dateien)
  • Online und in deinem Tempo
  • Verfügbar via App
  • Audiosprache: ‌Spanisch, Englisch, Französisch, Italienisch, Portugiesisch, Türkçe
  • Spanisch · Englisch · Portugiesisch · Deutsch · Französisch · Italienisch · Polnisch · Niederländisch · Türkçe
  • Niveau: Anfänger
  • Dauerhaft unbegrenzter Zugang

Was ist das Kursprojekt?

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

An wen richtet sich dieser Onlinekurs?

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 .

Anforderungen und benötigte Materialien

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

5,231 Kursteilnehmende
220 Bewertungen

Arturo Servín

Arturo Servín
Ein Kurs von Arturo Servín

Lehrkraft Plus
Webdesigner

Monky ist ein auf Webdesign spezialisierter Grafikdesigner. Er hat als Webdesigner für das Magazin a! Design für die mexikanische Designmarke Tixinda und hat mit Dr. Morbito für verschiedene Webprojekte zusammengearbeitet. Er war mehrere Jahre Teil des Adobe Community Professionals-Teams in Mexiko und verfügt über umfangreiche Erfahrung im Unterrichten von Kursen für Fachleute und Studenten.

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.

  • Zertifikate
    Plus

    Erhalte als Plus-Mitglied ein von deiner Lehrperson personalisiertes und unterzeichnetes Zertifikat. Füge es deinem Portfolio hinzu oder teile es online, um deine Teilnahme zu bestätigen.

  • 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.

Informationen zum Kurs und Zertifikat

Responsive Webdesign mit Adobe Dreamweaver. Ein Kurs der Kategorie Web- und App-Entwicklung von Arturo Servín

Responsive Webdesign mit Adobe Dreamweaver

Ein Kurs von Arturo Servín
Webdesigner. Mexiko-Stadt, Mexiko.
Mitglied seit Juli 2016
  • 97% positive Bewertungen (220)
  • 5,231 Lernende