Een website zonder code is als een fruitschaal zonder fruit, een kopje koffie zonder koffie. Kortom: dat kan niet. Maar de manier waarop het fruit in de fruitschaal zit, de koffie in het kopje zit of hoe de code is geschreven is ook erg belangrijk voor wat het eindresultaat is.
Hoe duidelijker de code geschreven is, hoe makkelijker het is voor andere om eraan mee te helpen. Dit kan op verschillende manieren van pas komen. Zo kunnen andere makkelijk zien hoe je de website sneller kan maken of hoe je nou net dat leuke element toe kan voegen aan de website waardoor er 20 keer zoveel bezoekers op af komen.
Kortom: een website zonder code is niks. Je kan er niks mee. Besteed er tijd aan en kies voor ovoWeb. Wij nemen alle technische moeilijkheden uit handen en doen al het werk voor jou!
woensdag 27 maart 2013
dinsdag 26 maart 2013
Wat doet ovoWeb nou eigenlijk?
ovoWeb maakt websites en apps voor iedereen! Voor de bakker op de hoek, voor de pizzeria in het dorp of voor jou! Daarbij maken we ook reclame via Social Media (via Twitter, Facebook en andere media).
Gisteren hebben we een nieuwe header gepubliceerd. Dat is een blauw vlak met een smiley erin. Een eerste indruk. Wat vind jij hier van? Achter de smiley schuilt techniek. Door gebruik te maken van CSS3 (op dit moment een moderne opmaaktaal voor het web) hebben we de smiley 90 graden gekanteld. We hebben passie voor techniek en willen graag al onze kennis toepassen in de door ons gemaakte websites en apps. We staan open voor kritiek en opmerkingen en willen het onderste uit de kan halen.
Kortom: ovoWeb is er voor jou! Voor je bedrijf en voor de bakker op de hoek. Als je vragen heb, twijfel niet en neem contact op via onze contact pagina. Tot gauw!
maandag 25 maart 2013
Protocollen op het internet
Net zoals in de "echte" wereld zijn er op internet ook talloze protocollen. Hoe geef je berichten aan elkaar door? Wat doe je bij een botsing van deze berichten? Om iets van protocollen te kunnen snappen, moeten we eerst wat termen kennen. Een zogenaamde "client" verstuurd berichten en een "server" ontvangt deze berichten en stuurt dan iets terug. Je zou dus kunnen zeggen dat de server de hele tijd aan het wachten is op berichten van de client.
HTTP is een protocol waarover websites worden verzonden. De client (je browser, dit is waarschijnlijk Chrome, Firefox of Internet Explorer) stuurt een HTTP bericht naar de server (een website, bijvoorbeeld http://www.ovoweb.net/) en krijgt dan weer de hele website terug!
Hoe gebeurd dit nou precies? Dit protocol maakt gebruik van het netwerklaag. Deze laag is erg ingewikkeld, maar je zou het kunnen uitleggen aan de hand van post. Stel, de client en server zijn beide huizen. De client (je browser) staat bijvoorbeeld in Eindhoven en de server (de website) staat in Nijmegen. Er gaat heel veel post in en uit je deur, ook nog post van programma's als Whatsapp en e-mail. Al deze poststukken krijgen een aparte stempel. Zo krijgt de post van je browser een stempel met nummer 80. Poort 80 wordt gebruikt voor het versturen en ontvangen van webdata. Jij verstuurt vanuit Eindhoven een aanvraag naar Nijmegen voor de website ovoweb.net. Het huis in Nijmegen ontvangt deze post (met stempel 80) en weet dan wat dat betekent. Dat je een aanvraag doet naar de website ovoweb.net. Dus het huis stuurt post terug met stempel 80. Als je de post hebt ontvangen, weet je meteen wat je er mee moet doen! Je weet wat het is en weergeeft de data dan die je zojuist hebt ontvangen.
Er schuilt dus heel wat achter het ophalen van een website en dit is slechts een puntje van de ijsberg.
HTTP is een protocol waarover websites worden verzonden. De client (je browser, dit is waarschijnlijk Chrome, Firefox of Internet Explorer) stuurt een HTTP bericht naar de server (een website, bijvoorbeeld http://www.ovoweb.net/) en krijgt dan weer de hele website terug!
Hoe gebeurd dit nou precies? Dit protocol maakt gebruik van het netwerklaag. Deze laag is erg ingewikkeld, maar je zou het kunnen uitleggen aan de hand van post. Stel, de client en server zijn beide huizen. De client (je browser) staat bijvoorbeeld in Eindhoven en de server (de website) staat in Nijmegen. Er gaat heel veel post in en uit je deur, ook nog post van programma's als Whatsapp en e-mail. Al deze poststukken krijgen een aparte stempel. Zo krijgt de post van je browser een stempel met nummer 80. Poort 80 wordt gebruikt voor het versturen en ontvangen van webdata. Jij verstuurt vanuit Eindhoven een aanvraag naar Nijmegen voor de website ovoweb.net. Het huis in Nijmegen ontvangt deze post (met stempel 80) en weet dan wat dat betekent. Dat je een aanvraag doet naar de website ovoweb.net. Dus het huis stuurt post terug met stempel 80. Als je de post hebt ontvangen, weet je meteen wat je er mee moet doen! Je weet wat het is en weergeeft de data dan die je zojuist hebt ontvangen.
Er schuilt dus heel wat achter het ophalen van een website en dit is slechts een puntje van de ijsberg.
Social Media anno 2013
Social Media is een helemaal hot anno 2013! Maar wat is het nou precies en waarom is het zo belangrijk voor je bedrijf?
Doormiddel van Social Media kun je je verbinden met klanten. Als bedrijf heeft dat vele voordelen! Zo kun je weten wat je klanten denken en dus indirect er achter komen wat klanten drijft, wat ze goed vinden en wat ze minder goed vinden aan producten van je bedrijf. De grootste zijn toch wel Facebook en Twitter waarbij Twitter voornamelijk bekend staat om zijn berichten met hashtags (#) erin (die aangeven wat belangrijke woorden zijn van een Tweet, een berichtje op Twitter).
Maar waarom zou je Social Media gebruiken? Allereerst om een goed contact met de klant te houden. Je klanten zorgen immers voor je brood. En zij kunnen natuurlijk ook weer andere mensen aanwakkeren om eens te kijken naar jou bedrijf. Al met al heel handig!
Bij ovoWeb bouwen we naast je nieuwe website ook aan een grote userbase - dat wil zeggen dat we ervoor proberen te zorgen dat veel mensen jou bedrijf gaan kennen. Dit doen we doormiddel van Social Media marketing. Zonder Social Media blijft jou klantenkring beperkt!
Doormiddel van Social Media kun je je verbinden met klanten. Als bedrijf heeft dat vele voordelen! Zo kun je weten wat je klanten denken en dus indirect er achter komen wat klanten drijft, wat ze goed vinden en wat ze minder goed vinden aan producten van je bedrijf. De grootste zijn toch wel Facebook en Twitter waarbij Twitter voornamelijk bekend staat om zijn berichten met hashtags (#) erin (die aangeven wat belangrijke woorden zijn van een Tweet, een berichtje op Twitter).
Maar waarom zou je Social Media gebruiken? Allereerst om een goed contact met de klant te houden. Je klanten zorgen immers voor je brood. En zij kunnen natuurlijk ook weer andere mensen aanwakkeren om eens te kijken naar jou bedrijf. Al met al heel handig!
Bij ovoWeb bouwen we naast je nieuwe website ook aan een grote userbase - dat wil zeggen dat we ervoor proberen te zorgen dat veel mensen jou bedrijf gaan kennen. Dit doen we doormiddel van Social Media marketing. Zonder Social Media blijft jou klantenkring beperkt!
zondag 24 maart 2013
Wat kan ovoWeb voor u betekenen?
ovoWeb is er voor u. Wij zullen het uiterste uit uw website halen, nieuwe technieke toepassen - en het belangrijkste - zorgen dat u tevreden bent! Dat is natuurlijk uiteindelijk wat we willen. Bij veel bedrijven is dit niet vanzelfsprekend. Zij gaan voor het geld en vinden het prima als u met een halfwerkend product voor veel te hoge kosten. Wij gaan gericht te werken en door een goede communicatie hopen we u een goed product te kunnen leveren tegen scherpe tarieven!
U hoeft zelfs helemaal niets te weten van websites. Het enige wat we van u willen weten is wat u wilt en door een persoonlijk gesprek hopen we hier snel achter te komen zodat we een prototype kunnen maken. Als u tevreden bent met het prototype - wat doorgaans binnen één week af is - kunnen we doorgaan met het uiteindelijke product. Dit kan een website zijn, app (voor iOS of Android) of een webplatform. Alles wat met het internet te maken heeft, kunnen wij voor u realiseren.
Wees dus snel en geniet deze week (tot en met 31 maart) van 30% korting! Als u vragen heeft of niet meer kan wachten om door ons geadviseerd te worden, neem dan hier contact met ons op.
U hoeft zelfs helemaal niets te weten van websites. Het enige wat we van u willen weten is wat u wilt en door een persoonlijk gesprek hopen we hier snel achter te komen zodat we een prototype kunnen maken. Als u tevreden bent met het prototype - wat doorgaans binnen één week af is - kunnen we doorgaan met het uiteindelijke product. Dit kan een website zijn, app (voor iOS of Android) of een webplatform. Alles wat met het internet te maken heeft, kunnen wij voor u realiseren.
Wees dus snel en geniet deze week (tot en met 31 maart) van 30% korting! Als u vragen heeft of niet meer kan wachten om door ons geadviseerd te worden, neem dan hier contact met ons op.
zaterdag 23 maart 2013
In detail: introductie HTML en CSS (deel 2)
In de voorgaande cursus hebben we geleerd hoe we een HTML pagina aan kunnen maken en deze konden bekijken. In deel 2 leren we hoe we de opmaak (de style, CSS, Cascading Style Sheet) van de pagina aan kunnen passen en zullen we de tekstkleur en achtergrondkleur veranderen.
Voor deze cursus gaan we de volgende code gebruiken. Zet deze code in het bestand dat je gebruikt voor de webpagina.
Als je dit script opent in je browser, zie je dat de achtergrondkleur rood is geworden en de tekstkleur wit is. Je ziet in de code dat we style tags aan de head hebben toegevoegd. Deze geven de opmaak aan voor de pagina. Dit is CSS code. De selector body (het gedeelte voor de {), geeft aan dat we de opmaak van de body gaan aanpassen. De body is het gehele document. Alle zichtbare onderdelen van de webpagina staan hier in opgeslagen. Elke regel wordt gescheiden door puntkomma's. Eerst geef je een eigenschap aan die je wilt wijzigen (bijvoorbeeld color) en dan geef je, na de dubbele punt de waarde aan van deze eigenschap. Als je van de body de achtergrondkleur wilt wijzigen, gebruik je de background-color eigenschap. In het voorbeeld is deze op de waarde red (rood) gezet voor de body. De color (tekstkleur) staat op white (wit) en is dus precies hetgeen wat je te zien krijgt.
Nu heb je het een en andere geleerd over CSS. CSS staat altijd tussen style tags en kan zowel in de head als in de body worden aangeduid. Veel plezier met het maken van nieuwe webpagina's en wie weet maakt u wel de volgende Facebook!
Voor deze cursus gaan we de volgende code gebruiken. Zet deze code in het bestand dat je gebruikt voor de webpagina.
Als je dit script opent in je browser, zie je dat de achtergrondkleur rood is geworden en de tekstkleur wit is. Je ziet in de code dat we style tags aan de head hebben toegevoegd. Deze geven de opmaak aan voor de pagina. Dit is CSS code. De selector body (het gedeelte voor de {), geeft aan dat we de opmaak van de body gaan aanpassen. De body is het gehele document. Alle zichtbare onderdelen van de webpagina staan hier in opgeslagen. Elke regel wordt gescheiden door puntkomma's. Eerst geef je een eigenschap aan die je wilt wijzigen (bijvoorbeeld color) en dan geef je, na de dubbele punt de waarde aan van deze eigenschap. Als je van de body de achtergrondkleur wilt wijzigen, gebruik je de background-color eigenschap. In het voorbeeld is deze op de waarde red (rood) gezet voor de body. De color (tekstkleur) staat op white (wit) en is dus precies hetgeen wat je te zien krijgt.
Nu heb je het een en andere geleerd over CSS. CSS staat altijd tussen style tags en kan zowel in de head als in de body worden aangeduid. Veel plezier met het maken van nieuwe webpagina's en wie weet maakt u wel de volgende Facebook!
vrijdag 22 maart 2013
In detail: introductie HTML en CSS (deel 1)
Wat is het internet zonder HTML? Helemaal niks! Zonder HTML zou geen een webpagina bestaan (en dus ook niet die van u). HTML staat voor HyperText Markup Language en is een taal voor documenten op het web. In deze cursus krijgt u basiskennis voor het bouwen van webpagina's. Laten we meteen maar aan de slag gaan! Maar voor dat we kunnen beginnen krijgt u eerst wat termen van ons geleerd. Een tag is wat tekst die tussen haken staat. Dus tussen < en >. Een voorbeeld hiervan is <html>. Dit wordt ook wel een HTML tag genoemd. Alle tags moeten worden afgesloten, dus als u begint met een HTML tag (<html>), moet er ook een einde zijn. Dit duiden we aan met </html> (met een extra slash). Zo wordt de titel van de pagina als volgt aangegeven: <title>Titel van mijn pagina</title>. <title> geeft het begin aan en </title> het eind. Sommige tags worden meteen afgesloten, maar dit is een uitzondering op de regel. Als u een plaatje in wilt voegen, gebruikt u hiervoor de <img> tag (img staat hier voor image). Deze kan "inline" worden afgesloten, dus nog in de regel zelf: <img /> (in plaats van <img></img> wat overigens ook zou kunnen maar veel omslachtiger is).
Voordat we aan de slag kunnen met HTML moeten we eerst een bestand aanmaken. Open hiervoor Notepad (Kladblok) of een andere tekstverwerker naar keuze. Zet hier wat tekst in, deze zullen we later gaan vervangen door HTML code en sla het op als webpage.html. Let er wel op dat u tijdens het opslaan kiest voor alle typen in plaats van opslaan als tekstbestand. Nadat het bestand is opgeslagen kunt u het openen. Deze wordt waarschijnlijk geopend in uw favoriete browser (Chrome, Internet Explorer, Firefox, etcetera).
Nu gaan we onze eerste HTML pagina maken! Zorg ervoor dat u webpage.html geopend heeft in uw tekstverwerker en schrik niet van de code die nu gaat komen! We gaan het stap voor stap doornemen.
Je ziet verschillende tags (die ook weer worden afgesloten). De HTML tag (<html>, afgesloten door </html> op het eind) geeft aan dat het om een HTML bestand gaat. De head-tag geeft de head aan. Hierin staat informatie die je niet ziet, die zich "in je hoofd (head)" bevindt. Wat je wel ziet is de body (je lichaam). Hier staat nu de tekst "Hallo internet!" in. In de head (tussen <head> en </head>) zie je een title tag (<title>) waarin de titel van de webpagina staat vermeld. Als je de webpagina in de browser hebt geopend, zie je de tekst "Mijn paginatitel" bovenaan verschijnen! Deze titel wordt ook gebruikt door zoekmachines, dus maak een goede keuze voor je titel!
Dit was een eerste kennismaking met HTML. De volgende keer gaan we wat extra tags leren en wellicht een begin maken aan CSS, een taal die gebruikt wordt voor de opmaak van HTML bestanden.
Voordat we aan de slag kunnen met HTML moeten we eerst een bestand aanmaken. Open hiervoor Notepad (Kladblok) of een andere tekstverwerker naar keuze. Zet hier wat tekst in, deze zullen we later gaan vervangen door HTML code en sla het op als webpage.html. Let er wel op dat u tijdens het opslaan kiest voor alle typen in plaats van opslaan als tekstbestand. Nadat het bestand is opgeslagen kunt u het openen. Deze wordt waarschijnlijk geopend in uw favoriete browser (Chrome, Internet Explorer, Firefox, etcetera).
Nu gaan we onze eerste HTML pagina maken! Zorg ervoor dat u webpage.html geopend heeft in uw tekstverwerker en schrik niet van de code die nu gaat komen! We gaan het stap voor stap doornemen.
Je ziet verschillende tags (die ook weer worden afgesloten). De HTML tag (<html>, afgesloten door </html> op het eind) geeft aan dat het om een HTML bestand gaat. De head-tag geeft de head aan. Hierin staat informatie die je niet ziet, die zich "in je hoofd (head)" bevindt. Wat je wel ziet is de body (je lichaam). Hier staat nu de tekst "Hallo internet!" in. In de head (tussen <head> en </head>) zie je een title tag (<title>) waarin de titel van de webpagina staat vermeld. Als je de webpagina in de browser hebt geopend, zie je de tekst "Mijn paginatitel" bovenaan verschijnen! Deze titel wordt ook gebruikt door zoekmachines, dus maak een goede keuze voor je titel!
Dit was een eerste kennismaking met HTML. De volgende keer gaan we wat extra tags leren en wellicht een begin maken aan CSS, een taal die gebruikt wordt voor de opmaak van HTML bestanden.
donderdag 21 maart 2013
In-field reportage: app ontwikkelen (Pananda)
Bij ovoWeb houden we ons met van alles bezig. Wat ons afgelopen tijd erg bezig houd is Pananda. Dit is een nieuwe app waar gebruikers fotowedstrijden kunnen doen.
Er komt veel bij kijken. Social media is tegenwoordig een belangrijk aspect van PR van een app of website. Hier heeft veel tijd in gezeten om Pananda enigszins bekend te krijgen bij het grote publiek. Daarnaast investeren we nu ook tijd in Android en iOS development zodat Pananda straks ook op uw smartphone of tablet werkt. Echter zijn we nog te klein om dit alleen te kunnen doen en daarom zijn we op zoek naar een investeerder. We hebben al enkele gesprekken gehad, maar nog geen partij is bereid om mee te werken.
Het is leuk om je app te zien groeien. In het begin konden we nog niks, maar nu zien we dat alles langzaam gaat werken zoals we bedacht hebben.
De voortgang is te zien op pananda.net en we zullen alle gebruikers op de hoogte houden van de voortgang. Wordt ongetwijfeld vervolgd!
Er komt veel bij kijken. Social media is tegenwoordig een belangrijk aspect van PR van een app of website. Hier heeft veel tijd in gezeten om Pananda enigszins bekend te krijgen bij het grote publiek. Daarnaast investeren we nu ook tijd in Android en iOS development zodat Pananda straks ook op uw smartphone of tablet werkt. Echter zijn we nog te klein om dit alleen te kunnen doen en daarom zijn we op zoek naar een investeerder. We hebben al enkele gesprekken gehad, maar nog geen partij is bereid om mee te werken.
Het is leuk om je app te zien groeien. In het begin konden we nog niks, maar nu zien we dat alles langzaam gaat werken zoals we bedacht hebben.
De voortgang is te zien op pananda.net en we zullen alle gebruikers op de hoogte houden van de voortgang. Wordt ongetwijfeld vervolgd!
Websites ontwikkelen zonder computer
Ja, die zin klinkt heel gek. Maar het grootste gedeelte van de tijd wordt bij ons besteed aan onze klanten! De klant staat bij ons voorop en niet de computer. Er is een beeld ontstaan van programmeurs die dagen achter de computer zitten te werken en webdesigners die niet meer zonder computer kunnen. Echter wordt de computer gebruikt als hulpmiddel en niet als levensbehoefte.
Om een website te ontwikkelen willen we natuurlijk eerst een goed beeld hebben van de behoeftes van onze klant. Dit doen wij telefonisch, per e-mail of in een gesprek. Daarna gaan we met uw gedachtes aan de slag om zo een website neer te zetten die bij u past. We zijn pas tevreden als u tevreden bent. Het programmeren gebeurd in fases. Zo is het belangrijk om eerst alle functionaliteit op papier te hebben staan. Deze overleggen we met u en als u pas tevreden bent gaan we, met onze computer, aan de slag om het te realiseren.
De computer is al met al een belangrijk hulpmiddel, maar als het even kan, komen we er even niet aan. Gebruikt u vaak een computer?
Om een website te ontwikkelen willen we natuurlijk eerst een goed beeld hebben van de behoeftes van onze klant. Dit doen wij telefonisch, per e-mail of in een gesprek. Daarna gaan we met uw gedachtes aan de slag om zo een website neer te zetten die bij u past. We zijn pas tevreden als u tevreden bent. Het programmeren gebeurd in fases. Zo is het belangrijk om eerst alle functionaliteit op papier te hebben staan. Deze overleggen we met u en als u pas tevreden bent gaan we, met onze computer, aan de slag om het te realiseren.
De computer is al met al een belangrijk hulpmiddel, maar als het even kan, komen we er even niet aan. Gebruikt u vaak een computer?
woensdag 20 maart 2013
Zoek maar raak
U moet gevonden worden, dat staat vast. Maar hoe krijgt u dat dan voor elkaar? Het publiceren van veel artikelen heeft wellicht zin. Daardoor biedt u meer inhoud (content) aan waardoor u makkelijker vindbaar bent. Pas op dat deze content niet dubbel is! Dubbele content wordt gezien als aandachttrekkerij door zoekmachines als Google en Bing en dat wordt niet beloond. Resultaat: u eindigt onderaan de lange rij met pagina's op een Google of Yahoo. Dit wilt u niet. Daarom is het belangrijk om goed te investeren in SEO ofwel Search Engine Optimisation. Door uw zoekpositie te optimaliseren bent u sneller vindbaar en dit betekent dus meer bezoekers en dus meer inkomsten, klanten, etcetera. Dit wordt onder andere gedaan door een goede keus te maken voor zoekwoorden waar gebruikers op kunnen zoeken en een goede omschrijving te geven van iedere pagina. Het is zelfs mogelijk om aan te geven waar uw content over gaat waardoor u uw zoekpositie nog meer bevordert! Er zijn vele manieren om uw zoekpositie op te krikken, maar als u er niet veel vanaf weet, is het beter om u te laten adviseren. Kortom: zoek niet naar klanten, maar laat klanten uw bedrijf vinden, investeer in SEO!
Een website die zich aanpast
Er komen steeds meer apparaten bij en daarmee ook extra moeilijkheden! Hoe ziet uw website er nu uit op een mobiel apparaat? Steeds meer bezoekers bezoeken uw website via mobiele apparaten die veel kleiner zijn en daarmee wellicht uw website niet goed kunnen weergeven. Een nieuwe techniek die helpt is responsive webdesign. Daarmee past de website zich aan aan de grootte van het scherm! Een klein scherm betekent wellicht minder om weer te geven, maar daardoor gaat het laden ook een stuk sneller wat een dikke plus is voor uw bezoeker! Leef u maar eens in in die bezoeker. Wilt u dan liever een snelle website of een website waar u minuten op zit te wachten voordat deze geladen is? Het antwoord is duidelijk: Responsive webdesign.
Uw website, maar dan sneller!
U kent het wel. Uw website is weer eens traag en uw bezoekers klagen over dat het zo langzaam gaat allemaal. Er zijn vele oplossingen om de snelheid wat op te krikken, maar een goedkope en snelle oplossing is het gebruiken van een zogenaamde cache. Caching zorgt ervoor dat data onnodig dubbel wordt verzonden. Caching komt overal voor en niet alleen op websites. Binnen een groot netwerk van bijvoorbeeld een universiteit worden computers geplaatst die voorkomen dat een zelfde plaatje twee keer wordt opgehaald uit bijvoorbeeld Amerika. Dat verbeterd de snelheid van uw internetverbinding binnen dat netwerk vaak aanzienlijk! Ook op het web wordt vaak caching gebruikt. En nu met HTML5 is het zelfs mogelijk om de caching van uw afbeeldingen af te handelen op de smartphone of laptop van de gebruiker! Een voorbeeld: iemand haalt een plaatje op van uw website. Deze is vrij groot. U heeft 5 pagina's en op elke pagina staat dit plaatje. In plaats van 5 keer hetzelfde plaatje op te halen is het ook mogelijk om het plaatje één keer op te halen en het daarna op te slaan, op het apparaat zelf. Dit kan zelfs enkele seconden schelen op sommige netwerken! Een grote snelheidswinst dus, en dat door maar één eenvoudige techniek. Waar zou u caching kunnen toepassen?
Abonneren op:
Posts (Atom)