Ontwerpje realiseren

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior .NET Ontwikkelaar

In het kort Als Senior .NET ontwikkelaar ga je binnen onze business unit Transport en Logistiek aan de slag met complexe maatwerk software voor bedrijf kritische systemen binnen de technische automatisering. Denk bijvoorbeeld een IoT-oplossing voor de logistieke sector waarbij we van ruim 200.000 machines de telemetrie en events verwerken. We zijn actief in de distributielogistiek, havenlogistiek (denk aan ECT) en productielogistiek. Naast C# en .NET Core maken we ook gebruik van Azure technologie. En als trotse Microsoft Gold Partner leren we graag van en met jou. Wil jij jezelf blijven ontwikkelen binnen de technische automatisering met .NET, dan gaan

Bekijk vacature »

Software Programmeur PHP - JAVA

Functie Wil jij bij een platte en informele organisatie werken? Lees dan snel verder! Voor een opdrachtgever in omgeving Boskoop dat zich gespecialiseerd heeft in het realiseren van veilige netwerkverbindingen zijn wij op zoek naar een leuke software developer ter versterking van het huidige team. Hoe kan jouw dag er straks uitzien? Je gaat technische klussen uitvoeren op locatie bij klanten.Je onderhoudt contact met de projectleider om er zeker van te zijn dat een projecten goed verlopen. Je gaat klanten ondersteunen op het gebied van geleverde software en webapplicaties. Je gaat software en webapplicaties ontwikkelen met behulp van de talen

Bekijk vacature »

Integratie expert - Java Developer

Dit ga je doen Nieuw koppelingen ontwerpen, ontwikkelen en implementeren; Je schakelt met de klanten om hen zo goed mogelijk van dienst te zijn. Strategisch kijken naar nieuwe mogelijkheden op bestaande of nieuwe koppelingen zo effectief mogelijk te realiseren; Je bestaande toolset afwegen tegen nieuwe mogelijkheden om integratiedoelen steeds effectiever en/of effcienter te bewerkstelligen; Bestaande software koppelingen beheren, dit zijn koppelingen met zowel interne als externe systemen; Overleg met zowel directe collega's als met stakeholders om nieuwe integratieplannen concreet te maken; Je kunt de junioren meenemen op sleeptouw. Hier ga je werken Onze klant is op zoek naar een ervaren

Bekijk vacature »

Full-stack developer

Als Full-stack developer bij KUBUS houd je je bezig met het ontwikkelen van de (web)applicatie en services van BIMcollab. Samen met je SCRUM team werk je aan zowel de front- als de back-end. Als softwarebedrijf bevindt KUBUS zich in een unieke positie. We bouwen aan onze eigen producten die wereldwijd door tienduizenden gebruikers worden gebruikt. Ons bedrijf heeft precies de juiste grootte: groot genoeg om echt impact te maken in de markt, maar klein genoeg om als individuele ontwikkelaar invloed uit te kunnen oefenen en echt het verschil te kunnen maken. Ons ontwikkelteam bestaat uit ruim 40 ontwikkelaars, testers, scrum

Bekijk vacature »

Belastingdienst - Freelance Senior Cobol Applicati

Startdatum: 01.06.2023 Richttarief: €65,00 - €75,00 Duur van de opdracht: 7 maanden Uren per week: 36 Taal: Nederlands vereist! Gelieve in het Nederlands te solliciteren. Functieomschrijving: In de applicatie ETM zijn nu de inningsvoorzieningen voor ongeveer 25 aangifte- en aanslagmiddelen opgenomen. ETM is een extern aangeschafte service en het huidige contract met leverancier Oracle loopt af op 31-12-2022. Het programma uitfaseren ETM heeft als doel om vervanging te realiseren waarmee alle nu in gebruik zijnde ETM ondersteuning wordt overgenomen in nieuwe Inningsvoorzieningen om de continuïteit van de inningsprocessen te waarborgen. Eén van de inningsvoorzieningen die voor het einde van 31-12-2022

Bekijk vacature »

Java Developer

Vacature details Vakgebied: Software/IT Opleiding: Senior Werklocatie: Eindhoven Vacature ID: 12946 Introductie We are looking for a Java Developer! Our client is one of the most innovation companies located within the Netherlands. We provide high quality software in a high-tech and challenging market. Functieomschrijving The department is specialized in creating and developing high quality software for manufacturing automation in a high tech environment. We strive to provide our clients with high quality software and deliver state of the art solutions in a variety of ways. Creating software infrastructure using Java SE / EE Create applications to fine tune manufacturing processes

Bekijk vacature »

PHP Developer

Zie jij mogelijkheden om onze tooling technisch te verbeteren en uit te bouwen? Over Jobmatix Jobmatix is een innovatieve en internationale speler op het gebied van jobmarketing. Onze jobmarketing automation tool helpt organisaties bij het aantrekken van nieuw talent door vacatures digitaal, geautomatiseerd en op een efficiënte manier te adverteren en onder de aandacht te brengen bij de doelgroep op 25+ jobboards. Volledig performance-based, waarbij organisaties betalen op basis van cost per click of cost per applicant. Maandelijks wordt onze jobmarketing automation tool al gebruikt door vele directe werkgevers, intermediairs en mediabureaus, waaronder Picnic, Rijkswaterstaat, AdverOnline, Schiphol, DPA, Teleperformance en

Bekijk vacature »

Medior/senior Front-end developer

Functie Je maakt deel uit van een DevOps Scrum team en werkt samen met back-end developers, test-engineers, interaction designers en een projectmanager. Er zijn verschillende groepen Scrum teams. Een roadmap team is jouw ‘’thuisbasis’’, daar wordt gewerkt aan doorontwikkeling van bestaande omgevingen voor een aantal klanten. Hiernaast zijn er projectteams waar nieuwe omgevingen worden gebouwd, of grote complexe wijzigingen worden doorgevoerd op bestaande omgevingen. Je kunt (afhankelijk van jouw wensen en doelen) dus afwisselend werken in beide teams. Hiernaast participeer je in het Chapter Front-end development waar gezamenlijk kennis en ervaring wordt gedeeld. Als Front-end developer is het jouw doel

Bekijk vacature »

PHP Developer

Functieomschrijving Wij zijn op zoek naar een PHP Developer met Laravel ervaring! Voor een groeiende werkgever in regio Breda zijn wij op zoek naar een medior PHP developer met Laravel ervaring. Je gaat aan de slag met het ontwikkelen van maatwerk software voor klanten in een specifieke markt. Als PHP developer ben je samen met een gemotiveerd team van 6 collega’s verantwoordelijk voor de ontwikkeling, beheer en het innoveren van informatiesystemen voor klanten in een specifieke branche. Als software developer ondersteun je complexe uitdagingen van klanten. Je brengt hun wensen in kaart en vertaalt deze door naar maatwerk software. Om

Bekijk vacature »

Front-end developer (HTML, CSS, SASS, JavaScript)

Functie Momenteel zijn we voor ons Digital team op zoek naar een (medior) Front-end developer. Samen met je collega’s werk je in een Agile/Scrum omgeving aan de ontwikkeling van onze webapplicaties, websites en andere oplossingen. Je draagt bij aan een sterk ontwikkelproces waarin kwaliteit voorop staat. Hiervoor ben je niet alleen bezig met eigen code maar ook code reviews van andere collega’s. Ben jij graag op de hoogte van de nieuwste ontwikkelingen in je vakgebied en wil je deze toepassen voor diverse projecten? Dan komen wij graag met je in contact! Eisen • HBO werk- en denkniveau • Minimaal 2

Bekijk vacature »

.NET Developer

Functie De perfecte combinatie tussen techniek en vastgoed. Werk samen met de senior software developer om allerlei software van fluX te verbeteren. Gelukkig voel jij je helemaal thuis in de codewereld van .NET. Dus of je nu bezig bent met het verhogen van de conformiteitscore of het automatiseren van allerlei taxatiemodellen, jij weet precies hoe je de doelstellingen realiseert. En dat terwijl je ook samenwerkt met een extern ontwikkelteam. Waar dit team bepaalde softwaresystemen ontwikkelen, richt jij je vooral op onze Nederlands georiënteerde producten en alle wetgeving die daarbij komt kijken. Voor minimaal 32 uur per week verrijk jij onze

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 »

PHP ontwikkelaar

Functie Jij komt te werken in een development team van 9 man. Het grootste deel doet back end development en daarnaast is er 1 teamlead en 1 tester in het team. Dit Agile team is van groots belang voor de organisatie omdat zij voornamelijk alle eigen systemen in-house ontwikkelen. Naast het door ontwikkelen van het bestaande platform en de software die daarbij komt kijken, zul jij je ook bezighouden met het realiseren en opzetten van nieuwe projecten binnen het bedrijf. Je staat nauw met de klant in contact om zo hun wensen zo goed mogelijk te kunnen realiseren. Daarnaast ontwikkel

Bekijk vacature »

Team Lead Java Developer

Functie Wat ga je doen als Java developer? Als Team Lead Java Developer draag een grote verantwoordelijk je stuurt ontwikkelaars aan en staat dagelijks in contact met jou ICT Manager. De team Bestaat uit front-end en backend systemen. Je ben in staat op hoog niveau de technische vak te bepalen en ook te bewaren. Je dag zie er als volgt uit, ontwikkelen van nieuwe en bestaande applicaties, het uitvoeren van processen en analyses en het beschrijven van functioneel ontwerpen. Ook zal samen met jouw Tester applicaties gaan testen door middel van peer reviews en het leveren van support aan gebruikers

Bekijk vacature »

Software Developer C++ en Perl

Ben je een slimme en enthousiaste universitair opgeleide bèta die graag bij een relatief klein softwarebedrijf wil werken waar de sfeer goed is en eigen inbreng gewaardeerd wordt? Wij, IntelliMagic in Leiden, ontwikkelen technisch hoogwaardige software op het gebied van IT infrastructuur performance analytics. Het type software zorgt voor intellectueel interessante uitdagingen. We ontwerpen de producten zelf en verkopen deze als off-the-shelf software aan grote bedrijven in Europa en de VS. Wij zoeken een ervaren C++ software engineer met kennis van Perl voor een van onze ontwikkelteams. Werkzaamheden Samen met de andere ontwikkelaars specificeren, ontwerpen en implementeren van nieuwe functionaliteit

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

22/11/2024 10:02:20
 
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.