1.0 Objektorientert programmering
Objektorientert programmering (OOP) er et paradigme for programmering av datamaskiner.Et paradigme er en anbefalt måte å programmere på.De fleste av de mest brukte programmeringsspråkene i dag benytter seg av en objektorientert programmeringsterminologi.
2.0 HTML
<html>
<head>
</head>
<body>
</body>
</html>
HyperText Markup Language (HTML, hypertekstmarkeringsspråk) er et markeringsspråk for formatering av nettsider med hypertekst og annen informasjon som kan vises i en nettleser. HTML benyttes til å strukturere informasjon ? angi noe tekst som overskrifter, avsnitt, lister og så videre ? og kan, i en viss grad, brukes til å beskrive utseende og semantikk i et dokument. HTMLs grammatiske struktur er HTML DTD som ble skapt ved å gjøre bruk av SGML syntaks, som er en internasjonal standard for tekstformatering (ISO 8879). Kilde: http://no.wikipedia.org/wiki/HTML Brukbare verktøy for å redigere html og css er mozilla firefox sin extension "web developer toolbar" som du får her https://addons.mozilla.org/en-US/firefox/addon/web-developer/. HTML kode:
2.1 Enkel html kode:
<html>
<head>
<meta name="description" content=""/>
<meta name="keywords" content=""/>
<TITLE>Title</TITLE>
<LINK REL=StyleSheet HREF="style/style.css"
TYPE="text/css">
<link rel="icon" type="image/ico"
href="ikon.jpeg"></link>
</head>
<body>
</body>
</html>3.0 CSS
body {
color:#000000;
margin:auto;
border:1px solid;
}
div.a{color: red;}
Cascading Style Sheets (CSS) er et språk som brukes til å definere utseende på filer skrevet i HTML eller XML. Prinsippet er at HTML- eller XML-dokumentet utelukkende skal beskrive struktur og semantikk, mens oppsett, farger og annen stilinformasjon skal beskrives ved hjelp av CSS. Stilinformasjonen kan integreres i selve dokumentet eller skilles ut som en egen fil med endelsen .css. CSS dokumenter består av ulike typer klassifiseringer. En klassifisering er id og begynner med # og kan kun brukes en gang. En annen er klasse og begynner med et punktum. Denne kan til forskjell fra ID brukes flere ganger. Så er det innebygget i css noen standard elementer slik som p,h1,h2,h3 og body. Disse kan du bare skrive direkte inn i css dokumentet. Nedenfor er det listet opp flere eksempler på styling ved css. CSS farger finner du her: http://www.somacon.com/p142.php
3.1 CSS kode 1:
body{
font:12px/1.4 Georgia, serif;
}
.class{
color:red;
text-transform:uppercase;
}
#id{
width:800px;
margin:30px auto 10px;
}
.skygge {
border: 5px solid #c4c8cc;
-moz-box-shadow: 5px 5px 7px #888;
-webkit-box-shadow: 5px 5px 7px #888;
}4.0 JavaScript
function form(form){
if(notEmpty(form.nm)
{
return true;
}
return false;
}
JavaScript er en implementasjon av ECMAScript, et skriptspråk som er best kjent for å tilføre dynamiske elementer til nettsider. Sammen med øvrig innhold på nettsiden (hovedsakelig HTML) sendes det kode (innenfor et script / tagpar, som kjøres lokalt i nettleseren, automatisk eller som reaksjon på brukervalg på siden. Det virkelige navnet til javascript er egentlig ECMAScript ( etter 1997). Brukbare verktøy for å redigere JavaScript er mozilla firefox sin firebug extension som du får her https://addons.mozilla.org/en-US/firefox/addon/firebug/. Om ønskelig kan du finne ferdige filer her: http://www.scripts.com/java-scripts/
4.1 JavaScript kode
var a = 20;
var b = 50;
var t = a + b;
alert = (a*t);
Resultatet er :1400.
Kode 2:
var playerOne = 450;
var playerTwo = 500;
//dette er en kommentar
if ( playerOne > playerTwo) {
highScore = playerOne;
}
else {
highScore = playerTwo;
}
Resultatet er : highScore = playerTwo
Kode 3:
var a = 10;
var b = 20;
var c = 30;
alert = (a+b+c)*c;
Resultatet er :1800.
Kode 4:
var a = 10;
var b = 20;
var c = 30;
var z = (a+b+c)*c;
alert = (z+b)*(z/c);
Resultatet er 109200
Kode 5:
<script type="text/javascript" src="js/java.js"></script>5.0 PHP
<?php
$c = 1
while($c<10){
print $c;
$c=$c+1;
}
?>
PHP er et programmeringsspråk brukt for å utvikle dynamiske hjemmesider. PHP fungerer på den måten at en webserver gjør om php koden til html. Eneste måten å se at hjemmesiden er en php hjemmeside er at den slutter med php.For å lese mer om php besøk http://www.php.net PHP hjelpe ark: http://aitel.hist.no/~svendah/diverse/php_cheat_sheet.png
5.10 PHP funksjon for og lage enkle linker
<?php
/**
* @author programmerer.net
* @param string $url velg din link i nav
* @param string $navn velg ditt navn i nav
*/
function link($url = "index.php",$navn = "hjem"){
echo "<li><a href=$url>$navn</a></li>";
?>
Funksjonen vist med Netbeans
5.11 Koden i php
link("index.php", "hjem");5.12 Koden i html
<li><a href="index.html">hjem</a></li>
På utsiden ser denne hjemmesiden relativt enkel ut, men den består av flere hundre linjer med PHP funksjoner. Noen funksjoner mer avanserte enn andre.
Objektorientert php programmering
Under ser du hvordan man tar i bruk parentClass og childClass for å lage objekter som blir brukt i objektorientert programmering.
class parentCar {
//<parentCar>
//<var>
private $carEngine ="v6";
private $carFuel = "Gas";
private $carGearSystem = "automatic";
//</var>
//<function>
public function setCarEngine($x)
{
$this ->carEngine = $x;
}
public function getCarEngine()
{
return $this->carEngine;
}
public function setCarFuel($x)
{
$this->carFuel = $x;
}
public function getCarFuel()
{
return $this->carFuel;
}
public function setCarGearSystem($x)
{
$this->carGearSystem = $x;
}
public function getCarGearSystem()
{
return $this->carGearSystem;
}
//</function>
//</parentCar>
}
class childCar extends parentCar{
//<parentCar>
//<childCar>
//<var>
private $carName = "Ferrary";
private $carColor = "blue";
private $carTopSpeed = 300;
//</var>
//<function>
public function setCarName($x)
{
$this->carName = $x;
}
public function getCarName()
{
return $this->carName;
}
public function setCarColor($x)
{
$this->carColor = $x;
}
public function getCarColor()
{
return $this->carColor;
}
public function setCarTopSpeed($x)
{
$this->carTopSpeed = $x;
}
public function getCarTopSpeed()
{
return $this->carTopSpeed;
}
//</function>
//</childCar>
//<parentCar>
}
?>
<?php
//<public>
//<class>
//Ekoer ut verdier fra klassen parentCar
$carParentObject = new parentCar();
echo $carParentObject ->getCarEngine();
echo $carParentObject->getCarFuel();
echo $carParentObject->getCarGearSystem();
//Ekoer ut verdier fra klassen childCar
$carChildObject = new childCar();
echo $carChildObject->getCarColor();
echo $carChildObject->getCarName();
//</class>
//<var_dump>
// Returnerer verdiene av objektene som inneholder klassene
var_dump($carParentObject);
var_dump($carChildObject);
//</var_dump>
//</public>
?>5.13 Variabel som inneholder ingenting
Av og til kan det være hensiktsmessig at en variabel skal inneholde absolutt ingenting. For at en variabel skal inneholde absolutt ingenting skriver vi $var = NULL
// Definerer hva variablene skal inneholde $vmath = 2; $var = NULL; // Vi summerer sammen variablene i en ny variabel kalt $sum $sum = $var + $vmath; // Undersøker resultatet ved å echoe ut $sum variabelen echo $sum; // Resultatet blir 2
6.0 MySQL
MySQL er et SQL-basert databaseadministrasjonssystem som er lisensiert under GPL. Dette språket sammen med php blir ofte brukt for å lage cms systemer slik som wordpress,joomla og drupal. Fordelen ved å bruke et cms system er at dataene ikke ligger på hjemmesiden, men i en database. Når innholdet ligger i en database kan det være enkelt å forandre innholdet på siden, pluss at du får mulighet for å indeksere dataene slik at du kan få en søke funksjon på nettsiden. Når det gjelder søkemotor optimalisering er det usikkert hvor bra dette er i forhold til vanlig html hjemmesider.
6.1 MySQL kode 1:
mysql_connect("localhost", "admin", "1admin") or
die(mysql_error());7.0 Programmeringsverktøy
Dette er programvare som blir brukt til blant annet å skrive programmeringskode. En liste over ulike programmeringsverktøy (IDE) finner du på http://en.wikipedia.org/wiki/Comparison_of_integrated_development_environments#PHP . Et godt eksempel på verktøy for å skrive programmeringskode er notepad som er standard i microsoft windows sine systemer. En forbedret versjon av dette er notepad ++. Notepad++ er ein gratis teksteditor, lisensiert under GPL.For å laste ned notepad ++ besøk : http://notepad-plus-plus.org. En annen populær tekst editor er vim. Grunnen til dets popularitet er blant annet muligheten for å ta i bruk en mengde shortcuts.Vim er også gratis. For å laste ned vim besøk http://www.vim.org. Et annet program du kan prøve er optama studio (gratis) : http://www.aptana.com/products/studio3 .En av de beste tekst editorene er komodo edit som du får gratis på http://www.activestate.com/komodo-edit. Hvis du ønsker en mer avansert IDE last ned netbeans på http://netbeans.org/. Andre verktøy for å måle hvor godt siden din konkurrerer med andre hjemmesider er http://websitegrader.com/ og http://alexa.com.
Et utdrag av en PHP hjemmeside i Netbeans
Netbeans er en god IDE for php programmering
8.0 Server
I utgangspunktet klarer ikke maskinen å kode alle programmeringsspråk. Derfor trenger man i noen tilfeller en testserver. En testserver er for eksempel en server som klarer å kjøre eksempelvis php og mysql. En gratis testserver for windows er wamp: http://www.wampserver.com/en/. For linux xamp: http://www.apachefriends.org/en/xampp.html. For mac mamp: http://www.mamp.info/en/index.html.
9.0 Linker for å lære programmering
9.1 Gratis hjemmesider:
- w3schools.com
- aitel.hist.no/fag/php/
- aitel.hist.no/fag/php/video.php
- hjemmeside.org/koding/php
- php.net/tut.php
- php.net/links.php
- phpacademy.org
- scratch.mit.edu/
- stackoverflow.com/
- dice.com/
- phpacademy
- Excel funksjon
- Ml web consulting
9.2 Betal hjemmesider:
9.3 Diverse
10 Diverse
10.1 Cross browser css
Denne nettsiden gjør automatisk om css koden slik at den skal passe til blant annet mozilla firefox, internet explorer osv.
10.11Før vi hadde brukt prefixr
.klasseborder{
-moz-border-radius: 10px 30px;
}10.12 Etter prefixr
.klasseborder {
-webkit-border-radius: 10px 30px;
-moz-border-radius: 10px 30px;
border-radius: 10px 30px;
}
besøk hjemmesiden på: prefixr.com
Oppdatert 2012.04.14