Basiskennis CSS (2014)

Webdesign met CSS (2014)
Met css bepaal je de layout en de vormgeving van een webpagina. CSS schrijf je in een apart bestand dat je koppelt aan de html-pagina’s. Hiermee koppel je de inhoud los van de vormgeving en dat biedt heel veel voordelen. Dankzij externe css-stijlbladen zorg je voor een consistente vormgeving en opmaak voor de gehele website. Leer op welke manier je CSS kan verbinden aan webpagina’s en gebruik te maken van de juiste css-selectors.
CSS blijft in ontwikkeling
CSS biedt een groot aantal css-stijlopdrachten waarmee je onder andere teksten en afbeeldingen perfect kunt vormgeven. CSS is continu in beweging omdat hier elke dag aan ontwikkeld wordt. Het is dus een taak om altijd op de hoogte te blijven van de nieuwe mogelijkheden en de veranderingen. Maar de basis is de basis, en die leer je in deze cursus. Vanuit dit startpunt kun je jezelf blijven ontwikkelen in deze krachtige manier van het consistent vormgeven van je HTML-pagina’s.
Doelgroep van deze cursus
Wil jij zelf de vormgeving van html-pagina’s bepalen dan is deze cursus absoluut een must.
Wat ga je leren
In deze online basiscursus leer je de grondbeginselen van css (Cascading Style Sheets). Waaronder hoe je met grid en flexbox op een waanzinnig snelle, efficiënte en makkelijke manier snel een responsive design kunt maken die zich automatisch op elk formaat beeldscherm perfect aanpast. In deze cursus leer je direct hoe je jouw website responsive maakt met mediaqueries. Klinkt misschien ingewikkeld maar je zult merken dat dit reuze meevalt. En daarnaast is het vaardig worden van responsive design een ‘must’ voor webdesigners.
Vereiste voorkennis en vaardigheden
Voor het volgen van deze cursus heb je kennis en ervaring nodig van het vervaardigen en structureren van html-pagina’s.
Ga naar Basiskennis CSS (2014)In de cursus worden de volgende onderdelen behandeld:
Has Sub:
- 1 Wat is CSS
- 2 CSS in werking
- 3 De versies van CSS
- 4 CSS schrijven, de syntax
- 5 De reset CSS
- 6 De inline style
- 7 Het interne stijlblad
- 8 Het externe stijlblad
- 9 Attribute class- selector
- 10 Pseudo class selector
- 11 Browser gestuurde vormgeving overschrijven met reset.css
- 12 Extern stijlblad aanmaken en koppelen
- 13 Font-family: Lettertype opgeven
- 14 Praktische toepassing van fonts in webdesign
- 15 Font-size: Corpsgrootte bepalen in pixels
- 16 Theorie: Font-size, corpsgrootte bepalen in em
- 17 Font-weight bepalen
- 18 Font-style bepalen
- 19 Font-variant bepalen
- 20 Tekst kleuren met ‘color’
- 21 Google webfonts toepassen in webpagina
- 22 Text-transform: Hoofd en kleine letters toepassen
- 23 Text-decoration: Onderstrepen van teksten en links
- 24 Text-indent: Tekst in laten springen
- 25 Text-align: Tekst uitlijnen (CSS3 text-align-last, text-justify)
- 26 Letter-spacing / word-spacing
- 27 White-space
- 28 Line-height: Interlinie bepalen voor tekst
- 29 Text-shadow (CSS3)
- 30 List-style-type voor ongenummerde lijsten ‘ul’
- 31 Background-color toepassen
- 32 Vormgeven met de pseudo-classes
- 33 Links vormgeven met de pseudo-classes
- 34 CSS-overerving
- 35 HTML-selectors
- 36 Attribute id- selector
- 37 Praktijk: Corpsgrootte bepalen in em
- 38 Kleur kiezen in Adobe Photoshop
- 39 Kleurenschema samenstellen
- 40 List-style-position voor ongenummerde lijsten ‘ul’
- 41 List-style-image voor ongenummerde lijsten ‘ul’
- 42 Opsommingstekens voor geordende lijsten ‘ol’
- 43 Shorthand notation voor list-style eigenschappen
- 44 Background-image toepassen
- 45 Background-repeat toepassen
- 46 Background-position toepassen
- 47 Background-attachment toepassen
- 48 Repeat-x en repeat-y
- 49 Shorthand notation voor background-properties
- 50 Afbeeldingen verticaal opmaken, vertical-align
- 51 De pseudo class first-child
- 52 Taal anders vormgeven met pseudo class ‘lang’
- 53 Pseudo-element first-letter & first-line
- 54 Pseudo-element before & after
- 55 Shorthand notation voor font-properties