Nyt konkurrence site online…

Lige en lille reklame til alle de spilleglade mennesker.
Der er startet et nyt site op hvor du hver uge kan vinde fede præmier.
I denne uge kan du vinde koncert billetter til REM koncerten. Det eneste du skal gøre er at besøge www.komogvind.nu hvorefter du klikker på dit skrabelod. Hvis du skraber 3 ens ikoner med et billede af REM har du vundet koncert billetter til deres show. Komogvind.nu er et nyt online site der byder på en masse spændende vinderchancer med en masse nye konkurrencer. Det er gratis at deltage i konkurrencerne på komogvind.nu og derfor opfordrer vi alle vores læsere til at tage et smut forbi siden og så ønsker vi jo selvfølgelig jer alle sammen held og lykke

Vidste du hvor mange handsker der rent faktisk findes?

Vidste du hvor mange handsker der rent faktisk findes?

• arbejdshandsker
• argon handsker
• dyneema handsker
• læderhandsker
• nitril handsker
• pvc handsker
• skærefaste handsker
• stikfaste handsker
• svejsehandsker
• tekniker handsker

Og sådan kan jeg ellers blive ved i en uendelighed med at opremse forskellige typer handsker.
Jeg vil derimod gerne fortælle lidt om hvad du bør lægge mærke til når vi snakker kvalitet.

De fleste af jer kender vel godt det med at man køber et par handsker i den lokale isenkræmmer, og så er der alligevel ikke helt styr på produktet i form af mangel på kvalitet, snore der hænger løst, dårlig stof/læder kvalitet.

Når jeg benytter mig af et par arbejds handsker skal de være sikre og slidfaste.
De skal med andre ord holde i lidt mere end hvad isenkræmmerens kan holde til desværre

1. Sørg altid for at tjekke kvaliteten af produktet.
   Duft til det, rør ved det, mærk det – på den måde er du sikker på om du kan lide produktets kvalitet.
2. Tjek syninger for at sikre dig at der ikke er noget der hænger hvor det ikke skal.
   De fleste virksomheder er gode til at bytte produkterne såfremt man får et med en fejl på.
   Det sker jo desværre at der en sjælden gang imellem kommer en fejl, selv fra de største.
   Men for en sikkerheds skyld bør du lige tjekke dit produkt, før du betaler for varen.
   Det er desværre ikke alle der bytter varen lige som al-haqent.com f.eks gør.
3. Sørg for at lave en baggrundsundersøgelse af virksomheden du handler med
   Mange mennesker har det med at bruge Internettet til at ytre sig, ligesom jeg gør det.
   Det er også her at du får nys om hvis en leverandør laver kage i den eller sælger dårlige produkter.
   Gør derfor for din egen skyld en baggrunds undersøgelse der gør det muligt at tjekke din leverandørs baggrund. På den måde ender du ikke med håret i postkassen.

Al-Haq Enterprises er en af mine foretrukne leverandører som jeg også har nævnt i et af mine tidligere indlæg. og derfor vil jeg selvfølgelig gerne henvise alle mine læsere til dem

Relaterede links:

http://www.ahgk.dk – Klik her!

http://www.al-haqent.com

Stjæl dine konkurrenters besøgende!

Black Mask Marketing er en e-bog der forklarer om mulighederne for at stjæle sine konkurrenters kunder og få dem til at købe ens produkt fremfor deres.

Igennem bogen vil læseren blive præsenteret for en simpel step-by-step forklaring, der gør at selv brugere uden nogen kendskab til seo optimering vil kunne være med.

• Der bliver bla. beskrevet hvordan at man kan placerer sig selv højest på søgemaskinernes rangliste uden kendskab til seo.

• Hvordan at man kan skabe sig en downline af betalende kunder der kommer igen og igen.
• Og sidst men ikke mindst hvordan at man kan sørge for at alt handel kommer til at kører automatisk så man ikke skal bruge oceaner af tid på at kører ens forretning.

Bogen sælges til 500,- danske kroner og der tilbydes en fuld tilfredsstillelse eller pengene retur garanti.

Jeg benytter selv bogen og vil inden længe skrive en detaljeret anmeldelse af den til alle jer.

KØB BOGEN HER:

http://blackmask.web.surftown.dk

HTML – Iframe

Med IFRAME kan man et sted på sin side vise informationer fra en anden side.

Dette kan være en nyttig funktion hvis du gerne vil indsætte en masse tekst og gøre det muligt for dine besøgende at scroole.

Prøv selv at leg med koden og se hvad du kan få ud af den.

<html>
<body>
<iframe src =”http://web2business.dk”  width=450 height=120 frameborder="0">
</iframe>
</body>
</html>

src er html sproget for henvisningen der ønskes, i mit tilfælde er det så web2business.dk

width er bredden og height er højden og frameborder er kanten på rammen.
Jeg ønsker ingen kant så den er sat til 0 i mit eksemplar.

Inline Style 2 – CSS

Nogle eksempler på forskellige formateringer med links.

http://www.w3.org

Dette links Inline Style Sheet

<span style=”font-family: Courier, Times New Roman; font-size: x-large; color: rgb(83,146,153); text-decoration: none“><ahref=”http://www.w3.org“>http://www.w3.org</a> </span>

Skirft type sat til Courier og Times New Roman, skrift størrelse x-large og farve 83,146,153, samt ingen understregning på link – text-decoration: none

http://www.latterlig.com

Dette links Inline Style Sheet

<span style=”font-family: Verdana, Arial; font-size: medium; color: rgb(128,128,0)“>http://www.latterlig.com</span>

http://www.jubii.dk

Dette links Inline Style Sheet

<span style=”font-family: Arial, Garamond; font-size: 10pt; background-color: rgb(255,255,0); color: rgb(128,128,0); font-style: italic; text-decoration: none; text-align: right; margin-left: 10px“>http://www.jubii.dk</span>

Og selve siden er sat med Embedded Style Sheets, dette gøre i dette tilfælde at teksten bliver sat til skrifttype Verdana, med Arial som anden skrift type størrelse 9 i sort.

Så på denne side bliver der brugt to forskellige Style Sheets: Inline Style Sheets og  Embedded Style Sheets

Denne sides Embedded Style Sheets

<html> <head> <title>Inline Style 2</title> <style> <!– .body {margin-left: 0; font-size: 9pt; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;}BODY {margin-left: 0; font-size: 9pt; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;}BODY {margin-left: 0; font-size: 9pt; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;} TD {margin-left: 0; font-size: 9pt; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;} –> </style> </head>

Som det tydeligt kan ses kan man hurtig få en hjemmeside til at se grim ud, og det var jo ikke lige det der var meningen med disse 117 times arbejde. Men dette er jo heldigvis kun nogle eksempler på at man kan lave forskellige formateringer på links i samme hjemmeside dokument.

Generelt om CSS – Cascading Style Sheet

CSS kan laves på tre forskellige måder:

• Inline Style Sheets
• Embedded Style Sheets
• External Style Sheets

Disse sider bruger External Style Sheets. Hvor man gemmer sin koder i en fil på serveren. Laver man en ændring i denne fil bliver alle hjemmesider der er tilknyttet denne fil ændret.

Facts om CSS – Cascading Style Sheets:

En måde hvor på man kan formatere texter og layout på sine hjemmeside(r).

CSS kan læses af Netscape Communicator 4 og Microsoft Inetnet Explore 3 og frem – andre kan stadig læse siden men det bliver uden CSS formatering ( jeg kender ikke til og tester ikke med andre browsere, da disse sidder på 95-99% af markedet af browsere).

CSS overskriver de almindelige HTML tag’s i et HTML dokument, det gør at CSS er gældende.

Når man snakker CSS så er det en måde hvor på ens HTML tag’s bliver formateret, stor skrift, kursiv, en bestemt farve og meget mere.

CSS kan læses af Navigator 4.0 og IExplore 3.0 dog kan der godt være små forskelle på hvordan de to browsere læser dem, men forskellene er små.

CSS kan laves i tre forskellige versioner Inline Style Sheet, Emdebbed Style Sheets og External Style sheet.

Inline Style Sheet

Denne formatering ligger i HTML dokumentet. Det kan formatere dele af HTML dokumentet efter behov ved brug af <span></span> dele her imellem bliver formateret.

Hello CSS

<span style=”font-family: Arial, Garamond; font-size: 20pt; color: rgb(0,128,128); text-decoration: underline“>Hello CSS</span>

Hello CSS

<span style=”font-family: Comic Sans MS, Times New Roman; font-size: x-large; color: rgb(128,128,0); text-decoration: none“>Hello CSS</span>

Man kan altså for hver enkelt HTML dokument formatere forskellige tekster i forskellige formater, dette kan være lige så godt som f.eks. billeder – som i mange tilfælde tager tid for brugeren at hente. Så brug CSS istedet.

Embedded Style Sheet

Embedded Style Sheets briver ligesom Inline brugt i det enkelte HTML dokument, men her sættes CSS for det enkeltet dokument og hele dokumentet. Dette vil styre hele HTML dokumentet, lige meget hvad der andres på i resten af dokumentet. Her ses at ved link skal der ikke være understregning, hvis man så senere bestemmer sig for at nogle link skal have under stregning så virker det ikke eller også skal {text-decoration: none} fjernes.

<HTML>
<HEAD>
<STYLE TYPE=”text/css”>
<!–
A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
–>
</STYLE>
<TITLE>Vores CSS</TITLE>
</HEAD>

<BODY TEXT=”#000000″ LINK=”#000000″ VLINK=”#003366″ ALINK=”#000033″ BACKGROUND=”/images/bg.gif”>

</BODY>
</HTML>

Hvorfor er der sat <body> tag på denne side?
Det er fordi browsere af ældre type eller af fremmede (ikke Netscape og Microsoft) bliver formateret, så det også ser pæn ud med disse browsere) og at farverne er sat i <body>, disse kan også sættes i selve CSS koden.

CSS – Baggrund

I dag vil jeg gerne forklarer jer en lille ting om hvordan du kan ændre baggrundsfarven via css.
Jeg har valgt at skrive hele koden ned og så vil jeg ellers gennemgå den bid for bid:

<html>
<head>

<style type=”text/css”>
body {background-color: yellow}
h1 {background-color: #00ff00}
h2 {background-color: transparent}
p {background-color: rgb(250,0,255)}
</style>

</head>

<body>

<h1>This is header 1</h1>
<h2>This is header 2</h2>
<p>This is a paragraph</p>

</body>
</html>

<html> og <head> er starten på dokumentet som jo selvfølgelig kræver et <html> start tag og et <head> start tag.

Hvis vi bevæger os lidt længere ned vil du hurtigt bemærke at der er et <style> tag og det er her CSS kodningen begynder.

• h1 tagget er html betegnelsen for overskrift 1 hvilket er den største overskrift.
  Du kan selv forsøge at lege lidt med forskellige attributer som f.eks h2, h3, h4 etc. etc
  .
• Body background er selve sidens baggrund og så du kan se er teksten skrevet på engelsk.
  Yellow er engelsk og betyder gul men det behøver jeg selvfølgelig ikke at fortælle dig.
  Du kan til enhver tid lege med denne funktion, prøv selv at skifte yellow ud med din ynglingsfarve.

Når vi nu slutter style tagget med et </style> vil vi senere i vores body afsnit af html koden kunne bruge den design indstilling vi har lavet igen og igen.

Hver gang vi skal skrive en overskrift i vores dokument starter vi med et <h1> og slutter med et </h1> tag.

Alt tekst skrevet indenfor <h1> og </h1> vil blive vist i den farve som at vi har valgt i vores style afsnit.
På den måde kan du gengive designet nemt på flere af dine sider.

HTML Elementer

HTML elementer eksisterer i mange former og versioner.

Alt det du ser foran dig ligenu, farverne, tekst, billeder, knapper, links og ja stort set ALT er skabt af html elementer.

Et element i HTML er med til at præciserer det specifike område af din hjemmeside.

Et element består af 3 basale områder:

1. <p> åbnings paragraf tag
2. Elementets indhold – paragraf ord
3. </p> – tagget som lukker elementet

Alle hjemmesider kræver 4 nødvendige elementer for at kunne vises.
<html> – <head> – <title> – og <body> elementet.

Info om <html> elementet

<html> tagget starter og slutter enhver side.
Den grundlæggende mening med dette tag er at indkapsle alt html koden man ønsker at benytte til sin hjemmeside. Husk at afslutte dit html element ved at benytte luknings tagget </html> i bunden af alle dine sider.

Hvis du ikke allerede har åbnet dit tekstredigeringsværktøj som f.eks. notepad eller TextEdit anbefaler jeg at du gør det nu.

HTML KODEN

<html>
</html>

Gem nu din fil ved at vælge gem-som eller på engelsk save-as-type. Vælg alle filer eller all files i drop down menuen og gem din fil med navnet  “index.html”. (Selvfølgelig uden gåseøjne”.
Gennemgå venligst at du har gjort det jeg har sagt korrekt før du vælger at gemme filen.
Når du er sikker på det er gjort så vælger du save eller gem som og placerer filen hvor du nu ønsker den.
Hvis du derefter lokaliserer filen og åbner den vil du nu kigge på din allerførste blanke hvide html side.
HEAD elementet

Er næste skridt på vejen til at skabe din egen hjemmeside.
I head afsnittet indsætter man alt den kode man ikke ønsker at webbrowseren skal udprinte til brugeren.
Det er blandt andet også her at man benytter sit <title>tag</title> der indikerer sidens overskrift.
Det vil jeg komme nærmere ind på i nogen af de senere artikler som vil blive publiceret i denne blog.
For at indsætte <head> tagget i din kode bør du igen åbne din notepad eller textedit editor og åbne den index.html fil som du allerede har gemt på computeren. Din kode skulle gerne se sådan her ud indtil videre:

<html>
</html>

Hvis du indsætter dit <head> tag i koden skal det placeres imellem de to html tags.
Din kode skulle derfor gerne se sådan her ud i din tekst editor:

<html>
<head>
</head>
</html>

Hvis du gemmer din fil og prøver at åbne den i din browser vil du bemærke at der stadig ikke er nogen ændring fra før. Du får stadig kun vist en blank hvid side.

Title elementet – din overskrift

<title> tagget benyttes til at indkapsle din hjemmesides overskrift. Overskriften vil så blive vist i toppen af din browser. Dit title tag skal ligesom alle andre elementer både have en start og en slut attribute.
Det vil sige at hvis du igen åbner din fil i tekst editoren så skal du indsætte title tagget på følgende måde:

<html>
<head>
<title>Min første hjemmeside</title>
</head>
</html>

Hvis du lægger nøje mærke til koden vil du bemærke at vi har indsat <title> elementet i vores hovedasfsnit imellem de to head attributer. Hvis du nu gemmer siden og igen prøver at åbne den i din browser vil du kunne bemærke at der er sket en lille ændring i din side. Oppe i din browsers navigationsbar vil du se teksten du har påført i dit title tag. Nu ved brugeren der besøger din side at han er kommet til “min første hjemmeside”.

Body afsnittet – Din hjemmesides krop

<body> elementet er der hvor ALT det som at dine besøgende skal se placeres.
Alt kode i <body> afsnittet vil være det som er synligt for din hjemmesides besøgende.

Jeg vil ikke gå for dybt ind i det her i denne artikel men vil beskrive det nærmere i de efterfølgende publiceringer jeg laver.

Hvis du nu vælger at åbne din fil i din tekst editor og nu tilføjer body afsnittet til din side.
Når det er sket skulle din kode gerne se sådan her ud:

<html>
<head>
<title>Min første hjemmeside</title>
</head>
<body>
Det her er min første hjemmeside
</body>
</html>

Gem nu filen ligesom du har gjort så mange gange før og åben derefter i din browser.
Nu ser du faktisk din allerførste kodede hjemmeside som du selv har skabt med dine egne hænder.

Hyper Text Markup Language – HTML

Velkommen til vores første afsnit om HTML også kaldet Hyper Text Markup Language.
Det er i HTML at de fleste hjemmesider kodes, eller det er ihvertfald der man støber skelettet.
Jeg vil i denne og de efterfølgende artikler vedrørende HTML komme ind på basis emnerne så du ligesom kan danne dig et indtryk af hvad HTML er og hvordan at det kan udnyttes mest fornuftigt. Vidste du at HTML faktisk ikke er et programmerings sprog men et markup sprog der minder utroligt meget om XML.

Hvis du allerede har erfaring med XML vil du hurtigt fange essensen i HTML.
Det anbefales at du tager dig tid til at læse denne og de efterfølgende artikler ordentligt igennem.
Lad for gud skyld være med at hoppe og springe frem og tilbage i emnerne hvis du ikke har erfaring med html fra tidligere tidspunkt. Sæt istedet kande kaffe over, hent en kold sodavand eller hvad du nu foretrækker at drikke, og sæt dig ved computeren. Efterhånden som vi gennemgår de forskellige aspekter i HTML vil du selv komme til at lege med eksempler på HTML kode.

Det anbefales at du læser/lære og leger med html i et tidsrum fra 15-60 minutter hvor du så derefter holder en lille pause og lader de emner du har læst om sive helt ind.

Tag emnet med ro, vi går ingen steder så der er skam tid nok.

Forberedelser til HTML

Det at oprette et HTML dokument er ganske simpelt. For at komme igang med at kode HTML skal du bruge 2 ting:

1. Et simpelt tekst redigeringsværktøj – vi anbefaler at du benytter notepad hvis du bruger windows styresystem og TextEdit hvis du benytter OS styresystem.
2. Interesse i at følge mine anvisninger og lære nye ting.

HTML har faktisk ikke eksisteret i særlig lang tid. November 1990 var året hvor HTML blev født og den første hjemmeside kom op og ligge, og dengang var der stortset ingen HTML kode stumper udviklet.
Det er så kommet senere hen og har udviklet sig dag for dag og er nu blevet så udviklet at der kan leveres stortset ALT på en hjemmeside så længe man har kompetencer nok indenfor kodning.

Hjemmesider

En hjemmeside kan være utrolig nyttig.
Her er en række eksempler på hvordan en hjemmeside kan være en fordel.

• En billig og nem måde at distribuerer information til et bredt publikum
• Et nyt medie til at annoncerer din virksomhed
• Fortæl verden om hvem du er via din personlige hjemmeside

Tilbage i 90′erne og selv i dag er der mange erhvervsdrivende der betaler dyre annonce kroner til selskaber som TDC og Kraks hvilket i mine øjne er de STØRSTE annonce hajer. Vidste du at en annonce hos TDC koster mere end det koster at bestille en hjemmeside igennem mig? Forskellen er så bare at hos mig få du dit EGET sted og ikke blot en rubrik annonce til dyre kroner der stortset ALDRIG bliver set

Derfor er en hjemmeside et nyt medie specielt til virksomheder der ønsker at blive set af kunderne.
En hjemmeside med en søgemaskine optimering er efter min mening MEGET mere værd end en annonce i de gule sider, men det er jo selvfølgelig smag og behag.

Ord og begreber du bør kende til

• Tag - bliver brugt til at specificerer (“markup”)  områderne af dit html dokument og gør at din kode bliver vist til brugeren. Eksempel på et tag er: <tag>
• Element - Et komplet tag indeholder både et start <tag> og et slut </tag>.
• Attribute - Bliver brugt til at modificerer værdien af HTML elementet. Elementer vil oftest have flere attributes end blot en enkelt.

Indtil videre bør du ihvertfald bare bide mærke i at et tag er en kommando som at brugerens webbrowser viser den besøgende. Et element er et komplet tag og en attribute redigerer eller modificerer html elementerne

Introduktion til CSS

Nu er det tid til at fører din hjemmeside skridtet videre.
Jeg vil i denne artikel kort forklarer dig lidt om CSS og aspekterne i denne form for kode.
CSS er en forkortelse for Cascading Style Sheets som er et programmeringssprog udviklet med henblik på layout. Via CSS kan du kontrollerer din sides udseende ned til mindste detalje.

• CSS kan bruges til at give din gamle hjemmeside et helt nyt look.
• Ændre et komplet website ved blot at redigerer nogen få ting i din CSS fil.
• Brug den Style fil som du koder til alle de sider du ønsker.

Et stylesheet som din ditnavn.css filen hedder bør altid opbevares et andet sted end hvor dine html/php filer ligger. Så snart du har fået oprettet både din html og din css fil kan du placerer din css fil i en anden mappe på din webserver og så linke direkte til den fra din html fil hvorpå du ønsker dit nye design.

Før du begiver dig ud i de andre artikler vedrørende CSS bør du sikre dig at du har opnået en smugle kendskab til html. Man skal lære at kravle før man kan gå, og uden nogen form for kendskab til html vil det blive sværere for dig at komme i gang med at lære CSS. Jeg vil her på denne blog samtidigt leverer nogen artikler omkring det at kode i HTML så at du kan læse alle skridtene step by step