Nyhetsbrevet 6/2004

Föregående
Nästa

Den här gången

1. Kan jag gömma e-postadressen själv på hemsidan?
2. Kan man göra radbrytningar i HTML och få dem att användas bara när de behövs?

1. Pivot Stickfigure Animator (gratis)
2. Tales Animator (gratis)

1. Snabbare avslut i Windows
2. Några snabbtangenter i Windows

1. HTML- och ASCII-kod för tecken
2. Använd filtergruppen DXImageTransform på hemsidan

Frågor

På PC Hemmas senaste cover-CD finns ett program som man använder för att skripta bort sin e-postadress och undvika spam. Programmet kostar ungefär 80 kronor och gör ett skript. Det här verkar litet onödigt, tycker jag – kan man inte göra det här själv utan att behöva betala för det?

Svar: Självklart, det här behöver du inte betala för. Jag har tittat på programmet och det har en brist i att man inte kan ange något verktygstips, alltså en ruta som visas när man pekar på länken.

För det första finns det på SupportData.Net ett automatiskt JavaScript som bygger det här skriptet åt dig. Du behöver bara kopiera koden och klistra in den där du vill visa e-postlänken. Se Resurser/HTML , under "Göm din e-postadress" i menyn till vänster på sidan som öppnas.

För det andra är det lätt att göra skriptet helt själv. Kopiera skriptet här nedan, gör de ändringar som anges i kommentarsraderna (de börjar med //) och klistra in skriptet där länken skall visas. Det här är koden:

<SCRIPT LANGUAGE="javascript">
<!-- Karin Andersson, www.supportdata.net
// Alla rader som börjar med dubbelt snedstreck (utom den sista) kan du ta bort.
// Lägg skriptet mellan BODY-taggarna där du vill ha e-postlänken.
function smygEpost(){
var at,a,b,c,d,e,f,g,h,i,mai,l;at=String.fromCharCode(64);
mai=String.fromCharCode(109,97,105);l=String.fromCharCode(108,116,111,58);
a='<A href=\"'
// Ändra 'kontakt' i b till den del av e-postadressen som skrivs före snabel-a.
b='kontakt'
// Ändra 'Skicka e-post till oss' i c till det du vill visa som verktygstips.
c='\" title=\"Skicka e-post till oss.\">'
a+=mai;b+=at;a+=l;e='</A>'
// Ändra 'Kontakta oss' i f till den text du vill visa på sidan.
f='Kontakta oss'
// Ändra 'supportdata.net' i b+ till den del av e-postadressen som skrivs efter snabel-a.
b+='supportdata.net'
g='<IMG src=\"'
// Om du vill visa en bild i stället för text som länk, tar du bort texten 'Kontakta oss' i f ovan - lämna kvar citationstecknen - och anger sökvägen till bilden mellan citationstecknen i h nedan.
h=''
i='\" alt="Skicka e-post till oss." border="0">'
if (f) d=f;else if (h) d=g+h+i;else d=b;document.write(a+b+c+d+e)}
smygEpost()
// Låt den här raden vara kvar -->
</SCRIPT>

Kan man göra radbrytningar i HTML och få dem att användas bara när de behövs? Jag vill minska tomrummen till höger på raderna i ett textblock, men ändå inte göra fasta radbrytningar, eftersom resultatet då blir fult om besökaren ändrar sidbredden eller använder en annan upplösning än jag har tänkt mig. Går det att göra sådana, så att de utnyttjas bara när de behövs?

Svar: På de platser i orden där du vill tillåta en avstavning lägger du in koden &#173; eller &shy; – till exempel "parkerings&#173;bötes&#173;föreläggande". Ordet kommer då att avstavas som antingen "parkerings-bötesföreläggande" eller "parkeringsbötes-föreläggande", men bara om det hamnar så nära slutet av en rad att avstavningen behövs.

Om ordet står i början av en rad så att det inte skall avstavas, visas det helt utan bindestreck.

Skriv in koden direkt från tangentbordet med Alt+0173 (siffrorna skrivs på det numeriska tangentbordet). Om du använder den metoden i FrontPages normalläge, kommer bindestecket inte att synas när du går över till HTML-läget. Du kan ändå kontrollera att det fungerar genom att gå över till förhandsvisningen och minska bredden på programfönstret så att du tvingar fram en radbrytning.

Observera att du inte kan använda &#173; eller &shy; som ersättning för bindestreck där du normalt vill ha sådana. Om du till exempel använder bindestreck i uttryck som är en sammansättning mellan engelska och svenska, som "shoot'm'up-spel" (stavas det så?), kommer ordet ändå att brytas i bindestrecket (men bara när det behövs, förstås).

Det här fungerar i Internet Explorer. I Netscape ignoreras koden helt och ordet avstavas inte.

Programtips

Pivot Stickfigure Animator är ett gratisprogram som framför allt barnen kan ha mycket kul med. Det fungerar ungefär som de "filmer" man gjorde som liten, genom att till exempel rita gubbar i hörnen på skolböckerna (nåja, i alla fall en del av oss) och sedan bläddra.

Resultatet blir en animerad film, som kan spelas upp direkt i programmet eller sparas som *.GIF och läggas på webbsidan.

Någon riktig hjälpfil finns inte – bara en kortfattad read me-fil. Men programmet är lätt att förstå sig på, även utan hjälpfil.

Hämta programmet (370 kB) här.

Tales Animator är ett roligt gratisprogram för att göra animeringar i AVI-format, alltså som "filmer", eller som animerade GIF-filer. Du behöver inga större konstnärliga färdigheter för att komma i gång, eftersom programmet redan från början innehåller flera färdiga "aktörer".

Allt du behöver göra är att skriva ett "manus", i ett mycket lättbegripligt skriptspråk som använder vanlig engelsk text – några speciella programmeringskunskaper behövs inte. Eftersom programmet innehåller färdiga exempel kan du utgå från dem – du kommer snart underfund med hur man gör.

Du kan använda egna bakgrunder och – för engelskt tal – MS Agent-teknik för att få figurerna att tala.

Resultatet kan sparas som ett projekt, kompileras till AVI-format eller exporteras som animerad GIF (till exempel för HTML-sidan).

Hjälpfilen (engelska) är stor och bra. Dessutom innehåller programmet en rad exempel som du kan titta på för att lära dig hur man gör.

Hämta Tales Animator Lite (2,5 MB). På webbplatsen finns dessutom diverse extra att hämta, som till exempel fler aktörer. Jag rekommenderar "Dödsdansen" (death.zip, 535 kB).

Om du har en snabb uppkoppling, kan du i stället för Lite-versionen hämta Tales Animator Professional. Den är på ungefär 18 MB och även den är gratis.

Favorittips

Det här känner antagligen de flesta redan till och ni kommer väl att utbrista i ett förvånat "Och...!", men ingen av oss här hemma kunde det innan Kjell av misstag råkade dubbelklicka. När man har klickat på Start / Avsluta behöver man inte använda OK-knappen. Det räcker med att dubbelklicka på till exempel "Stänga av datorn?".

Att använda snabbtangenter i stället för musen är ett bra sätt att undvika musarm. Här följer några ofta förbisedda möjligheter:

• ESC avbryter den pågående aktiviteten.
• MELLANSLAG ersätter klick på den aktiva knappen, markera eller avmarkera den aktiva kryssrutan och klick på det aktiva alternativet.
• Alt+understruken bokstav ersätter klick i menyer.
• ENTER ersätter klick på markerad knapp.
• TAB flyttar framåt genom alternativen.
• SHIFT+TAB flyttar bakåt genom alternativen.
• CTRL+TAB flyttar framåt mellan flikarna.
• SHIFT+CTRL+TAB flyttar bakåt mellan flikarna.
• BACKSTEG flyttar till nivån ovanför den markerade mappen i dialogrutorna "Spara" och "Spara som".
• F4 öppnar rullgardinerna "Spara i" respektive "Leta i" i dialogrutorna "Spara som" respektive "Öppna".
• F5 uppdaterar dialogrutorna "Spara som" och "Öppna".

Nytt på SupportData.Net

Det här är en specialsida för er som har frågat om hur man skriver för att visa till exempel pi-tecknet på sina webbsidor.

Här hittar du det mesta om en mängd tecken/symboler, från vanliga bokstäver och accenttecken till matematiska symboler och grekiska alfabetet. Du kan också läsa om hur du använder teckensnittet Symbol för att visa en lång rad annars svåråtkomliga symboler.

Sidan om HTML- och ASCII-kod hittar du från Resurser/HTML i startsidans meny. Välj "HTML och ASCII, Koda specialtecken" i menyn på HTML-sidan.

Med filter från gruppen DXImageTransform kan du förändra bilder och text, men du kan dessutom ordna snygga bakgrunder till sidorna, tabellerna eller enstaka tabellceller utan att använda en enda bild.

I de tre nya sidorna om DXImageTransform hittar du en rad exempel på hur du kan utnyttja filtren.

Filtersidorna hittar du från Resurser/HTML i startsidans meny. Välj "Filter" i menyn på HTML-sidan.

Föregående
Nästa

© SupportData.Net