suchen
  • Anmelden
  • Melden Sie sich an
Passwort-Reset erfolgreich

Verfolgen Sie die Projekte, die Sie interessieren, und erfahren Sie die neuesten Nachrichten über sie

Heim
Kursliste
Erste Schritte mit HTML5+CSS3 für Frontend-Neulinge

Erste Schritte mit HTML5+CSS3 für Frontend-Neulinge

1. Webseiten-Layout: Erklären Sie zunächst die allgemeinen Tags von HTML5, erläutern Sie dann die neuen Funktionen und die neue Syntax von H5C3, die zu gängigen CSS3-Stilen hinzugefügt wurden, und erläutern Sie schließlich das Projekt zum Kauf von PC-Endprodukten. Und CSS3-Animation, 2D-3D-Effekte. 2. Mobiles Layout: Es erklärt hauptsächlich das Ansichtsfenster, das Doppelbild, das Drain-Layout, das Flex-Layout, das REM-Layout und das responsive Layout und fügt auch Tools wie Mockup hinzu.

408583 Person lernt
361 Unterrichtsstunde
2022-10-12 Updatezeit
23 Stunden25 Minuten31 Sekunden Gesamtkursdauer
王林
Golddozent
180 Kurs
180343 Student
5.0 Punktzahl

有朋自远方来,虽远必诛!

Du wirst es lernen

1. Webseiten-Layout: Erklären Sie zunächst die allgemeinen Tags von HTML5, erläutern Sie dann die neuen Funktionen und die neue Syntax von H5C3, die zu gängigen CSS3-Stilen hinzugefügt wurden, und erläutern Sie schließlich das Projekt zum Kauf von PC-Endprodukten. Und CSS3-Animation, 2D-3D-Effekte. 2. Mobiles Layout: Es erklärt hauptsächlich das Ansichtsfenster, das Doppelbild, das Drain-Layout, das Flex-Layout, das REM-Layout und das responsive Layout und fügt auch Tools wie Mockup hinzu.

Erste Schritte mit HTML5+CSS3 für Frontend-Neulinge

Abschnitt1 Einführung in das Boxmodell
01 Minuten13 Sekunden
Abschnitt2 Verstehen Sie die Essenz des Webseitenlayouts
03 Minuten56 Sekunden
Abschnitt3 Komponenten des Boxmodells
03 Minuten33 Sekunden
Abschnitt4 Rahmen des Boxmodells
07 Minuten31 Sekunden
Abschnitt5 Zusammengesetztes Schreiben von Grenzen
07 Minuten49 Sekunden
Abschnitt6 Tabellenrand mit dünner Linie
05 Minuten29 Sekunden
Abschnitt7 Ränder beeinflussen die tatsächliche Größe der Box
03 Minuten40 Sekunden
Abschnitt8 Innenrandpolsterung im Kastenmodell
04 Minuten05 Sekunden
Abschnitt9 Eigenschaft der Polstermasse
06 Minuten02 Sekunden
Abschnitt10 Die Polsterung wirkt sich auf die tatsächliche Größe der Box aus
04 Minuten45 Sekunden
Abschnitt11 Polsteranwendung – Sina-Navigationsleiste (Teil 1)
06 Minuten09 Sekunden
Abschnitt12 Polsteranwendung-Sina Navigation (Teil 2)
05 Minuten47 Sekunden
Abschnitt13 Modifikation der Xiaomi-Seitenleiste
02 Minuten56 Sekunden
Abschnitt14 Die Polsterung hält die Box nicht offen
04 Minuten53 Sekunden
Abschnitt15 Rand des Boxmodells
06 Minuten31 Sekunden
Abschnitt16 Typische Anwendung von Rändern: Boxen auf Blockebene werden horizontal und mittig ausgerichtet
03 Minuten39 Sekunden
Abschnitt17 Inline-Elemente und Inline-Block-Elemente sind horizontal zentriert
02 Minuten41 Sekunden
Abschnitt18 Randzusammenführung – vertikale Ränder benachbarter Blockelemente
04 Minuten14 Sekunden
Abschnitt19 Randzusammenführung – verschachtelte Blockelemente fallen zusammen
06 Minuten01 Sekunden
Abschnitt20 klare Innen- und Außenränder
04 Minuten51 Sekunden
Kapitel23 Boxmodell
Abschnitt1 Vorbereitung
06 Minuten40 Sekunden
Abschnitt2 Schreibreihenfolge der CSS-Attribute (wichtig)
04 Minuten56 Sekunden
Abschnitt3 Gesamtidee des Seitenlayouts
05 Minuten30 Sekunden
Abschnitt4 Erstellung des Headerbereichs
08 Minuten08 Sekunden
Abschnitt5 Produktion von Logoflächen
04 Minuten40 Sekunden
Abschnitt6 Produktion des Navigationsbereichs der Navigationsleiste (Teil 1)
06 Minuten24 Sekunden
Abschnitt7 Produktion des Navigationsbereichs in der Navigationsleiste (Mitte)
05 Minuten59 Sekunden
Abschnitt8 Produktion des Navigationsbereichs der Navigationsleiste (Teil 2)
02 Minuten54 Sekunden
Abschnitt9 Suche, Suchmodul, Eingabeproduktion
08 Minuten36 Sekunden
Abschnitt10 Produktion von Schaltflächen für das Suchmodul
05 Minuten27 Sekunden
Abschnitt11 Produktion von Benutzermodulen
04 Minuten55 Sekunden
Abschnitt12 Produktion von Bannermodulen
06 Minuten31 Sekunden
Abschnitt13 Produktion des Subnav-Moduls (Teil 1)
05 Minuten56 Sekunden
Abschnitt14 Subnav-Modulproduktion (Teil 2)
03 Minuten17 Sekunden
Abschnitt15 Kursmodulproduktion (Teil 1)
04 Minuten29 Sekunden
Abschnitt16 Kursmodul Produktion (mittel)
03 Minuten20 Sekunden
Abschnitt17 Kursmodulproduktion (Teil 2)
07 Minuten35 Sekunden
Abschnitt18 Premium-Empfehlungsmodul (Teil 1)
03 Minuten42 Sekunden
Abschnitt19 Premium-Empfehlungsmodul (mittel)
03 Minuten34 Sekunden
Abschnitt20 Premium-Empfehlungsmodul (Teil 2)
04 Minuten51 Sekunden
Abschnitt21 Produktion von Box-HD-Modulen
07 Minuten22 Sekunden
Abschnitt22 Produktion von Box-BD-Modulen
05 Minuten41 Sekunden
Abschnitt23 Box-Modul fertiggestellt
05 Minuten54 Sekunden
Abschnitt24 Produktion von Fußzeilenmodulen
04 Minuten46 Sekunden
Abschnitt25 Produktion des Urheberrechtsmoduls
06 Minuten15 Sekunden
Abschnitt26 verbindet die Modulproduktion
04 Minuten35 Sekunden
Kapitel30 Xuecheng Online-Fall
Abschnitt1 Einführung
01 Minuten25 Sekunden
Abschnitt2 Warum Elfentechnologie benötigt wird
04 Minuten57 Sekunden
Abschnitt3 Verwendung von Sprite-Charts (Prinzip)
06 Minuten18 Sekunden
Abschnitt4 Verwendung von Sprite-Diagrammen (Code)
06 Minuten30 Sekunden
Abschnitt5 Sprite-Beispiel: Buchstabieren Sie Ihren Namen
07 Minuten32 Sekunden
Abschnitt6 Generierung von Schriftsymbolen und Vorteile
05 Minuten10 Sekunden
Abschnitt7 Herunterladen von Schriftartsymbolen
05 Minuten50 Sekunden
Abschnitt8 Verwendung von Schriftsymbolen
08 Minuten20 Sekunden
Abschnitt9 Prinzip des Anhängens und Ladens von Schriftsymbolen
04 Minuten06 Sekunden
Abschnitt10 So verwenden Sie das CSS-Dreieck
05 Minuten14 Sekunden
Abschnitt11 CSS-Dreiecksanwendung – Jingdong-Effekt
03 Minuten48 Sekunden
Abschnitt12 Benutzeroberfläche – Mausstil
In der Berechnung
Abschnitt13 Benutzeroberfläche – Entfernen Sie die Konturen von Formularen und verhindern Sie das Ziehen von Textfeldern
In der Berechnung
Abschnitt14 Vertical-Align implementiert die vertikale Mittelausrichtung von Inline-Blöcken und Text
In der Berechnung
Abschnitt15 Lösung für die Lücke am unteren Bildrand
In der Berechnung
Abschnitt16 Einzeiliger Text überläuft die Anzeige mit Auslassungspunkten
In der Berechnung
Abschnitt17 Mehrzeiliger Text überläuft die Anzeige mit Auslassungspunkten
In der Berechnung
Abschnitt18 Layoutfähigkeiten – Negative Ränder clever nutzen (Teil 1)
In der Berechnung
Abschnitt19 Layoutfähigkeiten – Negative Ränder geschickt nutzen (Teil 2)
In der Berechnung
Abschnitt20 Layouttechniken – geschickter Einsatz von Text um schwebende Elemente herum
In der Berechnung
Abschnitt21 Layouttechniken – cleverer Einsatz von Inline-Blöcken
In der Berechnung
Abschnitt22 Layout-Kenntnisse – cleverer Einsatz des CSS-Dreiecks (Teil 1)
In der Berechnung
Abschnitt23 Layout-Kenntnisse – CSS-Dreieck clever nutzen (Teil 2)
In der Berechnung
Abschnitt24 CSS-Initialisierung
In der Berechnung
Kapitel34 Erweiterte CSS-Tipps
Abschnitt1 Einführung
00 Minuten48 Sekunden
Abschnitt2 Website-Erstellungsprozess
05 Minuten05 Sekunden
Abschnitt3 Pinyougou-Projektplanung
In der Berechnung
Abschnitt4 Bau des Pinyougou-Projekts
In der Berechnung
Abschnitt5 Pinyougou-Projekt – Modulare Entwicklung von Stilen
In der Berechnung
Abschnitt6 Pinyougou-Projekt-Favicon-Icon-Produktion
In der Berechnung
Abschnitt7 Pinyougou-Projekt – SEO-Optimierung für drei große Labels von TDK
In der Berechnung
Abschnitt8 Pinyougou-Homepage – Strukturaufbau für schnelle Navigationsverknüpfungen
In der Berechnung
Abschnitt9 Pinyougou Homepage-Schnellnavigation Linke Seite Produktion
In der Berechnung
Abschnitt10 Pinyougou-Homepage – schnelle Navigation auf der rechten Seite
In der Berechnung
Abschnitt11 Pinyougou-Homepage-Schriftartsymbol auf der rechten Seite der Schnellnavigation
In der Berechnung
Abschnitt12 Aufbau des Pinyougou-Homepage-Header-Moduls
04 Minuten30 Sekunden
Abschnitt13 Pinyougou Homepage-LogoSEO-Optimierung (Teil 1)
06 Minuten54 Sekunden
Abschnitt14 Pinyougou Homepage-LogoSEO-Optimierung (Teil 2)
04 Minuten21 Sekunden
Abschnitt15 Pinyougou Homepage-Suche Suchmodul (Teil 1)
06 Minuten14 Sekunden
Abschnitt16 Pinyougou-Homepage-Suchmodul (Teil 2)
In der Berechnung
Abschnitt17 Pinyougou-Homepage-Hotwords-Modul
In der Berechnung
Abschnitt18 Pinyougou-Homepage-Shopcar-Modulproduktion
In der Berechnung
Abschnitt19 Pinyougou-Homepage-Count-Warenkorb-Statistikmodul
In der Berechnung
Abschnitt20 Aufbau des Pinyougou-Homepage-Navigations-Navigationsmoduls
In der Berechnung
Abschnitt21 Produktion des Pinyougou-Homepage-Dropdown-Moduls
In der Berechnung
Abschnitt22 Pinyougou-Homepage-Navigation, detaillierte Klassifizierungsproduktion (Teil 1)
In der Berechnung
Abschnitt23 Pinyougou-Homepage-Navigation, detaillierte Klassifizierungsproduktion (Teil 2)
In der Berechnung
Abschnitt24 Produktion des Pinyougou-Homepage-Navitems-Moduls
In der Berechnung
Abschnitt25 Aufbau des unteren Moduls der Pinyougou-Homepage-Fußzeile
In der Berechnung
Abschnitt26 Produktion des Pinyougou-Homepage-Mod-Service-Moduls (Teil 1)
In der Berechnung
Abschnitt27 Produktion des Pinyougou-Homepage-Mod-Service-Moduls (Teil 2)
In der Berechnung
Abschnitt28 Produktion des Moduls Pinyougou homepage-mod_help
In der Berechnung
Abschnitt29 Produktion des Pinyougou-Homepage-mod_copyright-Moduls
In der Berechnung
Abschnitt30 Pinyougou-Homepage – Haupt-Hauptbox-Konstruktion
In der Berechnung
Abschnitt31 Pinyougou-Homepage-Newsflash-Modul
In der Berechnung
Abschnitt32 Pinyougou Homepage-News-HD-Modulproduktion
In der Berechnung
Abschnitt33 Pinyougou-Homepage-neue-BD-Modulproduktion
In der Berechnung
Abschnitt34 Pinyougou-Homepage-Lifeservice-Produktion (Teil 1)
06 Minuten30 Sekunden
Abschnitt35 Pinyougou-Homepage-Lifeservice-Produktion (Teil 2)
07 Minuten04 Sekunden
Abschnitt36 Pinyougou-Homepage-empfohlenes Modul recom (Teil 1)
In der Berechnung
Abschnitt37 Pinyougou-Homepage-empfohlenes Modul recom (Teil 2)
In der Berechnung
Abschnitt38 Pinyougou-Homepage – Aufbau von Haushaltsgerätemodulen
In der Berechnung
Abschnitt39 Pinyougou-Homepage – Leiter der Produktion von Haushaltsgerätemodulen
In der Berechnung
Abschnitt40 Anforderungen an das Layout der Tab-Leiste
In der Berechnung
Abschnitt41 Pinyougou-Homepage-tab_list-item-Layout (Teil 1)
In der Berechnung
Abschnitt42 Pinyougou-Homepage-tab_list-item-Layout (Mitte)
In der Berechnung
Abschnitt43 Pinyougou-Homepage-tab_list-item-Layout (Teil 2)
In der Berechnung
Abschnitt44 Aufbau der Produkteinkaufslistenstruktur
In der Berechnung
Abschnitt45 Pinyougo-Listen-Page-Flash-Verkaufsmodulproduktion
In der Berechnung
Abschnitt46 Änderung des Seitennavigationsmoduls der Pinyougou-Liste
In der Berechnung
Abschnitt47 Pinyougou-Listenseite – ein kleines Problem
In der Berechnung
Abschnitt48 Ende der Seite der Pinyougou-Liste
In der Berechnung
Abschnitt49 Pinyougou-Registrierungsseiten-Header-Produktion
In der Berechnung
Abschnitt50 Pinyougo-Listenseitenregistrierung, Hauptmodul-Header-Erstellung
In der Berechnung
Abschnitt51 Pinyougou-Registrierungsseite – Registrierungsthemenproduktion (Teil 1)
In der Berechnung
Abschnitt52 Pinyougou-Registrierungsseite – Registrierungsthemenproduktion (Teil 2)
04 Minuten45 Sekunden
Abschnitt53 Pinyougou-Registrierungsseiten-Sicherheitsmodul
In der Berechnung
Abschnitt54 Pinyougo-Registrierungsseite – Zustimmungsmodul und vollständiges Registrierungsmodul
In der Berechnung
Abschnitt55 Die Projektseiten von Pinyougou springen zueinander und arbeiten nach Vereinbarungen
In der Berechnung
Abschnitt56 Was ist Server?
In der Berechnung
Abschnitt57 Beantragen Sie kostenlosen Speicherplatz und Website-Upload
In der Berechnung
Kapitel37 Pinyougou-Projekt

Datenname

HTML5+CSS3-bezogene Kursunterlagen für Frontend-Anfänger ohne Grundkenntnisse
Herunterladen