Das Scrimba Hometown Homepage Soloprojekt ist deine Chance, in die Frontend-Entwicklung mit HTML und CSS einzutauchen. In diesem Projekt werden Sie eine persönliche Homepage erstellen, die Ihre Heimatstadt oder Ihren Lieblingsort vorstellt. Ihr Ziel ist es, eine visuell ansprechende und informative Webseite zu entwerfen, die die einzigartigen Eigenschaften des von Ihnen gewählten Ortes hervorhebt. Bei der Arbeit an diesem Projekt werden Sie sich auf drei Hauptlernziele konzentrieren: 1. Layout und Design beherrschen: Sie werden praktische Erfahrung in der Gestaltung eines kohärenten Layouts mit CSS sammeln. Sie werden Tools wie Flexbox oder Grid verwenden, um sicherzustellen, dass Ihre Webseite auf verschiedenen Geräten ansprechend und optisch ansprechend ist. 2. Organisieren und Strukturieren von Inhalten: Sie werden Ihre Fähigkeiten zur Strukturierung von Inhalten mit HTML verbessern und Informationen mit semantischen Elementen wie Überschriften, Absätzen und Listen organisieren. Dies wird Ihnen helfen, eine gut strukturierte und zugängliche Webseite zu erstellen. 3. Styling für Ästhetik: Sie werden CSS anwenden, um Ihre Webseite zu gestalten, indem Sie Schriftarten, Farben und Hintergründe anpassen, um eine ansprechende Benutzererfahrung zu schaffen. Auf diese Weise können Sie den einzigartigen Charakter des Ortes, den Sie präsentieren, widerspiegeln. Nach Abschluss dieses Projekts verfügen Sie über eine personalisierte Webseite, die Ihre technischen Fähigkeiten und Ihre Kreativität unterstreicht und eine solide Grundlage für zukünftige Webentwicklungsprojekte bildet.
Erwerben Sie mit Coursera Plus für 199 $ (regulär 399 $) das nächste Level. Jetzt sparen.
Empfohlene Erfahrung
Was Sie lernen werden
CSS-Styling zur Anpassung von Schriftarten, Farben und Hintergründen, um eine ansprechende Benutzererfahrung zu schaffen.
Layoutgestaltung mit CSS-Werkzeugen wie Flexbox und Grid.
Kompetenzen, die Sie festigen
- Kategorie: User-Interface-(UI)-Design
- Kategorie: Cascading Style Sheets (CSS)
- Kategorie: Front-End Web-Entwicklung
- Kategorie: Webdesign
- Kategorie: Semantisches Web
- Kategorie: HyperText Markup Language (HTML)
- Kategorie: Reaktionsfähiges Webdesign
- Kategorie: Typografie
- Kategorie: HTML und CSS
Wichtige Details
Zu Ihrem LinkedIn-Profil hinzufügen
Nur als Desktop-Version verfügbar
Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.
Lernen, Üben und Anwenden von berufsrelevanten Fähigkeiten in weniger als 2 Stunden
- Nehmen Sie an Schulungen von Branchenexperten teil
- Sammeln Sie mit Aufgaben aus der realen Welt praktische Erfahrung
- Schaffen Sie Vertrauen durch neueste Tools und Technologien
Über dieses begleitete Projekt
Schritt für Schritt lernen
In einem Video, das auf einer Hälfte Ihres Arbeitsbereichs abgespielt wird, führt Sie Ihr Dozent durch diese Schritte:
Lassen Sie einen angemessenen Abstand zwischen den drei Aktivitätsbildern.
Fügen Sie ein Helden-Hintergrundbild hinzu und sorgen Sie dafür, dass es sich über die gesamte Seite erstreckt.
Stellen Sie sicher, dass die Seite vollständig responsiv ist (d. h. auf allen Bildschirmgrößen gut aussieht).
Importieren und verwenden Sie eine Google-Schriftart.
Gestalten Sie die Seite mit der mitgelieferten Farbpalette - oder verwenden Sie Ihre eigene!
Fügen Sie den drei Aktivitätsbildern einen Rahmen-Radius hinzu.
Fügen Sie mindestens einem Element auf der Seite einen Rahmenschatten hinzu.
Richten Sie den Text mittig aus.
Gestalten Sie den Text mit einer geeigneten Schriftgröße.
Empfohlene Erfahrung
Dieses Projekt erfordert die Grundlagen von HTML und CSS. Wenn Sie damit noch nicht vertraut sind, versuchen Sie den Kurs "HTML und CSS lernen" von Scrimba hier auf Coursera.
2 Projektbilder
Dozent
von
Was Sie beim Lernen erwartet
Auf Kompetenzen basierendes, praktisches Lernen
Üben Sie die Anwendung neuer Kompetenzen anhand von berufsbezogenen Aufgabenstellungen.
Anleitung durch Experten
Lernen Sie mit vorab von Experten aufgezeichneten Videos in einer einzigartigen aufgeteilten Oberfläche.
Keine Downloads oder Installation erforderlich
Greifen Sie in einem vordefinierten Cloud-Arbeitsbereich auf die Tools und Ressourcen zu.
Nur für Desktop verfügbar
Dieses begleitete Projekt ist für die Bearbeitung an einem Laptop oder Desktop-Computer mit stabiler Internetverbindung konzipiert und nicht für Mobilgeräte.
Warum entscheiden sich Menschen für Coursera für ihre Karriere?
Ihnen könnte auch Folgendes gefallen:
Status: Kostenloser TestzeitraumBoard Infinity
Status: Kostenloser TestzeitraumScrimba
Status: Kostenloser Testzeitraum
Häufig gestellte Fragen
Mit dem Kauf eines angeleiteten Projekts erhalten Sie alles, was Sie zum Abschließen des angeleiteten Projekts benötigen, einschließlich des Zugriffs auf einen Cloud-Desktop-Arbeitsbereich über Ihren Webbrowser, der die Dateien und Software enthält, die Sie für den Start benötigen, sowie schrittweise Videoanweisungen von einem Fachexperten.
Da Ihr Arbeitsbereich einen Cloud-Desktop enthält, der für einen Laptop oder Desktop-Computer ausgelegt ist, sind angeleitete Projekte auf Ihrem Mobilgerät nicht verfügbar.
Die Dozenten bei angeleiteten Projekten sind Fachexperten, die Erfahrung in den Fähigkeiten, Werkzeugen oder Bereichen der jeweiligen Projekte haben und leidenschaftlich daran interessiert sind, ihr Wissen weiterzugeben und so Millionen von Lernenden auf der ganzen Welt zu beeinflussen.