DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
[html, css, js] Voor Dummies
Dit topic is bedoeld voor alle vragen m.b.t. HTML, CSS en javascript, kortom alles wat je nodig hebt om (de frontend van) een website te maken.
HTML: Hyper Text Markup Language is de structuur van een website. Door middel van verschillende html tags geef je aan welke elementen bij elkaar horen (bijv: <div>, <ul>), of wat de betekenis van deze data is (bijv. <p>, <h1>). HTML leent zich ook voor opmaak, maar het is makkelijker en verstandiger om hier CSS voor te gebruiken.
CSS: Cascading StyleSheet is de opmaak van een website. In je CSS specificeer je bijvoorbeeld welke kleur bepaalde elementen moeten hebben, hoe groot ze zijn en hoe je ze wilt rangschikken.
JS: Javascript Javascript (niet te verwarren met programmeertaal Java) is een scripttaal, waarmee het mogelijk is je website dynamisch te maken. Javascript kan bijvoorbeeld HTML-elementen aanpassen, toevoegen of verwijderen. Omdat javascript zeer veelzijdig is, is er voor specifieke JS vragen ook een specaal topic, zie: [Javascript] voor dummies
Vragen over PHP, SQL of andere serverside programmeertalen horen niet in dit topic. Stel deze in [PHP/MySQL] voor dummies of open zelf een topic.
Voor vragen over webhosting, domeinnamen enz. is ook een ander topic: Het grote (betaalde) webhosting topic
En voor Wordpress is er ook een speciaal topic, als het om meer gaat dan de HTML/CSS van een theme: Topicreeks: Algemeen Wordpress topic
Code posten
Het is, als je een vraag stelt, vaak handig om hier een stukje code bij te voegen. Post niet klakkeloos je hele website, maar post alleen het stukje code waar je vraag over gaat. Gebruik bovendien de [code]-tag (
), zodat je HTML, CSS of Javascript code goed leesbaar is. Dus niet [quote] of [spoiler] of wat dan ook.
Veel voorkomende problemen
Veel problemen zijn te wijden aan het niet kloppen van HTML of CSS code. Een kleine typfout is snel gemaakt, en de webbrowser kan daar soms erg slecht mee omgaan. Om te controleren of je code technisch in orde is, kun je deze controleren met de W3 validator.
Is je code niet correct? Los dan eerst de fouten op zodat de validator geen foutmeldingen meer geeft. Dit lost niet altijd je probleem op, maar zorgt in ieder geval dat alles werkt zoals het hoort te werken, waardoor overige fouten ook veel makkelijker te achterhalen zijn.
IK SNAP ER NIETS VAN HELLEP! WAT IS CSS?
We helpen iedereen graag in dit topic, ook mensen die er helemaal niets van begrijpen. Maar we verwachten wel dat je je best doet om het wel te gaan begrijpen. Lees eens wat tutorials en probeer het altijd eerst zelf. Je krijgt hier tips waar je zelf iets mee moet doen.
Voor je een vraag stel hier, verplichte kost
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
Dit topic is bedoeld voor alle vragen m.b.t. HTML, CSS en javascript, kortom alles wat je nodig hebt om (de frontend van) een website te maken.
HTML: Hyper Text Markup Language is de structuur van een website. Door middel van verschillende html tags geef je aan welke elementen bij elkaar horen (bijv: <div>, <ul>), of wat de betekenis van deze data is (bijv. <p>, <h1>). HTML leent zich ook voor opmaak, maar het is makkelijker en verstandiger om hier CSS voor te gebruiken.
CSS: Cascading StyleSheet is de opmaak van een website. In je CSS specificeer je bijvoorbeeld welke kleur bepaalde elementen moeten hebben, hoe groot ze zijn en hoe je ze wilt rangschikken.
JS: Javascript Javascript (niet te verwarren met programmeertaal Java) is een scripttaal, waarmee het mogelijk is je website dynamisch te maken. Javascript kan bijvoorbeeld HTML-elementen aanpassen, toevoegen of verwijderen. Omdat javascript zeer veelzijdig is, is er voor specifieke JS vragen ook een specaal topic, zie: [Javascript] voor dummies
Vragen over PHP, SQL of andere serverside programmeertalen horen niet in dit topic. Stel deze in [PHP/MySQL] voor dummies of open zelf een topic.
Voor vragen over webhosting, domeinnamen enz. is ook een ander topic: Het grote (betaalde) webhosting topic
En voor Wordpress is er ook een speciaal topic, als het om meer gaat dan de HTML/CSS van een theme: Topicreeks: Algemeen Wordpress topic
Code posten
Het is, als je een vraag stelt, vaak handig om hier een stukje code bij te voegen. Post niet klakkeloos je hele website, maar post alleen het stukje code waar je vraag over gaat. Gebruik bovendien de [code]-tag (
), zodat je HTML, CSS of Javascript code goed leesbaar is. Dus niet [quote] of [spoiler] of wat dan ook.Veel voorkomende problemen
Veel problemen zijn te wijden aan het niet kloppen van HTML of CSS code. Een kleine typfout is snel gemaakt, en de webbrowser kan daar soms erg slecht mee omgaan. Om te controleren of je code technisch in orde is, kun je deze controleren met de W3 validator.
Is je code niet correct? Los dan eerst de fouten op zodat de validator geen foutmeldingen meer geeft. Dit lost niet altijd je probleem op, maar zorgt in ieder geval dat alles werkt zoals het hoort te werken, waardoor overige fouten ook veel makkelijker te achterhalen zijn.
IK SNAP ER NIETS VAN HELLEP! WAT IS CSS?
We helpen iedereen graag in dit topic, ook mensen die er helemaal niets van begrijpen. Maar we verwachten wel dat je je best doet om het wel te gaan begrijpen. Lees eens wat tutorials en probeer het altijd eerst zelf. Je krijgt hier tips waar je zelf iets mee moet doen.
Voor je een vraag stel hier, verplichte kost
http://www.alistapart.com/articles/css-floats-101/
http://www.alistapart.com/articles/css-positioning-101/
Tegenwoordig is hetquote:Op maandag 6 augustus 2012 23:31 schreef Tijn het volgende:
Wees blij dat je in elk geval bijna geen opmaak in de attributen meer tegenkomt
<h1 color="blue"> enzo
| 1 | <h1 class="blue"> |
| 1 2 3 | .blue { color: red; } |
quote:Op dinsdag 7 augustus 2012 07:17 schreef Light het volgende:
[..]
Tegenwoordig is het
[ code verwijderd ]
Dan kun je de kleur in css regelen
[ code verwijderd ]
| 1 2 3 | h1 { color : red; } |
Dan is dit nog beter.
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
Waarom? Dan heb je al je h1's in het rood.quote:Op dinsdag 7 augustus 2012 08:32 schreef BrainOverfloW het volgende:
[..]
[ code verwijderd ]
Dan is dit nog beter.
Ik weet niks van Hindoes. Wel van Samoerai en andere dingen.
Het is vooral niet zo'n goed idee om de kleur in de naam van je klasse te zetten, want als je dan ooit een nieuwe kleur wil gebruiken, slaan je classnames nergens meer op.quote:Op dinsdag 7 augustus 2012 08:34 schreef boem-dikkie het volgende:
[..]
Waarom? Dan heb je al je h1's in het rood.
Het heeft totaal geen plek in een modern HTML-document, het is iets uit de tijd dat CSS nog geen gemeengoed was.quote:Op dinsdag 7 augustus 2012 09:03 schreef Quotidien het volgende:
Maar wat is er nou mis met font tags?
Met HTML bepaal je de structuur van je document en ook alleen dat. Je bepaalt dat er bijvoorbeeld een koptekst is. Hoe die koptekst eruit ziet is niet iets wat je met HTML bepaalt, daar is CSS voor.
Dus kleuren, lettertypes, marges, plaatsing, grootte, schaduwen, randen, doorzichtigheid, you name it bepaal je met je stylesheet.
Het font-element was in HTML4 al uitgestorven, laat staan dat je dat tegenwoordig nog moet gebruiken.
In de cursus die ik volg wordt het redelijk uitgebreid behandeld. Misschien dat het bij het praktijkgedeeltje ook helemaal niet gebruikt wordt.
Ik ben nie hier voor de pingpong te schpelen
Wat wordt behandeld? De scheiding tussen structuur en stijl? Of het font-element?quote:Op dinsdag 7 augustus 2012 09:18 schreef Quotidien het volgende:
In de cursus die ik volg wordt het redelijk uitgebreid behandeld. Misschien dat het bij het praktijkgedeeltje ook helemaal niet gebruikt wordt.
Want als je een cursus hebt die het überhaupt over het font-element heeft (anders dan "gebruik het niet"), kun je echt beter een andere cursus zoeken.
Ik zit mobiel dus kan niet uitgebreid antwoord geven, maar font-tags ja. Grootte, kleur, font, plaatsing, stijl, etc. Dat was dus een deel van het eerste gedeelte (tekst). Verder ben ik nog niet.quote:Op dinsdag 7 augustus 2012 09:24 schreef Tijn het volgende:
[..]
Wat wordt behandeld? De scheiding tussen structuur en stijl? Of het font-element?
Want als je een cursus hebt die het überhaupt over het font-element heeft (anders dan "gebruik het niet"), kun je echt beter een andere cursus zoeken.
Ik ben nie hier voor de pingpong te schpelen
Een cursus die vertelt dat er zoiets is als een font-tag en dat je allerlei stijlaspecten daarmee in je HTML-document kan regelen is echt geen goede cursus. Zo maak je al zeker 10 jaar geen websites meer.
quote:Op maandag 6 augustus 2012 22:13 schreef picodealion het volgende:
Ohnee, 47 min.
http://giveupandusetables.com/
! Maar is het ook echt zo erg? Over het algemeen wordt hier idd alles in tables gestopt. En zit nu zelf te twijfelen of dat het gewoon handig is of dat er een betere / net zo snelle manier is.
Ach, ik kwam gisteren in de documentatie van een groot .NET CMS nog een speciale HTML5-rendermodus tegen.
Indien je deze rendermodus aanzette maakte ie van:
het volgende:
De techniek staat voor niks
Indien je deze rendermodus aanzette maakte ie van:
| 1 2 3 4 5 | <table> <tr> <td>Tabelletje</td> </tr> </table> |
het volgende:
| 1 2 3 4 5 6 | <div class="table"> <div class="tr"> <div class="td">Tabelletje </div> </div> </div> |
De techniek staat voor niks
Nee.
Nou, jij hebt ook snel je oordeel klaar. Misschien willen ze het gewoon zo compleet mogelijk hebben.quote:Op dinsdag 7 augustus 2012 09:30 schreef Tijn het volgende:
Een cursus die vertelt dat er zoiets is als een font-tag en dat je allerlei stijlaspecten daarmee in je HTML-document kan regelen is echt geen goede cursus. Zo maak je al zeker 10 jaar geen websites meer.
Maar hé, wat zou jij aanraden dan?
Ik ben nie hier voor de pingpong te schpelen
what.the.fuck
Font tags? wat ze moer? van wanneer is die cursus?
Font tags? wat ze moer? van wanneer is die cursus?
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Als je eenmaal wat ervaring hebt met div's en het positioneren ervan wil je echt niet meer terug naar tabellen. Helemaal niet met het hele responsive gebeuren natuurlijk.quote:
[..]
Maar is het ook echt zo erg? Over het algemeen wordt hier idd alles in tables gestopt. En zit nu zelf te twijfelen of dat het gewoon handig is of dat er een betere / net zo snelle manier is.
Nee.
mi gado tabellen, dat gebruikt niemand toch meer? Dat kan gewoon niet meer. Wat ook een corkenoplossing is dat eigenlijk...
Opmaak doe je op elementen waarbinnen de content moet worden opgemaakt, niet met fonttags. Al was het maar om de herbruikbaarheid
Opmaak doe je op elementen waarbinnen de content moet worden opgemaakt, niet met fonttags. Al was het maar om de herbruikbaarheid
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
2009quote:
what.the.fuck
Font tags? wat ze moer? van wanneer is die cursus?
BrainOverfloW raadde hem aan dus zodoende ben ik er mee begonnen.
Ik ben nie hier voor de pingpong te schpelen
Ik heb geen idee wat goede cursussen zijn, maar serieus, het gebruik van de font-tag is echt heel, heel erg ouderwets en tegenwoordig volstrekt irrelevant. Het heeft niks met compleetheid te maken, een cursus die je dingen dit soort dingen aanleert, leert je iets op een volstrekt verkeerde manier.quote:
[..]
Nou, jij hebt ook snel je oordeel klaar. Misschien willen ze het gewoon zo compleet mogelijk hebben.
Maar hé, wat zou jij aanraden dan?
Dan zoek ik wel iets anders.quote:
[..]
Ik heb geen idee wat goede cursussen zijn, maar serieus, het gebruik van de font-tag is echt heel, heel erg ouderwets en tegenwoordig volstrekt irrelevant. Het heeft niks met compleetheid te maken, een cursus die je dingen dit soort dingen aanleert, leert je iets op een volstrekt verkeerde manier.
Ik ben nie hier voor de pingpong te schpelen
dan was hij bij uitgave al achterhaald.quote:
[..]
2009
BrainOverfloW raadde hem aan dus zodoende ben ik er mee begonnen.
http://coding.smashingmagazine.com/tag/css/
begin eens met daar een dagje artikelen lezen.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Lekker dan, ze vragen er normaliter wel leuk $30 per maand ofzo voor.
Ik ben nie hier voor de pingpong te schpelen
ja want mensen die niets weten betalen dat graag.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
sowieso is er op het internet heel veel oude zooi en slechte uitleg te vinden
dingen die blijkbaar niet meer mogen/kunnen
wat zijn goede sites om html/css code op te zoeken??
dingen die blijkbaar niet meer mogen/kunnen
wat zijn goede sites om html/css code op te zoeken??
Je maakt nieuwe websites tegenwoordig sowieso met een HTML5 doctype. Je kunt daar zowel HTML als XHTML syntax in gebruiken. Ik vind zelf XHTML prettiger, omdat ik me dat jaren geleden heb aangeleerd. Maar er is geen objectieve reden te geven waarom dat beter of slechter zou zijn dan gewoon HTML. Het kan allebei, dus doe wat je zelf prettig vindt.quote:Op dinsdag 7 augustus 2012 09:49 schreef Quotidien het volgende:
Wat vinden jullie überhaupt van xhtml eigenlijk?
smashingmagazine, sixrevisions etc.quote:
sowieso is er op het internet heel veel oude zooi en slechte uitleg te vinden
dingen die blijkbaar niet meer mogen/kunnen
wat zijn goede sites om html/css code op te zoeken??
en je moet concepten leren, niet code.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
http://www.w3schools.com/quote:
sowieso is er op het internet heel veel oude zooi en slechte uitleg te vinden
dingen die blijkbaar niet meer mogen/kunnen
wat zijn goede sites om html/css code op te zoeken??
Op maandag 29 september 2008 11:45 schreef HostiMeister het volgende:
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
Dat is zeg maar de Nederlandse taal op een vuige keukentafel voorover buigen en hem dan zonder glijmiddel anaal verkrachten. :'(
not sure if.....quote:
is dat nog wel helemaal up2date..kom daar soms nog wel eens wat vreemde dingen tegen..kan zo ff geen voorbeeld noemen
quote:
De koning van de archaïsche troep. De tutorials van w3schools.com stikken echt van de verkeerde informatie.
ga gewoon artikelen lezen over CSS concepten, positionering, opmaak etc etc
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Daar heb je imho alleen wat aan als je al een klein beetje weet wat HTML en CSS überhaupt zijn en hoe je er een simpele site mee bouwt. Anders zeggen die artikelen je niks en haal je er alleen maar rare trucjes uit zonder dat je het grote verhaal begrijpt.quote:
ga gewoon artikelen lezen over CSS concepten, positionering, opmaak etc etc
dan begin je met CSS 101 en HTML 101 artikelen.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Dat is dan wel voor al hun cursussen samenquote:
Lekker dan, ze vragen er normaliter wel leuk $30 per maand ofzo voor.
Maar dat ze je stijl elementen in HTML leren te gebruiken had ik niet verwacht. Ik ben vanuit mijn ervaring met andere cursussen van hun er vanuit gegaan dat deze kwalitatief net zo goed was. Dat valt me wel tegen.
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
Het is een prima cursus
als je een website in 2004 wil maken.
als je een website in 2004 wil maken.
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
Ik had beter op moeten letten voor ik je de link gaf. Minstens de helft van de dingen die daar tussen staan zijn al lang overbodig geworden. Valt me echt tegen.quote:
http://betam.lynda.com/HT(...)raining/47603-2.html
Dat is wat wat er nog meer in zit
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
Ik vond zelf deze website wel aardig om de basis van HTML en CSS onder de knie te krijgen:
http://www.sceneone.nl/
http://www.sceneone.nl/
Deze dan? Die gast legt het wel duidelijk uit allemaal, of het ook kwalitatief is...?
http://m.youtube.com/playlist?list=PLC1322B5A0180C946
http://m.youtube.com/playlist?list=PLC1322B5A0180C946
Ik ben nie hier voor de pingpong te schpelen
zit er idd net in te lezen, wel duidelijk geschreven en met voorbeeldenquote:
Ik vond zelf deze website wel aardig om de basis van HTML en CSS onder de knie te krijgen:
http://www.sceneone.nl/
Er word je in ieder geval geleerd dat je code en stijl gescheiden moet houden. Tevens is de maker/schrijver van die site werkzaam bij Mirabeau en dat is volgens mij een bureau dat vrij goed aangeschreven staat.quote:
[..]
zit er idd net in te lezen, wel duidelijk geschreven en met voorbeelden
filmpjes werken niet. Je moet eerst de basic concepten leren begrijpen en dan moet je tutorials gaan doorlezen en nabouwen.quote:
Deze dan? Die gast legt het wel duidelijk uit allemaal, of het ook kwalitatief is...?
http://m.youtube.com/playlist?list=PLC1322B5A0180C946
Heel veel groetjes, Catch22
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
En zoals mijn opa zei: "Al is het meisje nog zo mooi, haar poep stinkt ook". Rust Zacht opa..
Met GHB nooit meer nee
Storneren een optie?
maar dat is met veel uitleg, dat ze er alleen de basis van weergeven..maar dat is dan weer altijd net niet wat je zoekt.quote:
[..]
Daar heb je imho alleen wat aan als je al een klein beetje weet wat HTML en CSS überhaupt zijn en hoe je er een simpele site mee bouwt. Anders zeggen die artikelen je niks en haal je er alleen maar rare trucjes uit zonder dat je het grote verhaal begrijpt.
vooral last van met php
Even twee willekeurig filmpje uit zijn lijst bekeken, #5 "Bold, Italics, and Comments" en #10 "Resizing images", en ook hij gebruikt structuur en stijl door elkaar. Ik kom dingen als <strong>, <em> en <img height = "150"> tegen. Dat doet me toch een beetje vrezen voor de kwaliteit van de rest.quote:
Deze dan? Die gast legt het wel duidelijk uit allemaal, of het ook kwalitatief is...?
http://m.youtube.com/playlist?list=PLC1322B5A0180C946
Whether or not you can become great at something, you can always become better.
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
And one day you'll wake up and find out how good you actually became, having transcended whatever limits you might have thought you couldn't pass.
Neil Degrasse Tyson
Ja zeg, wat resteert er dan? W3dinges is kut, CodeAcademy is kut, Lynda.com is kut, bucky is kut.
Ik ben nie hier voor de pingpong te schpelen
Lynda.com heeft over het algemeen toch goeie tutorials. Zijn die over html/css zo middelmatig dan?
It was an opportunity to honour our memories and to make room for new ones
Ik heb net een link gepost, maar vooruit, ik doe 'm nog een keer: http://www.sceneone.nl/quote:Op dinsdag 7 augustus 2012 10:39 schreef Quotidien het volgende:
Ja zeg, wat resteert er dan? W3dinges is kut, CodeAcademy is kut, Lynda.com is kut, bucky is kut.
O, die is wel door de controle gekomen?quote:
[..]
Ik heb net een link gepost, maar vooruit, ik doe 'm nog een keer: http://www.sceneone.nl/
Ik ben nie hier voor de pingpong te schpelen
