Proiectarea, dezvoltarea și publicarea unui site web
Un curs de Javier Usobiaga FerrerDesigner 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](Introducción al Desarrollo Web Responsive con HTML y 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
Ce vom face în cadrul cursului?
1 minut, 1 secundă
Obiective, cadru și referințe de proiectare
1 minut, 1 secundă
Inventar de conținut
1 minut, 1 secundă
Arhitectura informației
1 minut, 1 secundă
Principii și instrumente
1 minut, 1 secundă
Cercetare vizuală
1 minut, 1 secundă
Ce include acest curs?
Vei începe cursul întâlnindu-l pe Javier și pe câțiva designeri și dezvoltatori care scriu articole și realizează diverse experimente despre tehnologii web care merită urmărite. De asemenea, vei afla despre conținutul cursului.
Vei învăța despre principiile designului vizual și componentele sale, concentrându-te în principal pe elementele fundamentale, cum ar fi tipografia, culoarea, grila și ilustrația.
Vei avea o primă experiență cu un generator HTML static și sistemul său de șabloane, precum și cu organizarea fișierelor și crearea paginilor master.
În următoarea unitate, veți începe să traduceți sistemul de design propus în codul front-end : tipografie, culoare, grilă și alte componente.
Vei adăuga mai multe elemente de interacțiune la proiect prin intermediul diferitelor biblioteci și funcții JavaScript.
Vei învăța cum funcționează managerii de versiuni de cod și, în final, vei utiliza un serviciu de publicare pentru a-ți face site-ul web cunoscut lumii.
Software și instrumente recomandate pentru acest curs
Care 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
- 3 luni în urmă
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.
- 5 luni în urmă
Muy buen curso y muy buena explicación del profesor, como siempre. Perfecto para iniciarse en la creación de webs
- 7 luni în urmă
Excelente curso para tener las bases de animación con css
- 7 luni în urmă
Me gustó
- 8 luni în urmă
Excelente curso, viene muy ordenado y armado. Es un muy buen profesor
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.