Techniki tworzenia stron internetowych z wykorzystaniem HTML5 i CSS3
Kurs prowadzi Marta ArmadaProjektant stron internetowych
Kurs prowadzi Marta Armada, Projektant stron internetowych
Zoptymalizuj swoje strony internetowe dzięki nowym technikom programowania i makietowania stron
Marta Armada, a web designer specializing in UX as well as responsive and front-end design, and cofounder of the Swwweet studio together with Javier Usobiaga, teaches you how to improve your web development skills by analyzing different HTML5 and CSS3 techniques.
Learn about semantics, gradients, shadows, forms, animations, and Flexbox, among other things, to improve and optimize your web pages.
This course is complementary to Javier Usobiaga's course Introduction to Responsive Web Development with HTML and CSS.
Czego nauczysz się na tym kursie online?
llekcji: 29 & liczba dodatkowych zasobów: 17
Introduction to HTML5
2 min, 8 sek.
Introduction to CSS3
1 minuta, 55 sek.
Browsers and support
2 min, 13 sek.
HTML5 tags and semantics
1 minuta, 53 sek.
Block labels
5 min, 53 sek.
Line labels
3 min, 20 sek.
Co obejmuje ten kurs?
Begin by learning about the work and influences of Marta Armada and her co-owned web design studio, Swwweet.
Next, get a brief introduction to HTML, CSS, browsers, and supports that will be the starting point to exploring everything the new web techniques offer thanks to HTML5 and CSS3.
Now learn HTML5 semantics and forms, before delving into decoration tools like rounded edges, gradients, and shadows.
Discover responsive video, audio and image tools, along with transitions, transformations, and animations, new selectors, and layout tools like Flexbox and Calc.
Jaki jest projekt kursu?
Create a free design web page, as a synthesis of the different subjects that you will see throughout the course.
Projekty uczestników kursu
Do kogo jest skierowany ten kurs online?
This course is aimed at web designers, programmers, graphic designers, and all those who feel comfortable writing HTML and CSS, but want to improve their skills. Neither a high level of programming nor any design knowledge is necessary to take the course.
Anyone who's taken Javier Usobiaga's course Introduction to Responsive Web Development with HTML and CSS and wants to delve into the subject alongside Marta Armada.
Wymagania i materiały
For this course, you need basic knowledge that allows you to comfortably write HTML and CSS.
For materials, all you need is a computer and your favorite code editor.
Oceny
- 5 miesięcy temu
Muy buen curso intuitivo, las explicaciones son muy claras
- rok temu
Elcurso tiene buena informacion que es importante para la creacion de una pajina web pero eso solo eso informacion. una persona que apenas empieze no entenderia como hacer los codes or como o donde poner cada code. creo que se tiene que obtener otro curso de como empezar una pajina web y luego pasar a este curso como segundo para mas informacion.
- rok temu
Es bueno, pero si ya tienes fundamentos algo avanzados, ya que explica las nuevas actualizaciones, no los lenguajes en sí y si no sabes utilizar los anteriores, te falta mucho para poder comprender bien esto.
- rok temu
muy buen curso facil de entender y con buenos recursos
- 2 lata temu
Muy bueno!
W 2009 roku za...
Zawartość
- Cz.1
Introduction
- Introduction
- Influences
- Cz.2
Introduction to HTML5 and CSS3
- Introduction to HTML5
- Introduction to CSS3
- Browsers and support
- Cz.3
Semantics
- HTML5 tags and semantics
- Block labels
- Line labels
- Cz.4
Decor
- Color and opacity
- Rounded edges
- Shades
- Gradients and funds
- Cz.5
Video, audio and responsive images
- Video and audio
- Video attributes
- Responsive images
- Cz.6
Selectors
- Child and type selectors
- Attribute selectors
- Other useful selectors
- Pseudo elements :: before and :: after
- Cz.7
Forms
- New types of inputs
- Attributes in the forms
- Give styles to forms
- Cz.8
Transitions and animations
- Transformations
- Transitions
- Animations
- Cz.9
Layout tools
- Box-sizing and media queries
- Calc () and viewport units
- Introduction to flexbox
- Solutions with flexbox
- PK
Projekt końcowy
- Web Development Techniques with HTML5 and CSS3
Kurs Domestika - czego możesz się spodziewać?
Nauka we własnym tempie
Radość z nauki w domu, bez wyznaczonych terminów. Szybko przyswajasz wiedzę, a swój plan zajęć układasz wedle uznania.
Nauka z najlepszymi ekspertami
Przydatne metody oraz ciekawe techniki przedstawione i wyjaśnione przez najlepszych specjalistów z branży kreatywnej.
Doświadczeni prowadzący
Wszyscy prowadzący są specjalistami w swojej dziedzinie. Przekazują wiedzę z pasją, tłumaczą zagadnienia w jasny sposób, a podczas zajęć kładą nacisk na praktyczne zastosowanie zdobytej wiedzy.
Certyfikaty
PLUSJeśli masz subskrypcję Plus, za każdy kurs otrzymasz spersonalizowany certyfikat podpisany przez prowadzącego. Udostępnij go w portfolio, w mediach społecznościowych lub gdziekolwiek chcesz.
Miejsca w pierwszym rzędzie
Wysoka jakość wideo sprawia, że nie umknie Ci żaden szczegół. Dzięki nieograniczonemu dostępowi możesz obejrzeć nagrania tyle razy, ile potrzebujesz, aby przyswoić nowe umiejętności.
Dzielenie się wiedzą i pomysłami
Zadawaj pytania, nie wahaj się poprosić o opinię czy poszukać rozwiązania. Podziel się swoimi wrażeniami z nauki z pozostałymi członkami społeczności, którzy tak jak Ty uwielbiają tworzyć.
Łączność z kreatywną społecznością z całego świata
Społeczność kilku milionów użytkowników z całego świata, pełnych ciekawości oraz chęci odkrywania i wyrażania swojej kreatywności.
Profesjonalna realizacja kursów
Domestika starannie dobiera prowadzących i produkuje wszystkie kursy we własnym zakresie, aby zapewnić wysoką jakość nauki online.
Często zadawane pytania
Nauczysz się tworzyć nowoczesne, elastyczne strony internetowe z HTML5 i CSS3, wykorzystując semantyczne znaczniki, zaawansowane techniki kompozycji, efekty wizualne oraz narzędzia poprawiające doświadczenia użytkownika na każdym urządzeniu.
Kurs jest przeznaczony dla osób znających podstawy HTML i CSS, które chcą zgłębić zaawansowane techniki i projektowanie responsywne. Nie jest dla zupełnych początkujących, ale jest dostępny dla tych, którzy znają podstawy.
Potrzebujesz podstawowej wiedzy z HTML i CSS oraz dostępu do edytora kodu i nowoczesnej przeglądarki. Zaleca się wcześniejsze doświadczenie w tworzeniu prostych stron.
Nauczysz się stosować zasady projektowania responsywnego, optymalizacji wydajności i dostępności, dzięki czemu Twoje strony będą funkcjonalne i atrakcyjne na każdym urządzeniu, poprawiając tym samym doświadczenia użytkownika.
Semantyczne znaczniki HTML5, takie jak header, nav, article czy section, nadają strukturę i znaczenie treści, co poprawia dostępność, SEO i łatwość utrzymania kodu.
Tak, nauczysz się tworzyć animacje, przejścia, gradienty, cienie i niestandardowe wzory korzystając z zaawansowanych możliwości CSS3.
Tak, kurs obejmuje integrację wideo, audio i grafiki za pomocą natywnych znaczników HTML5 oraz wykorzystanie elementu Canvas do rysunków i wizualizacji.