|
|
Lektion 7Den här sidan är otroligt tung att ladda så ta det lugnt
Länkar är det som gör att du kan flytta dig runt på nätet. Länkar kan se ut hur som helst och gör det oftast. Att bara ha länkar med text blir tråkigt. Du kan sätta länkar på bilder och även göra länkar som flyttar dig automatiskt till nästa sida. Vi ska börja med det lättaste, att göra en länk med en text. http://www.fortunecity.com/skyscraper/coding/656/ Är länken till denna sida och när du skriver en länk så blir det automatiskt en länk. Det ser du genom att du får en understrykning på orden. Du behöver inte skriva http, se här så förstår du. www.fortunecity.com/skyscraper/coding/656/ Så fort du skriver 3st w plus en . så blir det en länk. www.a Men denna länk kommer du ingenstans med för det finns ju ingen plats som heter så. Att skriva rätt adress är mycket viktigt men det ämne tror jag inte att jag behöver dra upp. Om du inte vill skriva denna långa harang med ord så kan du göra ett ord till länk. HTML-skolan Detta är mycket snyggare och lättare att veta vart du kommer när du klickar på en länk. Men hur gick detta lilla trolleri till. Vi tittar på koden: <A HREF="http://www.fortunecity.com/skyscraper/coding/656/">HTML-skolan</A>Vi ska dissikera den här långa saken. <A HREF= Betyder att ett ord eller en bild är en länk (hypertext). Allt som är inom A är en del av länkbiten. Alltså så är ordet HTML-skolan inte en del för den ligger utan för taggarna. Det kan du se på att du kan se den i htmldokmentet men inte resten av koden. När A startar så göms allt och blir en länk när coden A HREF skrivs och när stopp-A kommer så fortsätter det som vanligt Att skriva HTML_skolan är ett bra sätt att visa vart du kommer när du klickar på länken. Att skriva klicka här eller annat får bara folk att tröttna. Men överdriv inte informationen som nedan: Inte så kul att hitta sånt men det är ju lätt att klicka sig vidare :-) Den här länken är en länk som skickar folk vidare i rymden eller till en av dina andra sidor. Du kan även länka inom din sida som du läser just nu. Prova den här länken Detta är rätt bra att använda när du vill hjälpa folk hitta det dom vill ha. Titta på forumsidan så förstår du bättre. Så här skriver du när man gör en intern länk inom ett dokument: <A HREF="#ordnamn"</A> Ordnamnet är ett ord som du anger med en annan kod. När ni klickade på ordet "länken" så har jag redan gjort iordning så att ni ska komma dit jag ville "länken" hade den här koden: <A HREF="#Kul va!!!!!!">länken</A>När ni klickade på "länken" så kom ni till detta ord "Kul va!!!!!!" För att komma dit så måse jag tala om för ordet att den är ett bokmärke som jag vill komma till. Det gör jag genom att göra så här: <A NAME="Kul va!!!!!!">Kul va!!!!!!</A>Du kan även länka till en annan sida och nånstans på denna sida för att komma till rätt plats. Då ser det ut så här: <A HREF="ett namn#bokmärke"</A> Glöm inte bort att göra ett bokmärke till den platsen så att länken fungerar. Om den sidan du ska länka till finns på samma ställe som din hemsida ( samma plats på nätet) så behöver du bara skriva sidans namn. Finns sidan nån annanstans så måste du skriva in hela sökvägen. Du kan även sätta en länk på en bild men först ska vi lära oss lite om bilder innan vi fortsätter. Det finns två sorters bilder på nätet, jpeg och gif. Dom är två helt olika bildsorter och dom har båda sina fördelar och nackdelar. Innan vi går in på det tekniska tugget så ska jag visa lite bilder. Bilderna storlek räknar jag i antal punkter per inch. Pixels.
En tabell över dom olika bilder som finns ovanför oss
Varför har man då gif-bilder när dom suger på tiden för att ladda, Gif har några fördelar som jpeg inte kan, här får du några exempel:
Fågeln ser ut att vara ritat direkt på sidan men det är den inte, den är egentligen en helt vanlig fyrkantig ruta. Men gifbilder kan man göra genomskinliga vilket gör sidorna snyggare. DU kan också sätta ihop flera giffar till en animerad gif. Här får du några såna:
Gif kan man ha mycket roligt med men den tar tid att ladda ner. Den är sämre på att visa kvalitetsbilder men ibland får man skära lite i sidan och då är det lättast att minska eller ta bort en bild. Hur får man då in dom här bilderna på sidan, Så här gör man:
IMG är koden och SRC är tillför att datorn ska söka efer en bild. Bilden heter b68X50.jpg. Width och Height är bred och hög och du måste tala om storleken för datorn, annars vet han inte hur stor eller liten den ska vara. ALT kommer vi till lite senare i denna lektion. Hur gör man om man vill länka den här lilla bilden till en likadan bild men i fullstorlek på en annan sida SÅ här gör man:
ALT har man för att tala om vad det är som man ser. Om nån inte ser barnbilden så ger man ett kommando som heter ALT och skriver vad bilden visar. Sätt muspekaren på denna bild och håll den där för en stund så får du upp en ruta.
Så här ser det ut när du kodar: <IMG SRC="b68x50.jpg" width="68" height="50"ALT="I den här rutan kan du skriva in vad bilden visar och vart den går så att alla kan använda sig av denna länk. Då blir alla surfare glada .">
Jag tror att du lär dig rätt snabbt hur du ska göra för att välja bildstorlek och typ av sort. Prova dig fram och sätt lite bilder på din sida. Men vi går igenom detta i nått annat avsnitt för nu är lektionen slut Hej och tack
Last time i update this page was 31 aug 1998
klicka här så kommer du tillbaka
|
|
Innehållet i denna bok på nätet får varken helt
eller delvis kopieras eller lagra på maskinläsbart medium eller annat utan
upphovsrättsinnehavarens skriftliga tillstånd. |
19KB
21 KB