Main Page

From Programmerer.net

Velkommen til programmerer.net

Denne siden er opprettet som et prosjekt på et oppslagsverk for dem som driver med programmering.

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.

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:

Enkel html kode:

<html>

   <head>
       <meta name="description" content="Beskrivelse av hjemmesiden" /> 
       <meta name="keywords" content="Ord som beskriver hjemmesiden" /> 
       <TITLE>Title</TITLE>
       <LINK REL=StyleSheet HREF="style/style.css" TYPE="text/css" MEDIA=screen>
       <link rel="icon" type="image/ico" href="ikon.jpeg"></link> 		
   </head>
	
   <body>

   </body>
</html>

Avansert html kode:

<html lang="en">
<head>
    <script type="text/javascript" src="js/header.js"></script>
    <LINK href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
    <a name="top"></a>
    <div id ="menu">
    <script type="text/javascript" src="js/menu.js"></script>
    <ul>
        <li><a href="#content">content</a></li>
        <li><a href="#footer">footer    </a></li>
    </ul>
    </div>
    
    <div id="content">
        <a name="content"></a>
    <script type="text/javascript" src="js/content.js"></script>
    <img src="http://www.w3schools.com/images/pulpit.jpg" alt="Dette er et bildet"/> 
    </div>
    
    <div id="footer">
        <a name="footer"></a>
        <script type="text/javascript" src="js/footer.js"></script>
        <p><a href="#top">top  </a></p>
    </div>

</body>
</html>

Html med table:


<html>
<head>

</head>
<body>

<h1>Dette er en test table</h1>

<TABLE border="1"
          summary="This table gives some statistics about fruit
                   flies: average height and weight, and percentage
                   with red eyes (for both males and females).">
<CAPTION><EM>A test table with merged cells</EM></CAPTION>
<TR><TH rowspan="2"><TH colspan="2">Average
    <TH rowspan="2">Red<BR>eyes
<TR><TH>height<TH>weight
<TR><TH>Males<TD>1.9<TD>0.003<TD>40%
<TR><TH>Females<TD>1.7<TD>0.002<TD>43%
</TABLE>

</body>
</html>

CSS

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

CSS kode:

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;
}

JavaScript

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/

JavaScript kode:

Kode 1:

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>

PHP

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

PHP kode:

Kode 1:

<?php
echo "Hello World";

?>

PHP i et html dokument:

<html>
<head>
    <?php include("txt/header.txt"); ?>
</head>
<body>
    <div id="menu">
            <?php include("txt/menu.txt"); ?>
    </div>
    
    <div id="content">
                <a name="content"></a>
    <?php include("txt/content.txt"); ?>
    </div>
    
    <div id="footer">
                <a name="footer"></a>
    <p><?php include("txt/footer.txt"); ?></p>
    </div>
</body>
</html>

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.

MySQL kode:

Kode 1:

<?php
mysql_connect("localhost", "admin", "1admin") or die(mysql_error());
?>

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.

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.

Linker for å lære programmering

Gratis hjemmesider: http://www.w3schools.com http://aitel.hist.no/fag/php/ http://aitel.hist.no/fag/php/video.php http://hjemmeside.org/koding/php http://www.php.net/tut.php http://www.php.net/links.php http://scratch.mit.edu/ http://stackoverflow.com/ http://www.dice.com/

Betal hjemmesider http://www.lynda.com http://marketplace.tutsplus.com http://tutsplus.com

Main Page

Contents

Objektorientert programmering

HTML

CSS

JavaScript

PHP

MySQL

Programmeringsverktøy

Server

Linker for å lære programmering

Views

Personal tools

Navigation

Search

Toolbox