Om du ej finner svar på din fråga nedan eller i FAQ sektionen ovan, vänligen kontakta oss via länken ovan.
Ordföklaring (glossary) finns här.

Ämnen:


Hur man skapar en enkel HTMLsida
Det finns många olika sätt att programmera HTML. Om du ej är van vid HTML och webdesign/programmering så är den bra start att använda en vanlig text editor (som tex notepad om du använder Microsoft operativsystem). Prova att skapa följande sida i notepad. Tänk på att HTML-sidor ska sparas i formatet .html (eller .htm), alltså ska filnamnet när du sparar heta tex: min-test-sida.html.
<html>
<head>
<title>your title</title>
<body bgcolor="white" text="black" link="blue" alink="red" vlink="grey">
Helo Whirl
</body>
</html>

Detta exempel genererar en htmlsida med vit bakgrund, svart text, blåa obesökta länkar, röda aktiva länkar, och gråa besökta länkar. Texten på htmlsidan (body) innehåller bara texten; "Helo Whirl".

Nu kan du även besöka en hemsida, tex: http://home.compartment.se/ och titta på källkoden (i netscape: väljer du "View" -> "View Source", eller högerklickar på websidan och väljer "View Source". I Microsoft Internet Explorer heter motsvarande "View Document Source" (visa källa på svenska) och du kan även där högerklicka på sidan för att göra detta. Nu kommer du se hur den sidan är uppbyggd. Kopiera gärna delar och prova själv hur det fungerar!
Nu, för att börja programmera dina websidor vill du kanske prova att ta hjälp av ett program, en HTML-editor. Dessa finns i många olika smaker och en kategori, såkalad "WYSIWYG" "HTML editor" (WYSIWYG är en förkortning av "What You See Is What You Get"). Prova tex ett (gratis) program som heter "Netscape Composer" (som ingår i netscape communicator sviten) eller "Microsoft Frontpage". HTML editorer kan du ladda hem här:

  • Netscape (Wiht "Netscape Composer"): Freeware, Current release 7.x
  • Microsoft Frontpage: 30 day evaluation trial
  • Search the Tucows download libraries: Lots of useful programs, try searching for "html"
  • (Tucows has tons of other useful programs aswell, many for free, many free for a 30 or 60 day trial)

    HTML använder olika "kommandon", som kallas "tags" (taggar). Här är några exempe på vanliga HTML taggar: HTML, HEAD, TITLE, BODY, B, A, BIG, HR, BR, FONT, TABLE, IMG . Sättet att tala om för HTML att en text är en "tag" och inte vanlig text är att sätta taggen inom < och > tex:
    <BR>
    <!-- this is a comment, it means nothing to HTML and will not
      be shown to visitors on the webpage -->
    <BIG>Here is some big text</BIG>


    to the top





    How to create a link.
    If you have two pages in your directory that are called index.html and page2.html and you want to create a link on the first page (index.html) leading to the next page (page2.html) You need to put the following code into the first page (index.html):
    <A HREF="page2.html">this is a link to the second page</A>


    If you want to have a link on the second page (page2.html) that leads back to the first page (index.html) you need to put the following code into page2.html:
    <A HREF="index.html">this is a link back to the first page</A>


    If you want to create a link to another webpage outside your own directory simply put this code on your webpage:
    <A HREF="http://www.compartment.se/index.html">this is a link to our webhotel provider</A>


    to the top




    How to insert images in your webpage.
    The HTML "tag" used to insert images is called "<img src>" which ofcourse uses the same self explaining naming structure as you probably noticed most html tags are using. Img stands for image and src stands for source. You need to specify to HTML where the source (image) is located. The way you do that works pretty much as with links above, ie you can either specify an image located in a directory in the server root of your webpage or you can specify the image source located on some other server:
    <IMG SRC="/images/your-image-file.gif">

    <IMG SRC="http://www.compartment.se/img/logo.jpg">


    Other things you should try to learn as soon as possible is specifying and alternative text for you image, the alternative text will be shown instead of the image if the link to the image is broken (the image is for some reason not located at the place you specified anymore) and/or if/when you hold the mouse pointer over the image. Here is an example of an image with an alternative text:
    <IMG SRC="http://www.compartment.se/img/logo.jpg" alt="this is our logo">


    In the same way you can also specify the height, width and alignement (where on the page) of your image:
    <IMG SRC="http://www.compartment.se/img/logo.jpg" alt="this is our logo" height="100" width="100" align="right">

    This would force the visitors browser to alter the size of the image (however large/small the image actually is) to 100 pixels x 100 pixels AND put the image to the right of the screen.

    to the top




    How to use an image as a link.
    Using an image as link could be done like this:
    <A HREF="http://www.compartment.se/index.html" target="_blank"><IMG SRC="http://www.compartment.se/img/logo.jpg" alt="this is our logo" height="100" width="100" align="right"></A>

    Specialtecken 1
    Character Number Name Use
    &hellip; &#133; &hellip; Occasionally it is better to use the proper ellipsis rather than to type three dots.
    &gt; &#062 > Mainly for writing HTML tutorials!
    &lt; &#060 < ditto!
    &amp; &#038 & ditto!
    &mdash; &amp#151 or &#8212 When I want a long dash to break up some text!
    &pi;   π  
    &reg;      
    &reg;   ®  

    Specialtecken 2

    Number

    Name

    Result

    &#8730; &radic;
    &#8734; &infin;
    &nbsp; &nbsp;  
    &#8747; &infin;  
    &#8212; &mdash;   —
    &#133; &hellip;
    &amp#8592; &larr;
    &#8594; &rarr;
    &#8595; &darr; ?
    &#169;): &copy; ©:
    &#174; &reg; ®
    &#160; &nbsp;  
    &#038 & &
    &#062; &gt; >
    &#060; &lt; <
    &#247; &divide;
    &#151; &mdash;


    to the top






    to the top

    Background color.
    You specify the background color in the "body" tag, for example like this:
    <BODY BGCOLOR="#FFFFFF">

    Or like this:
    <BODY BGCOLOR="white">

    If you want to learn more about colors and the hexadecimal names used to specify colors see the color section in this page

    To use an image instead of a color you tell it to HTML like this:
    <BODY BACKGROUND="imagefile.gif">

    Or like this:
    <BODY BACKGROUND="http://some.host.com/imagefile.gif">

    to the top




    How to alter font colors
    The "font" tag can be used to manipulate the color, style and size of text. To make a text change to font color red type this:
    <font color="#FF0000">this text is in red</font>

    to the top




    How to alter font size
    Font size can be given in a few different ways; an increase or decrease in percentage in relation to the precious size, in fixed size/points (not recommended), or in pixels.
    <font size="125%">this text is 25% larger than the previously stated fontsize</font>
    <font size="14pt">this text is 14pt large, but it's up to the visitors computer to interpret how large 14pt really is! (dangerous)</font>
    <font size="14px">this directive lets each character consist of no more or less than 14 pixels</font>

    You can also try the "big" tag;
    <big>bigger text</big>

    to the top




    How to alter font face (such as Times, Arial and Helvetica)
    You use the font tag to alter the face of the font like this:
    <font face="Verdana">this text is using fontface Verdana!</font>

    to the top





    Basic introduction to tables
    You can put text or images inside tables. This could make it easier to place a text in a specific position on the page etc. You can use tables within tables. Elements such as cellpadding, cellspacing and border between the cells or rows could create left-, right-, top-, and bottom margins. You can use background colors and images within tables. Pretty useful. Here's an example of a newspaper-like Table:
    <table border="0" width="100%" cellpadding="10">
    <tr>

    <td width="50%" valign="top">
    This is some text. This is some text. This is some text. This is some text. </td>

    <td width="50%" valign="top">
    Another text. Another text. Another text. Another text. </td>

    </tr>
    </table>

    to the top




    Different "safe" colors to use in your webpage and their corresponding name in hexadecimal encoding
    This chart shows the colors and it's name/code that number could be used to specify colors in body background or font color tags etc.
    000000 000033 000066 000099 0000CC 0000FF
    003300 003333 003366 003399 0033CC 0033FF
    006600 006633 006666 006699 0066CC 0066FF
    009900 009933 009966 009999 0099CC 0099FF
    00CC00 00CC33 00CC66 00CC99 00CCCC 00CCFF
    00FF00 00FF33 00FF66 00FF99 00FFCC 00FFFF
    330000 330033 330066 330099 3300CC 3300FF
    333300 333333 333366 333399 3333CC 3333FF
    336600 336633 336666 336699 3366CC 3366FF
    339900 339933 339966 339999 3399CC 3399FF
    33CC00 33CC33 33CC66 33CC99 33CCCC 33CCFF
    33FF00 33FF33 33FF66 33FF99 33FFCC 33FFFF
    660000 660033 660066 660099 6600CC 6600FF
    663300 663333 663366 663399 6633CC 6633FF
    666600 666633 666666 666699 6666CC 6666FF
    669900 669933 669966 669999 6699CC 6699FF
    66CC00 66CC33 66CC66 66CC99 66CCCC 66CCFF
    66FF00 66FF33 66FF66 66FF99 66FFCC 66FFFF
    990000 990033 990066 990099 9900CC 9900FF
    993300 993333 993366 993399 9933CC 9933FF
    996600 996633 996666 996699 9966CC 9966FF
    999900 999933 999966 999999 9999CC 9999FF
    99CC00 99CC33 99CC66 99CC99 99CCCC 99CCFF
    99FF00 99FF33 99FF66 99FF99 99FFCC 99FFFF
    CC0000 CC0033 CC0066 CC0099 CC00CC CC00FF
    CC3300 CC3333 CC3366 CC3399 CC33CC CC33FF
    CC6600 CC6633 CC6666 CC6699 CC66CC CC66FF
    CC9900 CC9933 CC9966 CC9999 CC99CC CC99FF
    CCCC00 CCCC33 CCCC66 CCCC99 CCCCCC CCCCFF
    CCFF00 CCFF33 CCFF66 CCFF99 CCFFCC CCFFFF
    FF0000 FF0033 FF0066 FF0099 FF00CC FF00FF
    FF3300 FF3333 FF3366 FF3399 FF33CC FF33FF
    FF6600 FF6633 FF6666 FF6699 FF66CC FF66FF
    FF9900 FF9933 FF9966 FF9999 FF99CC FF99FF
    FFCC00 FFCC33 FFCC66 FFCC99 FFCCCC FFCCFF
    FFFF00 FFFF33 FFFF66 FFFF99 FFFFCC FFFFFF

    to the top





    Websäkra typsnitt/fonter

    Typsnitt fungerar olika på olika typer av plattformar (datorer, telefoner, tv mm) som tex Apple/MacIntosh, Microsoft/Windows, Linux, Unix mm. Precis som med färger och de olika teknikerna som används för att bygga upp websidans innehåll kan val av fel typsnitt resultera i att webplatsen blir helt oanvändbar för vissa besökare.

    Här kommer ett utdrag från "MICROSOFT RECOMMENDED FONTS" som är en lista över de typsnitt som Microsoft rekommenderar 2007 och som bör vara tillräckligt "standard" och "bakåtkompatibla" för att stödja "de flesta" existerande och kommande Microsoftplattformar:

    Verdana
    Webdings (Webdings)
    Georgia
    Trebuchet MS
    Comic Sans MS
    Impact
    Arial
    Courier New
    Times New Roman
    

    W3C konsortiet som är någorlunda tunga i www-sammanhang har såklart också en lista och denna är kanske bättre efterssom den tar upp generella font-familjer vilket är lämpligare att använda i stilmallar (Css) istället för att direkt anropa en explicit font.

    W3C Generic Font Families:

     
    
    Serif (Times New Roman, Bodoni, Garamond, Minion Web, ITC Stone Serif, MS Georgia, Bitstream Cyberbit)
    
    
    sans-serif (MS Trebuchet, ITC Avant Garde Gothic, MS Arial, MS Verdana, Univers, Futura, ITC Stone Sans, Gill Sans, Akzidenz Grotesk, Helvetica)
    
    
    cursive (Caflisch Script, Adobe Poetica, Sanvito, Ex Ponto, Snell Roundhand, Zapf-Chancery)
    
    fantasy (Alpha Geometrique, Critter, Cottonwood, FB Reactor, Studz)
    
    monospace (Courier, MS Courier New, Prestige, Everson Mono)
    


    En slutsats att dra av detta är alltså att om du kan välja ett typsnitt som finns i båda listorna ovan så kommer det med största sannolikhet att se bra ut på väldigt många olika plattformar. Om du anlitar oss på Compartment för att göra ett webdesignuppdrag har vi självfallet möjlighet att göra en riktig kontroll och jämföra ett stort antal olika plattformar. Säg till om det är någon speciel kombination som du tycker är extra viktig att "fånga upp".

    to the top





    WebDAV-uppdatering av websida
    OBS att du måste ha fått ett användarnamn och lösenord från oss per post för att kunna logga in med hjälp av WebDAV.
    Du kan ansluta med protokolloet WebDAV genom att i webläsaren Microsoft Internet Explorer välja arkiv (file på Engelska) och sedan Öppna (open). I rutan anger du webadressen till din webdav-katalog, var noga att ange ett avslutande snedstrevk ("/") på slutet av adressen (http://www.compartment.se/). Bocka i rutan "öppna som webmapp" (webfolder). Ange användarnamn och lösenord i rutan som dyker upp efter att du tryck på OK.
    Nu kan du dra och släppa filer till din hemsida/backuptjänst precis som om det var en hårddisk ansluten till din dator.

    I vissa Microsoft datorer förekommer en bugg i implementationen av WebDAV-protokollet. Microsoft är medvetna om felet och det är oklart om de kommer att rätta till det i framtida versioner av deras operativsystem. Det finns tyvärr inget sätt att gå runt problemet som visar sig genom att du inte kan logga in utan datorn efterfrågar inloggningsuppgifterna om och om igen utan att någonting händer. Det enda sättet att gå runt problemet är att använda en annan dator med en korrekt implementation av WebDAV eller att installera något av alla de tredjepartsprogram som finns på marknaden. Ett av dessa som är gratis att använda för privat personer heter "EngInSite DataFreeway" och stöder bla även FTP och SSH. Du kan ladda ned en kopia och begära licens på denna adress: http://www.enginsite.com/ to the top





    Frågor kring webgränsnittet för inloggning, uppladdning av filer mm (login på home.compartment.se)
    OBS att du måste acceptera cookies för att tjänsten ska fungera korrekt.
    Det förekommer även begränsningar i bla bandbredd, diskutrymme mm för vissa tjänster. Om du upplever ett problem och misstänker att det är något av detta som orsakar felet, så börjar du med att läsa på sidan om våra tjänster (se länk i menyn ovan). Ifall du inte får svaret där -> kontakta oss på länken ovan.
    Om du vill utöka din bandbredd eller ditt diskutrymme -> kontakta oss genomn att använda länken ovan.
    Ser sidan konstig ut? kontakta oss på länken ovan, meddela vad som såg konstigt ut, när det inträffade och vilken webläsare och vilket operativsystem du använder.
    Hur loggar jag in? -> Gå till http://home.compartment.se, tryck på login, skriv in användarnamn och lösenord.
    Hur loggar jag ut? -> Tryck på knappen logout.
    ...Fler frågor och svar finns under länken FAQ i menyn längst upp på denna sida.
    to the top





    Uppdatering med hjälp av CCM (Compartment Content Management)
    Använd webadress, användarnamn och lösenord så som angivits i ett separat brev som ska ha skickats till dig i samband med din beställning.
    Har du ej fått ett brev med inloggningsuppgifter ska du kontakta vår support.
    När du loggat in kan du välja mellan expanderad vy och folder vy, prova att besöka webplatsen efter att du har loggat in och ändra genom att trycka på pennan (edit) i menyn.
    Om du har problem med uppdateringar kan du kontakta vår support.

    Systemkrav för CCM: Vi rekommenderar anvädning av webläsaren Internet Explorer version 6 men andra webläsare fungerar helt eller delvis också.
    to the top