Wprowadzenie do tworzenia responsywnych stron internetowych za pomocą HTML i CSS
Kurs prowadzi Javier Usobiaga Ferrerprojektant stron internetowych
Kurs prowadzi Javier Usobiaga Ferrer, projektant stron internetowych
Poznaj podstawy programowania Frontend Web Development
Przenieś swój projekt do przeglądarki! Na tym kursie Javier Usobiaga nauczy Cię tworzenia stron internetowych za pomocą najbardziej podstawowych narzędzi: HTML i CSS. Nauczysz się pisać własny kod i zmienisz sposób, w jaki widzisz (i projektujesz) sieć, rozumiejąc, jak działa wewnątrz i jak projektować responsywną sieć, aby była bardziej efektywna. A jeśli projektowanie nie jest twoją rzeczą, ten kurs może być dobrą bazą do rozpoczęcia w świecie Front-end Web Development.
Czego nauczysz się na tym kursie online?
llekcji: 31 & liczba dodatkowych zasobów: 13
Edytor kodu. Utwórz projekt. Środowisko edycji
3 min, 4 sek.
Narzędzia inspektora i programisty
3 min, 23 sek.
Tagi i atrybuty HTML
5 min, 53 sek.
Etykiety tekstowe
3 min, 39 sek.
Obrazy i linki
8 min, 52 sek.
Blokuj etykiety
2 min, 32 sek.
Co obejmuje ten kurs?
Ten kurs zaczyna się od zerowej znajomości HTML i CSS. Zawiera podstawowe znaczniki HTML i typograficzne właściwości CSS, narzędzia układu, takie jak Floats lub Position, tła, obramowania, zaokrąglone rogi, cienie, czcionki internetowe i podstawowe narzędzia Responsive Development, takie jak Media Queries.
Jaki jest projekt kursu?
Ostateczny projekt polega na stworzeniu responsywnej strony internetowej (sieci fikcyjnej kafeterii) opartej na projekcie dostarczonym jako synteza różnych tematów, które zobaczymy podczas kursu.
Projekty uczestników kursu
Do kogo jest skierowany ten kurs online?
Do wszystkich tych, którzy chcą zdobyć podstawową wiedzę z zakresu HTML i CSS, niezależnie od tego, czy są projektantami, czy nie.
Wymagania i materiały
Do tego kursu nie potrzebujesz dużej wiedzy technicznej ani projektowej. Będziesz potrzebował komputera i darmowego edytora kodu.
Oceny
- am_riverafPLUS26 dni temu
es demasiada teoría y las prácticas se las tiene que inventar el estudiante, no hay si quiera ejercicios prácticos, para después encontrarte con un proyecto final que no corresponde a lo que se vio en el curso. No sé... me pareció muy malo
- 4 miesiące temu
Es muy detallado solo que al final me gustaria un tutorial que uniera todas las piezas del rompecabezas, aunque sea de forma basica, hay tutoriales en youtube gratis mejor estructurados, aun asi tiene muchas cosas que resultan faciles de entender si eres principiante.
- 4 miesiące temu
Me costó entenderlo, es un poco denso.
- mtinchg72PLUS5 miesięcy temu
Muy muy muy malo videos cortos solo dice cosas muy por encima no se explica nada no indica como instalar el editor y los hojas de css no las explica bien realmente Decepcionado que lastima el dinero que perdi
- 6 miesięcy temu
fácil de seguir,
Lubi również swoją rolę nauczyciela projektowania stron internetowych w renomowanych warsztatach i szkołach, takich jak Elisava, IDEP.
Usobiaga rozumie sieć w całości, nie tylko to, jak piękna może być na ekranie komputera, ale także jej użyteczność w różnych urządzeniach i okolicznościach.
W jego słowach „Myślę, że równie ważne jak estetyka jest to, jak szybko się ładuje lub jak dobrze reaguje i wydaje mi się, że w naszej branży często o tym zapominamy”.
Zawartość
- Cz.1
Wstęp
- Prezentacja kursu i projektu
- Sieć: HTML, CSS i JS
- Edytor kodu. Utwórz projekt. Środowisko edycji
- Narzędzia inspektora i programisty
- Cz.2
Struktura HTML
- Tagi i atrybuty HTML
- Etykiety tekstowe
- Obrazy i linki
- Blokuj etykiety
- Etykiety dokumentów
- Cz.3
Pierwsze kroki z CSS
- Połącz plik CSS i składnię CSS
- Selektory podstawowe
- Style typograficzne
- Specyfika i struktura w arkuszach stylów
- Selektory zaawansowane: pseudoklasy
- Cz.4
Struktury w CSS
- Style przeglądarki i resetowanie CSS
- Model pudełkowy
- Wyświetlacze
- Pływa
- Pozycja
- Cz.5
Dekoracja CSS
- Style list
- Obramowanie, promień obramowania i cień w pudełku
- Tła i obrazy tła
- Czcionki internetowe
- Cz.6
Techniki responsywne
- Responsywny design i Mobile First
- Elastyczna struktura
- Zapytania mediów
- Responsywna nawigacja
- Cz.7
Dodawanie interakcji
- Link do e-maila
- Przejścia w CSS
- Połącz plik JavaScript
- Nawigacja z dodanym JavaScript
- PK
Projekt końcowy
- Responsywne tworzenie stron internetowych z HTML i CSS
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
Yes, this course is designed for beginners and requires no prior web development knowledge. You’ll start from scratch learning how to structure and style webpages with HTML and CSS.
All you need is a computer, internet access, and a free code editor like Brackets or Sublime Text, both of which are introduced in the course. No previous experience needed.
You’ll learn how to build functional webpages, style them with CSS, create responsive mobile-friendly sites, and add basic interactivity with JavaScript. You’ll also build your own web portfolio.
The course covers HTML structure, tags, attributes, CSS styling, responsive design, file organization, inspection tools, differences between HTML4 and HTML5, and modern layout techniques.
Yes, the course includes responsive design techniques with CSS so your sites look great on any screen size or device.
You’ll learn how to create HTML files from scratch, name them correctly (like index.html), and save them within the recommended folder structure for web projects.
Yes, while Brackets is recommended and other options like Sublime Text are compared, you’re free to use any editor that supports HTML and CSS files.