Her er en enkel metode på hvordan man INSERT INTO fungerer i mySQL:

<code>INSERT INTO tabell_navn (kolonne1,kolonn2,kolonn3,...) VALUES (verdi1, verdi2, verdi3,...) </code>

I et reellt eksempel kan vi skrive dette slik med PHP:

<code>&lt;?php $con = mysql_connect("localhost","root","pass123"); if (!$con) { die('Kunne ikke koble til: ' . mysql_error()); } mysql_select_db("my_db", $con); $sql= "INSERT INTO Personer(Fornavn,Etternavn) VALUES ('Andre', 'Walker'); if (!mysql_query($sql,$con)) { die('Error: ' . mysql_error()); } echo "En post lagt til."; mysql_close($con); ?&gt; </code>

Jeg har en tabell med produkter, hvor hvert produkt er kategorisert med en type. Hvordan kan jeg returnere antall produkter per type? Jeg har tabellen PRODUKTER med feltene ID, NAVN, TYPE, PRIS.

Her er et eksempel på hvordan du kan løse dette. Se på denne koden:

<?php // lag spørring $query = «SELECT type, COUNT(navn) FROM produkter GROUP BY type»; //kjør spørring mot databasen $result = mysql_query($query) or die(mysql_error());

// Skriv ut resultat while($row = mysql_fetch_array($result)){ echo «Det er «. $row[‘COUNT(name)’] .» produkter i kategorien «. $row[‘type’] .».»; echo «<br />»; } ?>

Vil vise dette:

Det er X1 produkter i kategorien Y1. Det er X2 produkter i kategorien Y2. Det er X3 produkter i kategorien Y3. osv…

Dersom har flere domener som peker til samme rotkatalog og ønsker at de skal peke på hver sin katalog, så kan du enkelt gjøre dette med .htaccess

Dette gjør vi blant annet på data-doktoren.no. Hver gang du besøker siden, så er det mappen /no/ som du faktisk åpner. Slik kan det løses i .htaccess:

<code>RewriteEngine On Options +FollowSymlinks RewriteBase / 
RewriteCond %{HTTP_HOST} domene1.no 
RewriteCond %{REQUEST_URI} !katalog1/ RewriteRule ^(.*)$ katalog1/$1 [L] 
RewriteCond %{HTTP_HOST} domene2.no 
RewriteCond %{REQUEST_URI} !katalog2/ RewriteRule ^(.*)$ katalog2/$1 [L]</code>

Det koden gjør er enkelt at dersom URL er domene1.no og ikke inneholder katalog1, så åpner den katalog1. Og den samme sjekken gjøres på domene2.

<code>RewriteCond %{REQUEST_URI} !katalog1/ RewriteRule ^(.*)$ katalog1/$1 [L]</code>

Her er flagg som benyttes i mod_rewrite regler i Apache.

Eksempler på bruk er:

RewriteRule [Finn dette] [Erstatt med dette] [Flagg]

Her er reglene: C – Chain E – Environmental Variable F – Forbidden G – 410 Gone L – Last N – Next (Round) NC – No Case NE – No Escape NS – No SubRequest P – Proxy PT – Pass Through QSA – Query String Append R – Redirect S – Skip T – Type

Det finnes også mer informasjon om dette her:

Wikipedia

Lurer du på hvordan du kan opprette QR koder, og hva de brukes til? En QR kode er en såkalt todimensjonal strekkode som kan inneholde informasjon. Den kan sammenlignes med strekkodene som finnes på alle produkter. Forskjellen er at en QR-kode kan inneholde mer informasjon, samtidig er det enkelt å lese denne informasjonen.

Du trenger bare en smarttelefon som iPhone, HTC, Samsung osv og en app/program for å scanne koden. Det finner du på Appstore eller Google Play ved å søke etter QR, qrkode, qrcode osv.

Den mest vanlige måten å bruke en QR kode på er å legge inn en lenke til en webside, hvor man scanner koden og blir videresendt til websiden.

Her er en lenke til en norsk QR kode generator. Her kan du opprette QR kode med SMS, vCard, Telefonnummer og tekst: http://forkort.no

I en QR kode kan du lagre telefonnummer, sms og tekst. Scanner du koden med din mobiltelefon, så kommer dette opp automatisk. Les mer om QR koder her: http://no.wikipedia.org/wiki/Qr_kode

Vi har laget en liten oversikt over gratis bildedatabaser som finnes på internett. Her kan du finne bilder med ulike tema som du kan benytte på websiden din.

NB! Husk at det finnes ulike rettigheter for bildene, og for enkelte bilder må du oppgi fotograf eller annen copyright info når du bruker bildet. Men hvilke rettigheter som gjelder, står beskrevet på sidene.

Se listen over gratis bildedatabaser her:

http://commons.wikimedia.org/wiki/Main_Page http://www.freeimages.co.uk/ http://www.pdphoto.org/ http://www.morguefile.com/archive

Andre bildedatabaser  Her er en liste med bildedatabaser som samler bilder innen forskning, romfart mm

http://www.esa.int/esa-mmg/mmghome.pl http://www.eso.org/public/archiveindex.html https://www.euro-fusion.org/multimedia/photo-gallery/

http://cdsweb.cern.ch/collection/Multim … each?ln=en http://www.photolib.noaa.gov/ http://www.interactions.org/cms/

Jeg har laget meg en verktøykasse som jeg synes er et must når jeg utvikler websider. Den er ikke stor, men god nok til at jeg får gjort jobben.

Lokal webserver

Fordelen med en lokal webserver er at du i utviklingsfasen slipper å bruke et webhotell, og du kan ta med deg serveren der du er. Her finnes det flere alternativer, men jeg har god erfaring med WAMP Server, som også er gratis. WAMP står for Windows, Apache, Mysql og PHP. Jeg har brukt WAMP Server i flere år, og har ikke hatt behov for å bytte. Når du har installert WAMP så fungerer det med en gang. Men WAMP får du phpmyadmin og SQLiteManager som gjør det enkelt å vedlikeholde databasene i et webgrensesnitt. www.wampserver.com/en

Utviklingsverkøy

Her finnes det noen gratisalternativ og noen kjøpte. Jeg bruker en kombinasjon av disse:

Notepad++ – Som navnet antyder så er dette en avansert utgave av notepad. Notepad++ er åpen kildekode, gratis og kjører under Windows. notepad-plus-plus.org

Adobe Dreamweaver har jeg benyttet siden Adobe kjøpte Drumbeat på begynnelsen av 2000-tallet. Når du kommer i gang er det enkelt å utvikle i, administrere flere nettsteder med flere ftp-servere. I tillegg kan du koble til subversion og andre systemer for å få versjonshåndtering av filer. Men den koster en god del. www.adobe.com/products/dreamweaver.html

FTP klient

For å overføre filer til ditt webhotell, så trenger du en FTP program (File Transfer Protocol).

Adobe Dreamweaver har innebygget FTP klient, men jeg bruker også disse som er gratis:

WinSCP – Enkel og greit program, og ikke minst gratis!!, som også har støtte for SFTP. Denne har jeg brukt i flere år, og er god å bruke. winscp.net/

FileZilla – Denne har jeg nettopp begynt å prøve ut. Har ikke mye erfaring ennå, men førsteinntrykket virker bra. filezilla-project.org

Firefox and Chrome har støtte for fullskjerm API-et.  Med dette API-et så kan du ta tak i hvilket som helst element og vise det i fullskjermmoduls. Firefox legger til attributtene widh:100%; height:100% og vil strekke elementet slik at det fyller hele skjermen. Bruksområder her er f.eks. visning av bilde, videovisning med canvas for å nevne noe. Det er bare fantasien som setter begrensninger her. Men fordelen er at du slipper å bruke javascript plugins for å løse dette.

Hvordan bruke fullscreen API? Definer elementet som du ønsker å vise i fullskjermmodus slik (document.getElementById(‘myDiv’)) og kall funksjonen requestFullScreen

&lt;button onclick="goFullscreen()"&gt;Vis fullskjerm&lt;/button&gt; 

&lt;div id="myDiv"&gt;
&lt;canvas width="500" height="400" id="c"&gt;Dette er mitt canvas-element&lt;/canvas&gt;
&lt;/div&gt;

Eksempel på kode:

&lt;script&gt; function goFullscreen() { var el = document.getElementById('myDiv'); if(el.webkitRequestFullScreen) { el.webkitRequestFullScreen(); } else { el.mozRequestFullScreen(); } } &lt;/script&gt;

Jeg fikk et spørsmål her om hvordan man kan utvikle spill i HTML5. Det nye CANVAS elementet i HTML gjør at du kan lage avansert grafikk uten bruk av Flash. Jeg har ikke fått prøvd dette så mye selv ennå, bortsett fra å programmere noen enkle todimensjonale grafer. Men mer kommer!!

Her er en oppskrift på hvordan du kan lage «ditt første spill» med HTML5: http://net.tutsplus.com/tutorials/html-css-techniques/build-your-first-game-with-html5/

På denne siden finnes en oversikt over spillmotorer.

http://html5gameengines.com/

I første omgang kan du ta en titt på dette rammeverket. http://impactjs.com/

<wbr> elementet er nytt i HTML5. Det står for WordBReak. <wbr> spesifiserer hvor i teksten det er ok å legge inn et linjeskift.

Hvis du har et langt ord som kan føre til at enten designet blir forskjøvet, eller at linjeskift kommer på galt sted, så kan du bruke <wbr> elementet.

<code>&lt;p&gt; Læren om å dele ord kalles ord&lt;wbr&gt;deling. &lt;/p&gt;</code>

Så enkelt kan det være!