:  Retur til startside  :  HTML - startside

B E G Y N D E R V E J L E D N I N G

i fremstilling af hjemmesider

Hjemmesider skrives i HTML.

Der er 3 forskellige måder at skrive hjemmesider på:

  1. Du skriver hjemmesiden i et tekstbehandlingsprogram, der kan gemme i HTML-format. Metoden bruges meget, roses mange steder, men er ret dårlig da du har for få muligheder. Desuden er der en tendens til, at når der skal bruges en kode som f.eks. <TABLE>, så sørger programmet omhyggeligt for at kalde det noget andet, f.eks. "SKEMA", så man skal huske på to forskellige betegnelser for den samme ting.
    Jeg har ikke megen erfaring med denne metode, bruger den aldrig, men det er vistnok sådan de fleste hjemmesider er lavet. her en reference til programmerne: : Guru-99
  2. Du finder en hjemmeside, der i opbygningen ligner den du skal bruge, stjæler den og skriver teksten om så den passer. Det er helt legalt at stjæle på denne måde, i Windows gør sådan her:
    1. Start et simpelt tekstbehandlingsprogram som f.eks. NotePad
    2. Find den hjemmeside du vil stjæle, så den er fremme på skærmen
    3. I din browser, vælg "Show" eller "vis", eller med visse browsere skal du i stede højreklikke med musen.
      Vælg "Page Source" eller "Kilde" eller "sidens kildekode" eller "kildetekst" .
      Kildeteksten er nu fremme på skærmen, dog skal det tilføjes at:
      Står der noget med <FRAMESET   så er siden sammensat af flere sider i hvert sit retangel på skærmen, og den viste kilde viser kun hvilke sider den er sammensat af.
      Gæt retanglernes placeringer, HØJREklik med musen i et af retanglerne, og vælg så "View frame source" alias "vis kilde".
    4. Marker al teksten (tast Ctrl-A) og kopier (tast Ctrl-C)
    5. Skift til NotePad
    6. Indsæt teksten i NotePad, tast Ctrl-V
    7. Gem teksten, filnavnet skal ende på HTM, og for at undgå at NotePad tilføjer .TXT skal der gåseøjne om navnet. Vælg først "Fil" - "Gem som", vælg/opret en passenden mappe og giv den et navn, gerne det samme navn som den havde på nettet.
    8. Du retter nu teksten til, det er nemt nok at ændre teksten i tekstbehandlingen, og du kan løbende kigge på resultatet med din browser: Hent mappen frem via skrivebords-ikonet "denne computer" og følg stien, når HTM-navnet er fremme højreklik og vælg "rediger".
  3. Skriv alle koderne selv, i tekstbehandlingen. Du kan finde alle koderne på denne hjemmeside.
    Start med afsnittene om HTML, nå du forstår opbygningen kan du kaste dig over:
       : css-afsnit og <STYLE>
       : Farvenavne i HTML,    : &-koder og    : Skrifttyper.
       : JavaScript.
    Undervejs, studer kildekoderne til eksemplerne når du er i tvivl om hvordan de er bygget op.

BROWSEREN

Ved browseren forstås det program, der læser din HTM-fil, og det er normalt det samme program du bruger til at surfe på internettet med - klik på den grønne kugle for download :    
   :  Microsoft Edge
 Firefox :_ Google efter ordet "Firefox" og vælg "Hent Firefox Browser"
Firefox :
:  Internet Explorer  ( = Microsoft Internet Explorer, ved at udgå, brug Edge i stedetr )
 :  Chrome  ( = Google Chrome ) ( Virker ikke i min test  ) 

For at se din tekst læs den ind i din browser. Du kan lægge en ikon til at klikke på, f.eks. på Windows-skrivebord:    Lad os sige at din fil "MINFIL.HTM" ligger i mappen C:\sti, så højreklik i et tomt område på skrivebordet og Vælg "Ny" - "Genvej" - og når du bliver spurgt om hvor elementet er placeret, skriv C:\sti\MINFIL.HTM.
I gamle Windows-versioner kunne man vælge hvilken browser man ville bruge ved i "egenskaber at skrive f.eks C:\Programmer\Opera\opera.exe C:\sti\MINFIL.HTM , men muligheden for at kalde et program (Opera) med parameter (MINFIL.HTM) er gået fløjten i nyere Windows-versioner og savnes meget.

Grundopbygningen af HTML-filer  (uden rammer)

         <HTML>
<HEAD>
     Linier i HEAD-afsnittet
</HEAD>
<BODY>
     Linier i BODY-afsnittet
</BODY>
</HTML>
Mellem <HTML> og </HTML> står koderne, og forresten kan man ligeså godt undlade disse 2 koder, de er valgfri.
Linierne i <HEAD>-afsnittet omhandler HTML-filen som helhed: Titel, baggrundsfarve, forfatter osv.
Linierne i <BODY>-afsnittet indeholder bl.a. den tekst der skal stå på siden. Derudover er der koder til tabeller, fed skrift osv, og så er der referencer :  Nogle steder skal man klikke på et eller andet, så skifter man til en anden side eller et andet sted på samme side.

Fordele og ulemper ved HTML-sproget

HTML har de gode egenskaber at: Prisen herfor er, at: