Het grote - ik wil webdesign leren - topic

[Koen Bokern]

SInds dat programmeren bij de categorieen is gekomen, komen er steeds meer vragen over hoe leer ik php, hoe leer ik html etc, of het valt me gewoon beter op. Daarom even een draad met alles op een rij.

Het echte begin...
In den beginnen moet je natuurlijk html leren. Maar doe dit dan ook goed! Een zeer foute code is dit:

FOUTE CODE:

Code: [Selecteer]






test
Dit is mijn site

Waarom? Daarom:
- De code is onoverzichtelijk. Gebruik tabs
- Er is geen doctype,
- HTML-opmaak attributen zijn uit de oertijd!!!! Gebruik CSS
- Font tag is ook uit de oertijd. Gebruik of in dit geval

- white en black is niet toegestaan. Gebruik hexwaardes (#000 = zwart, #FFF= wit)

GOEDE CODE:

Code: [Selecteer]

   "http://www.w3.org/TR/html4/loose.dtd">

Test

Dit is mijn site

Netter toch? En is mijn code nu goed? Bekijk het zelf maar: http://www.w3.org/QA/Tools/

Frames
Frames zijn gemaakt voor het laden van een content binnen een bepaalde htmlpagina. Handig toch? Nee. Het is niet SEO, en ze zijn achterhaald. Gebruik de functie include() van php of gebruik ajax. Let wel op, ook ajax is niet SEO als je het op een bepaalde manier doet. De onderstaande link (include met ajax) gaat hier verder op in.

SEO???
Huh wat wie waar hoe???
http://nl.wikipedia.org/wiki/Zoekmachine-optimalisatie
http://www.html-site.nl/forum/22_0.html

Ajax???
Nee ik bedoel geen schoonmaak middel. Ik bedoel een combinatie van javascript en XML:
Algemeen: http://nl.wikipedia.org/wiki/Asynchronous_JavaScript_and_XML
Include met ajax: http://www.html-site.nl/forum/9_14626_0.html
Post met ajax: http://www.captain.at/howto-ajax-form-post-request.php
( Vervang de functie get uit de tutorial door deze code om het dynamischer te maken ):

Code: [Selecteer]

  function get(uri, obj) {
var catched = obj.elements;
var poststr = '';
if(catched) {
for ( x in catched ) {
if (catched[x].value != undefined) {
poststr += catched[x].name + '=' + escape(catched[x].value) + '&';
}
}
}
makePOSTRequest(uri, poststr);
   }Design?
Ja, design. Maar het kan ook zijn dat je meer wil, zoals mooie buttons ipv simpele links, eventueel met css tot buttons gemaakt. Je kan natuurlijk ook the gimp gebruiken voor een design.
http://gimp-tutorials.net/websitetutorial

Goede site's:
http://www.w3schools.com/
http://www.w3c.org/
http://www.html-site.nl/
http://www.php.net/
http://www.phphulp.nl
http://www.captain.at/
http://www.sitemasters.be/
http://www.your-world.nl/

[idefix]

Mooi gedaan, Vlerknozem. En inderdaad nuttig. Webtechnologie verandert zo snel dat zo een draad welkom is.

[Prosper]

Zal dat allemaal eens rustig doorlezen van de vakantie.  En als er wat van komt, dan post ik het wel...
In elk geval alvast bedankt voor de moeite.
Nu maar hopen dat ik het ook nog ga snappen en kunnen onthouden...

[Koen Bokern]

Gaat vast lukken. Zeker als je het rustig even door neemt, en vooral niet meer tegelijk dan je aan kan. Succes

[Kev]

HTML 4.01 is achterhaald gebruik in hemelsnaam toch XHTML, veel beter en je kunt het gemakkelijk vallideren, omdat het lastiger doet over foutjes, het dwingt je goede code te schrijven.

[kroesss]

XHTML kent ook zijn eigen problemen. Als je bijvoorbeeld een target aan een link mee wil geven, maar wel valid XHTML wil schrijven dan moet je al een javascript-functie gaan lopen inbouwen.

Persoonlijk vind ik HTML 4.01 niet achterhaald. Ik ben het wel met je eens dat het verstandig is een strenge DTD te gebruiken. Zelf gebruik ik meestal XHTML strict, maar als ik tegen een probleem zoals het target-verhaal aanloop wijzig ik dat naar HTML strict.

[Koen Bokern]

Mwah, ik vind XHTML toch wel een beetje minder, omdat je dan op veel meer moet letten. Maar het is inderdaad wel beter.
@Kroesss, waarvoor heb je een target nodig dan? Volgens mij was dat alleen voor frames enzo, en die kan je zoals ik zei zowieso achterwege laten.

[Dr. Horrible]

Om een link buiten de pagina te openen, oftewel target="_blank". Dat mis ik ook erg in xhtml. Maar de beredenering daarachter is dat de eindgebruiker zelf mag kiezen of hij het opent in een nieuw venster of niet.

[Koen Bokern]

Ja ik vind het ook altijd wel storend als mensen dat gaan manipuleren. Maar met javascript is dit toch ook zeer simpel? Bijvoorbeeld zo ( even uit dit forum geript)

Code: [Selecteer]

BBCodeWordt mooi in een nieuw venster geopend. Dus is geen aparte javascript functie voor nodig.

[HP]

Goede site's:..............

Zeker goeie sites! De meesten stonden al bij mijn bookmarks. Deze wil ik er graag aan toevoegen, hiermee heb ik CSS geleerd - in een tijd dat 90% van de sites nog geen CSS gebruikte (3 jaar geleden ;-))) al is het al een soort van standaard vanaf 1999:
http://www.handleidinghtml.nl/
http://www.bitstorm.org/edwin/cursus/css.html

En verder natuurlijk de USEnet nieuwsgroep nl.internet.www.ontwerp maar dat spreekt voor zich

[HP]

En voor wie engels kan en wat verder gevorderd raakt: A List Apart.
http://www.alistapart.com/

Maar goed, deze site is wel heel erg gevorderd, daar hebben ze het al over de volgende stap: geen css meer gebruiken, grappig

[Reginald Wilders]

Ik heb een (newbie) probleempje met frames en links naar frames.

Ik heb een beginpagina (frameset) gemaakt met 3 frames. Alle frames zijn apart bewaard, en ik heb als test ook een tweede frameset gemaakt.
- het eerst frame heeft continu dezelfde knoppen.
- het tweede frame heeft een menulijst gerelateerd aan de knoppen in 't eerste frame.
- het derde frame is het grootste, (met informatie), gerelateerd aan de menu-items uit het tweede frame.

Als ik nu een link in de eerste frame maak naar een frame die in het tweede frame hoort, gaat 't dus niet goed; die frame opent zich in 't eerste frame.

Maar als ik een link in de eerste frame maak naar een tweede frameset, verandert 'ie toch alleen het eerste frame van de tweede frameset!
Terwijl als ik het tweede frameset zelf open in een browser, laat 'ie wel de juiste frameset zien...
Én..., als ik de link in de eerste frameset open in een nieuw venster, dan opent de browser wel de hele tweede frameset.
?

Is het werken met framesets eigenlijk wel de goede weg?
Of kan ik met een link in 't ene frame, (naar een ander frame), een frame in een ander frame doen veranderen?  
Dit zou namelijk inhouden dat je niet van elke mogelijke combinatie frames een frameset hoeft te maken.

En oh ja! Ik kan de html-bestanden vooralsnog alleen lokaal testen...

[Eider]

Bestanden in frame tonen:

-- bij de link geef je een target op die wijst naar de name van het frame
hier de tekst

als frameset bijv:





Je kunt eigenlijk beter een site maken met php of asp waarbij je een header maakt waar het menu in staat.
Frames worden tegenwoordig eigenlijk niet meer gebruikt en zijn vrij gedateerd.

[Reginald Wilders]

Bestanden in frame tonen:

-- bij de link geef je een target op die wijst naar de name van het frame
hier de tekst

Dit werk in zoverre dat nu gelijk de tweede frameset in een nieuw tabblad wordt geopend...  Da's niet de bedoeling?!?

als frameset bijv:





Je kunt eigenlijk beter een site maken met php of asp waarbij je een header maakt waar het menu in staat.
Frames worden tegenwoordig eigenlijk niet meer gebruikt en zijn vrij gedateerd.

Oef! Ik heb eerlijk gezegd geen tijd (en zin om er kostbare tijd voor vrij te maken) om PHP of ASP te leren...
Tenmiste, nu niet. Maar in de toekomst zeker wel.

[Eider]

Heb je hier iets aan?
http://www.htmlhelpcentral.com/messageboard/showthread.php?t=5972

[Reginald Wilders]

Hee! Dat ziet er veelbelovend uit. Ik heb er waarschijnlijk overheen gegoogled!  

Morgen ga ik het proberen; nu nog even buiten een biertje!

Ik had ondertussen even een snelle test gemaakt, door in DreamWeaver een nieuwe  PHP-pagina te maken, maar dan ik op dezelfde manier frames maken, en doet zich hetzelfde probleem voor...

Goed. Tot morgen, of niet...  

IIG heel erg bedankt voor 't meedenken.

[Cumulus007]

Mag ik julie erop wijzen dat webDESIGN iets heel anders is dan scripten?