Ontwerpje realiseren

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

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 »

Senior Java developer

Dit ga je doen Jouw taken als Senior Java Developer zijn: Het maken van strategische keuzes omtrent de nieuwbouw van applicaties; Het maken van technische ontwerpen; Hands-on mee ontwikkelen met het team (met o.a. Java FX, JDBC, SQL, REST, Jax-RS, JSON, Maven, JUnit en Spring (boot)); Reviewen van code en feedback geven op collega developers; Analyseren en oplossen van bugs/incidenten door het onderlinge verband te kunnen leggen van verschillende losstaande systemen. Hier ga je werken Het bedrijf waar je als Senior Java Developer komt te werken staat internationaal bekend om het testen van bodemstructuren door middel van echotechnieken en beeldherkenning.

Bekijk vacature »

Medior/senior front end developer

Functie Vanwege de groei binnen het bedrijf zijn ze op zoek naar een Technische front end developer. Momenteel hun front end back end team gescheiden aan het werk. Hier willen ze verandering in krijgen. Omdat ook veel interne applicaties ontwikkeld worden zoeken ze iemand die hen kan helpen om de interne applicaties te voorzien van de juiste Vue.js componenten. Zodoende willen ze de interactie tussen front end en back end versoepelen en de volgende stap binnen het platform gaan zetten. Deze componenten die jij ontwikkeld zullen in elk project gebruikt worden. Het back end team bestaat momenteel uit 8 ontwikkelaars

Bekijk vacature »

Functioneel applicatiebeheerder - SOP-SYS-SAM

TenneT is hard groeiend om de onze ambities waar te kunnen maken. Zo nemen wij een leidende rol in het aanjagen van de energietransitie. Het werven van nieuw talent speelt daarin een cruciale rol. Wij zijn op zoek naar een gedreven Functioneel Applicatiebeheerder op onze locatie Arnhem die hieraan wil bijdragen en misschien ben jij dat wel? Jouw bijdrage aan TenneT Je gaat samenwerken in een team van circa 15 functioneel applicatiebeheerders en gaat onderdeel uitmaken van een DevOps team. Met dit team ga je applicaties (laten) ontwikkelen en beheren. Hierbij concentreer je je vooral op de functionele aspecten, zodat

Bekijk vacature »

.NET developer

Functie The position we have for you As a .NET developer you will work for one of our customers active in the High Tech Industry. Our customers are mainly located in the Eindhoven area. We are very selective when it comes to the projects we accept and therefore only focus on innovative and complex projects. Because our customers are mainly specialized in machine construction, you often work close to the machines. Our team currently consists of Embedded engineers, IOT developers and Cloud engineers. We mainly work on Microsoft projects where WPF, UWP, .NET Core and Microsoft Azure are used. Eisen

Bekijk vacature »

Lead javascript developer Node.js React

Functie Als fullstack JavaScript developer vind jij het uitdagend om op basis van concrete klantvragen nieuwe functionaliteiten te ontwikkelen. Bij voorkeur worden deze functionaliteiten op een bepaalde manier geprogrammeerd, zodat ze door meerdere klanten te gebruiken zijn. Je hebt dus vaak te maken met abstracte vraagstukken. Om dit te kunnen realiseren sta je nauw in contact met de product owner en/of klant. Je bent niet alleen onderdeel van het development team, maar hebt ook vaak contact met de product-owner en/of klanten om daardoor inzichten te verzamelen die leiden tot productverbeteringen. • Inzichten verzamelen bij de klant en/of product owner •

Bekijk vacature »

.NET Developer

Functie omschrijving Ervaren .NET Developer gezocht! Wij zoeken een ervaren .NET developer die aan de slag gaat voor een softwarebedrijf in de regio Rhenen. In deze rol ben jij zowel zelfstandig als in teamverband verantwoordelijk voor het ontwikkelen en verbeteren van bestaande producten. Daarnaast houdt jij je bezig met de nieuwbouw van websites, webapplicaties en mobiele applicaties die zowel intern als extern gebruikt worden. Je werkt hierbij nauw samen met andere developer, productmanagers en product specialisten om mooie producten te creëren. Bedrijfsprofiel Waar kom je te werken? Je komt te werken voor snelgroeiende softwareleverancier en allround dienstverlener. Klanten van deze

Bekijk vacature »

Medior PHP Developer

Functie omschrijving Ben jij een getalenteerde PHP Developer en aan de slag in een gemotiveerd team? Lees dan snel verder! Voor onze opdrachtgever in de omgeving van Valkenswaard zijn we op zoek naar een ervaren PHP developer. Jij gaat hier zorg dragen voor het optimaliseren en up-to-date houden van de bestaande applicaties. Je werkt verder aan de applicaties die jij verder ontwikkelt. Dit doe je voornamelijk met PHP en MySQL. Verder ga je je bezig houden met: Het uitbouwen van het E-commerce software platform. Deelnemen aan overleggen met het team. Het ondersteunen van jouw team developers (3 man) en helpen

Bekijk vacature »

.NET developer

Klaar voor een nieuwe uitdaging? Welke technologieën gaan schuil achter de dagelijkse energievoorziening? Als senior .NET developer bij Kenter maak jij samen met je team het verschil, zowel voor de interne organisatie als voor eindklanten. Samen bouwen jullie aan innovatieve dienstverlening met behulp van de nieuwste technologieën en tools. Het is een functie met veel vrijheid, goede arbeidsvoorwaarden én je draagt jouw steentje bij aan de energietransitie. Klinkt dit als iets voor jou? Lees dan verder of solliciteer direct! Wat ga je doen als senior .NET developer? Als senior .NET developer bij Kenter (onderdeel van Alliander) ben je van onschatbare

Bekijk vacature »

Front-end developer (Vue.js) gezocht!

Functie Als Front-end developer is het jouw doel om efficiënte en effectieve frontend code te ontwerpen, ontwikkelen en onderhouden die goed aansluit bij de functionele behoefte vanuit de klant. Je zorgt voor optimale SEO-resultaten, sitespeed en frontend security. You build it, you run it, you own it! 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

Bekijk vacature »

Full Stack Developer

Ben jij een kei van een full-stack developer? Heb je ambitie om te groeien en jezelf te ontwikkelen binnen een ambitieus bedrijf? Gaat jouw hart sneller kloppen van transpilers of frameworks zoals Angular, Vue of React? Dan ben jij de persoon die wij zoeken! Voor onze opdrachtgever zijn wij op zoek naar een full-stack developer om onderdeel te zijn van een team dat bestaat uit gedreven developers. Ieders met hun eigen specialiteiten en kennis van de projecten en behoeften vanuit de product owners. We zoeken iemand die met zijn/haar huidige competenties en domeinen dit team wil begeleiden, stimuleren en tevens

Bekijk vacature »

SAP HANA Cloud Application Developer

Vacature details Vakgebied: Software/IT Opleiding: Senior Werklocatie: Veldhoven Vacature ID: 12662 Introductie HANA Cloud Application Developer at a High Tech company. The company is the world's leading provider of lithography systems for the semiconductor industry, manufacturing complex machines that are critical to the production of integrated circuits or chips. Our purpose is “unlocking the potential of people and society by pushing technology to new limits”. We do this guided by the principles “Challenge”, “Collaborate” and “Care”. This role is situated in the Big Data Analytics (BDA) Domain. The teams have mixture of young talent and senior specialists and have a

Bekijk vacature »

Back-end programmeur

Functieomschrijving Heb jij kort geleden jouw HBO ICT diploma in ontvangst mogen nemen? Of ben je toe aan een nieuwe uitdaging? Voor een uitdagende werkgever in omgeving Waalwijk zijn wij op zoek naar een enthousiaste softwareontwikkelaar met kennis of ervaring met C# en SQL. In een uitdagende rol als C#.NET Developer werk je samen met een enthousiast en informeel team aan het bouwen van maatwerk software voor variërende klanten. Verder ziet jouw takenpakket er als volgt uit: Je draagt bij aan de implementatie van aanpassingen, verbeteringen en aanvullingen in de C# based applicaties; Je houdt je bezig met het ontwikkelen

Bekijk vacature »

T-SQL Database developer

Functie omschrijving Ben jij een ETL database specialist? Houd jij ervan om te puzzelen met Databases, Query's & Stored procedures? Zoek jij uitdaging, vrijheid en verantwoordelijkheid? Zoek dan niet verder! Wij zijn per direct op zoek naar medior en senior database developers. Je gaat werken voor een relatief klein softwarebedrijf in omgeving Tilburg. Samen met 12 collega's (allemaal techneuten), ga jij je bezig houden met het bouwen en/of onderhouden van database software. Deze software wordt internationaal ingezet voor het automatiseren van logistieke processen. Jouw werkzaamheden gaan er als volgt uit zien: Je bent in een klein team met developers, verantwoordelijk

Bekijk vacature »

(Junior) PHP Ontwikkelaar bij een retail bedrijf i

Bedrijfsomschrijving Ben jij een ervaren PHP ontwikkelaar met een passie voor retail en ICT? Wil jij werken in een team dat zich bezighoudt met het ontwikkelen van uitdagende applicaties voor een groot retailbedrijf in Delft? Dan zijn zij op zoek naar jou! Functieomschrijving Als PHP Ontwikkelaar werk je in een team aan de ontwikkeling van applicaties die door de gehele organisatie worden gebruikt. Je bent verantwoordelijk voor het ontwikkelen, testen en implementeren van deze applicaties. Je werkt hierbij nauw samen met andere ontwikkelaars, projectmanagers en stakeholders binnen de organisatie. Je taken bestaan onder andere uit: Ontwikkelen van nieuwe functionaliteiten en

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/12/2024 20:30:28
 
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.