Inleiding tot responsieve webontwikkeling met HTML en CSS
Een cursus van user195228 surname195228 , webdesigner
Lid geworden in april van 2015
Leer de basis van Frontend Web Development
Leer de basis van Frontend Web Development
Lid geworden in april van 2015
Breng uw ontwerp naar de browser! In deze cursus leert Javier Usobiaga je webpagina's te maken met de meest fundamentele tools: HTML en CSS. Je leert je eigen code te schrijven en je verandert de manier waarop je het web ziet (en ontwerpt), begrijpt hoe het van binnen werkt en hoe je een responsief web ontwerpt om effectiever te zijn. En als design niet jouw ding is, kan deze cursus een goede basis zijn om te starten in de wereld van Front-end Web Development.
Wat leer je tijdens deze online cursus?
31 lessen & 13 aanvullende bronnen
- 98% positieve beoordelingen (2.4K)
- 46.539 studenten
- 31 lessen (2u 18m)
- 13 aanvullende bronnen (9 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
Wat is het cursusproject?
Het uiteindelijke project bestaat uit het creëren van een responsieve webpagina (het web van een fictieve cafetaria) op basis van een ontwerp dat wordt geleverd als een synthese van de verschillende onderwerpen die we tijdens de cursus zullen zien.
Projecten van studenten van de cursus
Voor wie is deze online cursus bedoeld?
Aan al die mensen die een basiskennis van HTML en CSS willen verwerven, of ze nu ontwerper zijn of niet.
Vereisten en materialen
Voor deze cursus heb je geen grote technische of ontwerpkennis nodig. Je hebt een computer en een gratis code-editor nodig.
Beoordelingen
Een cursus van user195228 surname195228
Javier Usobiaga is al 10 jaar webdesigner en mede-oprichter met Marta Armada van de Swwweet-studio, gespecialiseerd in het ontwerpen van responsieve websites vanaf de eerste conceptie tot de ontwikkeling van de front-end.
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 van de cursus en het project
-
Het web: HTML, CSS en JS
-
Code-editor. Maak een project. Bewerkingsomgeving
-
Inspector- en ontwikkelaarstools
-
-
U2
HTML-structuur
-
HTML-tags en attributen
-
Tekstlabels
-
Afbeeldingen en links
-
Bloklabels
-
Documentlabels
-
-
U3
Aan de slag met CSS
-
Koppel een CSS-bestand en CSS-syntaxis
-
Basiskiezers
-
Typografische stijlen
-
Specificiteit en structuur in stylesheets
-
Geavanceerde selectors: de pseudo-klassen
-
-
U4
Structuren in CSS
-
Browserstijlen en CSS resetten
-
Het doosmodel
-
Displays
-
drijft
-
Positie
-
-
U5
CSS decoratie
-
Stijlen voor lijsten
-
Rand, grensradius en doosschaduw
-
Achtergronden en achtergrondafbeeldingen
-
Weblettertypen
-
-
U6
Responsieve technieken
-
Responsief ontwerp en Mobile First
-
Flexibele structuur
-
De mediavragen
-
Responsieve navigatie
-
-
U7
Interactie toevoegen
-
E-maillink
-
Overgangen in CSS
-
Een JavaScript-bestand koppelen
-
Navigatie met toegevoegd JavaScript
-
-
EP
Eindproject
-
Responsieve webontwikkeling met HTML en CSS
-
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.
displayname701360
PlusI think it's a well-structured course, very well explained and very interesting for people like me who are starting to create web pages. I'm studying web design online at a public institute for adults and it gets quite complicated with the materials they provide us. It's basic but it allows you to understand what's necessary to then do more complicated projects.
Vertaling weergeven
Vertaling verbergen
displayname7767371
Suitable content, in accordance with the presentation, well explained and project well established as a goal, I enjoyed laying out the website, I was left wanting more and to delve deeper into the topics.
Vertaling weergeven
Vertaling verbergen
displayname260414
It is excellent to begin to understand the concepts, and to be able to introduce oneself in this field.
Vertaling weergeven
Vertaling verbergen
displayname2011189
PlusVery good course and well explained to understand the concepts of html and css
Vertaling weergeven
Vertaling verbergen
displayname9401555
It's really very good, this course has helped me understand html and css much better.
Vertaling weergeven
Vertaling verbergen