boeken over html,css,svg.

[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?

[Bert(AWRvB)]

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]

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]

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]

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]

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]

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]

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]

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]

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]

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]

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]

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]

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]

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]

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]

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]

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]

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]

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]

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]

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.

Het is een verenigingssite, eigenlijk alleen interessant voor de leden
zelf, en diegenen die eventueel lid zouden willen worden, dus mensen uit
de omgeving.
Voor de rest van het land heeft het al weinig zin meer, laat staan voor
het buitenland.
Eventueel zou er nog eens een algemeen verhaaltje over folklore in deze
regio in het Engels bij gezet kunnen worden, daarover zit ik nog te dubben.

Dat van die vlaggen blijkt nog even een puzzel te zijn. Je kunt ze bij een
mouse-over doorzichtiger maken, bij een witte achtergrond worden ze dan
lichter, maar hier komt de achtergrondafbeelding er dan doorheen, dat is
ook weer niet de bedoeling. De plaatjes moeten achtergrondafbeeldingen in
een div zijn, zo blijkt. Wordt nog aan gewerkt.

[Sjoerd]

Ik schreef:

> Dat van die vlaggen blijkt nog even een puzzel te zijn. Je kunt ze bij
> een mouse-over doorzichtiger maken, bij een witte achtergrond worden ze
> dan lichter, maar hier komt de achtergrondafbeelding er dan doorheen,

> dat is ook weer niet de bedoeling. De plaatjes moeten achtergrond-

> afbeeldingen in een div zijn, zo blijkt. Wordt nog aan gewerkt.

Inmiddels voltooid. Normaal krijg je een plaatje lichter door hem
gedeeltelijk doorzichtig te maken.

html-code: <div id="vlag"><img src="afbeeldingen/vlag.png"></div>

In de css-file komt dan zoiets:

div#vlag img { opacity: 1; }
div#vlag img:hover { opacity: 0.6; }


Maar hier zit er een afbeelding achter, die er dan doorheen komt.
Het moeten dus twee verschillende plaatjes zijn.
Heb naar een oplossing gezocht (zoekterm: 'css change image on hover')
en het simpelst lijkt te zijn om de plaatjes er in te zetten als
achtergrondafbeelding van een div.

html-code: <div id="vlag"><div>

en dan zoiets in de css-file:

div#vlag { background-image: url('/afbeeldingen/vlag.png'); width:60px; height:40px; }
div#vlag:hover { background-image: url('/afbeeldingen/vlag_hover.png') }

[J]

On Fri, 12 Jun 2020 18:05:31 +0200, Sjoerd <x...@xx.invalid> wrote:

>Het is een verenigingssite, eigenlijk alleen interessant voor de leden
>zelf, en diegenen die eventueel lid zouden willen worden, dus mensen uit
>de omgeving.
>Voor de rest van het land heeft het al weinig zin meer, laat staan voor
>het buitenland.
>Eventueel zou er nog eens een algemeen verhaaltje over folklore in deze
>regio in het Engels bij gezet kunnen worden, daarover zit ik nog te dubben.

Ik had vroeger een homepage over een stamboom, heb ik ook gewoon
volledig in het Engels gedaan. Maar je moet het natuurlijk zelf weten.
Maar die homepage was toen ook zeer simpel in eenvoudige html.
Al wat jaartjes terug.

[J]

On Sat, 13 Jun 2020 13:16:39 +0200, Sjoerd <x...@xx.invalid> wrote:

>Inmiddels voltooid. Normaal krijg je een plaatje lichter door hem
>gedeeltelijk doorzichtig te maken.
>
>html-code: <div id="vlag"><img src="afbeeldingen/vlag.png"></div>
>
>In de css-file komt dan zoiets:
>
>div#vlag img { opacity: 1; }
>div#vlag img:hover { opacity: 0.6; }
>
>
>Maar hier zit er een afbeelding achter, die er dan doorheen komt.
>Het moeten dus twee verschillende plaatjes zijn.
>Heb naar een oplossing gezocht (zoekterm: 'css change image on hover')
>en het simpelst lijkt te zijn om de plaatjes er in te zetten als
>achtergrondafbeelding van een div.
>
>html-code: <div id="vlag"><div>
>
>en dan zoiets in de css-file:
>
>div#vlag { background-image: url('/afbeeldingen/vlag.png'); width:60px; height:40px; }
>div#vlag:hover { background-image: url('/afbeeldingen/vlag_hover.png') }

Wat leuk allemaal: het is veel uitproberen en puzzelen geloof ik wel.
Bij die homepage vroeger is het enigste wat ik gebruikt heb van CSS de
hover over de anker.....

[Rob]

J <noe...@noemail.com> wrote:
> Ik had vroeger een homepage over een stamboom, heb ik ook gewoon
> volledig in het Engels gedaan. Maar je moet het natuurlijk zelf weten.

Ik denk dat veel "sites door Nederlanders gemaakt in het Engels" beter
af zouden zijn met alleen Nederlands. In google translate plakken
kan de bezoeker altijd nog doen, en dan is ie tenminste niet verbaasd
over het soort Engels wat er dan uit komt.

Volgens mij (ik heb me er niet in verdiept) is het zelfs wel mogelijk
een link op de site te maken met een Engels vlaggetje die die site live
door google translate haalt.

[J]

On 15 Jun 2020 14:27:36 GMT, Rob <nom...@example.com> wrote:

>Ik denk dat veel "sites door Nederlanders gemaakt in het Engels" beter
>af zouden zijn met alleen Nederlands. In google translate plakken
>kan de bezoeker altijd nog doen, en dan is ie tenminste niet verbaasd
>over het soort Engels wat er dan uit komt.

Ja, maar dan moet de bezoeker extra handelingen verrichten. Bovendien
haal ik al Nederlandse bronteksten door die translate en als daar
fouten uitkomen herstel ik die.

>Volgens mij (ik heb me er niet in verdiept) is het zelfs wel mogelijk
>een link op de site te maken met een Engels vlaggetje die die site live
>door google translate haalt.

Dat doe ik van tevoren dus al als ik die website ook in het engels
maak.

[Sjoerd]

Els schreef:

> Sjoerd wrote:
>
> > Inmiddels voltooid. Normaal krijg je een plaatje lichter door hem
> > gedeeltelijk doorzichtig te maken.
> >
> > html-code: <div id="vlag"><img src="afbeeldingen/vlag.png"></div>
> >
> > In de css-file komt dan zoiets:
> >
> > div#vlag img { opacity: 1; }
> > div#vlag img:hover { opacity: 0.6; }
> >
> >
> > Maar hier zit er een afbeelding achter, die er dan doorheen komt.
> > Het moeten dus twee verschillende plaatjes zijn.
> > Heb naar een oplossing gezocht (zoekterm: 'css change image on hover')
> > en het simpelst lijkt te zijn om de plaatjes er in te zetten als
> > achtergrondafbeelding van een div.
>

> Of je geeft div#vlag zelf een witte achtergrond. Je hebt dan niet een
> extra -hover plaatje nodig. Scheelt weer een fractie van een seconde om
> dat tweede plaatje te laden ook ;-)

Ben hier mee bezig geweest en het is zowaar gelukt.
De buitenste div bevat vlag + onderschrift, en in de binnenste div past
dan precies dat vlaggetje.

<div id="vlag">
<div><img src="vlag.png"></div>
<p><b>Nederlands</b></p>
</div>

In de css-file staat nu dit:

div#vlag { position: .... ; }
div#vlag div { margin:0 auto; width:60px; height:42px; background-color:white; border:1px solid white;}
div#vlag div img:hover { opacity:0.5; }
div#vlag p { text-align:center; }

Dat aparte plaatje van een lichtere vlag is nu vervallen.
Mijn dank voor dit slimme idee. Weer wat van opgestoken.

[J]

On Mon, 15 Jun 2020 17:37:54 +0200, Sjoerd <x...@xx.invalid> wrote:

>Dat aparte plaatje van een lichtere vlag is nu vervallen.
>Mijn dank voor dit slimme idee. Weer wat van opgestoken.

Ik heb hier ook wat van opgestoken. Dat je met gebruik van opacity
iets lichter kunt maken t.o.v. een witte achtergrond.

[Sjoerd]

J schreef:

> Sjoerd wrote:
> > Dat aparte plaatje van een lichtere vlag is nu vervallen.
> > Mijn dank voor dit slimme idee. Weer wat van opgestoken.
>
> Ik heb hier ook wat van opgestoken. Dat je met gebruik van opacity
> iets lichter kunt maken t.o.v. een witte achtergrond.

Ik kwam het tegen op W3Schools. Zie hier:
www.w3schools.com/css/css_image_transparency.asp

[J]

On Wed, 17 Jun 2020 12:40:35 +0200, Sjoerd <x...@xx.invalid> wrote:

>Ik kwam het tegen op W3Schools. Zie hier:
>www.w3schools.com/css/css_image_transparency.asp

O, daarzo.
Er is dus blijkbaar ook geen mogelijkheid om direct de helderheid van
een kleur in te stellen?
Er is wel de mogelijkheid rgba(getal voor rood,getal voor groen,getal
voor blauw,getal tussen 0 en 1)
te gebruiken maar dan is dat laatste getal ook de transparantie
t.o.v. de (witte) achtergrond.

[Sjoerd]

J schreef:

> Er is dus blijkbaar ook geen mogelijkheid om direct de helderheid van
> een kleur in te stellen?
> Er is wel de mogelijkheid rgba(getal voor rood,getal voor groen,getal

> voor blauw, getal tussen 0 en 1) te gebruiken maar dan is dat laatste

> getal ook de transparantie t.o.v. de (witte) achtergrond.

Jawel hoor, maar daarvoor moet je die kleurnotatie een beetje snappen.
B.v. rgb(255,0,0) is rood en rgb(255,127,127) is lichtrood.
Zelf gebruik ik altijd de hexadecimale notatie.
B.v. #ff0000 is rood en #ff7777 is lichtrood. Korter: #f00 en #f77.

Aan beide notaties kan nog een waarde toegevoegd worden die de
transparantie aangeeft, maar dat komt eigenlijk nooit van pas.

[J]

On Wed, 17 Jun 2020 18:00:38 +0200, Sjoerd <x...@xx.invalid> wrote:

>Jawel hoor, maar daarvoor moet je die kleurnotatie een beetje snappen.
>B.v. rgb(255,0,0) is rood en rgb(255,127,127) is lichtrood.

Volgens mij wordt dit met oranje en licht oranje of met andere
kleurcombinaties een beetje moeilijker. Er is dus niet 1 parameter
voor de helderheid.

[Sjoerd]

J schreef:

> Sjoerd wrote:
> > Jawel hoor, maar daarvoor moet je die kleurnotatie een beetje snappen.
> > B.v. rgb(255,0,0) is rood en rgb(255,127,127) is lichtrood.
>
> Volgens mij wordt dit met oranje en licht oranje of met andere
> kleurcombinaties een beetje moeilijker. Er is dus niet 1 parameter
> voor de helderheid.

Met RGB-waarden gaat dat niet met 1 parameter, maar dat hoeft ook niet.
Met de drie RGB-waarden kun je elke kleur in ELKE helderheid creëren.

Gebruik bijvoorbeeld deze HTML color picker:
www.w3schools.com/colors/colors_picker.asp
Je klikt bijvoorbeeld op oranje, en dan zie je de codes van oranje in elke
helderheid, van licht-oranje tot donker-oranje.
Of probeer de balk die staat onder 'Or use HTML5'. Hetzelfde op een andere
manier.

Maar verderop op die pagina zie je ook de HSL-notatie (Hue, Saturation,
Lightness). Met die 'Lightness' kun je de helderheid wel degelijk met
1 parameter instellen, als je dat zou willen.

[J]

On Thu, 18 Jun 2020 14:34:37 +0200, Sjoerd <x...@xx.invalid> wrote:


>Met RGB-waarden gaat dat niet met 1 parameter, maar dat hoeft ook niet.

>Met de drie RGB-waarden kun je elke kleur in ELKE helderheid creėren.

>
>Gebruik bijvoorbeeld deze HTML color picker:
>www.w3schools.com/colors/colors_picker.asp
>Je klikt bijvoorbeeld op oranje, en dan zie je de codes van oranje in elke
>helderheid, van licht-oranje tot donker-oranje.
>Of probeer de balk die staat onder 'Or use HTML5'. Hetzelfde op een andere
>manier.
>
>Maar verderop op die pagina zie je ook de HSL-notatie (Hue, Saturation,
>Lightness). Met die 'Lightness' kun je de helderheid wel degelijk met
>1 parameter instellen, als je dat zou willen.

O, leuk.

[Sjoerd]

Op 20 april 2020 schreef J:
> Op 18 april schreef Sjoerd:
> > Wat me trouwens ook erg interessant lijkt, is deze cursus Webdesign
> > van de NHA:
> >
> > www.nha.nl/beroepsopleidingen/computer/webdesign
>
> Dat zal voor mij niet nodig zijn. Ik heb slechts een eenvoudige
> informatieve website op het oog. Geen ingewikkelde webwinkel of zo.

Het is inmiddels 5 maanden later, maar ik heb op dit moment een proefles
van deze cursus onder ogen, en ik wou toch eens even laten zien waar de
40 lessen over gaan.
En wel via een link, dan kan ik het over een paar dagen weer eens weghalen
en blijft het niet eeuwig op het Net en/of in de archieven rondhangen.

http://home.kpn.nl/shiems/nha_webdesign.txt

Het is zo te zien vrij basale kennis, het meeste is me al wel bekend,
dus zit ik toch weer te twijfelen.
Opvallend dat er een paar opensource-programma's in voorkomen:
Aptana Studio 3, BlueGriffin, Gimp.

[J]

On Fri, 25 Sep 2020 11:07:17 +0200, Els <els.a...@tiscali.nl>
wrote:

>Die link word geblokkeerd hier wegens een Trojan.
>Misschien moet je je site checken op ongewenste files...

Ach jee, dan zal ik maar niet kijken op die webpagina.

[J]

On Thu, 24 Sep 2020 21:19:53 +0200, Sjoerd <x...@xx.invalid> wrote:

>http://home.kpn.nl/shiems/nha_webdesign.txt
>
>Het is zo te zien vrij basale kennis, het meeste is me al wel bekend,
>dus zit ik toch weer te twijfelen.

Ik denk dat dat duitse boek gecombineerd met w3schools.com wel genoeg
is. Ik heb ook dat CSS gedeelte van w3schools.com doorgewerkt.
Het komt nu wel een beetje mijn neus uit......

[robert]

Els <els.a...@tiscali.nl>:
> On 24/09/2020 21:19, Sjoerd wrote:
>
>> http://home.kpn.nl/shiems/nha_webdesign.txt

>
> Die link word geblokkeerd hier wegens een Trojan.
> Misschien moet je je site checken op ongewenste files...

Het is een simpele tekstfile...

--
robert

[Sjoerd]

Om 11.07 uur schreef Els:

> On 24/09/2020 21:19, Sjoerd wrote:
>
> > http://home.kpn.nl/shiems/nha_webdesign.txt
>
>
> Die link word geblokkeerd hier wegens een Trojan.
> Misschien moet je je site checken op ongewenste files...

Vreemd, het is gewoon homepageruimte van mijn provider, de KPN.
Geen problemen hier op verschillende browsers, o.a. Opera, Firefox,
Chromium.
Wel is het zo dat er geen SSL op zit.
En als ik er een video op plaats, dat is die vanaf een browser onzichtbaar.
Blijkbaar worden de bestanden met bepaalde software gecontroleerd.
Ook als ik b.v. 'video.mp4' van naam verander in 'video.jpg', dan laat die
software zich daardoor niet foppen.

Ik heb nu alle oude, overbodige bestanden verwijderd, maar ja, dat waren
alleen maar afbeeldingen en pdf's.
Misschien wil je nog eens kijken of die melding nog steeds bestaat?
Zo ja, waar komt die melding vandaan? Hoe zou ik het kunnen reconstrueren?

Ondertussen hetzelfde tekstbestand maar even via een andere link:

www.tanchazheerenveen.nl/nha_webdesign.txt

Het bestand heeft LF-regeleinden, maakt dat misschien wat uit?
Hier nog eens dezelfde met CR+LF-regeleinden:

www.tanchazheerenveen.nl/nha_webdesign2.txt

[J]

On Fri, 25 Sep 2020 12:33:24 +0200, Sjoerd <x...@xx.invalid> wrote:

>Ondertussen hetzelfde tekstbestand maar even via een andere link:
>
>www.tanchazheerenveen.nl/nha_webdesign.txt
>
>Het bestand heeft LF-regeleinden, maakt dat misschien wat uit?
>Hier nog eens dezelfde met CR+LF-regeleinden:
>
>www.tanchazheerenveen.nl/nha_webdesign2.txt

Zit hier nog een trojan op Els?
Anders ga ik het niet openen...

[J]

On Sun, 27 Sep 2020 22:20:13 +0200, Els <els.a...@tiscali.nl>
wrote:

>Ha nee, en op die originele link ook niet meer.
>Geen flauw idee waarom het vrijdag wel zo was.
>
>Misschien dat er in dezelfde folder een ander bestand was met een trojan
>dat al gezien was door de trojan blocker?

Heb het bestand inmiddels gelezen. Ik denk dat er in die cursus niet
veel meer staat dan in dat Duitse boek en w3schools.com samen.

[Sjoerd]

J schreef:

> Ik denk dat er in die cursus niet veel meer staat dan in dat Duitse boek
> en w3schools.com samen.

Dit is de tekst waarme ze adverteren:
"Heb je de opleiding Webdesign afgerond, dan ben je een allround webpage-
designer. Je kunt niet alleen je eigen site ontwikkelen, maar ook anderen
adviseren en begeleiden. Je kunt zelfs je eigen webdesignbureau starten."

Maar ik krijg de indruk dat het toch niet zo ver gaat. Zaken als PHP en
responsive design, komen die er in voor? Ik zie het in ieder geval niet
terug in de inhoudsopgave.
JavaScript en jQuery komen er wel in voor, maar dan is er ook weer een
vervolgcursus JavaScript & jQuery.
En ik vraag me af wat b.v 'Een webpagina structureren' en 'Schrijven voor
het World Wide Web' inhoudt.
En je maakt kennis met programma's als Aptana Studio 3 en BlueGriffon.
Ben er nog niet in geslaagd om Aptana in Linux te installeren, daar zijn
bepaalde versies van openjdk voor nodig. Maar wat die programma's
inhouden, hoop ik nog uit te vogelen. Ik zou het jammer vinden als dat
WYSIWYG-editors zijn, waarbij de code zo ingewikkeld wordt dat een normaal
mens die niet meer begrijpt.

Kortom, het lijkt me een soort oriëntatiecursus, waarbij de belangrijkste
punten aan de orde komen. En vandaaruit kun je je er weer verder in
verdiepen.

[J]

On Tue, 29 Sep 2020 13:25:51 +0200, Sjoerd <x...@xx.invalid> wrote:

>Maar ik krijg de indruk dat het toch niet zo ver gaat. Zaken als PHP en
>responsive design, komen die er in voor? Ik zie het in ieder geval niet
>terug in de inhoudsopgave.

Bij w3schools komt het wel aan bod.

>JavaScript en jQuery komen er wel in voor, maar dan is er ook weer een
>vervolgcursus JavaScript & jQuery.
>En ik vraag me af wat b.v 'Een webpagina structureren' en 'Schrijven voor
>het World Wide Web' inhoudt.
>En je maakt kennis met programma's als Aptana Studio 3 en BlueGriffon.
>Ben er nog niet in geslaagd om Aptana in Linux te installeren, daar zijn
>bepaalde versies van openjdk voor nodig. Maar wat die programma's
>inhouden, hoop ik nog uit te vogelen. Ik zou het jammer vinden als dat
>WYSIWYG-editors zijn, waarbij de code zo ingewikkeld wordt dat een normaal
>mens die niet meer begrijpt.
>
>Kortom, het lijkt me een soort oriëntatiecursus, waarbij de belangrijkste
>punten aan de orde komen.

Lijkt mij ook.

> En vandaaruit kun je je er weer verder in
>verdiepen.

Kan bij w3schools ook. Het is erg veel wat daar op staat. Als je alles
moet bestuderen wat daar op staat.....

[Sjoerd]

J schreef:

> Sjoerd wrote:
> > Kortom, het lijkt me een soort oriëntatiecursus, waarbij de
> > belangrijkste punten aan de orde komen.
>
> Lijkt mij ook.
>
> > En vandaaruit kun je je er weer verder in verdiepen.
>
> Kan bij w3schools ook.

Nee, w3schools is geen oriëntatiecursus waar alleen het belangrijkste
behandeld wordt. Je zou de NHA-cursus kunnen gebruiken om beter wegwijs in
w3schools te worden.
Hier staat wel een roadmap van wat je achtereenvolgens zou moeten
bestuderen: www.w3schools.com/whatis/default.asp , maar al gauw zit ik me
af te vragen waar het eigenlijk over gaat.

Heb ook BlueGriffin geprobeerd. Het enige verschil met editors als
CoffeeCup of Bluefish is dat je zowel een WYSIWYG- als een code-editor
tot je beschikking hebt. Zet je die twee naast elkaar en je verandert iets
in de ene, dan zie je dat het gelijk ook in de andere verandert.

Alleen jammer dat de code, die je zelf zo netjes en overzichtelijk neer
had gezet, door BlueGriffin gelijk anders naast en onder elkaar wordt
gezet, waardoor die code er veel rommeliger uit komt te zien.

Waar BlueGriffin wel voor te gebruiken zou zijn, is wanneer je een site
voor een ander maakt, en die ander kan dan met de WYSIWYG-editor van
BlueGriffin zelfstandig teksten veranderen. Naar de code kijken ze dan
toch niet.

[J]

On Tue, 29 Sep 2020 19:22:28 +0200, Sjoerd <x...@xx.invalid> wrote:

>Nee, w3schools is geen oriëntatiecursus waar alleen het belangrijkste
>behandeld wordt.

Ik bedoelde juist dat je je bij w3schools.com er verder in kunt
verdiepen.

> Je zou de NHA-cursus kunnen gebruiken om beter wegwijs in
>w3schools te worden.
>Hier staat wel een roadmap van wat je achtereenvolgens zou moeten
>bestuderen: www.w3schools.com/whatis/default.asp , maar al gauw zit ik me
>af te vragen waar het eigenlijk over gaat.
>
>Heb ook BlueGriffin geprobeerd.

Waar kun je dat downloaden? Is dat gratis? Is het ook voor windows?

[Sjoerd]

J schreef:

> Sjoerd wrote:
> > Heb ook BlueGriffin geprobeerd.
>
> Waar kun je dat downloaden? Is dat gratis? Is het ook voor windows?

Aangezien je dat met een zoekmachine super eenvoudig kunt vinden, verbaast
het me een beetje dat je niet zelf al op dat idee was gekomen.
www.bluegriffon.org
Op de downloadpagina vind je de platforms waarvoor het beschikbaar is.
Voor Linux is er alleen een versie voor Ubuntu 16.04, maar ook bij mij op
Debian werkt die prima.

Wellicht ook interessant om even in de Engelse Wikipedia te kijken:
https://en.wikipedia.org/wiki/BlueGriffon
In het schema 'HTML editors' onderin is te zien waar BlueGriffon staat ten
opzichte van andere HTML-editors.

[J]

On Thu, 1 Oct 2020 12:06:16 +0200, Sjoerd <x...@xx.invalid> wrote:

>Aangezien je dat met een zoekmachine super eenvoudig kunt vinden, verbaast
>het me een beetje dat je niet zelf al op dat idee was gekomen.

Ik ben een beetje bang voor virussen, dus ik ga niet zomaar een
website opzoeken en daar downloaden..

>www.bluegriffon.org
>Op de downloadpagina vind je de platforms waarvoor het beschikbaar is.
>Voor Linux is er alleen een versie voor Ubuntu 16.04, maar ook bij mij op
>Debian werkt die prima.
>
>Wellicht ook interessant om even in de Engelse Wikipedia te kijken:
>https://en.wikipedia.org/wiki/BlueGriffon
>In het schema 'HTML editors' onderin is te zien waar BlueGriffon staat ten
>opzichte van andere HTML-editors.

Dank U.

[robert]

J <noe...@noemail.com>:

> On Thu, 1 Oct 2020 12:06:16 +0200, Sjoerd <x...@xx.invalid> wrote:
>
>>Aangezien je dat met een zoekmachine super eenvoudig kunt vinden, verbaast
>>het me een beetje dat je niet zelf al op dat idee was gekomen.
>
> Ik ben een beetje bang voor virussen, dus ik ga niet zomaar een
> website opzoeken en daar downloaden..

Is het tegenwoordig zo erg gesteld met Google, dat je daar virussen van
oploopt?

--
robert

[J]

On Thu, 1 Oct 2020 16:51:23 -0000 (UTC), US3N37+{n.i.w.o}@gmail.com
(robert) wrote:

>Is het tegenwoordig zo erg gesteld met Google, dat je daar virussen van
>oploopt?

Google niet, maar de websites waar je iets download kunnen wel
virussen bevatten.

[robert]

J <noe...@noemail.com>:

Dus jij vertrouwt meer op een willekeurige persoon op Usenet die jou naar
een website toe leidt dan op Google?

--
robert

[J]

On Fri, 2 Oct 2020 13:09:38 -0000 (UTC), US3N37+{n.i.w.o}@gmail.com
(robert) wrote:

>Dus jij vertrouwt meer op een willekeurige persoon op Usenet die jou naar
>een website toe leidt dan op Google?

Eigenlijk wel: hij heeft de software al gedownload en gebruikt.

[robert]

J <noe...@noemail.com>:

En jij gaat er klakkeloos van uit dat ie je naar de juiste website stuurt.

--
robert

[Sjoerd]

robert:
> J:
> > robert:

> > > Dus jij vertrouwt meer op een willekeurige persoon op Usenet die
> > > jou naar een website toe leidt dan op Google?
> >
> > Eigenlijk wel: hij heeft de software al gedownload en gebruikt.
>
> En jij gaat er klakkeloos van uit dat ie je naar de juiste website
> stuurt.

Ik kom dan natuurlijk ook heel betrouwbaar over. :-))
Maar de ware reden dat J niet zelf even naar BlueGriffon heeft gezocht,
zal altijd wel wat vaag blijven. Er zullen meerdere factoren hebben
meegespeeld.
Zo lijkt J getraumatiseerd te zijn door zijn ervaringen met virussen.
Wij Linux-mensen kunnen ons dat niet meer voorstellen.

[J]

On Fri, 2 Oct 2020 18:51:18 +0200, Sjoerd <x...@xx.invalid> wrote:

>Ik kom dan natuurlijk ook heel betrouwbaar over. :-))
>Maar de ware reden dat J niet zelf even naar BlueGriffon heeft gezocht,
>zal altijd wel wat vaag blijven. Er zullen meerdere factoren hebben
>meegespeeld.
>Zo lijkt J getraumatiseerd te zijn door zijn ervaringen met virussen.

Valt eigenlijk wel mee: ik heb er nog niet echt mee te maken gehad.
Maar ik maak uiteraard goede backups van mijn bestanden.