Layout Archieven - De Webkrant

Meindert 18 oktober 2018 App development, applicatie ontwikkeling, functioneel ontwerp, Fundament, Havo, informatica, Instruct, SLO, VWO, Web development

Informatica – Het functioneel ontwerp

Oké vandaag over het functionele ontwerp korte uitleg nou dat je een fantastisch idee hebt gehad hoe jij een deel van je leven ze kan nu digitaliseren en daarna leuke app mee kan zou kunnen maken voor over je vereniging oh je je school leven al je vrienden over na wat je wil nou zou je toch moeten beginnen met een ontwerpen zijn verschillende soorten ontwerpen we behandelen nu het functionele ontwerp het functionele ontwerp is duidelijk niet het grafisch ontwerp het grafisch ontwerp laat zien hoe iets eruit komt te zien de stad is ook met alle toeters en bellen naar plaatjes en kleuren en mooi enzovoort dat is grafisch ontwerp het functionele ontwerp is eigenlijk niet mooi het … Lees verder.

CMS Joomla Layout Scripts Tweaks Wordpress Wordpress design

Meindert 12 maart 201413 maart 2014 0 reacties code, joomla design, scripts, snippets, stylesheet, wordpress design, wordpress theme

Verschillende stylesheets voor verschillende pagina’s in WordPress

WordPress is nog steeds het meest gebruikte website CMS systeem ter wereld. Verreweg. Maar WordPress is niet flexibel wat betreft layout. Zeker niet in vergelijking tot Joomla. Om layout naar eigen wensen in te vullen, zijn vaak “hacks” nodig in theme bestanden. Daarbij is het dan handig om “snippets” (stukjes code) bij de hand te hebben.

Probleem: WordPress gebruikt voor elke pagina hetzelfde theme en daarmee dezelfde stylesheet.

Dat is anders in Joomla. Daar is het heel eenvoudig om aan te vinken welke template voor welke pagina of menu items gebruikt moet worden. Een groot gemis in WordPress. Zo zou je bijvoorbeeld voor elke pagina een andere achtergrond afbeelding willen gebruiken of andere kleuren of zoals in mijn geval: een … Lees verder.

Design Gratis html2joomla Layout Verdienen Webdesign Websites maken Wordpress themes

Meindert 25 september 20133 oktober 2013 0 reacties aanbieding, goedkoop, goedkope website, gratis, gratis website templates, overzicht

Gratis website design templates

Gratis is soms heel mooi. Dat verwacht men niet en dus lijkt er weinig gebruik gemaakt te worden van gratis website templates. Dewebmeester.nl heeft dan ook een mooi overzicht gemaakt van gratis website templates en ook een uitleg gegeven waarom deze templates juist wel gebruikt moeten worden. Klik hier voor dit artikel en het overzicht.

Het zou goed zijn om hier reacties te lezen van anderen wat betreft het gebruik van gratis website templates. Ook ben ik benieuwd naar redenen om deze templates juist wel of niet te gebruiken. Download links en andere informatie betreffende deze gratis premium website templates (html5, jquery, wordpress of joomla) kan worden verkregen via info@dewebmeester.nl of via het contactformulier hieronder:… Lees verder.

Beveiliging Beveiliging Joomla Bugs dewebmeester.nl Invoegtoepassingen Layout Scripts Snelheid website Website onderhoud

Meindert 13 september 2013 0 reacties beveiliging joomla, onderhoud, onderhoudscontract, snelheid website, website onderhoud

Website onderhoud deel 2, voorbeeld website www.dewebmeester.nl

Gisteren heb ik een kort artikel geschreven over het onderhouden van een website. De conclusie was en is: het kost gewoon veel tijd om een website goed te onderhouden. Dit artikel is een vervolg op dit betoog en een illustratie. Laat ik eens opnoemen wat ik gisteren allemaal heb gedaan om de website www.dewebmeester.nl te optimaliseren.

Controle en verkenning

In mijn vorige artikel ga ik al aan dat een belangrijke stap bij het onderhouden van een website is: het bezoeken van de website. Dat klinkt nogal logisch maar helaas, veel klanten van me lijken hier juist de plank mis te slaan. Ze vergeten om hun eigen website dagelijks te bekijken, te testen en te controleren. Dat moet. Een contact … Lees verder.

CSS Layout Scripts Tweaks

Meindert 12 september 2013 0 reacties bootstrap, css, pagina structuur, twitter bootstrap. layout

Twitter bootstrap, css en structuur

Vandaag een korte introductie betreffende het gebruik van Twitter bootstrap. Om te starten heb je de bootstrap files nodig die eenvoudig zijn te downloaden via deze link.

Vervolgens worden de files in de root van de website geplaatst en wordt er een verwijzing naar die files geplaatst in de head-sectie van de website.

Wat betreft structuur gebruiken we (bijvoorbeeld) de volgende html:

<div id='content' class='row-fluid'>
      <div class='span9 main'>
        <h2>Main Content Section</h2>
      </div>
      <div class='span3 sidebar'>
        <h2>Sidebar</h2>
      </div>
</div>

Deze code geeft aan dat de main content 9 kolommen breed is en door de main content op te delen in kolommen, kunnen we ook een sidebar plaatsen. Dat is gedaan via de <div class=’span3 sidebar’> <h2>Sidebar</h2> </div> code. Dit alles … Lees verder.

Adobe dewebmeester.nl images en logo Layout

samuelservices 26 januari 2013 0 reacties afbeelingen, bewerken photoshop, images, logo, logo layout

Adobe Photoshop, Elements, Illustrator en verwerking van afbeeldingen

Heeft u een website? Dan heeft u te maken met afbeeldingen die aangepast moeten worden. Dat betreft het logo, de icons, de bullets, de buttons, de strepen en wat al niet meer. Natuurlijk kan het verstandig zijn dit aan de webdesigner over te laten maar het is zeker zo handig om zelf de basis te kennen. Want: met deze basis kunt u zelf mogelijk 90% van de aanpassingen doen en zo zelf een creatieve bijdrage leveren aan uw eigen website. Binnen het blog van dewebmeester.nl (www.dewebhulp.nl) dan ook (wat) aandacht voor Photoshop, Illustrator en andere programma’s waarmee afbeeldingen kunnen worden aangepast.

Van uitgebreide afbeelding (30mb) naar een simpele icon (10kb)
Ja leuk toch? U heeft een mooie afbeelding … Lees verder.

CSS dewebmeester.nl Layout Scripts

samuelservices 8 november 2012 0 reacties aanpassen design, css, firebug, Firefox, layout

Testen website voor wide screen en aanpassen achtergrond afbeelding

Bij het maken van een website moet de website getest worden in meerdere browsers maar ook binnen meerdere schermresoluties. Nu heeft de ontwikkelaar niet altijd de beschikking over een rij computers of monitoren en dat is natuurlijk ook geen makkelijk optie. Wat betreft het testen binnen verschillende monitoren zijn de volgende mogelijkheden beschikbaar:

Firefox addon “Firesizer”: Niet handig omdat de computer monitor een limiet heeft (bijvoorbeeld 1280px) en testen in widescreen daarmee onmogelijk is.
De webdeveloper extensie “resize” van Firefox: zelfde probleem als onder 1
De Ctrl + en Ctrl – knoppen: simpele en meest effectieve optie wat mij betreft. Zo vergroot ik de monitor weergave niet maar verklein ik de website weergave en daardoor krijg ik de website toch

… Lees verder. Read More

CSS dewebmeester.nl Joomla Layout Modules Scripts

samuelservices 8 november 2012 0 reacties css, design, joomla, joomla module, layout, module

Aanpassen layout Joomla module

Het aanpassen van de layout van een Joomla module lijkt een eenvoudige zaak met Firebug. Maar bij aanpassen van de css file behorende bij de module, is de kans groot dat ook de layout van andere modules aangepast worden terwijl dat mogelijk niet te bedoeling is. Dat is zeker het geval als de css verwijzingen verstopt zitten in bijvoorbeeld een style.css file of template.css file. Als de module een eigen css file heeft, dan is het inderdaad niet moeilijk om de layout aan te passen.

De makkelijkste manier
Het makkelijkste lijkt mij op dit moment om in “advanced options” binnen modulebeheer (binnen Joomla administrator) de “Module Class Suffix” aan te passen.
Dat gaat als volgt:
Ga naar modulebeheer in Joomla … Lees verder.