datagott > internet.* > internet.www.ontwerp

J (31.05.2020, 12:47)
On Sat, 18 Apr 2020 22:38:30 +0200, Sjoerd <xx> wrote:

>Maar als je de Duitse taal machtig bent, dit HTML5 Handbuch, ook van
>die Mnz, lijkt me een hele goeie:
> [..]


>Maar je vindt dat HTML5 Handbuch ook hier online:
> [..]
>En je kunt hem zelfs gratis downloaden als 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 (01.06.2020, 14:11)
J schreef:
> Sjoerd wrote:
> 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.


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:
[..]
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: [..] , 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: [..]
J (03.06.2020, 10:58)
On Mon, 1 Jun 2020 14:11:33 +0200, Sjoerd <xx> 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 (04.06.2020, 14:03)
On Mon, 1 Jun 2020 14:11:33 +0200, Sjoerd <xx> wrote:

>Ik kan even de site laten zien die ik met de kennis van stap 1 al heb
>weten te maken: [..] , 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 (04.06.2020, 16:03)
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:
[..]
Sjoerd (04.06.2020, 16:16)
J schreef:
> Sjoerd wrote:
> > Ik kan even de site laten zien die ik met de kennis van stap 1 al heb
> > weten te maken: [..] , 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 (04.06.2020, 17:01)
On Thu, 4 Jun 2020 16:03:41 +0200, Sjoerd <xx> 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 (04.06.2020, 17:15)
On Thu, 4 Jun 2020 16:16:53 +0200, Sjoerd <xx> 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 (04.06.2020, 17:55)
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:
[..]
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.

> 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:
[..]
Klik onderin eens op 'Try it Yourself' en zie wat er gebeurt als je de
middelste balk naar links en naar rechts schuift.
J (05.06.2020, 13:05)
On Thu, 4 Jun 2020 17:55:05 +0200, Sjoerd <xx> 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:
>[..]
>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 (05.06.2020, 16:09)
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.

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


Nog een nuttige site voor de beginner: [..]
Iets soortgelijks in het Engels: [..]
Soortgelijke onderwerpen