boeken over html,css,svg.

5 views
Skip to first unread message

J

unread,
Apr 17, 2020, 7:40:57 AM4/17/20
to
ik ben op zoek naar goede boeken over html, css en scalable vector
graphics.
Ik heb zitten kijken op www.bol.com en daarop staat een nederlands
boek met veel goede recensies:
html en css websites ontwerpen en bouwen. van Jon Duckett.
(ean 9789043026802).

Over svg zie ik op die website maar één boek staan namelijk:
using svg with css3 and html5 Engels van Amelia Bellamy-Royds en
Dudley Storey.
(ean 9781491921975).

Heeft iemand hier nog tips over goede boeken?
Zouden bovenstaande boeken goed genoeg zijn om te kopen?

Bert(AWRvB)

unread,
Apr 17, 2020, 3:18:02 PM4/17/20
to
Op 17-4-2020 om 13:40 schreef J:
Dit is veel goedkoper:

Handleiding HTML - De Nederlandse informatiebron op het gebied van HTML
en CSS

https://www.handleidinghtml.nl/






--
Bert ( A W RvB )
(Adres op website)
be...@awrvb.nl
http://www.awrvb.nl
Twitter: awrvbnl

***
US spaceships maximum velocity:
One light-year a minute.
http://projectcamelot.org/lang/en/clifford_stone_interview_transcript_en.html
***
AWN http://www.awn-archeologie.nl
GEA http://www.gea-geologie.nl
NVR http://www.ruimtevaart-nvr.nl
Sterrenkunde http://www.dekoepel.nl
UFOwijzer http://ufowijzer.nl

Sjoerd

unread,
Apr 17, 2020, 5:10:40 PM4/17/20
to
Bert(AWRvB):
> J:
> > ik ben op zoek naar goede boeken over html, css en scalable vector
> > graphics.
> > Ik heb zitten kijken op www.bol.com en daarop staat een nederlands
> > boek met veel goede recensies:
> > html en css websites ontwerpen en bouwen. van Jon Duckett.
> > (ean 9789043026802).
> >
> > Over svg zie ik op die website maar één boek staan namelijk:
> > using svg with css3 and html5 Engels van Amelia Bellamy-Royds en
> > Dudley Storey.
> > (ean 9781491921975).
> >
> > Heeft iemand hier nog tips over goede boeken?
> > Zouden bovenstaande boeken goed genoeg zijn om te kopen?
>
> Dit is veel goedkoper:
>
> Handleiding HTML - De Nederlandse informatiebron op het gebied van
> HTML en CSS
>
> www.handleidinghtml.nl/

De laatste wijziging van veel pagina's is in 2004 of 2005!
Er wordt nog gesproken over Internet Explorer 4 en 5, en ook
Netscape 4 en 5!
CSS3 ontbreekt, en ik zie bijvoorbeeld niets over CSS-menu's.
Nieuwere ontwikkelingen zoals CSS flexbox en CSS grid ontbreken.
Het lijkt me niet veel soeps.

Sjoerd

unread,
Apr 18, 2020, 4:40:38 PM4/18/20
to
Op vrijdag 17 april om 13.40 uur schreef J:
Helaas is er verder niemand die reageert. Zit me zelf ook af te vragen
of ik beter een boek zou kunnen aanschaffen.

De W3Schools tutorials vind ik erg nuttig en leerzaam, ook als naslag-
werk, je kunt hier ook van alles uitproberen:

www.w3schools.com

En ook met een heldere uitleg over svg:

www.w3schools.com/graphics/svg_intro.asp

Tot een aantal jaren geleden was het Duitse SelfHTML een erg goede
HTML-handleiding. Nadat de auteur Stefan Münz ermee stopte, is het een
wiki geworden:

https://wiki.selfhtml.org/wiki/Startseite

Maar als je de Duitse taal machtig bent, dit HTML5 Handbuch, ook van
die Münz, lijkt me een hele goeie:

www.bol.com/nl/p/html5-handbuch/9200000033176581/?bltgh=okzBrm-sjlAO6JHdeCBKTQ.1_4.5.ProductImage

Ook als e-book te krijgen.
Al is dit ook alweer van 2014. Maar het door jou genoemde boek van Jon
Duckett is nog ouder, van 2011.
Maar je vindt dat HTML5 Handbuch ook hier online:

http://webkompetenz.wikidot.com/docs:html-handbuch

En je kunt hem zelfs gratis downloaden als pdf:

https://kupdf.net/download/html5-handbuch_5a21b017e2b6f5b53b3de730_pdf

Het boek van Jon Ducket ken ik verder niet. Afgaand op de beschrijving
en de reviews, lijkt het me wel een hele goeie.
Maar ja, wat ik me afvraag: boeken uit 2011 en 2014, zijn die nog
actueel genoeg. Iemand anders die hier een mening over heeft?

Wat me trouwens ook erg interessant lijkt, is deze cursus Webdesign van
de NHA:

www.nha.nl/beroepsopleidingen/computer/webdesign

"Heb je de opleiding Webdesign afgerond, dan ben je een allround
webpagedesigner. Je kunt niet alleen je eigen site ontwikkelen, maar
ook anderen adviseren en begeleiden. Je kunt zelfs je eigen
webdesignbureau starten."

Poeh, het is niet zo maar even een cursusje.

J

unread,
Apr 20, 2020, 7:31:04 AM4/20/20
to
On Sat, 18 Apr 2020 22:38:30 +0200, Sjoerd <x...@xx.invalid> wrote:

>De W3Schools tutorials vind ik erg nuttig en leerzaam, ook als naslag-
>werk, je kunt hier ook van alles uitproberen:
>
> www.w3schools.com

Daar heb ik ook op gekeken op die website.
Ik wil ook een boek.


>Maar je vindt dat HTML5 Handbuch ook hier online:
>
> http://webkompetenz.wikidot.com/docs:html-handbuch
>
>En je kunt hem zelfs gratis downloaden als pdf:
>
> https://kupdf.net/download/html5-handbuch_5a21b017e2b6f5b53b3de730_pdf

Dank je. Ik heb het gedownload.

>Het boek van Jon Ducket ken ik verder niet. Afgaand op de beschrijving
>en de reviews, lijkt het me wel een hele goeie.

Mij ook: er staan veel goede recensies bij. Dus ik denk dat ik dat
boek wel een keer koop.

>Maar ja, wat ik me afvraag: boeken uit 2011 en 2014, zijn die nog
>actueel genoeg. Iemand anders die hier een mening over heeft?

Volgens zijn al die boeken wel enigzins oud.

>Wat me trouwens ook erg interessant lijkt, is deze cursus Webdesign van
>de NHA:

Dat zal voor mij niet nodig zijn. Ik heb slechts een eenvoudige
informatieve website op het oog. Geen ingewikkelde webwinkel of zo.

J

unread,
Apr 20, 2020, 7:34:32 AM4/20/20
to
On Fri, 17 Apr 2020 23:09:53 +0200, Sjoerd <x...@xx.invalid> wrote:

>CSS3 ontbreekt, en ik zie bijvoorbeeld niets over CSS-menu's.
>Nieuwere ontwikkelingen zoals CSS flexbox en CSS grid ontbreken.
>Het lijkt me niet veel soeps.

Behandelt dat html5 handbuch wel al deze dingen?
Ik weet er verder nog niets van.

Sjoerd

unread,
Apr 20, 2020, 8:33:29 AM4/20/20
to
J:
> Sjoerd:
> > CSS3 ontbreekt, en ik zie bijvoorbeeld niets over CSS-menu's.
> > Nieuwere ontwikkelingen zoals CSS flexbox en CSS grid ontbreken.
> > Het lijkt me niet veel soeps.
>
> Behandelt dat html5 handbuch wel al deze dingen?
> Ik weet er verder nog niets van.

Het wordt genoemd, maar bij het uitkomen van het boek werd aan het
ontwerp van Flexbox en Grid nog gewerkt.
Zo zie je dat het boek toch een beetje oud is. Maar in het boek van
Jon Duckett zal het dan al helemaal niet voorkomen.
Maar je kunt altijd W3Schools er op naslaan.

J

unread,
Apr 20, 2020, 10:30:07 AM4/20/20
to
On Mon, 20 Apr 2020 14:33:02 +0200, Sjoerd <x...@xx.invalid> wrote:


>Het wordt genoemd, maar bij het uitkomen van het boek werd aan het
>ontwerp van Flexbox en Grid nog gewerkt.
>Zo zie je dat het boek toch een beetje oud is. Maar in het boek van
>Jon Duckett zal het dan al helemaal niet voorkomen.
>Maar je kunt altijd W3Schools er op naslaan.

ok, bedankt.

J

unread,
May 31, 2020, 6:47:44 AM5/31/20
to
On Sat, 18 Apr 2020 22:38:30 +0200, Sjoerd <x...@xx.invalid> wrote:

>Maar als je de Duitse taal machtig bent, dit HTML5 Handbuch, ook van
>die Münz, lijkt me een hele goeie:
>
> www.bol.com/nl/p/html5-handbuch/9200000033176581/?bltgh=okzBrm-sjlAO6JHdeCBKTQ.1_4.5.ProductImage
>

>Maar je vindt dat HTML5 Handbuch ook hier online:
>
> http://webkompetenz.wikidot.com/docs:html-handbuch
>
>En je kunt hem zelfs gratis downloaden als pdf:
>
> https://kupdf.net/download/html5-handbuch_5a21b017e2b6f5b53b3de730_pdf
>

Ik heb dat html handbuch een keer doorgewerkt: ik vind het een
moeilijk boek: vooral dat javascript. Maar ik denk niet dat je dat
nodig hebt voor alleen een statische informatieve website. Dat XHTML
kun je volgens mij ook wel overslaan. Is alleen maar verwarrend. En
wat het nut is van microdata weet ik ook niet.

Sjoerd

unread,
Jun 1, 2020, 8:13:08 AM6/1/20
to
J schreef:
Microdata heeft, voorzover ik kan nagaan, met zoekmachine-optimalisatie
te maken, is vrij specialistisch en heeft voorlopig lang niet de
hoogste prioriteit.
Aan XHTML ben ik ook nog niet toegekomen en is volgens mij ook pas in
een later stadium van belang, als je daar ooit aan toe komt.
JavaScript vind ik ook niet eenvoudig te leren.

Hier zie je wat je volgens W3Schools achtereenvolgens zou moeten leren:
www.w3schools.com/whatis/default.asp
Zelf ben ik niet veel verder dan stap 1, van het overige weet ik een
beetje wat het inhoudt.
Maar voor een informatieve site zonder al te ingewikkelde dingen is ook
niet meer nodig dan dat.
Ik kan even de site laten zien die ik met de kennis van stap 1 al heb
weten te maken: www.tanchazheerenveen.nl , een kleine verenigingssite.
(Behalve dan enig inzicht in PHP voor het contactformulier.)
JavaScript komt alleen voor in fotoviewers, die komen in het besloten
gedeelte voor en kan ik dus niet laten zien, maar ze zijn overgenomen
van hier: www.w3schools.com/howto/howto_js_slideshow.asp

J

unread,
Jun 3, 2020, 4:58:55 AM6/3/20
to
On Mon, 1 Jun 2020 14:11:33 +0200, Sjoerd <x...@xx.invalid> wrote:

>Aan XHTML ben ik ook nog niet toegekomen en is volgens mij ook pas in
>een later stadium van belang, als je daar ooit aan toe komt.

Volgens mij is dat ook niet nodig.

>JavaScript vind ik ook niet eenvoudig te leren.

Ik ook niet: maar de voorbeelden in dat boek zijn ook te moeilijk: ik
zag zelfs berekeningen met sinussen en cosinussen erin.

J

unread,
Jun 4, 2020, 8:03:19 AM6/4/20
to
On Mon, 1 Jun 2020 14:11:33 +0200, Sjoerd <x...@xx.invalid> wrote:

>Ik kan even de site laten zien die ik met de kennis van stap 1 al heb
>weten te maken: www.tanchazheerenveen.nl , een kleine verenigingssite.

Een leuke site: grafisch mooi. ik zou wel die
home,agenda,actueel,contact menu'tjes bovenaan een andere helderheid
laten krijgen als de muis eroverheen beweegt. Dat hover gedoe dus.

Sjoerd

unread,
Jun 4, 2020, 10:04:48 AM6/4/20
to
J schreef:
> Sjoerd wrote:
>
> > Aan XHTML ben ik ook nog niet toegekomen en is volgens mij ook pas in
> > een later stadium van belang, als je daar ooit aan toe komt.
>
> Volgens mij is dat ook niet nodig.
>
> > JavaScript vind ik ook niet eenvoudig te leren.
>
> Ik ook niet: maar de voorbeelden in dat boek zijn ook te moeilijk: ik
> zag zelfs berekeningen met sinussen en cosinussen erin.

De schrijver van dat boek was ook de auteur van het hele bekende Self-HTML,
wat destijds zowat als de beste site over webontwerp in het Duitse
taalgebied gold. Vandaar mijn indruk dat het een nuttig boek zou zijn.
Maar bij nadere beschouwing blijkt het dus toch wat al te specialistisch
te zijn.
Self-HTML is ondertussen een wiki geworden:
https://wiki.selfhtml.org/wiki/Startseite

Sjoerd

unread,
Jun 4, 2020, 10:17:57 AM6/4/20
to
J schreef:
> Sjoerd wrote:
> > Ik kan even de site laten zien die ik met de kennis van stap 1 al heb
> > weten te maken: www.tanchazheerenveen.nl , een kleine verenigingssite.
>
> Een leuke site: grafisch mooi. ik zou wel die home, agenda, actueel,
> contact menu'tjes bovenaan een andere helderheid laten krijgen als de
> muis eroverheen beweegt. Dat hover gedoe dus.

Dank voor de tip, deze wijziging in inmiddels aangebracht.
De vlaggen rechts bovenin zal ik dan ook nog maar op deze manier onder
handen nemen.
Opmerkelijk is dat als je iets in de css-file verandert, dat de wijziging
niet doorkomt, de browser haalt de css-file nog steeds uit de cache, ook
al geef je in de headers van de html-pagina aan dat-ie niets uit de cache
moet halen. Hetzelfde geldt voor afbeeldingen.
De oplossing is, dat je het css-bestand (menu.css) een andere naam geeft
(menu_v2.css).
Verder moet ik de site eigenlijk nog responsief maken, maar ik vind het
nog een hele puzzel om uit te vinden hoe dat nou het handigst aan te
pakken is.

J

unread,
Jun 4, 2020, 11:01:59 AM6/4/20
to
On Thu, 4 Jun 2020 16:03:41 +0200, Sjoerd <x...@xx.invalid> wrote:

>De schrijver van dat boek was ook de auteur van het hele bekende Self-HTML,
>wat destijds zowat als de beste site over webontwerp in het Duitse
>taalgebied gold. Vandaar mijn indruk dat het een nuttig boek zou zijn.

Het is ook wel een nuttig boek: als je de moeilijke dingen zoals de
javascript weglaat.
En het is ook gratis te downloaden: dank daarvoor.

J

unread,
Jun 4, 2020, 11:15:12 AM6/4/20
to
On Thu, 4 Jun 2020 16:16:53 +0200, Sjoerd <x...@xx.invalid> wrote:

>Dank voor de tip, deze wijziging in inmiddels aangebracht.

Dat heb je snel gedaan.

>De vlaggen rechts bovenin zal ik dan ook nog maar op deze manier onder
>handen nemen.

Ik vraag me af waarom eigenlijk alletwee de vlaggen op de indexpagina
staan: je bent toch al in de Nederlandse taal? Zomaar een suggestie
die je niet op hoeft te volgen uiteraard.

>Opmerkelijk is dat als je iets in de css-file verandert, dat de wijziging
>niet doorkomt, de browser haalt de css-file nog steeds uit de cache, ook
>al geef je in de headers van de html-pagina aan dat-ie niets uit de cache
>moet halen. Hetzelfde geldt voor afbeeldingen.
>De oplossing is, dat je het css-bestand (menu.css) een andere naam geeft
>(menu_v2.css).

Misschien de CSS toch maar in de html pagina zelf plaatsen tussen
<style> </style>?

>Verder moet ik de site eigenlijk nog responsief maken, maar ik vind het
>nog een hele puzzel om uit te vinden hoe dat nou het handigst aan te
>pakken is.

Wat bedoel je precies met responsief?

Sjoerd

unread,
Jun 4, 2020, 11:59:04 AM6/4/20
to
J schreef:
> Sjoerd wrote:
> > Dank voor de tip, deze wijziging is inmiddels aangebracht.
>
> Dat heb je snel gedaan.

Als je eenmaal door hebt hoe het zit, dan is het natuurlijk weer super
eenvoudig. In de css-file staat bijvoorbeeld dit:

ul#menu li a { background-color: #800080; }

Daar voeg je dan deze regel aan toe:

ul#menu li a:hover { background-color: #b000b0; }

Dus een lichtere kleur paars.
In dit geval was het ietsje ingewikkelder; licht van binnen, donkerder van
buiten.

ul#menu li a { background: radial-gradient(circle, #c03ac0 30%, #700070); }

Hier zie je wat het betekent:
www.w3schools.com/cssref/func_radial-gradient.asp
En achter a:hover komen dan andere waarden.

> > De vlaggen rechts bovenin zal ik dan ook nog maar op deze manier onder
> > handen nemen.
>
> Ik vraag me af waarom eigenlijk alletwee de vlaggen op de indexpagina
> staan: je bent toch al in de Nederlandse taal? Zomaar een suggestie
> die je niet op hoeft te volgen uiteraard.

Ik zal het overpeinzen.

> > Opmerkelijk is dat als je iets in de css-file verandert, dat de
> > wijziging niet doorkomt, de browser haalt de css-file nog steeds uit de
> > cache, ook al geef je in de headers van de html-pagina aan dat-ie niets
> > uit de cache moet halen. Hetzelfde geldt voor afbeeldingen.
> > De oplossing is, dat je het css-bestand (menu.css) een andere naam
> > geeft (b.v. menu_v2.css).
>
> Misschien de CSS toch maar in de html pagina zelf plaatsen tussen
> <style> </style>?

Dan is er nogal veel wat je op elke pagina moet herhalen. Een andere naam
voor de css-file vind ik dan een betere oplossing.
>
> > Verder moet ik de site eigenlijk nog responsief maken, maar ik vind het
> > nog een hele puzzel om uit te vinden hoe dat nou het handigst aan te
> > pakken is.
>
> Wat bedoel je precies met responsief?

Een responsieve site is een site die ook op het smalle scherm van b.v. een
smartphone optimaal wordt weergegeven. B.v. twee afbeeldingen die op een
groot scherm naast elkaar staan, komen op de smartphone onder elkaar te
staan. Hier zie je dat heel duidelijk weergegeven:
www.w3schools.com/css/css_rwd_intro.asp
Klik onderin eens op 'Try it Yourself' en zie wat er gebeurt als je de
middelste balk naar links en naar rechts schuift.

J

unread,
Jun 5, 2020, 7:05:20 AM6/5/20
to
On Thu, 4 Jun 2020 17:55:05 +0200, Sjoerd <x...@xx.invalid> wrote:


>Dan is er nogal veel wat je op elke pagina moet herhalen.

Copy and paste?

>Een andere naam
>voor de css-file vind ik dan een betere oplossing.


>Een responsieve site is een site die ook op het smalle scherm van b.v. een
>smartphone optimaal wordt weergegeven. B.v. twee afbeeldingen die op een
>groot scherm naast elkaar staan, komen op de smartphone onder elkaar te
>staan. Hier zie je dat heel duidelijk weergegeven:
>www.w3schools.com/css/css_rwd_intro.asp
>Klik onderin eens op 'Try it Yourself' en zie wat er gebeurt als je de
>middelste balk naar links en naar rechts schuift.

Ik zal w3schools.com ook eens nader bekijken. Ik ben nu nog met dat
boek bezig.

Sjoerd

unread,
Jun 5, 2020, 10:26:54 AM6/5/20
to
J schreef:
> Sjoerd wrote:
> > Dan is er nogal veel wat je op elke pagina moet herhalen.
>
> Copy and paste?

Het voordeel van een css-bestand is dat je in één keer eigenschappen voor
de hele site kunt wijzigen. Bijvoorbeeld, je wilt het font op de hele site
iets groter hebben. Dit hoef je dan alleen in het css-bestand te wijzigen,
in plaats van in elke pagina.

> > Een responsieve site is een site die ook op het smalle scherm van b.v.
> > een smartphone optimaal wordt weergegeven. B.v. twee afbeeldingen die
> > op een groot scherm naast elkaar staan, komen op de smartphone onder
> > elkaar te staan. Hier zie je dat heel duidelijk weergegeven:
> > www.w3schools.com/css/css_rwd_intro.asp
> > Klik onderin eens op 'Try it Yourself' en zie wat er gebeurt als je de
> > middelste balk naar links en naar rechts schuift.
>
> Ik zal w3schools.com ook eens nader bekijken. Ik ben nu nog met dat boek
> bezig.

Nog een nuttige site voor de beginner: www.mijn-eigen-website.nl
Iets soortgelijks in het Engels: www.thesitewizard.com

J

unread,
Jun 8, 2020, 6:52:32 AM6/8/20
to
On Fri, 5 Jun 2020 16:09:12 +0200, Sjoerd <x...@xx.invalid> wrote:


>Het voordeel van een css-bestand is dat je in één keer eigenschappen voor
>de hele site kunt wijzigen. Bijvoorbeeld, je wilt het font op de hele site
>iets groter hebben. Dit hoef je dan alleen in het css-bestand te wijzigen,
>in plaats van in elke pagina.

DAt is zo maar telkens dat bestand een andere naam geven vind ik ook
niks. ik zou alles in de html documenten plaatsen.

>Nog een nuttige site voor de beginner: www.mijn-eigen-website.nl
>Iets soortgelijks in het Engels: www.thesitewizard.com

Leuk dank U.

J

unread,
Jun 12, 2020, 7:13:48 AM6/12/20
to
On Thu, 4 Jun 2020 16:16:53 +0200, Sjoerd <x...@xx.invalid> wrote:

>Dank voor de tip, deze wijziging in inmiddels aangebracht.
>De vlaggen rechts bovenin zal ik dan ook nog maar op deze manier onder
>handen nemen.

Ik heb nog een tip: doe het ook in het Engels. Dan bereik je meer
mensen.

Sjoerd

unread,
Jun 12, 2020, 12:13:22 PM6/12/20
to
J schreef:
> Sjoerd wrote:
> > Dank voor de tip, deze wijziging in inmiddels aangebracht.
> > De vlaggen rechts bovenin zal ik dan ook nog maar op deze manier
> > onder handen nemen.
>
> Ik heb nog een tip: doe het ook in het Engels. Dan bereik je meer
> mensen.

Voor wie deze discussie nog volgt op nl.internet.algemeen:
kijk s.v.p. verder op nl.internet.www.ontwerp.
Reply all
Reply to author
Forward
0 new messages