Formulär - Forms - uppdaterad guide till HTML5.

Läs hela guiden här

CSS-formatering av formulär - uppdaterad guide.

Läs hela guiden här

Font Awesome är ett Open source projekt som ger dig tillgång till ett stort antal ikoner som är skapade med CSS och används direkt i din HTML-kod.

Font Awesome använder inline elements som <i> och <span>för att visa ikonerna.

Font Awesome finns i två versioner; en gratis version med ca 1.600 ikoner och "Font Awesome Pro" med ca 7.500 ikoner.

Läs hela guiden här

Timer - countdown timer. Räknar ned tiden till ett angivet datum och klockslag.

Läs hela guiden här

Parallax scrolling är en teknik som i datorgrafik, i tex spel, använts för att skapa en illusion av djup i en tvådimensionell bild. Genom att låta bakgrundsbilder röra sig i annan hastighet än förgrunden skapas en illusion av djup.

Läs hela guiden här

När du placerar bilder, eller DIV med bild och text, i rader så blir det ofta problem med justeringen av objekten. Vissa objekt kan hamna mitt i raden eller under varandra.

Här visar vi 4 metoder att lösa problemet.

Läs hela guiden här

Vi har uppdaterat och flyttat Safealbum till OpenCart 3 och byggt en Ny e-butik byggd åt Indrajoy.

Läs mer här »

Ett responsivt bildspel som använder Javascript och CSS (ingen jQuery behövs här).

Läs hela guiden här

PHP 5.6 och PHP 7.0 kommer att ersättas av PHP 7.2
Om du får problem med din webbplats eller webbutik efter att din webbserver uppdaterats så beror det sannolikt på att koden inte är kompatibel med PHP 7.2
Vi hjälper dig felsöka och åtgärda problemen i din webbplats, oavsett om du använder WordPress eller OpenCart eller byggt webbplatsen själv.

Läs mer här »

Vi administrerar OpenCart åt Båtmagneten. Vill du också ha hjälp med din webbshop?

Läs mer här

Vi bygger din mobilanpassade hemsida!

När du ser ett hänglås i webbläsarens adressfält eller ser att adressen börjar med HTTPS:// istället för HTTP:// så använder webbplatsen SSL.

Som besökare kan du känna dig tryggare när du använder en webbplats med ett SSL-certifikat.

Den här guiden visar hur du köper och installerar ett SSL-certifikat och anpassar dina sidor till HTTPS.

Läs hela guiden här

TIPS! Vi hjälper dig gärna anpassa din webbplats till HTTPS - läs mer här

Vi bygger upp din webbshop i verktyget OpenCart som är ett av de mest populära e-handelslösningarna för stora och små butiker. OpenCart är ett kompetent butikssystem och är dessutom gratis att använda. Du betalar alltså inga månadsavgifter (förutom webbhotellet)

Startpaketet innebär att vi installerar och konfigurerar din webbshop med betalningslösningar och fraktalternativ etc. Du lägger själv in dina produkter och produktbilder direkt i webbläsaren.

Läs mer här

En tabell som anpassas efter den enhet som används för att visa webbplatsen kallas för mobil eller responsive tabell. De webbplatser som byggs idag måste vara anpassade för visning i olika enheter som dator, surfplatta och smartphone mm.

Läs hela guiden här

En meny som anpassas efter den enhet som används för att visa webbplatsen kallas för mobil eller responsive meny. De webbplatser som byggs idag måste vara anpassade för visning i olika enheter som dator, surfplatta och smartphone mm.

Läs hela guiden här

En layout som anpassas efter den enhet som används för att visa webbplatsen kallas för mobil eller responsive layout. De webbplatser som byggs idag måste vara anpassade för visning i olika enheter som dator, surfplatta och smartphone mm.

Du kan kolla hur din egen webbplats ser ut i olika enheter och olika storlekar på bildskärmar hos Responsinator.com »

Den här guiden visar hur du bygger en responsiv layout och använder CSS för att anpassa dina sidor till den enhet de visas på.

Läs hela guiden här

Vi bygger din mobilanpassade hemsida!

Nu är det hög tid att anpassa din webbplats till smartphone och surfplatta! Google informerar om att de sedan den 21 april 2015 har börjat ranka sökresultat och indexera webbplatser så att sökresultatet anpassas till den enhet de söker ifrån. Sökning från mobila enheter som smartphone och surfplatta visar alltså responsiva mobilanpassade webbplatser i första hand.

Google Fonts, inbäddade webbfonter som hämtas direkt från Google's servrar.

Vi bygger din mobilanpassade hemsida! Vi bygger din webbplats med responsive design vilket innebär layouten ändras när sidorna visas i olika enheter. Vi anpassar dina sidor för dator, smartphone och surfplatta. Dina sidor når då ut till en större målgrupp och läsbarheten ökar på alla enheter.

Läs mer här »

Om du studerar i grundskola, gymnasium, högskola eller i annan utbildningsverksamhet ska du kontrollera om din skola har WDS fleranvändarlicens. Idag har fler än 600 skolor vår fleranvändarlicens och chansen är stor att även du har möjlighet att använda medlemsguiderna redan idag.

Vi bygger din mobilanpassade hemsida!

Startpaket från 5.000 kr

Vi bygger din webbplats med responsive design vilket innebär layouten ändras när sidorna visas i olika enheter. Vi anpassar dina sidor för dator, smartphone och surfplatta. Dina sidor når då ut till en större målgrupp och läsbarheten ökar på alla enheter. Läs mer här »

WDS Shop är ett orderformulär som kan kopplas till en befintlig produktsida eller användas tillsammans med publiceringsverktyget WDS CMS.

WDS Shop visar alla butikens produkter i samma orderformulär och passar e-butiker med få produkter. Om du planerar att starta upp en webbshop kan detta vara ett bra alternativ.  

Just nu pågår en uppdatering av WDS program. Gränssnittet har förbättrats och nya CSS-mallar ska byggas till WDS CMS publiceringsverktyg. Arbetet pågår och när det är klart kommer vi att informera om detta i vårt nyhetsbrev.   Om du inte är mottagare av Webdesignskolans nyhetsbrev kan du anmäla dig här »

Vi bygger upp din webbplats och du får en egen unik design på hemsidorna. Vårt eget publiceringsverktyg WDS CMS ingår där du själv kan skapa nya sidor eller uppdatera informationen i alla sidor. Inga uppdateringskostnader! Din webbplats kan administreras av dig och dina medarbetare.

WDS Gästbok är ett komplett system för att hantera meddelanden som hämtas från en MySQL-databas. Gästboken kan spam-skyddas med CAPTCHA-verifiering. Inmatningsfälten använder jQuery för att visa fältinnehåll. När ett nytt meddelande skrivs i gästboken kan du få ett e-postmeddelande om detta.

SlidesJS är ett jQuery-script som du kan använda till bildspel (slideshows) eller textinformation där innehållet kan vara både text, bild och länkar.

Datepicker är ett jQuery-script som kan användas för att välja ett datum i en kalender. Kalendern kan kopplas till ett formulärfält eller variabel för att skicka informationen till ett formulärscript eller databas. Datepicker är en av de mest använda kalendrarna. Swedbanks Internetbank och flera kommuner använder Datepicker.

Arbetet med programmet WDS News går framåt! Det är några funktioner som ska testas innan programmet kan presenteras i skarpt läge. Det du ser här är alltså en demo och beta-test.

Nyheterna ska kunna visas som korta "teasers" eller i en lista. Dessutom ska de kunna visas i en nyhetsbox eller kolumn som integreras i en annan sida.

CMS är en förkortning av "Content Management System" och det kan användas till att hantera innehållet i en webbplats. CMS eller WCMS (Web Content Management System) är ett publiceringsverktyg för att skapa och redigera innehållet i en webbplats.

En skillnad mot att bygga "vanliga" webbplatser med tex Dreamweaver, Frontpage eller andra HTML-editorer är att du inte behöver någon editor för att skapa sidorna i ett CMS.

Se alla funktioner som ingår i programmet WDS CMS!

För att du ska kunna använda Webdesignskolan CMS måste din webbserver ha PHP 4.3 eller senare version och MySQL 4.0 eller senare version.

Se alla program som ingår i installationen av WDS CMS och kan användas tillsammans med WDS  CMS.

Ladda ner programmets ZIP-fil och läs mer om WDS CMS i guiden Webdesignskolan CMS

Samla diamanter och andra värdefulla skatter och passa dig för de mumsande monstren!

Är DU tillräckligt bra för att få 550 poäng?

Quisque sit amet mauris lectus. Suspendisse semper iaculis porttitor.

Quisque sit amet mauris lectus. Suspendisse semper iaculis porttitor. Donec ultricies, augue id vulputate sollicitudin, quam enim feugiat lacus,

Etiam rutrum elementum velit non placerat. Fusce blandit neque nec lectus accumsan nec varius dui suscipit. Nullam eget arcu dui, eget sollicitudin leo. Praesent erat odio, ultrices luctus molestie at, vulputate vel ante.

Cras libero risus, blandit eu bibendum nec, faucibus vel dolor. Donec commodo mattis laoreet. Nulla facilisi. Nam malesuada lorem id lorem consequat lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam volutpat laoreet libero id pharetra. Vivamus vehicula ipsum quis velit rutrum laoreet. Nulla tristique, libero semper ornare adipiscing, tellus ligula ultricies est, et volutpat mauris nisl sit amet lectus. Proin sed urna vitae nulla tempor euismod. Sed sed tellus turpis, ac consequat ante. Nunc porta egestas lacinia.

Quisque sit amet mauris lectus. Suspendisse semper iaculis porttitor. Donec ultricies, augue id vulputate sollicitudin, quam enim feugiat lacus, sit amet ornare risus est viverra ligula. Vestibulum aliquet, orci nec iaculis placerat, neque quam mollis elit, nec pharetra diam dolor vitae libero.

Integer at est neque. Etiam a tristique erat. Nulla mollis eleifend urna sed sollicitudin. Etiam rutrum elementum velit non placerat. Fusce blandit neque nec lectus accumsan nec varius dui suscipit. Nullam eget arcu dui, eget sollicitudin leo. Praesent erat odio, ultrices luctus molestie at, vulputate vel ante.

Quisque sit amet mauris lectus
 
Quisque sit amet mauris lectus. Suspendisse semper iaculis porttitor. Donec ultricies, augue id vulputate sollicitudin, quam enim feugiat lacus, sit amet ornare risus est viverra ligula.

In ac urna id dui consequat sagittis. Nulla eu mauris magna. Morbi tristique imperdiet nulla non sollicitudin. Fusce at nulla tortor, sed vehicula metus. Vivamus non velit magna. Ut eget odio neque, a tincidunt nulla. Duis et risus id enim varius auctor. Maecenas porta ipsum tortor, et ultricies nunc. Praesent adipiscing erat eu mauris aliquet consequat. Cras libero risus, blandit eu bibendum nec, faucibus vel dolor. Donec commodo mattis laoreet. Nulla facilisi. Nam malesuada lorem id lorem consequat lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam volutpat laoreet libero id pharetra. Vivamus vehicula ipsum quis velit rutrum laoreet. Nulla tristique, libero semper ornare adipiscing, tellus ligula ultricies est, et volutpat mauris nisl sit amet lectus. Proin sed urna vitae nulla tempor euismod. Sed sed tellus turpis, ac consequat ante. Nunc porta egestas lacinia.

 Nam malesuada lorem id lorem consequat lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam volutpat laoreet libero id pharetra. Vivamus vehicula ipsum quis velit rutrum laoreet. Nulla tristique, libero semper ornare adipiscing, tellus ligula ultricies est, et volutpat mauris nisl sit amet lectus. Proin sed urna vitae nulla tempor euismod. Sed sed tellus turpis, ac consequat ante. Nunc porta egestas lacinia.

Quisque diam nulla, adipiscing vitae tempus vel, hendrerit at elit. Aenean pellentesque sagittis volutpat. In nec nisl lectus. Quisque pharetra tortor at mauris ornare posuere. Ut volutpat odio id felis interdum viverra. Praesent eget elit in quam volutpat sagittis sit amet ac turpis. Nam pharetra, lacus et condimentum rutrum, arcu metus dignissim tortor, a posuere justo nunc non sem. Phasellus eget neque et lacus convallis dignissim. Integer ultricies aliquet rhoncus. Donec dignissim mollis elit sed porta.

Quisque sit amet mauris lectus. Suspendisse semper iaculis porttitor. Donec ultricies, augue id vulputate sollicitudin, quam enim feugiat lacus, sit amet ornare risus est viverra ligula.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi orci dolor, condimentum in vehicula rhoncus, tincidunt a magna. Fusce imperdiet malesuada accumsan. Duis blandit orci eu nibh vehicula elementum. Nam sem mauris, mollis et ullamcorper sit amet, venenatis id urna. Nulla quis turpis sit amet justo adipiscing viverra vitae non dui. Nulla sodales sodales sem a ornare. Nulla euismod dignissim erat, a aliquet dui hendrerit in. Cras vitae eros pulvinar mi feugiat tincidunt et at nisl. Donec ac tortor vitae metus tempor lacinia. Phasellus scelerisque pretium ligula consequat vehicula. Integer eros diam, mattis sed elementum vel, pretium ac orci.
 
Etiam ac neque dui. Nullam fringilla, sem sed pretium consequat, nibh nisl semper ipsum, nec ornare felis turpis vitae mauris. Proin ut felis quis metus aliquet feugiat. Nunc condimentum volutpat interdum. Etiam lobortis molestie ante vel pellentesque. Nulla lacinia ligula nec ligula bibendum eu vehicula arcu malesuada. Fusce id consectetur lacus. Aliquam rutrum sem in justo rhoncus hendrerit vitae sed odio. Cras in dui euismod erat imperdiet molestie ut a sapien. Donec suscipit, purus ut semper ultrices, sem urna ultricies magna, a sollicitudin felis diam at augue. Fusce dolor leo, molestie interdum facilisis sit amet, mattis quis metus. Vestibulum sed sem a lorem commodo aliquet. Ut placerat orci nec magna fringilla euismod rutrum magna vehicula. Donec adipiscing massa sit amet purus posuere eu consectetur tortor pretium.

Etiam ac neque dui. Nullam fringilla, sem sed pretium consequat, nibh nisl semper ipsum, nec ornare felis turpis vitae mauris. Proin ut felis quis metus aliquet feugiat. Nunc condimentum volutpat interdum. Etiam lobortis molestie ante vel pellentesque. Nulla lacinia ligula nec ligula bibendum eu vehicula arcu malesuada. Fusce id consectetur lacus. Aliquam rutrum sem in justo rhoncus hendrerit vitae sed odio. Cras in dui euismod erat imperdiet molestie ut a sapien. Donec suscipit, purus ut semper ultrices, sem urna ultricies magna, a sollicitudin felis diam at augue. Fusce dolor leo, molestie interdum facilisis sit amet, mattis quis metus. Vestibulum sed sem a lorem commodo aliquet. Ut placerat orci nec magna fringilla euismod rutrum magna vehicula. Donec adipiscing massa sit amet purus posuere eu consectetur tortor pretium.

Nunc dapibus tincidunt odio eget pulvinar. Nunc tempor eros sit amet erat feugiat sed lacinia dui interdum. Suspendisse eget consectetur lacus. Suspendisse faucibus est id augue varius sodales. Suspendisse dignissim mi sed augue vestibulum et tincidunt enim pellentesque. Aenean convallis pellentesque ornare. In hac habitasse platea dictumst. Praesent luctus lectus quis tortor faucibus aliquam. Nulla facilisi. In nisl metus, vulputate ac consequat nec, pharetra nec ligula.

Donec ac quam erat
 
Donec ac quam erat. Curabitur nec magna ac massa scelerisque imperdiet. Nulla eu libero at urna laoreet tempor dapibus non eros. Phasellus venenatis euismod nisl, et dignissim purus dapibus nec. Aenean ut orci arcu, et rutrum turpis. Aliquam adipiscing vulputate orci, non rhoncus ligula hendrerit a. Nulla cursus, massa adipiscing iaculis ultrices, sem risus scelerisque ligula, eu egestas magna ante sagittis elit. Maecenas fringilla luctus justo, vitae faucibus leo rhoncus elementum. Nam cursus tincidunt elit, nec accumsan ipsum commodo sit amet. Pellentesque mauris nunc, dapibus ut egestas ut, mattis vitae nibh.

Suspendisse non dui sapien, in luctus neque. Vestibulum urna ante, viverra et imperdiet vel, congue sit amet metus. Donec lacinia odio eget felis euismod eget cursus magna porta. Proin lacinia enim eget mi egestas cursus. Nulla at lacus leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis venenatis nisl a turpis elementum sit amet vulputate dolor consectetur. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque accumsan gravida tellus et faucibus. Vivamus venenatis pellentesque laoreet. Nulla pulvinar dapibus magna non congue. Aliquam in massa at mauris pretium vestibulum.

Suspendisse non dui sapien, in luctus neque. Vestibulum urna ante, viverra et imperdiet vel, congue sit amet metus. Donec lacinia odio eget felis euismod eget cursus magna porta. Proin lacinia enim eget mi egestas cursus. Nulla at lacus leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis venenatis nisl a turpis elementum sit amet vulputate dolor consectetur. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque accumsan gravida tellus et faucibus. Vivamus venenatis pellentesque laoreet. Nulla pulvinar dapibus magna non congue. Aliquam in massa at mauris pretium vestibulum.

Maecenas dui dui, gravida nec aliquet tincidunt, pharetra vel justo. In facilisis nulla ut massa varius vitae convallis ipsum ullamcorper. Cras laoreet nisl ut augue eleifend nec aliquam turpis volutpat. Phasellus vitae turpis diam. Ut at quam mi. Morbi turpis ipsum, rutrum id lobortis non, sagittis a tellus.

Maecenas dui dui, gravida nec aliquet tincidunt, pharetra vel justo. In facilisis nulla ut massa varius vitae convallis ipsum ullamcorper. Cras laoreet nisl ut augue eleifend nec aliquam turpis volutpat. Phasellus vitae turpis diam. Ut at quam mi. Morbi turpis ipsum, rutrum id lobortis non, sagittis a tellus. Quisque diam nulla, adipiscing vitae tempus vel, hendrerit at elit. Aenean pellentesque sagittis volutpat. In nec nisl lectus.

Quisque sit amet mauris lectus. Quisque sit amet mauris lectus. Suspendisse semper iaculis porttitor. Donec ultricies, augue id vulputate sollicitudin, quam enim feugiat lacus, sit amet ornare risus est viverra ligula. Vestibulum aliquet, orci nec iaculis placerat, neque quam mollis elit, nec pharetra diam dolor vitae libero. Nam convallis nibh in nisi tempus a gravida libero consequat. Nullam quam neque, malesuada in porta vel, aliquet eu mi. Nulla venenatis arcu at nulla ultricies at vulputate dolor tristique. Nullam molestie scelerisque libero vitae hendrerit. Nunc ut tristique massa. Sed tincidunt mollis mi, non luctus est porttitor sed. Morbi sit amet mi eget odio fringilla porta ac sed dui. Etiam et justo ligula. Vivamus ut elit sapien, et porta metus. Integer at est neque. Etiam a tristique erat. Nulla mollis eleifend urna sed sollicitudin. Etiam rutrum elementum velit non placerat. Fusce blandit neque nec lectus accumsan nec varius dui suscipit. Nullam eget arcu dui, eget sollicitudin leo. Praesent erat odio, ultrices luctus molestie at, vulputate vel ante.

Quisque sit amet mauris lectus

Quisque sit amet mauris lectus. Suspendisse semper iaculis porttitor. Donec ultricies, augue id vulputate sollicitudin, quam enim feugiat lacus, sit amet ornare risus est viverra ligula. Vestibulum aliquet, orci nec iaculis placerat, neque quam mollis elit, nec pharetra diam dolor vitae libero. Nam convallis nibh in nisi tempus a gravida libero consequat.

Pellentesque quis

Pellentesque quis urna nisl. Nunc tincidunt nibh id turpis condimentum ac imperdiet ipsum posuere. Maecenas fermentum, magna eu suscipit suscipit, eros diam elementum nibh, imperdiet gravida mauris odio ac velit. Mauris facilisis mi quis elit tincidunt non condimentum libero elementum. Nullam a sem vel turpis viverra elementum ultrices eget enim. In hac habitasse platea dictumst. Praesent luctus rutrum libero, ut porttitor est varius eu. In auctor sodales ipsum, eu vulputate orci rutrum et. Donec pharetra varius nisi ac consequat. Sed sagittis felis at felis molestie in eleifend turpis aliquet. Nullam lobortis dapibus nisl, at mattis ante vehicula nec.

Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pharetra, ligula in ullamcorper pulvinar, elit libero porta orci, nec tincidunt diam ante in leo. Nullam at lectus quam, vel molestie massa. Nunc dapibus tincidunt odio eget pulvinar. Nunc tempor eros sit amet erat feugiat sed lacinia dui interdum. Suspendisse eget consectetur lacus. Suspendisse faucibus est id augue varius sodales. Suspendisse dignissim mi sed augue vestibulum et tincidunt enim pellentesque. Aenean convallis pellentesque ornare. In hac habitasse platea dictumst. Praesent luctus lectus quis tortor faucibus aliquam. Nulla facilisi. In nisl metus, vulputate ac consequat nec, pharetra nec ligula.