Slicing / Basing vanaf slechts €15!

**Vincent meijering** · 1422 × bekeken sinds 09-09-2010, 18:45

Beste Leden,

Hierbij bied ik mijzelf aan als slicer / baser. Alle prijzen zijn exclusief btw en worden netjes op factuur geleverd. De meeste layouts kan ik leveren binnen 24 uur.

Soort werkzaamheden:
Het omzetten van een PSD file naar HTML. (slicing / basing)

Prijs:
Vanaf slechts €15

Voorbeeld:
http://spicydesign.nl/klanten/qer/

Alle overige informatie:
Een bestelling plaatsen kan via de PM, Mail of MSN. Mijn MSN kunt u vinden op mijn account.

Met vriendelijke groet,
Vincent Meijering

**Damien van Holten** · 12-09-2010, 15:20

Vincent, sta je ook garant voor de kwaliteit van de code? Want als ik die pagina zo zie is de broncode niet bepaald netjes (geen semantiek in de opbouw, fouten etc.)

**Vincent meijering** · 12-09-2010, 17:43

Origineel gepost door Damien van Holten

Vincent, sta je ook garant voor de kwaliteit van de code? Want als ik die pagina zo zie is de broncode niet bepaald netjes (geen semantiek in de opbouw, fouten etc.)

Als je bij je PSD een voorbeeld geeft van een nette broncode kan ik zorgen dat hij er netjes uitziet. :)

**rdanjel** · 12-09-2010, 23:14

waarom moet er een voorbeeld mee gestuurd worden? Dit moet je gewoon weten als slicer

**Damien van Holten** · 13-09-2010, 12:49

Ik denk niet dat het zozeer gaat om dingen die je 'gewoon moet weten'. Maar meer aan standaarden waaraan je je houdt.

Bijvoorbeeld een semantische opzet waarbij component benamingen meedragen aan een beschrijving van hun inhoud. Een verzameling links in een div met id benaming 'left' is dan bijvoorbeeld incorrect, in dit voorbeeld zou de div het beste een id 'link_list' mee kunnen krijgen.

Een andere standaard is het aanhouden van de W3C richtlijnen voor HTML en CSS.

**Leon Zoutewelle** · 13-09-2010, 13:02

Nog beter is geen ID maar classes te gebruiken. Waarom? nou omdat .NET werkt met ID's en je dus een probleem krijgt aangezien .NET je ID's een andere naam geeft.

**RubenP** · 13-09-2010, 13:21

Origineel gepost door Leon Zoutewelle

Nog beter is geen ID maar classes te gebruiken. Waarom? nou omdat .NET werkt met ID's en je dus een probleem krijgt aangezien .NET je ID's een andere naam geeft.

In het algemeen gebruik je gewoon ID's bij het slicen als een bepaald deel die maar 1x voorkomt.
Komt hij vaker voor, moet hij altijd een class zijn.

Heb je voorbeelden van wat je kan?

**Leon Zoutewelle** · 13-09-2010, 13:36

@RubenP

Gebruik je php dan zou je dat kunnen doen. Maar het is net zo makkelijk als je standaard met classes werkt en ID's niet gebruik.
Je kan natuurlijk als de backend developer naast je zit of je weet in welke taal geprogrammeerd ga worden wel ID's gebruiken maar wanneer je dat niet weet kan je beter op safe spelen en alleen classes gebruiken.

Voorbeeld wat .NET doet met ID's die ze gebruiken is
HTML id: projecturen
ID .NET (dus hoe de HTML word): projecturen_rpHours_ctl00_ltName

Zoals je ziet kan je dan niet meer met ID's werken aangezien .NET de ID's verandert.

En vraag je nu aan mij of ik voorbeelden kan laten zien van wat ik kan? of vraag je het aan de TS?

**RubenP** · 13-09-2010, 13:44

Origineel gepost door Leon Zoutewelle

@RubenP

Gebruik je php dan zou je dat kunnen doen. Maar het is net zo makkelijk als je standaard met classes werkt en ID's niet gebruik.
Je kan natuurlijk als de backend developer naast je zit of je weet in welke taal geprogrammeerd ga worden wel ID's gebruiken maar wanneer je dat niet weet kan je beter op safe spelen en alleen classes gebruiken.

Voorbeeld wat .NET doet met ID's die ze gebruiken is
HTML id: projecturen
ID .NET (dus hoe de HTML word): projecturen_rpHours_ctl00_ltName

Zoals je ziet kan je dan niet meer met ID's werken aangezien .NET de ID's verandert.

En vraag je nu aan mij of ik voorbeelden kan laten zien van wat ik kan? of vraag je het aan de TS?

Ik bedoel eigenlijk de TS.
Zelf gebruik ik geen frameworks, ik weet niet wat daar het voordeel van is?

**Damien van Holten** · 13-09-2010, 13:45

Is dat echt zo? Anders is het een mooi voorbeeld om niet met .NET te werken. Waarom zou je kiezen voor een taal waarin je geen 100% controle hebt over de output/HTML.

**Vincent meijering** · 13-09-2010, 13:46

Origineel gepost door rdanjel

waarom moet er een voorbeeld mee gestuurd worden? Dit moet je gewoon weten als slicer

Ieder heeft zijn voorkeur wat hij / zij overzichtelijk of onhandig vind.

@Ruben,
Voorbeelden van slicings via de PM gegeven worden.

**Leon Zoutewelle** · 13-09-2010, 13:54

@Damien,

Ja dat is echt zo. Natuurlijk heb je wel controle over het element en volgens mij ook nog wel ergens de keuze om de id's niet te veranderen maar geheel zeker weten doe ik dit niet aangezien ik zelf ook een leek ben in .NET

Daarbij heeft .NET wel hele stoeren dingen die php weer niet heeft. Maar zo heeft php en .NET zo zijn voor het nadelen en om een taal niet te gebruiken omdat die alleen de ID's verandert is ook wel extreem.

Overigens hier een voorbeeld code. Voor de meeste Backend developers moet dit duidelijk zijn.

PHP Code:



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="nl">
<head>
    <title> Geen domeinnaam in Title (naam mag wel maar zonder extensie) - 70 tot 100 karakters (incl. spaties)  </title>
    <meta name="description" content="Redelijk leesbare zin - 8 á 10 woorden min - 25 á 30 woorden max - 100 á 150 karakters max" />
    <meta name="keywords" content="380 karakers max - zoekwoorden moeten terugkomen in body van de pagina!" />    
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
    
    <link rel="stylesheet" type="text/css" href="/style/style.css" />
    <link rel="stylesheet" type="text/css" href="/style/menu.css" />
    
    <script type="text/javascript" src="/js/jQuery.js"></script>

    <script type="text/javascript" src="/js/common.js"></script>
</head>
<body>
    
    <!-- de container -->
    <div class="container">
        
         <!-- Breadcrumb -->
               <h1 class="pagetitle">
                    Home - ENRA Verzekeringen
               </h1>
               <!-- Einde breadcrumb -->

               <!-- vertical line -->
               <div class="vline"></div>
               <!-- einde vertical line -->
        
        <!-- content -->
        <div class="content home">
            <div class="left">
                <div class="quote">
                    <div class="quote-left"></div>                 
                    <span>Onze zes onafhankelijke ondernemingen delen één 
                    gedachte; we kijken niet alleen naar risico’s, maar zien vooral kansen. Vanuit onze groep bieden we de 
                    BOVAG-branche een totaalpakket aan verzekeringen.</span>

                    <div class="quote-right"></div>
                </div>
            </div>
            <div class="right">
                <strong>Nieuws</strong>
                <ul>
                    <li><a href="#" title="Lees over Ex-internationals gevoelig voor">Ex-internationals gevoelig voor</a></li>
                    <li><a href="#" title="Lees over eerste kwartaalresultaten ING">Eerste kwartaalresultaten ING</a></li>

                    <li><a href="#" title=" Lees over omzetting ING bank producten">Omzetting ING Bank producten</a></li>
                    <li><a href="#" title="Lees over - Geef uw TAN-code">22 juni - Geef uw TAN-code</a></li>
                    <li><a class="meer-nieuws" href="#" title="Lees meer nieuws">Meer nieuws</a></li>
                </ul>
                
            </div>
            <div class="clear"></div>
            
            <!-- info boxen -->

            <div class="blok">
                <div class="header">
                    <a href="#">Bedrijfsverzekeringen</a>
                </div>
                
                <ul>
                    <li><a href="#" title="Lees meer over Bovemij Verzekeringen">Bovemij Verzekeringen</a></li>
                    <li><a href="#" title=" lees meer over Dekavas">Dekavas</a></li>

                </ul>
                
            </div>
            <div class="blok">
                <div class="header">
                    <a href="#">Consumentenverzekeringen</a>
                </div>
                
                <ul>
                    <li><a href="#" title="Lees meer over Polis direct">Polis direct</a></li>

                    <li><a href="#" title=" lees meer over ENRA Verzekeringen">ENRA Verzekeringen</a></li>
                </ul>
                
            </div>
            <div class="blok">
                <div class="header">
                    <a href="#">Inkomensverzekeringen</a>
                </div>
                
                <ul>

                    <li><a href="#" title="Lees meer over Bovemij">Bovemi</a></li>
                    <li><a href="#" title=" lees meer over Inkomensverzekeringen">Inkomensverzekeringen</a></li>
                    <li><a href="#" title="Lees meer over Bovemij Services">Bovemi Services</a></li>
                </ul>
                
            </div>
            <div class="blok marginzero">
                <div class="header lastblok">

                    <a href="#">Investeren</a>
                </div>
                <a href="#" title="Bovemij investeren"><img src="/images/investeren.jpg" alt="Bovemij investeren" /></a>
            </div>
            <!-- Einde info boxen -->
            <div class="clear"></div>
            
        
        </div>
        <!-- einde content -->

        
        <!-- footer -->
        <div class="footer">
            <!-- vline -->
               <div class="vline"></div>     
            <!-- Einde vline --> 
            <ul>
                <li><a href="#" class="Bovemij-verzekeringen" title="Bovemij verzekeringen"><span>Bovemij verzekeringen</span></a></li>
                <li class="active"><a href="#" class="Polis-direct" title="Polis direct"><span>Polis direct</span></a></li>
                <li><a href="#" class="Bovemij-inkomstenverzekeringen" title="Bovemij inkomstenverzekeringen"><span>Bovemij inkomstenverzekeringen</span></a></li>

                <li><a href="#" class="Enra" title="Enra verzekeringen"><span>Enra verzekeringen</span></a></li>
                <li><a href="#" class="Bovemij-services" title="Bovemij Services"><span>Bovemij Services</span></a></li>
                <li class="last"><a href="#" class="Dekavas" title="Assurantie kantoor Dekavas"><span>Assurantie kantoor Dekavas</span></a></li>
            </ul>
        </div>
        <!-- einde footer -->
        
    </div>

    <!-- einde container -->
    
    <!-- Header gedeelte met menu en plaat -->
    <div class="header">
            <a class="logo" href="#" title="terug naar de startpagina"><img src="/images/logo-bovemij.jpg" alt="Logo van Bovemij verzekeringsgroep" /></a>
            <a href="#" title=""><img class="bovag-logo" src="/images/logo-bovag.jpg" alt="Logo Bovag" /></a>
            <div class="clear"></div>
            
            <!-- Menu -->
            <div class="menu">
                <ul>

                    <li><a href="#" class="active" title="Terug naar de startpagina">Home</a></li>
                    <li> | </li>
                    <li><a href="#" title="Lees informatie over Bovemij">Over Ons</a></li>
                    <li> | </li>
                    <li><a href="#" title="Met welke partijen werken wij">Onze ondernemingen</a></li>

                    <li> | </li>
                    <li><a href="#" title="Investeren pagina">Investeren</a></li>
                    <li> | </li>
                    <li><a href="#" title="Lees nieuws over Bovemij">Nieuws</a></li>
                    <li> | </li>

                    <li><a href="#" title="Neem contact op met ons">Contact</a></li>
                </ul>
                
                <a href="#" title="Naar de sitemap">Sitemap</a> | <a href="#" title="Lees onze disclaimer">Disclaimer</a> 
                
            </div>
            <!-- Einde menu -->
            <!-- Plaat -->            
               <div class="plaat-container">

                    <div class="animate">
                        <!-- loopable plaat -->
                        <div class="plaat">
                            <div class="left">
                                <img src="/images/plaat-enra.jpg" alt="Enra verzekeringen" />
                            </div>
                            <div class="right">
                                <br />
                                Bovemij Verzekeringsgroep:
                                
                                <div class="logo-plaat">

                                    <a href="#" title="Enra verzekeringen"><img src="/images/logo-enra.jpg" alt="Logo enra verzekeringen" /></a>
                                </div>
                                
                                <a href="#" class="meerinfo" title="Meer informatie over enra verzekeringen">Meer informatie</a>
                                
                            </div>
                            <div class="clear"></div>
                        </div>
                        <!-- Einde loopable plaat -->
                        <!-- loopable plaat -->

                        <div class="plaat active">
                            <div class="left">
                                <img src="/images/plaat-enra.jpg" alt="Enra verzekeringen" />
                            </div>
                            <div class="right">
                               asd asd asd <br />
                                Bovemij Verzekeringsgroep:
                                
                                <div class="logo-plaat">
                                    <a href="#" title="Enra verzekeringen"><img src="/images/logo-enra.jpg" alt="Logo enra verzekeringen" /></a>

                                </div>
                                
                                <a href="#" class="meerinfo" title="Meer informatie over enra verzekeringen">Meer informatie</a>
                                
                            </div>
                            <div class="clear"></div>
                        </div>
                        <!-- Einde loopable plaat -->
                        <!-- loopable plaat -->
                        <div class="plaat">

                            <div class="left">
                                <img src="/images/plaat-enra.jpg" alt="Enra verzekeringen" />
                            </div>
                            <div class="right">
                                Onderdeel van de<br />
                                Bovemij Verzekeringsgroep:
                                
                                <div class="logo-plaat">
                                    <a href="#" title="Enra verzekeringen"><img src="/images/logo-enra.jpg" alt="Logo enra verzekeringen" /></a>
                                </div>

                                
                                <a href="#" class="meerinfo" title="Meer informatie over enra verzekeringen">Meer informatie</a>
                                
                            </div>
                            <div class="clear"></div>
                        </div>
                        <!-- Einde loopable plaat -->
                    </div>
               </div>
               <!-- Einde plaat -->

               
               <!-- Plaat arrows -->
               <div class="arrow-left">               
               </div>
               <div class="arrow-right">               
               </div>
               <!-- Einde plaat arrows -->
    </div>
    <!-- einde header -->
    
    
</body>
</html>

**RubenP** · 13-09-2010, 14:02

Origineel gepost door Vincent meijering

Ieder heeft zijn voorkeur wat hij / zij overzichtelijk of onhandig vind.

@Ruben,
Voorbeelden van slicings via de PM gegeven worden.

Oke PM ze me maar ;)

**Marlon Pijpenseel** · 13-09-2010, 19:37

Heb al meerdere goede ervaringen met Vincent, zeker een aanrader!

**Vincent meijering** · 01-10-2010, 21:48

Beschikbaar voor opdrachten!

Slicing / Basing vanaf slechts €15!