Ontwerpje realiseren

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Delphi Programmeur

Functie omschrijving Onze opdrachtgever is gespecialiseerd in kantoor-bedrijfssoftware en zit gevestigd in omgeving Numansdorp. Als programmeur ben jij bij dit bedrijf met het volgende bezig; Je vertaalt technische en functionele ontwerpen naar kwalitatieve software. Je ontwikkelt, ontwerpt en test software. Je maakt daarbij veel gebruik met de volgende tools & technologieën: Delphi 10.3 (Rio), QuickReport 6. Je krijgt in deze rol veel vrijheid en verantwoordelijkheid. Je levert projecten van A - Z op, en werkt daarbij projectmatig en gestructureerd. Bedrijfsprofiel Dit bedrijf richt zich op maatwerk software oplossingen. Deze software oplossingen worden ingezet in de financiële branche. Het betreft een

Bekijk vacature »

Oracle APEX developer

Wat je gaat doen: Als Oracle APEX ontwikkelaar bij DPA werk je samen met collega’s aan de meest interessante opdrachten. Je zult je ervaring met SQL, PL/SQL, JavaScript, HTML en CSS inzetten om wensen van opdrachtgevers te vertalen naar technische oplossingen. Je werk is heel afwisselend, omdat DPA zich niet beperkt tot een specifieke branche. Zo ben je de ene keer bezig binnen de zorgsector, de andere keer is dit bij de overheid. Wat we vragen: Klinkt goed? Voor deze functie breng je het volgende mee: Je hebt een hbo- of universitaire opleiding afgerond Je hebt 2 tot 5 jaar

Bekijk vacature »

Mendix Developer

For our client in Amsterdam, we are looking for a Senior Mendix Developer. Company description Our client is an IT Consultancy company who’s been active for 10 years now. With their ambitious team, they are working with different clients in order to help them with analyzing their data and giving advice to them, regarding how they can use their data in the smartest ways, or to make sure that their mobile or web applications are working efficiently. As you get a glimpse of various industries, it is guaranteed that no day will be the same. Job description As a Mendix

Bekijk vacature »

Junior/medior Back end developer PHP, Laravel

Functie Jij als ontwikkelaar komt te werken in een team bestaande uit 4 back end programmeurs, 2 vormgevers/ Front end developers en een online marketeer. Qua persoonlijkheden is het team erg gevarieerd van sportfanaten tot gameliefhebbers en Golfers. Een ding heeft iedereen hier gemeen; Passie voor goede code. In jouw rol zul je voor veel van je tijd je bezig houden met het ontwikkelen van maatwerk features en applicaties. Daarnaast hebben wij op aanvraag ook wel eens een website of onderhoudsklusje, die opgepakt moet worden en hier ben jij ook niet vies van. Jij als full stack developer zult dus

Bekijk vacature »

Account Developer

Voor Bol.com zijn wij per direct op zoek naar een Account Developer voor 32-40 uur per week op het kantoor in Utrecht. Wil jij een directe bijdrage leveren door partners van de juiste data-inzichten te voorzien en via campagnes op nieuwe platformkansen en features te wijzen? Ben jij analytisch sterk en kun jij dit vertalen naar plannen en inspirerende gesprekken? Lees dan snel verder! wat bieden wij jou Salaris van €2400 - €2600 obv 40 uur Minimaal 6 maanden Werklocatie is Utrecht Werken bij bol.com wie ben jij Jij bent commercieel gedreven en weet altijd aan de juiste knoppen te

Bekijk vacature »

Lead React Developer

Dit ga je doen Als Lead React Developer zul jij je voornamelijk gaan bezighouden met: Het werken aan tal van uiteenlopende projecten waar gloednieuwe (web)applicaties van scratch af aan ontwikkeld worden met o.a. React (Native) en Drupal; Het aansturen van een team bestaande uit 5-6 talentvolle en gedreven ontwikkelaars; Het adviseren en meedenken over nieuwe (technische) oplossingen en te gebruiken tools/frameworks; Het meedenken over de architectuur en de juiste implementatiebeslissingen maken; De doorontwikkeling van huidige applicaties. Hier ga je werken Als je inderdaad een ervaren Lead React Developer bent die zichzelf graag nog verder wil ontwikkelen dan is het goed

Bekijk vacature »

C# .NET Developer

Functie omschrijving Wij zijn op zoek naar een C# .NET Developer voor een bedrijf in de omgeving van Utrecht! Wil jij werken voor een internationaal bedrijf waar je legio mogelijkheden krijgt als Software Ontwikkelaar? Grijp nu je kans! Je kunt een uitdagende rol gaan vervullen als C#.NET Developer binnen een internationaal bedrijf dat gevestigd is in omgeving van Utrecht. Je zult gaan samenwerken met collega's die over de hele wereld verspreid zitten. Dit bedrijf is zeer vooruitstrevend en werkt met de nieuwste technieken. Als C#.NET Developer ga jij je bezig houden met het volgende: Je blijft op de hoogte van

Bekijk vacature »

Back end Node.js developer

Functie Het ontwikkelteam bestaat momenteel uit 5 (back-end) Developers, 2 systeembeheerders, 1 DevOps engineer, 1 Tech Lead en 2 Scrum Masters. Samen wordt er doorontwikkeld aan twee SaaS-platformen die in een hoog tempo doorontwikkeld moeten worden. Omdat innovatie een belangrijk speerpunt binnen de organisatie is, wordt er ook continu naar snellere en slimmere oplossingen te bedenken en realiseren. Als Back-end Developer hou jij je dagelijks bezig met vraagstukken zoals: API-development, high volume datastromen, het ontwikkelen van Bots aan de hand van A.I. Daarnaast denk en werk jij mee aan de onlineapplicaties voor klanten. Er wordt zelfstandig en in teamverband gewerkt

Bekijk vacature »

Software Ontwikkelaar

Functie omschrijving Voor een echt familiebedrijf in de omgeving van 's-Hertogenbosch ben ik op zoek naar een Software Developer. Jij gaat in de functie van Software Developer werken met C# en .NET framework Jij gaat maatwerk software ontwikkelen en softwareoplossingen creëren. Daarnaast optimaliseer je de bestaande software. Oplossingen waar de klant echt iets aan heeft, jij krijgt er energie van op dit te realiseren. Je gaat werken in een Microsoft omgeving(ASP.NET) en gebruikt daarnaast C# en MVC. Samen met het huidige IT team binnen deze organisatie verwerk je de wensen van de klant tot een (eind)product. Bedrijfsprofiel Deze organisatie is

Bekijk vacature »

Mendix Developer

Voor Troostwijk Groep zoeken wij een: Mendix Developer Wij zoeken Je bent een getalenteerde en ervaren Mendix Developer en het is tijd om je horizon te verbreden. Je wilt minder coderen en meer modelleren, minder bezig zijn met allerlei technische details en randvoorwaarden en meer met functionaliteit. Daarnaast ben je trots op de innovatieve en gebruiksvriendelijke applicaties die je in de loop van de jaren hebt gebouwd. Werk je graag in een enthousiast team, wil je veel vrijheid en kun je tegelijkertijd goed met deadlines omgaan, dan ben jij absoluut degene die wij zoeken! Wat je nodig hebt is ruime

Bekijk vacature »

Junior .NET developer

Functie Wij hebben drie scrumteams. Het eerste team focust zich op het stukje hardware wat wij in huis doen. Zij maken als team o.a. gebruik van C++. De andere twee scrumteams zijn allebei bezig met data verwerking en maken hierbij in de backend gebruik van C# .NET / .NET Core. Het verschil tussen deze teams is dat één team de data verwerking doet voor de mobiele applicatie. Zij werken hierbij dus ook met Xamarin. Het andere team focust zich op de webapplicaties en maakt hierbij ook gebruik van ASP.NET MVC. Op basis van jouw ambities en kwaliteiten kijken wij samen

Bekijk vacature »

Junior .NET developer

Functie Als junior .NET Developer start jij in een team met 15 developers. In het team is er genoeg senioriteit om ervoor te zorgen dat jij de juiste begeleiding krijgt. Jij begint als eerst alle software pakketten en processen eigen te maken. Vervolgens ga jij deze software programmeren, onderhouden en testen. Ook ga jij research doen naar nieuwe mogelijkheden en zoek jij uit hoe je dit kan implementeren. Jullie werken intern op project basis en afhankelijk van het project werken jullie wel of niet iedere ochtend met een standup. Je gaat als Full stack developer aan de slag en gaat

Bekijk vacature »

Front-end Developer Magento 2/Wordpress

Voor het aantrekkelijk houden en steeds vernieuwen van de huidige websites en webshops en het meedenken in de marketing zijn wij per direct op zoek naar een ervaren Front-end developer met gedegen kennis van Magento 2 (webshops) en Wordpress (websites). Wat bieden wij jou Mooi salaris! Meteen op contract bij de opdrachtgever! Gezellig, Kempisch bedrijf! 35 uur per week! Auto van de zaak! Wie ben jij Van een front-end developer verwachten wij: Een afgeronde Bachelor ICT opleiding met profiel ICT & Media Design. Dat je in het bezit bent van een Magento 2 professional front-end developer certificaat; Je hebt ruime

Bekijk vacature »

Oracle APEX developer

Wat je gaat doen: Als Oracle APEX ontwikkelaar bij DPA werk je samen met collega’s aan de meest interessante opdrachten. Je zult je ervaring met SQL, PL/SQL, JavaScript, HTML en CSS inzetten om wensen van opdrachtgevers te vertalen naar technische oplossingen. Je werk is heel afwisselend, omdat DPA zich niet beperkt tot een specifieke branche. Zo ben je de ene keer bezig binnen de zorgsector, de andere keer is dit bij de overheid. Wat we vragen: Klinkt goed? Voor deze functie breng je het volgende mee: Je hebt een hbo- of universitaire opleiding afgerond Je hebt 2 tot 5 jaar

Bekijk vacature »

Junior .NET developer

Functie Als junior .NET developer start jij in een development team met twee ervaren software ontwikkelaars. Jouw persoonlijke ontwikkeling is voor ons erg belangrijk en jij gaat dan ook meelopen met onze Senior .NET ontwikkelaar die jou met zijn kennis en ervaring een goede begeleiding kan aanbieden. Als team zijn jullie verantwoordelijk voor het schrijven van software voor onze toonaangevende Automatiseringssystemen. Jij gaat aan de slag met de onderhoud van de kernsoftware, ondersteund de software van derden door het gebruik van onze webservices en als team zijn jullie verantwoordelijk voor het ontwikkelen van onze backend oplossingen. Wij maken op dit

Bekijk vacature »

Pagina: 1 2 volgende »

Lord Gaga

Lord Gaga

04/05/2013 14:41:21
Quote Anchor link
Hallo,

Een paar jaar geleden heb ik een ontwerpje gemaakt voor mijn website, die ik uiteindelijk ook heb gemaakt.
Maar nu wil ik deze layout in HTML5 maken (Dus gebruik maken van o.a. <header>, <footer>, <section> en <article>

Maar ik zie zo 1, 2, 3 niet hoe ik dit moet gaan realseren en wanneer ik nou <section>, <article> of toch gewoon een <div> moet gebruiken. Op internet is genoeg te vinden over het verschil maar nog steeds weet ik nog niet echt precies wanneer ik nou wat moet gebruiken.

Kan iemand me hiermee op weg helpen?

Screenshot van ontwerp
http://updo.nl/file/45c72dbf.png

Alvast bedankt!
 
PHP hulp

PHP hulp

05/11/2024 15:32:34
 
Arthur Heijmen

Arthur Heijmen

04/05/2013 15:04:32
Quote Anchor link
Kijk hier even alles over css.
gebruik ik ook, en werkt heel goed.
http://www.w3schools.com/css/default.asp
 
Albert de Wit

Albert de Wit

04/05/2013 15:49:23
Quote Anchor link
En als je hier nog even snel een kijkje geeft zie je dat w3schools een slechte site is om te gebruiken vanwege bad practices.

Wat ik je aanraad is deze website.
 
Frank Conijn

Frank Conijn

06/05/2013 16:55:43
Quote Anchor link
Albert de Wit op 04/05/2013 15:49:23:
En als je hier nog even snel een kijkje geeft zie je dat w3schools een slechte site is om te gebruiken vanwege bad practices.
Wat ik je aanraad is deze website.

W3Schools is helemaal geen slechte site. Dat een stel nerds van W3Fools na wekenlang zoeken een paar omissies en niet-fatale fouten vindt op een site die bestaat uit honderden pagina's en een meervoud aan onderwerpen behandelt, daar is weinig abnormaals aan. Ze zijn gewoon jaloers dat W3Schools zo populair is.

Verder is Code Academy een drama als het gaat om didactiek. Echt superslecht. Om nog maar te zwijgen van de compleetheid. Die slaat echt helemaal nergens op, bij die site. Niet meer dan een lukrake greep uit, een ad random deelverzameling van een stuk of wat onderwerpjes.

Verder is iets opzoeken op die site niet of nauwelijks mogelijk. Als er dus een slechte instructiesite is, dan is het Code Academy.
Gewijzigd op 06/05/2013 17:08:44 door Frank Conijn
 
Lord Gaga

Lord Gaga

06/05/2013 16:56:51
Quote Anchor link
Oké, mijn broncode ziet er op dit moment zo uit:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!doctype html>

<html>
    <head>
        <title>Avickum</title>
        
        <meta charset="utf-8">
        <meta name="keywords" content="Avickum, RPG, Fantasy, Online">
        <meta name="description" content="Avickum is an Online Fantasy RPG">
        <meta name="author" content="Avickum">
        
        <link rel="shortcut icon" href="/img/icon/favicon.ico" />
        <link rel="stylesheet" href="/css/main.css">
        
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
        
        <script src="http://modernizr.com/downloads/modernizr-latest.js"></script>
    </head>
    
    <body>
        <div id="container">
            <header id="container_header">
                <img src="/img/content/avickum.png" alt="Avickum" draggable="false" />
            </header>
            
            <div class="container_left container_normal">
                <article class="textbox">
                    <section class="textbox_story">
                        Voor vele jaren leefde het volk van Avickum in vrede en harmonie. Nooit waren er problemen,
                        tot op heden- een mysterieuze kracht heeft een oud kwaad terug over de wereld ontwaakt en is
                        uit op wraak...
                    </section>
                    
                    <section class="textbox_content">
                        Het is aan JOU en je vrienden de taak om de vrede in Avickum terug te brengen, zodat alle wezens
                        hun rust weer kunnen vinden. Maak dus snel een account en ga het gevecht tegen het kwaad aan!
                    </section>
                </article>
                
                <article class="textbox textbox_offer">
                    <div class="textbox_offer_image" style="background: transparent url('/img/offer/member.png') no-repeat center center;"></div>
                    
                    <section class="textbox_offer_description">
                        <h2>Titel</h2>
                        Omschrijving
                    </section>
                </article>
            </div>
            
            <div class="container_right container_normal">
                <article class="textbox textbox_login">
                    <section class="textbox_content">
                        <header>
                            <h2>Log in of maak een account</h2>
                        </header>
                        
                        <form method="POST" accept-charset="UTF-8">
                            <input type="text" name="email" placeholder="E-mail" /><br />
                            <input type="password" name="password" placeholder="Wachtwoord" /><br />
                            <input type="submit" name="login" value="Log in" />
                        </form>
                    </section>
                </article>
                
                <article class="textbox textbox_countdown">
                    <section class="textbox_content">
                        <span id="countdown">Nog <h3>00</h3> dagen, <h3>00</h3> uur, <h3>00</h3> minuten en <h3>00</h3> seconden tot de opening!</span>
                        
                        <script src="/js/countdown.js"></script>
                    </section>
                </article>
            </div>
            
            <div class="clear"></div>
            
            <footer id="container_footer">
                <section id="copyright">
                     Avickum 2008 - 2013 | All rights reserved
                </section>
            </footer>
        </div>
    </body>
</html>


Ik vind het er alleen een beetje rommelig uitzien zo, maak ik op deze manier goed gebruik van de HTML5 elementen?
Gewijzigd op 06/05/2013 17:01:21 door Lord Gaga
 
Wouter J

Wouter J

06/05/2013 17:16:08
Quote Anchor link
goede site: html5doctor.com

Frank, enof w3schools slecht is...
 
Albert de Wit

Albert de Wit

06/05/2013 17:55:00
Quote Anchor link
Frank Conijn op 06/05/2013 16:55:43:
Verder is iets opzoeken op die site niet of nauwelijks mogelijk. Als er dus een slechte instructiesite is, dan is het Code Academy.


Behalve dan dat je bij codecademy word gevraagt om een opdracht te maken die voldoet aan de eisen van de afronding. Bij W3Schools krijg je een info pagina met een fiddle om 'zelf maar even te proberen'. En een fout is een fout, ongeacht wat voor een fout. Fatal or warning. Anders zouden ze wel aangeven dat er niks mis is.

Op codecademy heb je overigens meer dan alleen de pagina die ik in die link stuurde. En als je vind dat er iets mist? Maak je je eigen tutorial op die website, want zo divers is die nou ook wel weer.
 
Lord Gaga

Lord Gaga

06/05/2013 18:11:46
Quote Anchor link
Ik heb alle HTML5 element even omgezet in gewone divjes zodat ik de overbodige dingen er makkelijker kon uitfilteren, daarna heb ik op de sites die jullie gaven gekeken welk element ik wanneer en waar moet gebruiken en nu kom ik uit op het volgende (Het ziet er i.i.g. al een stuk netter uit vind ik):

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!doctype html>

<html>
    <head>
        <title>Avickum</title>
        
        <meta charset="utf-8">
        <meta name="keywords" content="Avickum, RPG, Fantasy, Online">
        <meta name="description" content="Avickum is an Online Fantasy RPG">
        <meta name="author" content="Avickum">
        
        <link rel="shortcut icon" href="/img/icon/favicon.ico" />
        <link rel="stylesheet" href="/css/main.css">
        
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
        
        <script src="http://modernizr.com/downloads/modernizr-latest.js"></script>
    </head>
    
    <body>
        <div id="container">
            <div id="container_header">
                <img src="/img/content/avickum.png" alt="Avickum" draggable="false" />
            </div>
            
            <div class="container_left container_normal">
                <article class="textbox">
                    <p class="content story">
                        Voor vele jaren leefde het volk van Avickum in vrede en harmonie. Nooit waren er problemen,
                        tot op heden- een mysterieuze kracht heeft een oud kwaad terug over de wereld ontwaakt en is
                        uit op wraak...
                    </p>
                    
                    <p class="content">
                        Het is aan JOU en je vrienden de taak om de vrede in Avickum terug te brengen, zodat alle wezens
                        hun rust weer kunnen vinden. Maak dus snel een account en ga het gevecht tegen het kwaad aan!
                    </p>
                </article>
                
                <article class="textbox">
                    <p class="content">
                        Er zijn nog geen aanbiedingen.
                    </p>
                </article>
            </div>
            
            <div class="container_right container_normal">
                <article class="textbox textbox_login">
                    <header>
                        <h2>Log in of maak een account</h2>
                    </header>
                    
                    <form method="POST" accept-charset="UTF-8">
                        <input type="text" name="email" placeholder="E-mail" /><br />
                        <input type="password" name="password" placeholder="Wachtwoord" /><br />
                        <input type="submit" name="login" value="Log in" />
                    </form>
                </article>
                
                <article class="textbox textbox_countdown">
                    <p class="content">Nog <strong>00</strong> dagen, <strong>00</strong> uur, <strong>00</strong> minuten en <strong>00</strong> seconden tot de opening!</p>
                </article>
                
                <script src="/js/countdown.js"></script>
            </div>
            
            <div class="clear"></div>
            
            <div id="container_footer">
                 Avickum 2008 - 2013 | All rights reserved
            </div>
        </div>
    </body>
</html>


Ik twijfel alleen nog of ik de <header> tag wel moet gebruiken bij het inlogscherm..
 
Frank Conijn

Frank Conijn

06/05/2013 18:37:11
Quote Anchor link
Wouter J op 06/05/2013 17:16:08:
Frank, enof w3schools slecht is...

0 argumenten + 0 bewijzen = 0.
 
Ger van Steenderen
Tutorial mod

Ger van Steenderen

06/05/2013 18:56:17
Quote Anchor link
Om dat te bewijzen is verloren tijd, dan zouden we die domme site weer moeten bezoeken :-P
 

06/05/2013 19:31:45
Quote Anchor link
W3Schools hoef je niet te gebruiken. Als iemand dan toch argumenten nodig heeft bekijk dan http://w3fools.com/ eens. Als je bijvoorbeeld (http://www.w3schools.com/html/html_layout.asp) hier kijkt zie je waarom (ook te lezen op w3fools).

Natuurlijk als je w3fools niet eens leest kun je niet weten waarom. Maar om twee voorbeelden te geven tonen ze tabellen om een pagina te maken?! en inline css. Dat is al genoeg voor mij.
Gewijzigd op 06/05/2013 19:37:12 door
 
Wouter J

Wouter J

06/05/2013 19:42:48
Quote Anchor link
Goed, laten we dat discussieren over in een ander topic en hier gewoon even Lord Gaga helpen.

Het article element is zo nu en dan misplaatst in je code. Een article is echt een bericht, een post, het moet een content hebben. Een inlog form is verre van content en dus kan dat geen article element zijn. Ik zou zelf dan voor section gaan.

#container_header is de header van de body section. Dat betekend dat het in een header element "moet".
zelfde geldt voor #container_footer

Wil je echt HTML5 gaan gebruiken dan zouden alle H2 element een H1 moeten worden. Het is de hoofdtitel van die sectie.

Een andere eigenschap van article is dat het een titel moet hebben. Dat heeft .textbox_countdown niet. Aangezien het onbelangrijke side informatie is zou ik het in een sidebar element zetten.

Beslis of je IDs of classes gaat gebruiken. Maar .textbox_countdown en #container_footer ziet er naar mijn mening erg inconsistent uit.
 
Lord Gaga

Lord Gaga

06/05/2013 20:33:27
Quote Anchor link
Oké, dan kom ik uit op het volgende:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!doctype html>

<html>
    <head>
        <title>Avickum</title>
        
        <meta charset="utf-8">
        <meta name="keywords" content="Avickum, RPG, Fantasy, Online">
        <meta name="description" content="Avickum is an Online Fantasy RPG">
        <meta name="author" content="Avickum">
        
        <link rel="shortcut icon" href="/img/icon/favicon.ico" />
        <link rel="stylesheet" href="/css/main.css">
        
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
        
        <script src="http://modernizr.com/downloads/modernizr-latest.js"></script>
    </head>
    
    <body>
        <div id="container">
            <header id="container_header">
                <img src="/img/content/avickum.png" alt="Avickum" draggable="false" />
            </header>
            
            <div class="container_left container_normal">
                <article class="textbox">
                    <p class="content story">
                        Voor vele jaren leefde het volk van Avickum in vrede en harmonie. Nooit waren er problemen,
                        tot op heden- een mysterieuze kracht heeft een oud kwaad terug over de wereld ontwaakt en is
                        uit op wraak...
                    </p>
                    
                    <p class="content">
                        Het is aan JOU en je vrienden de taak om de vrede in Avickum terug te brengen, zodat alle wezens
                        hun rust weer kunnen vinden. Maak dus snel een account en ga het gevecht tegen het kwaad aan!
                    </p>
                </article>
                
                <article class="textbox">
                    <p class="content">
                        Er zijn nog geen aanbiedingen.
                    </p>
                </article>
            </div>
            
            <div class="container_right container_normal">
                <section id="login" class="textbox">
                    <header>
                        <h1>Log in of maak een account</h1>
                    </header>
                    
                    <form method="POST" accept-charset="UTF-8">
                        <input type="text" name="email" placeholder="E-mail" /><br />
                        <input type="password" name="password" placeholder="Wachtwoord" /><br />
                        <input type="submit" name="login" value="Log in" />
                    </form>
                </section>
                
                <aside id="countdown" class="textbox">
                    <p class="content">Nog <strong>00</strong> dagen, <strong>00</strong> uur, <strong>00</strong> minuten en <strong>00</strong> seconden tot de opening!</p>
                </aside>
                
                <script src="/js/countdown.js"></script>
            </div>
            
            <div class="clear"></div>
            
            <footer id="container_footer">
                 Avickum 2008 - 2013 | All rights reserved
            </footer>
        </div>
    </body>
</html>


En als ik het goed begrijp gelden H1 - H6 nu dus niet meer op de hele pagina maar per onderdeel? (<article>, <aside> en <section>?)
 
Wouter J

Wouter J

06/05/2013 21:09:26
Quote Anchor link
De heading elementen gelden per sectioning element. Wat leesvoer: http://html5doctor.com/outlines/
 
Frank Conijn

Frank Conijn

06/05/2013 23:04:21
Quote Anchor link
Ger van Steenderen op 06/05/2013 18:56:17:
Om dat te bewijzen is verloren tijd, dan zouden we die domme site weer moeten bezoeken :-P
Tja, zo kun je elke discussie wel proberen te winnen. Maar ook jij komt met 0 argumenten + 0 bewijzen. Superzwaktebod, dus.

Aaron - op 06/05/2013 19:31:45:
W3Schools hoef je niet te gebruiken. Als iemand dan toch argumenten nodig heeft bekijk dan http://w3fools.com/ eens. Als je bijvoorbeeld (http://www.w3schools.com/html/html_layout.asp) hier kijkt zie je waarom (ook te lezen op w3fools).

Natuurlijk als je w3fools niet eens leest kun je niet weten waarom. Maar om twee voorbeelden te geven tonen ze tabellen om een pagina te maken?! en inline css. Dat is al genoeg voor mij.
Op die layoutpagina van W3Schools wordt overduidelijk vermeld, met een lampje ervoor zelfs: "Even though it is possible to create nice layouts with HTML tables, tables were designed for presenting tabular data - NOT as a layout tool!" En tabellayout moet je wel beheersen, voor e-mails met layout. Verder, als er al inline style gebruikt wordt op W3Schools, wat een uitzondering is, is dat omdat dat in die omstandigheden het handigst is. Het wordt op geen enkele wijze gepromoot als dat niet de handigste manier is.

En ik heb W3Fools wel degelijk gelezen. Daardoor kwam ik juist tot de conclusie dat die webpagina (het is niet eens een site te noemen) geschreven is door een paar jaloerse en/of arrogante nerds die niet verder komen dan een paar niet-fatale omissies en fouten. Terwijl ze zelf waarschijnlijk nog nooit één behoorlijk tutorial geschreven hebben.
Gewijzigd op 07/05/2013 12:56:32 door Frank Conijn
 
Wouter J

Wouter J

06/05/2013 23:14:03
Quote Anchor link
Quote:
Terwijl ze zelf waarschijnlijk nog nooit één behoorlijk tutorial geschreven hebben

Meneer gaat meteen op de man spelen? Het voegt niks toe aan de discussie en komt alleen maar niet professioneel over.

Om even je onderzoek wat uit te bereiden: de oprichters zijn allemaal google advocates. Mensen die als beroep hebben de wereld rond te rijzen, mensen uitleggen hoe ze met de vele google api's en het web om moeten gaan en daarbij veel op belangrijke conferenties spreken en zelfs nog de tijd nemen om vele mooie blogposts te schrijven. Nee, geloof mij maar, die mensen hebben veel meer ervaring in het schrijven en uitleggen van dingen dan jij en ik en iedereen van dit forum bij elkaar.
Maar goed, we gaan alleen maar nodeloos offtopic. Maak even een ander topic over dit onderwerp aan en ik zal de ruime tijd nemen om een goed onderbouwde reactie te schrijven.
 
Frank Conijn

Frank Conijn

06/05/2013 23:28:53
Quote Anchor link
Wouter J op 06/05/2013 23:14:03:
Meneer gaat meteen op de man spelen? Het voegt niks toe aan de discussie en komt alleen maar niet professioneel over.
Nee hoor. Op de man spelen is: een persoonskenmerk gebruiken die niets met het onderwerp te maken heeft maar de persoon wel schade doet of kan doen. Dit valt gewoon onder: wie kaatst kan de bal verwachten.

Wouter J op 06/05/2013 23:14:03:

Om even je onderzoek wat uit te bereiden: de oprichters zijn allemaal google advocates.
Nou, daar wil ik dan de bewijzen wel eens voor zien. En daar komt bij dat Google zelf alle W3C-regels aan zijn laars lapt, zelfs HTML3-code gebruikt terwijl er een HTM5-doctype boven staat. Bekijk hun valideringsrapport maar eens, en dit Firebug-screenshot van hun site. En die mensen hebben commentaar op W3Schools? Laat me niet lachen.
 
Lord Gaga

Lord Gaga

06/05/2013 23:38:28
Quote Anchor link
Frank Conijn op 06/05/2013 23:28:53:
zelfs HTML3-code gebruikt terwijl er een HTM5-doctype boven staat.


Ik heb hier verder niet echt veel verstand van hoor, dat ten eerste.
Maar ik meen ooit ergens iets gelezen te hebben dat Google al gebruikt maakt van HTML7/8? Correct me if I'm wrong..
 
Wouter J

Wouter J

06/05/2013 23:47:03
Quote Anchor link
Html 7 of 8 bestaat niet.
Gewijzigd op 06/05/2013 23:48:00 door Wouter J
 
Lord Gaga

Lord Gaga

06/05/2013 23:51:35
Quote Anchor link
Wouter J op 06/05/2013 23:47:03:
Html 7 of 8 bestaat niet.


Ik ging er meer vanuit dat ze manieren gebruikten die in latere versies van HTML (Bijv. 7) zouden worden toegepast.
 
Frank Conijn

Frank Conijn

07/05/2013 03:36:58
Quote Anchor link
Lord Gaga op 06/05/2013 23:51:35:
Ik ging er meer vanuit dat ze manieren gebruikten die in latere versies van HTML (Bijv. 7) zouden worden toegepast.

De code die Google her en der op zijn startpagina gebruikt is echt HTML3, daar is geen twijfel over mogelijk. En dat zou op zich nog niet eens zo'n probleem zijn, als men dan ook maar HTML3 als doctype erboven had gezet. Maar de combinatie van HTML5 doctype en HTML3 code, dat is echt volslagen ridicuul. Dat slaat echt alles.
Gewijzigd op 07/05/2013 03:38:41 door Frank Conijn
 

Pagina: 1 2 volgende »



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.