Proiectarea, dezvoltarea și publicarea unui site web
Un curs de Javier Usobiaga Ferrer , Designer web
Proiectarea, dezvoltarea și publicarea unui site web
În designul web, o interfață bună își propune să fie pe placul tuturor și să răspundă modului în care funcționează creierul uman. Aceasta înseamnă că toți avem un designer, uneori inconștient sau latent, care este capabil să vadă ceva ce funcționează, care este armonios, chiar dacă nu înțelegem de ce. Dacă vrei să înveți principiile designului web și să trezești acel designer din tine, ai ajuns la locul potrivit.
În acest curs, veți explora ambele aspecte ale creării unui site web: pe de o parte, veți învăța tehnicile de bază pentru planificarea unui site web, organizarea informațiilor în wireframe-uri și crearea unei gramatici vizuale cu tipografie, palete de culori, spațiere, aspect și ilustrații. Apoi, veți aprofunda construcția acelei pagini folosind HTML, CSS și JavaScript, până la punctul de a o publica online.
Ghidul tău în acest proces va fi Javier Usobiaga, designer web, fondator al studioului Swwweet și profesor la alte cursuri Domestika, cum ar fi
Grafică vectorială SVG: Ilustrare și animare cu cod , Layout web cu CSS Grid, Flexbox și alte tehnici moderne , Introducere în programarea JavaScript și
Introducere în dezvoltarea web responsivă cu HTML și CSS , care poate servi drept completare la ceea ce este prezentat în acest curs.
Ce vei învăța în acest curs online?
1 lecție & 1 descărcare
- 98% recenzii pozitive ( 498 )
- 1 elev
- 1 lecție ( 1 oră 1 metru )
- 1 resursă suplimentară (1 fișier)
- Online și în ritmul tău propriu
- Disponibil în aplicație
- Sunet: Spaniolă, Engleză, franceză, italian, Portugheză, turc
- Spaniolă · Engleză · Portugheză · german · franceză · italian · Lustrui · Olandeză · turc
- Nivel: Începător
- Acces nelimitat pentru totdeauna
Adobe XD
Figma
SketchCare este proiectul acestui curs?
Vei crea, dezvolta și publica un site web cu portofoliul tău de lucrări.
Proiecte ale studenților cursului
Pentru cine este acest curs online?
Pentru oricine este interesat să învețe principiile designului web și să-și publice propriul site web.
Cerințe și materiale
Este recomandabil să aveți cunoștințe de bază de HTML și CSS. Dacă nu le aveți, vă recomandăm să parcurgeți primul curs Domestika al lui Javier: Introducere în dezvoltarea web responsive cu HTML și CSS.
Vei avea nevoie de un computer și de un editor de cod (Javier îți va sugera câteva gratuite). Ar putea fi util și un program de design vizual precum Sketch, Figma sau Adobe XD, deși nu sunt esențiale.
Recenzii
Javier Usobiaga Ferrer
Un curs de Javier Usobiaga Ferrer
Javier Usobiaga este designer web și dezvoltator front-end de peste 10 ani. Este co-fondator, împreună cu Marta Armada, al studioului Swwweet, specializat în proiectarea de site-uri web responsive, de la concepția inițială până la dezvoltarea front-end...
Conţinut
-
U 1
Introducere
-
Prezentare
-
Influențe
-
Ce vom face în cadrul cursului?
-
-
U 2
Designul site-ului web
-
Obiective, cadru și referințe de proiectare
-
Inventar de conținut
-
Arhitectura informației
-
-
U 3
Design vizual
-
Principii și instrumente
-
Cercetare vizuală
-
Tehnica de tipografie
-
Paleta de culori într-o interfață
-
Grilă și ritm vertical
-
Ilustrație și iconografie
-
-
U 4
Sistem de șabloane
-
Pregătirea mediului și editorii de cod
-
Structura și funcționarea fișierelor
-
Pagini principale și crearea de pagini noi
-
Condiționale și parțiale
-
-
U 5
Dezvoltare frontend
-
Organizarea codului
-
Compoziție tipografică și culoare
-
Sistemul de reticul
-
Componente de interfață
-
Completarea interfeței
-
-
U 6
Interacțiunea web
-
Meniuri interactive și derulante
-
Implementarea unei galerii
-
Finalizarea interacțiunii
-
-
U 7
Publicarea unui site web
-
Gestionarea versiunilor de cod
-
Servicii de publicare
-
Resurse suplimentare
-
-
FP
Proiect final
-
Proiectarea, dezvoltarea și publicarea unui site web
-
La ce să te aștepți de la un curs Domestika
-
Învață în ritmul tău propriu
Bucură-te de învățarea de acasă, fără un program fix și cu o metodă ușor de urmat. Tu îți stabilești propriul ritm.
-
Învață de la cei mai buni profesioniști
Învață metode și tehnici valoroase explicate de experți de top din sectorul creativ.
-
Întâlnește profesori experți
Fiecare expert predă ceea ce face cel mai bine, cu îndrumări clare, pasiune adevărată și perspicacitate profesională în fiecare lecție.
-
Certificate
PlusDacă ești membru Plus, primești un certificat personalizat semnat de profesorul tău pentru fiecare curs. Distribuie-l în portofoliul tău, pe rețelele sociale sau oriunde dorești.
-
Obțineți locuri în primul rând
Videoclipuri de cea mai înaltă calitate, pentru a nu rata niciun detaliu. Cu acces nelimitat, le poți viziona de câte ori este nevoie pentru a-ți perfecționa tehnica.
-
Împărtășește cunoștințe și idei
Pune întrebări, solicită feedback sau oferă soluții. Împărtășește-ți experiența de învățare cu alți studenți din comunitate care sunt la fel de pasionați de creativitate ca și tine.
-
Conectează-te cu o comunitate creativă globală
Comunitatea găzduiește milioane de oameni din întreaga lume, curioși și pasionați de explorarea și exprimarea creativității lor.
-
Urmărește cursuri produse profesional
Domestika își gestionează lista de profesori și produce fiecare curs intern pentru a asigura o experiență de învățare online de înaltă calitate.
Întrebări frecvente
The course is designed for people with basic HTML and CSS knowledge, but you don’t need to be an expert. It’s perfect for those wanting to deepen their skills in modern web design and front-end development techniques.
Basic knowledge of HTML and CSS is recommended. Advanced experience isn’t required, but it helps to understand basic webpage structure and code editing.
You’ll learn to build responsive layouts, CSS animations, accessible SVG graphics, information architecture, wireframing, prototyping, website publishing, and how to apply agile methodologies in digital projects.
You’ll need a code editor (like VS Code), Node.js, a terminal, an up-to-date web browser, and access to tools like Figma, Keynote, PowerPoint, or Notion for prototyping and organization.
You’ll learn how to use CSS variables to manage colors, fonts, and spacing, making it easier to keep a consistent look and quickly update your web projects globally.
Yes, you’ll practice using CSS Grid and other techniques to create adaptable web structures that look great on any device, enhancing the user experience.
Yes, you’ll be able to develop your own project, applying all the design, development, and publishing concepts to build a portfolio or client website.
Adobe XD
Figma
Sketch
I really enjoyed this course. I already had a website I needed to build and I was able to apply this to improve it so much. It’s comprehensive and well structured.
Muy buen curso y muy buena explicación del profesor, como siempre.
Perfecto para iniciarse en la creación de webs
Excelente curso para tener las bases de animación con css
Me gustó
Excelente curso, viene muy ordenado y armado. Es un muy buen profesor