Een webpagina ontwerpen, ontwikkelen en publiceren
Een cursus van user195228 surname195228 , webdesigner
Lid geworden in april van 2015
Volg een complete rondleiding door het proces van het maken en publiceren van een website met HTML, CSS en JavaScript
Volg een complete rondleiding door het proces van het maken en publiceren van een website met HTML, CSS en JavaScript
Lid geworden in april van 2015
In webdesign probeert een goede interface te behagen en te reageren op hoe het menselijk brein werkt. Dat betekent dat we allemaal een ontwerper in ons hebben, soms onbewust of slapend, die in staat is om iets te zien dat werkt, dat harmonieus is, ook al begrijpt hij niet waarom. Als je de principes van webdesign wilt leren en die ontwerper in je wilt laten ontwaken, ben je hier op de juiste plek.
In deze cursus zie je de twee kanten van het maken van een website: aan de ene kant zie je de basistechnieken om een website te plannen, informatie in wireframes te ordenen en een visuele grammatica te creëren met typografie, kleurenpaletten, spatiëring, compositie, illustratie. Vervolgens ga je in op de opbouw van die pagina met HTML, CSS en JavaScript, tot het moment van publicatie van de pagina op internet.
Je gids tijdens dit proces is Javier Usobiaga, webdesigner, oprichter van de Swwweet-studio en professor van andere cursussen bij Domestika zoals
SVG-vectorafbeeldingen: illustreren en animeren met code , Weblay-out met CSS Grid, Flexbox en andere moderne technieken , Inleiding tot JavaScript-programmering e
Inleiding tot Responsive Web Development met HTML en CSS , die kan dienen als aanvulling op wat in deze cursus wordt behandeld.
Wat leer je tijdens deze online cursus?
27 lessen & 33 aanvullende bronnen
- 96% positieve beoordelingen (477)
- 22.531 studenten
- 27 lessen (2u 58m)
- 33 aanvullende bronnen (6 bestanden)
- Online en in je eigen tempo
- Beschikbaar in de app
- Audio: Spaans, Engels
- Spaans, Engels, Portugees, Duits, Frans, Italiaans, Pools, Nederlands
- Niveau: Beginner
- Onbeperkte toegang voor altijd
Adobe XD
Figma
SketchWat is het cursusproject?
Je maakt, ontwikkelt en publiceert een webpagina met je werkportfolio.
Projecten van studenten van de cursus
Voor wie is deze online cursus bedoeld?
Aan alle mensen die geïnteresseerd zijn in het leren van de principes van webdesign en die hun eigen webpagina willen publiceren.
Vereisten en materialen
Het is raadzaam om een basiskennis van HTML en CSS te hebben. Als je ze niet hebt, is het aan te raden om Javier's eerste cursus bij Domestika te voltooien: Inleiding tot responsieve webontwikkeling met HTML en CSS.
Je hebt een computer en een code-editor nodig (Javier zal je er enkele gratis aanbieden). Het kan ook interessant zijn om een visueel ontwerpprogramma zoals Sketch, Figma of Adobe XD te hebben, hoewel ze niet essentieel zijn.
Beoordelingen
Een cursus van user195228 surname195228
Javier Usobiaga is een webdesigner en FrontEnd-ontwikkelaar, al meer dan 10 jaar en mede-oprichter samen met Marta Armada van de Swwweet-studio, gespecialiseerd in het ontwerpen van responsieve webs vanaf de eerste conceptie tot de front-end ontwikkeling.
Hij geniet ook van zijn rol als Web Design-leraar in gerenommeerde workshops en scholen zoals Elisava, IDEP.
Usobiaga begrijpt het web in zijn geheel, niet alleen hoe mooi het op het computerscherm kan zijn, maar ook de bruikbaarheid ervan in verschillende apparaten en omstandigheden.
In zijn woorden: "Ik denk dat net zo belangrijk als esthetiek is hoe snel het laadt of hoe goed het reageert, en het lijkt mij dat we dat in onze branche vaak vergeten".
Inhoud
-
U1
Introductie
-
Presentatie
-
invloeden
-
Wat gaan we doen in de cursus?
-
-
U2
Ideatie van een web
-
Ontwerpdoelen, kader en referenties
-
Inhoud inventaris
-
Informatie-architectuur
-
-
U3
Visueel ontwerp
-
Principes en hulpmiddelen
-
Visueel onderzoek
-
Typografische compositie
-
Kleurenpalet in een interface
-
Raster en verticaal ritme
-
Illustratie en iconografie
-
-
U4
Sjabloonsysteem
-
Voorbereiding van de omgeving en code-editors
-
Bestandsstructuur en werking
-
Basispagina's en nieuwe pagina's maken
-
Voorwaardelijk en gedeeltelijk
-
-
U5
Frontend ontwikkeling
-
Code organisatie
-
Zetwerk en kleur
-
Grid-systeem
-
Interfacecomponenten
-
De interface voltooien
-
-
U6
Webinteractie
-
Interactieve menu's en vervolgkeuzemenu's
-
Een galerij implementeren
-
De interactie voltooien
-
-
U7
Een website publiceren
-
Codeversiebeheer
-
Uitgeverijdiensten
-
Aanvullende bronnen
-
-
EP
Eindproject
-
Ontwerp, ontwikkeling en publicatie van een webpagina
-
Wat kan je verwachten van een cursus van Domestika
-
Leer in je eigen tempo
Geniet van thuis leren, zonder lesroosters en in je eigen tempo. Jij beslist wanneer je verder gaat met het volgende onderdeel.
-
Leer met de beste professionals
Leer de meest bruikbare methoden en technieken van de beste professionals in de creatieve industrie.
-
Ontmoet deskundige docenten
Iedere docent brengt kennis met passie over, biedt duidelijke uitleg en een professioneel perspectief bij elke les.
-
Certificaten
PlusAls Plus-lid krijg je voor elke cursus een persoonlijk certificaat, ondertekend door je docent. Deel het in je portfolio, op social media of waar je maar wilt.
-
Zorg dat je op de voorste rij zit
Dankzij de hoge kwaliteit van de video's mis je geen enkel detail. Dankzij de onbeperkte toegang kun je de lessen zo vaak bekijken als nodig is om je vaardigheden te perfectioneren.
-
Deel kennis en ideeën
Stel vragen, krijg feedback en bied oplossingen aan. Deel je leerervaringen met andere studenten in de community die net als jij een passie hebben voor creativiteit.
-
Maak contact met een wereldwijde creatieve community
Deze community heeft miljoenen gebruikers van over de hele wereld, nieuwsgierig en enthousiast om hun creativiteit te verkennen en te uiten.
-
Geef cursussen op een professionele manier
Domestika selecteert zorgvuldig haar docenten en produceert iedere cursus in eigen huis om een uitstekende online leerervaring te garanderen.
Veelgestelde vragen
Cursussen van Domestika zijn online cursussen waarin je een reeks tools en vaardigheden leert om een specifiek project te voltooien. In elke fase van het project worden video's en teksten gecombineerd met aanvullend didactisch materiaal. De cursussen bieden ook de mogelijkheid om je eigen projecten te delen met andere gebruikers en de docent, zodat er een community rond de cursus wordt gecreëerd.
De cursussen zijn 100% online, dus zodra ze gepost zijn, beginnen en eindigen de cursussen wanneer jij dat wilt. Jij bepaalt het tempo van de les. Je kunt opnieuw bekijken wat je belangstelling heeft, overslaan wat je al weet, vragen stellen, twijfels wegnemen, je projecten delen en nog veel meer.
De cursussen zijn onderverdeeld in verschillende onderdelen, elk met lessen, verklarende teksten, taken en praktische oefeningen om je project stap voor stap uit te voeren, aanvullende bijgevoegde bronnen en documenten. Je krijgt ook toegang tot een exclusief forum waar je kunt communiceren met alle studenten van de cursus en de docent, en waar je ook je werk en het project waar je aan werkt kunt delen, om zo een community rond de cursus te creëren.
Je kunt een als cadeau gekregen cursus inwisselen door naar de inwisselpagina te gaan waar je de cadeaucode die je hebt gekregen kunt invoeren.
Adobe XD
Figma
Sketch
displayname13019018
This is an excellent introductory course on web design and development using HTML, CSS and JS. It lays the foundation for the following courses in a simple, clear and practical way. Javier is a very good teacher. The only drawback is that there is little feedback.
Vertaling weergeven
Vertaling verbergen
displayname14349497
I Enjoyed the Course so much ❤ ❤ ❤ .
It was a very Advanced Course. Specifically, I Thank my Teacher " Javier Usobiaga Ferrer" for bringing us the English Version.
I recommend All, for the Course.
Vertaling weergeven
Vertaling verbergen
displayname6380685
Excellent course
Vertaling weergeven
Vertaling verbergen
displayname9360131
What I liked most about this course was that the instructor showed us how to use an html template to start building a website in a very organized way. The instructor provided a lot of useful free resources on the Internet to help us expand in the field of web development. I recommend this course!
Vertaling weergeven
Vertaling verbergen
displayname14700087
It is a very complete and well explained course 10/10
Vertaling weergeven
Vertaling verbergen