Programmering?

Förslag till innehåll programmeringens grundläggande teori webbredigering, webbprogrammering html xml wml (wap 1) xhtml css javascript java

programmering – att skriva datorprogram, programvara (software) Ett datorprogram är en uppsättning instruktioner för att styra en dator och annan maskinvara (hardware) att utföra vissa uppgifter. Maskinvaran får instruktionerna i maskinspråk, maskinkod, binärkod (ettor och nollor).

Ett datorprogram skrivs på ett programspråk, högnivåspråk. programspråk, programmeringsspråk (lausekieli): t.ex. pascal, basic, C, C++, Java, Perl, Phyton Ett programspråk är ett konstgjort språk som används för programmering. Programspråk består vanligtvis av engelska ord, förkortningar och specialtecken

Datorprogram måste översättas (kompileras) från källkod till maskinkod av en kompillator innan de kan köras (exekveras). Alternativt kan datorprogram tolkas (interpreteras) av en tolk innan de körs (exekveras).

flera lager eller nivåer av programvara plattform: BIOS, drivrutiner operativsystem tillämpningsprogram: t.ex. kontorsprogram, webbläsare egna program: t.ex. skript, kalkylmallar

variabler operatörer villkor

variabler En variabel är som ett namn som representerar ett värde. Värdet tilldelas och kan variera medan programmet körs. I Java (men inte i JavaScript) deklareras variabler.

HTML HyperText Markup Language märkspråk för hypertext En hypretext är en text som med länkar är förbunden med andra texter.

Sidans namn Rubrik Underrubrik Detta är ett stycke. Detta är ett annat stycke.

länkar länktext Knapp

ankar länk till samma sida Underrubrik alterativ för xhtml Underrubrik

Marginaler och bakgrundsfärg

Fontstil fet stil fet stil kursiverad stil kursiverad stil underteckad text underteckad text stor text stor text liten text liten text subscript subscript superscript superscript

fontstorlek 5 fontstorlek -3 text för skärm grön text grön text

text radbyte text radbyte centrerad text centrerad rubrik text till höger text till höger

Bilder

WML Wireless Markup Language märkspråk för mobiltelefoner en version av xml för wap1

Första kortets namn Vanlig text. Andra kortet Andra kortets namn Vanlig text. Första kortet

XML eXtensible Markup Language universellt och utbyggbart märkspråk

Helsinge gymnasium Magnus Högstadiet Janika

XHTML eXtensible Hypertext Markup Language – omformulering av HTML i XML Speciellt är XHTML 1.0 är en omformulering av HTML 4.01 som XML. XHTML är skriftlägeskänsligt; alla taggar skrivs i gemener (”små bokstäver”). Alla element måste ha matchande start- och sluttaggar.

XHTML 1.0 definieras, liksom HTML 4,01, av tre olika dokumentmallar:  XHTML 1.0 Strict  XHTML 1.0 Transitional  XHTML 1.0 Framesets XHTML Basic och XHTML Mobile Profile är varianter för mobiltelefoner, WAP2

XHTML 1.0 Strict XHTML 1.0 Transitional XHTML 1.0 Frameset Dokumentmallar

Mitt första XHTML-dokument Hejssan världen!

CSS Cascading StyleSheets stilmallar tre olika metoder:  mall i en skild textfil med filändelsen css  mall innanför taggarna och  lokala stildefinitioner

em {font-weight: bold; font-style:normal;} strong {font-style: italic;} p, h1, h2 {font-family: verdana, arial;} /* kommentar */

Mitt första XHTML-dokument

<!-- em {font-weight: bold; font-style: normal;} strong {font-style: italic;} p, h1, h2 {font-family: verdana, arial;} -->

<!-- em {font-weight: bold; font-style:normal;} strong {font-style: italic;} p, h1, h2 {font-family: verdana, arial;} --> </style Mitt första dokument med css

text i kursiverad stil text i fet stil ett helt stycke i kursiverad stil

Mitt första dokument med klasser <!--.elev {color: red;}.larare {font-weight: bold; color: green; font-size: 18 pt;} h1.elev {text-decoration: underline;} --> </style Martin Hasse undervisar Martin i matematik.

tabeller rad 1, kolumn 1 rad 1, kolumn 2 rad 2, kolumn 1 rad 2, kolumn 2

rad 1, kolumn 1+2 rad 2, kolumn 1 rad 2, kolumn 2

rad 1+2, kol. 1 rad 1, kolumn 2 rad 2, kolumn 2

td {color: red;}.elev {background-color: red; color: black;} __________________________________________________ rad 1, kolumn 1 rad 1, kolumn 2 rad 2, kolumn 1 rad 2, kolumn 2

<!-- td {color: red;}.elev {background-color: red; color: black;} --> </style rad 1, kolumn 1 rad 1, kolumn 2 rad 2, kolumn 1 rad 2, kolumn 2

egenskaper för tabeller och celler border colspan, rowspan bgcolor width height cellpadding style

css-egenskaper för tabeller background-color color border-width padding

css-egenskaper för länkar a:link {color: } a:visited {color: } a:active {color: } a {text-decoration: none} a:hover {text-decoration: underline; background: }

a {font-family: arial} a:link {color: #ffff00} a:visited {color: #0000ff} a:active {color: #00ff00} a:hover {text-decoration: none; font-weight: bold; background: #00ff00; color: #ff0000} HeGy

RGBRGB 16*16 * 16*16 * 16*16 = 256 * 256 * 256 =

2 4 = = 256 #ffffff = 255,255,255 = white hexadecimal färgkod

#ffffff #ff0000 #00ff00 #0000ff #00ffff #ff00ff #ffff00 # # #C0C0C0 # # # # # # white red lime blue aqua fuchsia yellow black green silver gray olive maroon navy purple teal

mediatyper screen projection handheld tv print

body {background-color: aqua; margin- left: ; margin-right: } p, h1, h2 {font-family: verdana, print { p {font-family: Times New Roman; } body {backround-color: white; color: #ffffff} }

metainformation

JavaScript Scriptspråk som tolkas direkt av webbläsaren tre olika platser:  i skild textfil med filändelsen js  innanför taggarna och  innanför enskilda taggar

JS Knapp

JS Hemsida

JS Hemsida

JS Hemsida

JS Hemsida

JS document.bgColor="red"

JS document.bgColor="red"

JS document.bgColor="red"

JS document.bgColor="red"

JS document.bgColor="red"

JS Ljusröd Grön

objekt.egenskap = objekt.metod() objekt.metod(parameter) objekt.metod(parameter1, parameter2) objekt1.objekt2.metod()

JS <!-- //kommentar document.write("Hejssan världen!") /*mera kommentarer*/ -->

JS <!-- //kommentar alert("Hejssan världen!") /*mera kommentarer*/ -->

Hemsida

JS window.location ="

JS window.location ="

JS <meta http-equiv="refresh" content= "24; url= window.location ="

JS <meta http-equiv="refresh" content= "0; url= window.location ="

Frivillig definition av variabel var bokst = promt() Alternativ bokst = promt()

JS <!-- hejssan = "Hejssan världen!" document.write(hejssan) -->

JS function hej() { document.write("Hejssan världen!") } document.write("Hejssan!") hej()

JS bokst = prompt(); bokst = bokst.toLowerCase(); document.write(bokst)

JS bokst = prompt("Skriv text. "); versaler = bokst; bokst = bokst.toLowerCase(); document.write(versaler + " " + bokst)

jämförelse A == B tilldelning A = B

Operatorer addition A + B subtraktion A – B multiplikation A * B division A / B

Förkortningar A = A + BA += B A = A – B A -= B A = A * B A *= B A = A / BA /= B

Jämförelser A == B A != B A > B A = B A <= B

Logiska operatorer &&och ||eller !inte

<!-- if ((navigator.appVersion.indexOf("MSIE") > 0) && (parseInt(navigator.appVersion) >= 4)) { ltext = " Lägg denna sida till dina favoriter!"; document.write(ltext); } //-->

Gör denna sida till din startsida!

<!-- datum = new Date(); document.write(datum) //-->

<!-- // Denna kod har jag (RW) utvecklat själv. datum = new Date(); dag = datum.getDate(); manad = datum.getMonth(); ar = datum.getFullYear() if (manad == 0) {manad = 'januari'} if (manad == 1) {manad = 'februari'} if (manad == 2) {manad = 'mars'} if (manad == 3) {manad = 'april'} if (manad == 4) {manad = 'maj'} if (manad == 5) {manad = 'juni'} if (manad == 6) {manad = 'juli'} if (manad == 7) {manad = 'augusti'} if (manad == 8) {manad = 'september'} if (manad == 9) {manad = 'oktober'} if (manad == 10) {manad = 'november'} if (manad == 11) {manad = 'december'} document.write("Den " +dag+ " " +manad+ " " +ar) //-->

JS function jumpPage(newLoc) { newPage = newLoc.options[newLoc.selectedIndex].value if (newPage != "") { window.location.href = newPage }} Startsida Sida 1 Sida 2 Blogg

JS

JS

JS bd1 = new Image bd2 = new Image bd2.src = "bild2.jpg" bd1.src = "bild1.jpg"

JS <!-- function nyttFonster(adress) { Window = window.open(adress, 'Win', 'width=600, height=300, scrollbars=yes') Window.focus() } // --> Helsinge bild

JS <!-- function nyttFonster(adress) { Window = window.open(adress, 'Win', 'width=600, height=300, scrollbars=yes') Window.focus() } // --> Helsinge bild

JS <!-- function nyttFonster(adress) { Window = window.open(adress, 'Win', 'width=600, height=300, scrollbars=yes') Window.focus() } // --> Helsinge bild

JS <!-- function nyttFonster(adress) { Window = window.open(adress, 'Win', 'width=600, height=300, scrollbars=yes') Window.focus() } // --> Helsinge bild

JS Helsinge bild

skript.js function nyttFonster(adress) { Window = window.open(adress, 'Win', 'width=600, height=300, scrollbars=yes') Window.focus() }

JS Stäng

JS

JS <body onLoad="window.open(' %20bauer.jpg', '', 'width=200, height=200, scrollbars=no, resizable=no, location=no');">

JS <body onLoad="window.open(' %20bauer.jpg', '', 'width=200, height=200, scrollbars=no, resizable=no, location=no');">

Slingor while for

A = 1 B = 100 while (A <= B) { document.write(A + " ") A = A + 1 }

A = 1 B = 100 while (A <= B) { document.write(A + " ") A = A + 1 }

A = 1 B = 100 while (A <= B) { document.write(A + " ") A++ }

A = 1 B = 100 while (A <= B) { document.write(A + " ") A++ B /= 2 }

A = 1 B = 100 while ((A = 50)) { document.write(A + " ") A++ B-- }

A = 1 B = 100 while (!(A > B) && !(B < 50)) { document.write(A + " ") A++ B-- }

Objekt innanför html-dokument Objekt

Objekt

Objekt

Objekt

Objekt

Objekt

Objekt

Java objektorienterat programspråk kompileras till bytekode körs på en virtuell maskin, vilket gör programmet plattformsoberoende utvecklat av Sun Microsystems kan köras som självständiga program eller som appleter filändelse class

Objekt

Objekt <param name = "bgcolor" value="#ff8080"

Java <applet code=Lake.class id=Lake width=300 height=250 >