Ontwerpje realiseren

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Traineeship Full Stack .NET Developer

Dit ga je doen Start op 7 augustus bij de Experis Academy en ontwikkel jezelf tot een gewilde Full Stack .NET Developer. Maar hoe ziet het traineeship eruit en wat kun je verwachten? Periode 1 De eerste 3 maanden volg je fulltime, vanuit huis, een op maat gemaakte training in teamverband. Je leert belangrijke theorie en krijgt kennis van de benodigde vaardigheden en competenties die nodig zijn om de IT-arbeidsmarkt te betreden. Zowel zelfstandig als in teamverband voer je praktijkopdrachten op het gebied van front- en backend development uit. Wat er per week op het programma staat kun je hier

Bekijk vacature »

OutSystems developer

Dit ga je doen Klanten adviseren over de mogelijkheden van OutSystems; OutSystems oplossingen ontwikkelen en implementeren; Stakeholdermanagement; Kennis en expertise up to date houden en delen met het team. Hier ga je werken Onze opdrachtgever, gevestigd in regio Amsterdam, is een innovatieve dienstverlener die zich richt op grote corporates in verschillende sectoren. Doordat je bij veel verschillende klanten aan de slag zal gaan is geen enkel project hetzelfde. De organisatie kenmerkt zich door hoge mate van professionaliteit en innovatieve oplossingen. In de rol van OutSystems developer zal jij verschillende grote klanten helpen om efficiënte OutSystems oplossingen te ontwikkelen en implementeren.

Bekijk vacature »

.NET Developer

Functie omschrijving .NET developer met ervaring gezocht! Voor een softwarebedrijf in de regio Veenendaal zijn wij op zoek naar een .NET developer met een aantal jaar ervaring. Jij bent zowel zelfstandig als in teamverband verantwoordelijk voor het ontwikkelen en verbeteren van bestaande producten. Verder ben je bezig met nieuwbouw van websites, webapplicaties en mobiele applicaties die zowel intern als extern gebruikt worden. Je werkt hierbij nauw samen met andere developer, productmanagers en productspecialisten om zo mooie producten te creëren. Bedrijfsprofiel De organisatie waar je voor gaat werken is een snelgroeiende softwareleverancier en allround dienstverlener. Deze organisatie heeft zowel klanten die

Bekijk vacature »

Software Programmeur

Functie omschrijving Ben jij op zoek naar een organisatie waar je samen met een team werkt aan iets moois en waar je naast hard werken ook hard kunt lachen? Dan ben je hier aan het juiste adres! Voor een informeel IT-bedrijf in omgeving Wassenaar zijn wij op zoek naar versterking. Ben jij op zoek naar een nieuwe uitdaging als Software Programmeur lees dan snel verder! Werkzaamheden Programmeur Je bent bezig met het ontwikkelen van software en webapplicaties. Je kunt technische klussen uitvoeren op locatie. Je onderhoudt contact met de projectleider om er zeker van te zijn dat een project goed

Bekijk vacature »

Medior Java developer

Wat je gaat doen: Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun je eventueel ook andere ontwikkelaars begeleiden in het softwareontwikkelproces. Verder draag je positief bij aan de teamgeest binnen een projectteam en je kijkt verder dan je eigen rol. Je gaat software maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit levert. Je leert snel vanwege je diepgaande

Bekijk vacature »

Full stack .NET developer Microsoft 365

Wat ga je doen als Full stack .NET developer Microsoft 365? Je stelt je op als sparringpartner voor het team en PO over toekomstige functionaliteiten, architectuur en mogelijke nieuwe producten. Je bent mede-verantwoordelijk voor het vertalen en omzetten van een user story in een passend technisch design. Je implementeert functionaliteiten op basis van een technisch design en user story. Je bent mede-verantwoordelijk voor het beheer van Azure DevOps, waaronder het beheer van GIT, Build Pipelines, Release Pipelines en geautomatiseerde testen. Hier herken jij jezelf in Hbo werk- en denkniveau of hoger aangevuld met relevante certificeringen en/of cursussen; Minimaal 3 jaar

Bekijk vacature »

Lead developer (PHP, Symfony, DDD)

Functie Als Lead developer zorg je ervoor dat het team (bestaande uit zowel junior als ervaren developers) in staat is om de kwaliteit van de software (en code) verder te verhogen. In samenwerking met het team, de product owner en de andere lead developers zet je technische lijnen uit en bepaal je de prioriteiten per sprint. Lijkt het jou interessant om complexe problemen op te lossen en bijvoorbeeld een nieuwe applicatiestructuur in Symfony op te zetten? Dan komen wij graag met je in contact. Eisen • HBO werk- en denkniveau (ze kijken niet naar papieren, maar naar denkniveau, motivatie en

Bekijk vacature »

SQL Developer

Functie omschrijving We are looking for a dutch native speaker Jij gaat in deze functie aan de slag met uitdagende projecten en het creëren van maatwerk software, vooral middels SQL. Iedere klant/project is weer anders, maar dat maakt dit bedrijf en de functie erg uniek & uitdagend. Verder heb je de volgende taken: Ontwikkelen en ontwerpen van SQL databases. T-SQL wordt hierbij gebruikt als programmeer laag; Optimalisatie van query's, voor een verbeterde efficiency; Begeleiden van junior developers, mits je dit leuk vindt; Heb je meer interesse in een rol als consultant, dan is dit ook mogelijk. Je heb hier meer

Bekijk vacature »

IoT Developer

Ben jij innovatief, heb jij passie voor energie en ben je data gedreven? Bouw dan mee aan IoT binnen Bredenoord. Samen met een gedreven team werk jij aan mooie technische en innovatieve oplossingen. Wat houdt de functie van IoT Developer in? Binnen Bredenoord zijn wij momenteel volop in ontwikkeling met ons IoT platform. Als uitbreiding van ons team zijn wij op zoek naar een IoT Developer. Je zal in projectverband meehelpen met het implementeren van IoT vraagstukken binnen Bredenoord. Als IoT Developer op onze R&D-afdeling word je verantwoordelijk voor het verder inrichten en beheren van ons nieuwe IoT platform. Dat

Bekijk vacature »

Fullstack developer

Functie omschrijving Ben jij toe aan een nieuwe uitdaging en zou jij graag bij een platte maar informele organisatie werken? Voor een mooi softwarebedrijf in omgeving Alblasserdam zijn wij op zoek naar versterking op de afdeling Software Development! Als Fullstack react.js developer wordt je bij dit bedrijf onderdeel van de volledige ontwikkeling van requirement tot oplevering! Jouw focus ligt op de front end en alles wat daarbij komt kijken. Je gaat ontwerpen, ontwikkelen, testen en valideren. Je zult voornamelijk werken met React.js en Typescript. Maar ook Javascript, HTML en CSS komen aanbod. Daarnaast zal je ook regelmatig met de back

Bekijk vacature »

Front-End React Developer

As a Front-End React Developer you improve the user-experience of our web applications for your colleagues in Coolblue. How do I become a Front-End React Developer at Coolblue? As a Front-End React Developer you are responsible for developing user interface components and implementing them using React.js concepts and workflows. You work with the UX Designer and get energy from coming up with creative solutions and present these within the team. During the day you gather and welcome feedback on your technical and soft skills. Would you like to become a Front-End React Developer at Coolblue? Read below if the job

Bekijk vacature »

Database Developer

Functie omschrijving Voor een logistieke dienstverlener in omgeving Zuid Beijerland zijn wij op zoek naar versterking. Weet jij als geen ander systemen aan elkaar te koppelen en heb jij goede kennis van SQL en UML, lees dan snel verder! Jouw taken zien er als volgt uit: Je bent in deze rol voornamelijk verantwoordelijk voor het bouwen, implementeren en beheren van koppelingen tussen de bestaande systemen (zowel business 2 business als application 2 application). Daarnaast inventariseer je de wensen van in- en externe klanten, die je vervolgens samen met je collega's, vertaalt naar technische specificaties, die jullie zelf ontwikkelen en implementeren.

Bekijk vacature »

Oracle Apex Developer

Dit ga je doen Jouw taken bestaan uit: Het bouwen maatwerk Oracle applicaties voor Europese business units; Het implementeren van de nieuwste technieken om te blijven innoveren; Actief meedenken en aandragen van verbetervoorstellen. Hier ga je werken Deze organisatie in de regio Veenendaal is een van wereld grootste retailers met ruim 16.000 winkels in 27 markten en jaarlijks ruim 5,3 miljard klanten die winkelen bij een van hun welbekende retailmerken. Binnen de organisatie is er een IT Group actief die dient als IT Service Provider voor de hele organisatie en waar dagelijks IT'ers werken aan state-of-the-art IT oplossingen. Dit doen

Bekijk vacature »

Full stack Python developer

Functie Samen met andere collega’s (een product owner, een software manager en een ervaren ontwikkelaar) ga jij onze producten verder ontwikkelen. Jouw verantwoordelijkheden zullen bestaan uit: – Verder wil gaan met de ontwikkeling van onze bestaande producten; nieuwe features! – Meedenkt over de roadmap van onze producten – Als sparringpartner kan optreden op het gebied van development – Zelf ook nieuwe ideeën op tafel durft te leggen en deze van scratch af aan wilt bouwen Hieronder ook een paar voorbeelden van projecten waar we momenteel mee bezig zijn of binnenkort aan willen beginnen: – Real-time interactie creëren in onze web

Bekijk vacature »

Java Developer

Java/Kotlin Developer Ben jij een ervaren Java/Kotlin developer met een passie voor het automatiseren van bedrijfsprocessen? Wil je graag deelnemen aan uitdagende projecten bij aansprekende klanten? En ben je op zoek naar een professioneel, ambitieus en dynamisch bedrijf om je carrière verder te ontwikkelen? Kom dan ons team bij Ritense in Amsterdam versterken! Zo ziet de functie eruit: Als Java/Kotlin developer bij Ritense ben je verantwoordelijk voor de ontwikkeling en implementatie van applicaties die bedrijfsprocessen automatiseren, zodat onze klanten slimmer, efficiënter en klantgerichter kunnen werken. Als developer ben je in de lead en zorg je voor de correcte oplevering van

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

25/11/2024 23:12:05
 
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.