HTML, CSS & JavaScript Web Publishing
Develop & refine your web publishing skills with our HTML, CSS, and JavaScript course, designed to help you create stunning websites effortlessly.
(HTML-CSS-JS) / ISBN : 978-1-61691-438-7Über diesen Kurs
Ever wanted to build your own website? This course gives you the skills to go from beginner to website creator. We'll walk you through everything you need to know, from understanding how websites work to adding images and making your site interactive. Learn HTML, CSS, and the basics of JavaScript to bring your website ideas to life. By the end, you'll be able to publish your own website and impress employers with your web development skills.
Fähigkeiten, die Sie erwerben werden
- Build and publish websites from scratch
- Understand how the web works (browsers, servers, etc.)
- Code with HTML, CSS, and JavaScript
- Structure content and format text effectively
- Link pages, add images, and optimize them for the web
- Style your website with CSS and create responsive layouts
- Add interactive features with forms and basic JavaScript
- Publish your website online and optimize it for search engines
Holen Sie sich die Unterstützung, die Sie brauchen. Melden Sie sich für unseren Kurs mit Lehrer an.
Unterricht
26+ Unterricht | 250+ Tests | 191+ Karteikarten | 191+ Glossar der Begriffe
Testvorbereitung
100+ Fragen vor der Beurteilung | 100+ Fragen nach der Bewertung |
Praktische Übungen
44+ LiveLab | 34+ Videoanleitungen | 01:47+ Hours
Videolektionen
25+ Videos | 01:33+ Hours
Einführung
Was ist Web-Publishing?
- Denken wie ein Web-Publisher
- Internetbrowser
- Webserver
- Einheitliche Ressourcenlokatoren
- Web Publishing im Großen und Ganzen definieren
- Zusammenfassung
- Werkstatt
- Zusätzliche Übungen
Bringen Sie Ordnung in Ihre Werkzeuge
- Anatomie einer Website
- Einrichten Ihres Computers für Web Publishing
- Verwendung der Google Chrome-Entwicklertools
- Was möchten Sie im Web tun?
- Wireframing Ihrer Website
- Web-Hosting
- Zusammenfassung
- Werkstatt
- Zusätzliche Übungen
Einführung in HTML und CSS
- Was HTML ist (und was es nicht ist)
- Wie HTML-Dateien aussehen
- HTML-Attribute
- Verwendung des style-Attributs
- Eine kurze Geschichte der HTML-Standards
- Der aktuelle und sich weiterentwickelnde Standard: HTML5
- Zusammenfassung
- Werkstatt
- Zusätzliche Übungen
Erlernen der Grundlagen von HTML
- Strukturieren Sie Ihr HTML
- Der Titel
- Überschriften
- Absätze
- Kommentare
- Zusammenfassung
- Werkstatt
- Zusätzliche Übungen
Informationen mit Listen organisieren
- Listen: Ein Überblick
- Nummerierte Listen
- Ungeordnete Listen
- Definitionslisten
- Verschachtelungslisten
- Andere Verwendungsmöglichkeiten für Listen
- Zusammenfassung
- Werkstatt
- Zusätzliche Übungen
Arbeiten mit Links
- Links erstellen
- Verknüpfen lokaler Seiten mit relativen und absoluten Pfadnamen
- Links zu anderen Dokumenten im Web
- Verlinkung zu bestimmten Stellen innerhalb von Dokumenten
- Anatomie einer URL
- Arten von URLs
- Zusammenfassung
- Werkstatt
- Zusätzliche Übungen
Text mit HTML und CSS formatieren
- Elemente auf Charakterebene
- Zeichenformatierung mit CSS
- Vorformatierter Text
- Horizontale Regeln (oder thematische Brüche)
- Zeilenumbruch
- Adressen
- Zitate
- Spezielle Charaktere
- Schriftarten und Schriftgrößen
- Zusammenfassung
- Werkstatt
- Zusätzliche Übungen
Verwenden von CSS zum Gestalten einer Site
- Einfügen von Stylesheets in eine Seite
- Selektoren
- Maßeinheiten
- Bearbeiten von Stilen mit Entwicklertools
- Farbe verwenden
- Links
- Das Boxmodell
- Weitere Selektoren
- Das <body>-Tag
- Zusammenfassung
- Werkstatt
- Zusätzliche Übungen
Verwenden von Bildern auf Ihren Webseiten
- Bilder im Web
- Bildformate
- Inline-Bilder in HTML: Das <img>-Tag
- Bilder und Text
- Bilder und Links
- Andere nette Tricks mit Bildern
- Bildhintergründe
- Bilder als Aufzählungszeichen verwenden
- Was ist eine Imagemap?
- Bildetikette
- Zusammenfassung
- Werkstatt
- Zusätzliche Übungen
Tische bauen
- Tabellen erstellen
- Tischteile
- Größentabellen, Rahmen und Zellen anpassen
- Tabellen- und Zellenfarbe
- Ausrichten Ihres Tabelleninhalts
- Über mehrere Zeilen oder Spalten hinweg
- Erweiterte Tabellenverbesserungen
- Wie Tabellen verwendet werden
- Zusammenfassung
- Werkstatt
- Zusätzliche Übungen
Verwenden von CSS zum Positionieren von Elementen auf der Seite
- Positionierungsschemata
- Absolute Positionierung
- Feste Positionierung
- Stapeln steuern
- Dropdown-Menüs erstellen
- Zusammenfassung
- Werkstatt
- Zusätzliche Übungen
Formulare entwerfen
- Form und Funktion verstehen
- Verwendung des <form>-Tags
- Verwendung des <label>-Tags
- Formularsteuerelemente mit dem Tag <input> erstellen
- Verwenden anderer Formularsteuerelemente
- Gruppieren von Steuerelementen mit Feldsatz und Legende
- Anzeige von Updates mit Fortschritt und Zähler
- Anwenden von Cascading Style Sheet-Eigenschaften auf Formularelemente
- Planen Sie Ihre Formulare
- Zusammenfassung
- Werkstatt
- Zusätzliche Übungen
Strukturieren einer Seite mit HTML5
- Eine kurze Geschichte des HTML-Seitenlayouts
- Eine Seite in HTML5 gestalten
- HTML5-Struktur-Tags
- Die Seitengliederung
- Verwendung von HTML5-Strukturelementen
- Zusammenfassung
- Werkstatt
- Zusätzliche Übungen
Integration von Multimedia: Video und Ton
- Videos einfach einbetten
- Hosten Sie Ihr eigenes Video
- Einbetten von Videos mit <video>
- Einbetten von Flash mithilfe des <object>-Tags
- Das <embed>-Tag
- Einbetten von Flash-Filmen mit SWFObject
- Flash-Videoplayer
- Einbetten von Audio in Ihre Seiten
- Zusammenfassung
- Werkstatt
- Zusätzliche Übungen
Erweitertes CSS: Seitenlayout in CSS
- Die Seite gestalten
- Die Rolle von CSS im Webdesign
- Zusammenfassung
- Werkstatt
- Zusätzliche Übungen
Verwendung von Responsive Webdesign
- Was ist responsives Webdesign?
- Mobile Geräte sollten an erster Stelle stehen
- Planung einer Responsive Website
- Medienanfragen schreiben
- Die Mechanik von RWD verstehen
- Best Practices für responsives Webdesign
- Zusammenfassung
- Werkstatt
- Zusätzliche Übungen
Einführung in JavaScript
- Warum sollten Sie JavaScript verwenden?
- Das <script>-Tag
- JavaScript und die Chrome-Entwicklungstools
- Die JavaScript-Sprache
- Die JavaScript-Umgebung
- Veranstaltungen
- Zusammenfassung
- Werkstatt
- Zusätzliche Übungen
Verwendung von jQuery
- Was sind JavaScript-Bibliotheken?
- Erste Schritte mit jQuery
- Ihr erstes jQuery-Skript
- Auswählen von Elementen aus dem Dokument
- Verbindliche Ereignisse
- Stile auf der Seite ändern
- Inhalt auf der Seite ändern
- Spezialeffekte
- AJAX und jQuery
- Zusammenfassung
- Werkstatt
- Zusätzliche Übungen
Verwenden von JavaScript auf Ihren Seiten
- Formulare mit JavaScript validieren
- Inhalte ausblenden und anzeigen
- Hinzufügen neuer Inhalte zu einer Seite
- Zusammenfassung
- Werkstatt
- Zusätzliche Übungen
Arbeiten mit Frames und verknüpften Fenstern
- Was sind Frames?
- Arbeiten mit verknüpften Windows
- Inline-Frames
- Verknüpfte Windows mit JavaScript öffnen
- Zusammenfassung
- Werkstatt
- Zusätzliche Übungen
Design für das mobile Web
- Menschen surfen auf Mobiltelefonen anders
- Einhaltung von Standards und das mobile Web
- Schreiben für das mobile Web
- Design und Seitenlayout
- Verwendung von Links
- Verwendung von Bildern und Multimedia
- Machen Sie das Beste aus CSS und JavaScript
- Profitieren Sie von mobilen Funktionen
- Weitere gute Gewohnheiten und Tipps für mobiles Webdesign
- Zusammenfassung
- Werkstatt
- Zusätzliche Übungen
Entwerfen für Benutzererfahrung
- Berücksichtigung des Benutzererfahrungsniveaus
- Bestimmen der Benutzerpräferenzen
- Was ist Barrierefreiheit?
- Alternative Browser
- Barrierefreies HTML schreiben
- Entwerfen für Barrierefreiheit
- Validierung Ihrer Websites auf Barrierefreiheit
- Zusammenfassung
- Werkstatt
- Zusätzliche Übungen
So veröffentlichen Sie Ihre Website
- Was macht ein Webserver?
- So finden Sie Webhosting
- Organisieren Sie Ihre HTML-Dateien für die Veröffentlichung
- Veröffentlichen Ihrer Dateien
- Fehlerbehebung
- Werbung für Ihre Webseiten
- Finden Sie heraus, wer Ihre Webseiten ansieht
- Zusammenfassung
- Werkstatt
- Zusätzliche Übungen
Den Server ausnutzen
- Wie PHP funktioniert
- PHP auf Ihrem Computer zum Laufen bringen
- Die PHP-Sprache
- Schleifen
- Integrierte Funktionen
- Benutzerdefinierte Funktionen
- Formulare bearbeiten
- Verwendung von PHP Includes
- Erweitern Sie Ihre PHP-Kenntnisse
- Andere Anwendungsplattformen
- Zusammenfassung
- Werkstatt
- Zusätzliche Übungen
Suchmaschinen und SEO
- Was ist SEO?
- Wie Suchmaschinen funktionieren
- SEO-Techniken
- Tools zum Verfolgen und Verwalten von SEO
- Bezahlen für Links
- Zusammenfassung
- Werkstatt
- Zusätzliche Übungen
Einführung in HTML und CSS
- Erstellen einer einfachen HTML-Seite
Erlernen der Grundlagen von HTML
- Verwendung von Absätzen und Überschriften in HTML
Informationen mit Listen organisieren
- Organisieren von Inhalten in HTML
Arbeiten mit Links
- Hyperlinks erstellen
Text mit HTML und CSS formatieren
- Text in HTML formatieren
Verwenden von CSS zum Gestalten einer Site
- Erstellen des externen Stylesheets
- Verwendung von CSS-IDs
- Implementieren einer Klasse
- Erstellen eines internen Stylesheets
- Implementieren von Inline-Stilen
- Verwendung positionierter Floats
- Überlaufeigenschaften verwenden
Verwenden von Bildern auf Ihren Webseiten
- Implementierung des SVG-Formats
- Verwendung von Inline Flow vs. Block Flow in CSS- und Float-Eigenschaften
- Verwenden des Image-Tags
Tische bauen
- Organisieren von Inhalten in HTML Teil 1
Verwenden von CSS zum Positionieren von Elementen auf der Seite
- Verwenden der Eigenschaft „Absolute Position“.
- Implementierung von CSS-Überlappung und -Positionierung
Formulare entwerfen
- Verwenden des Musterattributs
- Verwenden des erforderlichen Attributs
- Verwendung der Arten von Eingabefeldern
- Verwenden des Eingabe-Tags
- Implementieren der Checkbox-Eingabe und Verwenden des Textarea-Tags
- Verwenden des Select-Tags
- Verwenden der Markierungs-, Meter- und Fortschritts-Tags
Strukturieren einer Seite mit HTML5
- Verwenden der Header- und Footer-Tags
- Verwenden des Nav-Tags
- Verwenden des Artikel-Tags
- Verwenden des Abschnitts-Tags
- Verwenden der Aside- und Hr-Tags
Integration von Multimedia: Video und Ton
- Verwenden des Video-Tags
Erweitertes CSS: Seitenlayout in CSS
- Implementieren von CSS-Spalten und Silbentrennungen
Verwendung von Responsive Webdesign
- Verwenden von Medienabfragen
Einführung in JavaScript
- Schreiben eines einfachen JavaScript-Programms
- Verwenden von Operatoren in JavaScript
- Verwenden von Datentypen
- Elemente ein- und ausblenden
- Aktualisieren von Inhalten mithilfe der Ereignisbehandlung
- Verwenden von Ereignissen zum Aufrufen einer Funktion
- Verwenden von Ereignissen
Verwendung von jQuery
- Verwendung von jQuery und anderen Bibliotheken von Drittanbietern
Verwenden von JavaScript auf Ihren Seiten
- Verwendung der Formular- und Testvalidierungen
Arbeiten mit Frames und verknüpften Fenstern
- Verwendung des Inline-Frame-Elements
Design für das mobile Web
- Abrufen der Geolokalisierung eines Geräts
Haben Sie Fragen? Schauen Sie sich die FAQs an
Curious about our HTML, CSS & JavaScript Web Publishing Study Guide? Ask us anything.
Kontaktiere uns jetztYes, this course is designed for those with no prior experience in web development.
You don’t need to buy any software license and install the software. A web browser is all you need to get started.
The completion time will vary depending on your pace, but we estimate it can be completed in 3-12 months.
You will receive a certificate of achievement upon completion of this course.
Yes, the course will cover responsive web design techniques to ensure your website looks great on all devices.
Yes, you'll learn the basics of JavaScript web development to add interactivity with forms and basic animations.
The course focuses on coding with HTML, CSS, and JavaScript for more control and flexibility. However, the skills learned can be a foundation for using website builders more effectively.