Vanliga problem med websidor

Vanliga problem med websidor. FRÅGOR och SVAR. [Veckans bokmärke!] Bilder Frames FTP Hur ska andra hitta min sida? Utesluta sidor från sökmotorer Jag ser inte min sida Ljud på sidan Länkar Lösenord E-Mail Gästböcker och RäknareBILDER GIF eller JPG? Mina bilder syns inte! Skapa transparenta giffar. Skapa animerade giffar. Koden för att lägga in bilder. Vart ska man lägga bilderna? GIF eller JPG? GIF är lämpligt på mindre bilder som klarar sig med mindre färger. Om du vill skapa animerade bilder eller bilder med genomskinlig bakgrund så är det GIF som du ska använda dig av. JPG lämpar sig för stora bilder, ex foton då det är en bra komprimering. Mina bilder syns inte! Kontrollera HTML-koden och se till att du har stora och små bokstäver lika både på bildnamnet och i koden. Skapa transparenta giffar. Ett bra program att använda sig av när man gör transparenta bakgrunder är L-Wiew Här kan du ladda hem programet. Öppna bilden i L-Wiew. Se till att bakgrunden på bilden du vill använda dig av är någorlunda enfärgad. Välj "Retouch" i menyn och "Background color" Välj om du vill maska bilden med svart eller vit färg. Sen väljer du färgen på bakgrunden i listan. Spara sedan bilden som GIF89a. Skapa animerade giffar. En animerad gif är ett antal .gif bilder som spelas upp efter varandra. När du har gjort de bilder du vill använda så är det dax att ladda hem ett verktyg för att sätta samman bilderna till en rörlig kedja. På denna adress kan du hitta många användbara verktyg. Koden för att lägga in bilder. Enkel lösning: <IMG SRC="bildnamn.gif"> Lite mer avancerad: <IMG SRC="bildnamn.gif" ALT="Text" HSPACE=? HEIGHT=? WIDTH=? ALIGN=?> Taggen ALT visar en text under tiden som bilden laddas hem. Underlättar för de som inte orkar vänta på att bilden ska laddas klart och för de som ev använder en webläsare som inte visar bilder. HSPACE anger det avstånd du vill ha från bilden till den omkringliggande texten. HEIGHT och WIDTH, Om du anger dessa parametrar så ger webläsaren utrymme för dessa bilder innan den laddats färdigt. För att få reda på hur stor bilden är så kan du öppna den i ett rit eller bildprogram, där brukar storleken anges. ALIGN, Anger vart på skärmen du vill placera bilden. Tänkbara parametrar är LEFT,RIGHT,CENTER Vart ska man lägga bilderna? Om du har en liten sida så kanske det är okej att lägga alla dokument och bilder direkt i din PUBLIC katalog, Men när man börjar få många filer så kan det bli ganska stökigt med allt i samma katalog. Förslagsvis så löser du detta genom att skapa en underkatalog som heter [bilder]. Tänk då på att sökvägen till bilden blir <IMG SRC="bilder/bild.gif"> [INDEX] Frames Exempel på vanliga frames Öppna länkar i annan frame <NOFRAMES> Exempel på vanliga frames. Det vanligaste är att man använder en sida med en frame där länkarna ligger och en där resultatet av det man väljer visas. Koden för detta är: <FRAMESET COLS=XX%,XX%> <FRAME SRC="1.html" noresize name="links"> <FRAME SRC="2.html" noresize name="main"> </FRAMESET> FÖRKLARINGAR: XX = Här anger du storleken på respektive frame i % 1 & 2.html = Här skriver du namnen på de sidor som ska visas noresize = Detta är taggen för att den som ser sidan inte ska kunna ändra storleken på din frame, denna kan du ta bort om du vill. links & main = detta är namnet på själva framen, namnen är valfria Öppna länkar i annan frame Om du vill öppna en länk i en annan frame, som i exemplet ovan så använder man sig av TARGET. Efter URLén lägger du till TARGET="namnet på önskad frame" Exempel: <A HREF="http://www.passagen.se" target="main">Passagen</A> <NOFRAMES> Taggen <NOFRAMES> är något man alltid bör ha med när man använder frames. Den gör att om någon besöker din sida, men har en webläsare som inte stödjer frames, så kan du ge denna ett medelande. Efter </FRAMESET> taggen lägger du till: <NOFRAMES>Din webläsare stödjer inte frames</NOFRAMES> [INDEX] FTP (FILE TRANSFER PROTOCOL) Det finns en rad olika program för att överföra filer. Ett av de enklaste är dock CuteFTP. Börja med att Ladda hem CuteFTP. Programmet är packat med Winzip. Instalera programmet och starta det. Du ska nu få fram en dialogruta som heter Site manager. Där trycker du "add site" och fyller i dina kontouppgifter. Tryck OK och CONNECT. Nu får du upp ett två delat fönster, till vänster har du din lokala hårdisk och till höger din katalog på servern. Nu är det bara att dra de filer du vill flytta mellan. För att ta bort en fil trycker du helt enkelt delete. [INDEX] Hur ska andra hitta min sida? I huvudet <HEAD> i din index.html fil lägger du till taggen <META NAME="KeyWords" CONTENT="här,skriver,du,dina,sökord"> Gå sen till den sökmotor du vill registrera din sida. Någonstans på deras sida bör du hitta nån ting i stil med: [add URL] , [Lägg till URL] eller dylikt. Klicka där och följ instruktionerna. Några bra registrering sidor: ALTA VISTA EXCITE LYCOS HOT BOT PUNKT.SE Det kan ta ett tag innan sökmotor kommer att registrera din sida. Kan man utesluta vissa sidor från att indexeras!? Ja visst. Gör på följande vis: Skapa en text fil som heter robots.txt denna skall innehålla följande: User-agent:* Disallow:/bilder Disallow:/cgi Disallow:/java Disallow:/privat Disallow:/project Den första raden User-agent:, är markerad med en stjärna vilket betyder att det gäller alla robotar. Om det istället hade stått: User-agent: Scooter så hade det inneburit att instruktionerna bara gällt roboten Scooter. Katalogerna /bilder /cgi osv.. byter du ut mot de kataloger du själv inte vill ska indexeras. Filen robots.txt läggs sen i ROOTEN på din site, altså i den understa katalogen. Om du bara vill utesluta en enda sida så kan du göra detta genom ett META kommando. Då lägger du följande innanför <HEAD>- taggarna: META NAME="robots" CONTENT="noindex" [INDEX] Jag ser inte min sida. Jag ser inte sidan Jag har gjort uppdateringar men de syns inte Jag har laggt upp min sida på servern men ser den inte genom min webläsare, Börja med att kontrollera att du har en index.htm eller index.html fil. Denna fil måste finnas med om du inte anger en adress direkt till en sida. Jag har gjort uppdateringar men de syns inte Kontrollera att du har angett samma namn på filerna som de hette innan du gjorde om dom. Tänk på att servern är känslig på stora och små bokstäver, så att du har gett rätt namn. Ett tipps är att alltid använda små bokstäver. Töm även cache-minnet på din browser och ladda sen om sidan. [INDEX] Ljud på sidan Många tycker att det är roligt att ha ljud på sina hemsidor. Här är ett exempel på en praktist spelare man kan lägga in. <BGsound align=middle SRC="dinlåt.mid" loop=infinite> <EMBED align=middle SRC="dinlåt.mid" width=144 height=15 CONTROLS=smallConsole autostart=true loop=true alt="."> [dinlåt.mid] Här skriver du sökvägen till din midilåt. [loop=infinite] Gör att låten laddas om efter slutet, du kan ändra infinite till ett valfritt nummer. [middle] Anger var spelaren ligger på skärmen, kan ändras. [autostart=true] Gör att låten startas automatiskt, kan ändras till =false. Ett tipps kan vara att ha autostart=false då många inte vill eller orkar höra musiken. Tänk också på att inte ha en för stor låt då de tar lång tid att ladda. Se även DENNA sida. [INDEX] Länkar Backa i katalogstrukturen. Öppna filer i andra fönster (TARGET) Länkar till lokala filer. Länkar till andra servrar. Länkar i en bild. Länkar inom dokumentet Länkar utan understrykning Ta bort ramar runt länkade bilder. Öppna länk i ett litet fönster Backa i katalogstrukturen. Om man har länkat till en sida som ligger i en underkatalog och vill komma tillbaka så använder man sig av ../ i länken. Exempel: Jag står i dokumentet [katalog1/katalog2/filnamn.htm] Och vill nu länka tillbaka till ett dokument i [katalog1] Länken blir då: <A HREF="../filnamn.htm"> Öppna länkar i andra fönster (TARGET) Många gånger så kanske man vill att en länk ska öppnas i ett annat fönster än det man står i. Man använder sig då av taggen TARGET. Taggen lägger man in efter länkadressen, <A HREF="http://www.domän.se" TARGET="_top">LÄNK</A> Möjliga parametrar för TARGET är: TARGET="_top" Öppnar länken över eventuella frames. TARGET="_blank" Öppnar länken i ett nytt webläsarfönster TARGET="_self" Öppnar länken i samma fönster du står i (är default) TARGET="_parent" Öppnar länken i föregående frameset. Länkar till lokala filer. När man anger en sökväg lokalt så behöver man inte skriva ut hela sökvägen utan det räcker med namnet på filen. <A HREF="filnamn.htm"> Om filen ligger i en underkatalog anger man sökvägen med katalognamnet som filen ligger i. <A HREF="katalognamn/filnamn.htm"> Länkar till andra servrar. När du länkar till en annan server så måste du skriva ut hela sökvägen, <A HREF="http://www.domän.se"> Länkar i en bild. Om du vill ha en bild i stället för text som länk blir komandoraden följande: <A HREF="sidan.htm"><IMG SRC="bild.jpg" ALT="Beskrivning"></A> Länkar inom dokumentet. Om du vill länka till en plats på samma sida, (som denna sida), så använder du dig av # <A HREF="#mål">Mål<BR> Exempel: Jag vill länka texten "Fakta om mig" till ett annat stycke på sidan. Jag skriver då: <A HREF="#faktaommig">Fakta om mig</A> Innan jag sen lägger in texten så lägger jag till taggen: <A NAME="faktaommig"></A>Här skriver jag min text. Länkar utan understrykning. Det kan vara snyggt att inte ha det blåa strecket under länkarna. För att ta bort dessa använder du dig av något som kallas CSS, Cascading Style Sheet. Lägg följande tagg i huvudet. <HEAD> <STYLE TYPE="text/css"> a:link {text-decoration: none}</STYLE> OBS! Detta fungerar inte i alla läsare! Det kräver NS4, IE4 eller bättre. Ta bort ramar runt länkade bilder. Dessa ramar tar du bort genom att sätta BORDER=0 efter bilden: <A HREF="sidan.htm"><IMG SRC="bild.jpg" BORDER=0></A> Öppna länk i ett litet fönster: För att göra detta krävs ett litet enkelt JAVASCRIPT. Detta lägger du överst i ditt dokument, men inte i <HEAD> <SCRIPT language="JavaScript">  Länken gör du sen: <A HREF="javascript:namn()">Länktext</A> FÖRKLARINGAR: [toolbar=no] Gör att det nya fönstret inte har något verktygsfält. [width och heigt] storleken på det nya fönstret. [namn] Ett valfritt namn som länken kan referera till. [INDEX] Lösenord En kul grej kan vara att ha lösenord till någon av sina sidor. Man ska vara medveten om att detta INTE bidrar till någon hög säkerhet men är dock en kul grej. Jag har valt ut ett av de bästa skripten. Lösenordet är samma som den sida du vill att ska vara skyddat. Altså om lösenordet är "korv" måste sidan heta "korv.htm" Detta lägger du i huvudet <HEAD>: <script Language="JavaScript">  </script> Detta lägger du där du vill att man ska skriva in lösenordet: <form name=frm>Lösenord<input type=password name=pswd> <input type=button value="Kör" onClick="loadpage()"></form> Om den skyddade sidan heter .html så kan du ändra det vid den blå markeringen. Vill du inte ha stjärnor utan text byter du enkelt ut INPUT TYPE=PASSWORD mot INPUT TYPE=TEXT [INDEX] E-Post Skicka E-post från hemsidan. Subject. Skicka E-post från hemsidan. Om du vill att besökaren ska kunna skicka mail från din hemsida så kan du enkelt lägga in denna funktion. Formeln är en enkel länkadress med tilläget mailto. Länken blir: <A HREF="mailto:namn@domän.se">Skicka mail</A> Du kan givetvis använda dig av en bild i stället för som här texten "skicka mail" Se även Länkar i bild. Subject Om du vill ha subjectfältet ifyllt lägger du helt enkelt till "?SUBJECT=Här skriver du vad du vill. Exempel: <A HREF="mailto:namn@domän.se?subject=Mail från hemsidan"> [INDEX] Gästböcker och Räknare Hur får jag en räknare på sidan? Hur får jag en gästbok på sidan? Egen gästbok. Hur får jag en räknare på sidan? Oftast så kan du få en räknare från där du har din hemsida, Om inte så kommer här en lista på olika företag som erbjuder gratis räknare. ELEKTRON DATA LINKKOREA SITEFLOW PAGE COUNT (med bra statestik) Hur får jag en gästbok på sidan? Här är några länkar till företag som erbjuder gratis gästböcker. LPAGE TOAST SPIN PIETT LINKKOREA Egen gästbok. Att fixa en egen gästbok kan vara lite klurigt. För det första så måste den server du ska använda tillåta att du kör CGI-Scripts. Om du vill göra ett försök så kan du ladda ner scriptet. Följ instruktionerna som medföljer. Tänk på att när du överför scriptet till servern så ska det ske i ASCII - Mode. Scriptet är skrivet av Matthew Wrigth. [INDEX] HITTADE DU INTE VAD DU SÖKTE? Här är några andra bra sidor: © COPYRIGHT 1997 Mikael Tilja, Med ensamrätt. All text/bild och programkod från denna sida skyddas enligt upphovsrättslagen. All kopiering utan skriftligt tillstånd från Mikael Tilja är förbjuden.