ACTIVE X | ANNICA TIGER | CGI | CHAT | jkl�asdfjkl�fsdjkl�dsfjklasdfjkl�jsdafkljklsd�afjk�sdla| FEEDBACK-FORMULÄR | FORMS
FRAMES | GRAFIK | MIN GÄSTBOK | HTML | JAVA | LISTOR | LÄNKAR | REGISTER
TABELLER | TEXT | TIGER-LÄNKAR | TIPS | STYLE SHEETS | WEB-DESIGN | WEB-RING


Synpunkter? Tips och förslag? Ris eller ros, fyll i mitt feedback-formulär.
Skriv gärna ned några rader i min Gästbok. Eller se vad andra har skrivit.

Tele 2 - min internetleverantör

DIVERSE

*Fixerad bakgrund
*Marquee
*Ljud och video
*Blinkande pilar
*Meta

Fixerad, bakgrund

Detta fungerar ännu bara i Internet Explorer 3.0. Du kan få en bakgrundsbild att till synes stå still, vara fixerad, medans du rullar texten via rullningslisten. Låter det mysko? Har du IE 3.0 så finns möjlighet att se ett exempel här.

Du lägger till BGPROPERTIES=FIXED i BODY-taggen.
<BODY BACKGROUND="filename.gif" BGPROPERTIES=FIXED>. Givetvis kan du som vanligt ange text, link osv.

Marquee, rullande remsa

Just nu specifikt för Internet Explorer. Så de web-läsarna kan se när
DENNA TEXT RULLAR ÖVER SKÄRMEN.

Vi andra får väl nöja oss med att titta på koden.
<MARQUEE> DENNA TEXT RULLAR ÖVER SKÄRMEN </MARQUEE>

Man kan få remsan att agera på olika sätt genom att utöka koden med olika attribut som läggs in i taggen.

     BEHAVIOR=slide/scroll/alternate      ALIGN=top/middle/bottom
     DIRECTION=right/left default         BGCOLOR=bakgrundfärg
     SCROLLDELAY=25 (m.sekunder)          HEIGHT=
     SCROLLAUMONT=10 (i pixels)           WIDTH=
     LOOPS=5 (antal eller INFINITE)               

Ska du använda <FONT> tillsammans med MARQUEE sätt den utanför.
<FONT FACE="Algerian,Wide Latin" SIZE="+2"><MARQUEE> remsans text kommer här </MARQUEE></FONT> Det finns ett annat sätt att få en remsa som syns både i Netscape och IE. Ladda ned Gifcon för win 95 här och skapa en så kallad Banner. Det är lätt att skapa en sådan i detta program. Följ bara de enkla direktiven. Lyckades jag vid första försöket så kan inte du misslyckas. Men det blir en gif.bild, typ animerad, så att du är medveten om att ju större banner desto längre nedladdningstid.

Ljud och video

filmLjud och videofantaster har inget att hämta här. Jag tänker bara nämna att visst går det att länka till ljud och videosnuttar på din hemsida. Sen att man kanske behöver en kasse med plug-ins för att kunna njuta av det är en annan sak. Kolla in på din web-läsares hemsida så får du tips om vilka hjälpprogram, plug-ins du kan skaffa.

Har du en ljudfil som heter varning.wav kan du länka till den genom att koda <A HREF="varning.wav">Lyssna på min huskatt</A>
Lyssna på min huskatt

Eller om du har en videosnutt som heter f_sting.mpeg
<A HREF="f_sting.mpeg">Kolla in</A>
Kolla in en levande fästing

TESTA och starta min musik-snutt (Ej MSIE 2.0). Du kan lägga in bakgrundsmusik till din hemsida. Fungerar på NS och MSIE 3.0. N�r det g�ller MSIE 3.0 under f�ruts�ttning att NS finns installerad samtidigt.
<EMBED src="ljud.mid" width=145 height=60>

Vill du att musiken ska starta så fort sidan laddas in lägg till attributet AUTOSTART=true. Det går även att att loopa musiken med LOOP=antal. Glöm det jag skriver nu, vill du inte ha kontrollpanelen skriv HIDDEN=true.

Kontrollpanelen som kommer upp via EMBED är jättebra. Ta inte bort den. Då kanske folk som inte har din musiksmak stannar på sidan då möjlighet finns att stänga av musiken. Tänk på att alla kanske inte har samma musiksmak som dig. Tvinga inte på någon hiskelig musik. Surfade jag till en sida som spelade jazz skulle jag snabbt klicka på Back-knappen i ren desperation. Bort, bort oavsett om sidans innehåll var superjust.

Vill du inte ha stor kontrollpanel som ovan varf�r inte k�ra snikvarianten.
<EMBED SRC="ljud.mid" width=48 height=14 controls=smallconsole>
V�lj om du vill ha loop eller autostart som vanligt, se exemplet ovan.

Vill du koda så att även MSIE 2.0 plus de som bara har MSIE 3.0 kan höra musiken skriver du så här:
<EMBED SRC="ljud.mid" width=145 height=60>
<NOEMBED>
<BGSOUND SRC="ljud.mid">
</NOEMBED>
</EMBED>
Skriv in LOOP=x eller loop=INFINITE innanför BGSOUND-taggen om så önskas.

Får du det inte att funka när sidan laddats upp kolla så din internetleverantörs server är konfigurerad för detta. Annars kan man numera via nya Crescendo 2.3 få det att funka i NS även om servern inte är rätt konfigurerad. Fast då måste ju besökaren ha denna plug-in.

Microsoft har i IE lagt till nya attribut till taggen <IMG> så att det kan innehålla, förutom det vanliga en bild, video (avi, mpeg) m.m.

DYNSRC="URL"
Här anger du URL:en (eller filnamnet om den ligger i samma mapp som hemsidan) till en film eller VRML-värld som ska spelas upp på din hemsida. Detta funkar ännu bara i IE 2.0/3.0. Vill du vara bussig mot Netscaparna lägger du till en SRC så de i alla fall kan se en bild istället. Om du inte gör det ser de bara en konstig fyrkant. Det finns fler attribut att hänga på.

                   LOOPDELAY=anges i millisekunder     
                   LOOP=antal eller INFINITE (for ever)
                   CONTROLS                            
                   FILEOPEN/MOUSEOPEN
Vi provar. Du som har IE 2.0/3.0 ska se en filmruta bredvid. Prova och tryck på Play-knappen. Då ser du fästingen krypa. Vi Netscapare kan klicka på Play-knappen tills vi blir blåa av syrebrist. Vi ser bara en skärmdumpsbild på hur det ser ut i IE.30. Koden för detta ser ut så här i editorn. <IMG SRC="bild_för_Netscape.gif" DYNSRC="video.mpeg" CONTROLS HEIGHT=xx WIDTH=xx>

Har du en filmsnutt med filändelsen .mov bör du använda <EMBED> istället. Detta funkar i IE 3.0 och Netscape 3.0. De som inte kan hantera detta visar bilden du anger i <NOEMBED> istället.

<EMBED SRC="film.mov" width=xx height=xx>
<NOEMBED>
<IMG SRC="bild.gif" width=x height=xx>
</NOEMBED>
</EMBED>

För att krångla till det hela, visst kan du bädda in andra objekt med EMBED, ljud osv. EMBED är egentligen en Netscap-tag. IE 3.0 använder sig av motsvarande <OBJECT> </OBJECT>. Men detta är en högre skola. Är du ljud och film-fantast finns mycket info ute på nätet.

Sedan är det en annan sak om alla kan se dina vedermödor. En del grejor kräver ju speciella plug-ins. Alla har inte dem, själv är jag utomordentligt slö och har inga alls förutom dem som följde med Netscape 3.0. Tänk på det, jag är nog inte den enda slöa här på jorden.

Blinkande pilar

En totalt onödig kunskap kanske, men ganska kul. Därför tar jag upp det. Fungerar tyvärr bara i Netscape.

--> Kolla in de blinkande pilarna <--

Koden är:

<BLINK><FONT COLOR="#FF0000"><FONT SIZE="+1">
<TT>--&gt;</TT></FONT></FONT></BLINK> Kolla in de blinkande pilarna
<BLINK><FONT COLOR="#FF0000"><FONT SIZE="+1">
<TT>&lt;--</TT> </FONT></FONT></BLINK>

Meta

Detta är lite överkurs för en nybörjare kanske. Du kan hoppa över detta avsnitt, du gör lika bra sidor utan att läsa detta i början. Men kom gärna tillbaks hit när du blivit varm i kläderna.

Taggen <META> används till sån information som inte kan läggas i dokumentet på annat sätt. Taggen <META> ska ligga inom <HEAD></HEAD>. Taggen <META> har tre attribut, NAME, CONTENT och HTTP-EQUIV. Under ett ex: på hur det kan se ut.

1  <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>HTML-nybörjarguide</TITLE>
5  <META NAME="Author" CONTENT="Annica Tiger">
6  <META NAME="GENERATOR" CONTENT="Mozilla/3.0b5aGold (Win95; I) [Netscape]">
7  <META NAME="Description" CONTENT="En nybörjarguide i HTML på svenska.">
8  <META NAME="KeyWords" CONTENT="HTML,guide,nybörjare,frames,table">
</HEAD>

1  Doctype anger vilket "språk" dokumentet är skrivet på. Mitt är HTML 3.2 enligt ovan. En till doctype, final har kommit f�r 3.2.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
Denna rad fylls i av de flesta HTML-editorer. Skriver du med mycket MSIE-taggar kan du använda
<!DOCTYPE HTML PUBLIC"-//Microsoft//DTD Internet Explorer 3.0 HTML//EN">

HTML 4.0 standard
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
HTML 4.0 n�r man anv�nder frames
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN">

 Här anges vem författaren är.

6  Här syns det att jag har skrivit i WYSIWYG-editorn i Netscape.

7  Denna rad är den som visas som ingress vid katalogisering/sökning. Viktig om du ska registrera sidan proffsigt.

8  Här anger du de sökord som sökmotorerna ska "fastna" på vid en sökning. Ju fler ord fler träffar.

Har du gjort en adressändring och vill länka över nyfikna surfare till den nya adressen. Prova detta. Men lägg för säkerhets skull en klickbar länk på sidan också.
<META HTTP-EQUIV="Refresh" Content="0; URL=http://din_nya_url">

Eller om du bara vill uppdatera sidan ex. vart 15:e sekund
<META HTTP-EQUIV="Refresh" Content="15; URL=http://din_url/aktuell_sida.html">

Tele 2 - min internetleverantör

ACTIVE X | ANNICA TIGER | CGI | CHAT | DIVERSE | FEEDBACK-FORMULÄR | FORMS
FRAMES | GRAFIK | MIN GÄSTBOK | HTML | JAVA | LISTOR | LÄNKAR | REGISTER
TABELLER | TEXT | TIGER-LÄNKAR | TIPS | STYLE SHEETS | WEB-DESIGN | WEB-RING