Svensk Server

februari 28, 2007

META-märken - NAME=”Reply-to”

Sparat under: HTML grunder — admin @ 11:12 f m

Nu är det dags att implementera allt jag sagt på din hemsida.
Vi ska gå igenom alla relevanta META-märken och du kan hitta mitt råd om hur och om du ska använda dem.
PÅMINELSE:
ALLA META-märken finns mellan <head> och </head> märken.

NAME=”Reply-to”
Exempel:
<META NAME=”Reply-to” CONTENT=”noname@site.ws“>

Vissa sökmotorer går igenom din hemsida och om de hittar “Reply-to” i META-märken kommer motorn automatiskt att skicka ett e-brev till dig. Det är bara en information till dig att ”spider” besökte din hemsida.
Personligen använder jag ALDRIG detta märke och har aldrig sätt någon göra det. Anledningen är att det finns elaka ”spiders” skickade av privata personer. De går igenom hela innehållet i HTML-dokumentet och samlar e-postadresser på hela Nätet. Sedan används det för SPAM. Din inkorg fylls med skräp.
Mitt råd: använd aldrig det här märket.

Andra bloggar om: , ,

februari 27, 2007

Enkla och kraftfulla program

Sparat under: HTML grunder — admin @ 8:13 e m

De allra första HTML-dokument skrev jag i program liknande dagens Anteckningar. I början kan det vara roligt men så småningom inser man att man har dålig kontroll över dokumentets utseende.

Lösningen är WYSIWYG (What You See Is What You Get) program. Även om du kan alla märken utantill och om du skriver snabbt kommer du att upptäcka fördelar med sådana program.

Det är som att skriva i Microsoft Word. Du kan koncentrera dig på själva innehållet på din hemsida och låta programmet ta hand om alla märken. Vill du att ett ord ska vara i kursiv stil med röda bokstäver, markerar du bara ordet och klickar på motsvarande knappar i verktygsfält i programmet. Förresten, i Microsoft Word kan du numera spara ditt dokument i HTML-formatet.

För övningens skull skriv ett litet dokument i Microsoft Word. När du är färdig klicka på ”Arkiv” och välj ”Spara som webbsida…”.

Öppna sedan samma fil Anteckningar eller något annat program där du kan se källkoden. Det du kommer att se är lite svårt att förstå. Word sparar filen på ett speciellt sätt så att mycket intern information finns med i källkoden.
Mitt råd: använd inte Microsoft Word för skapandet av dina hemsidor.

Det finns hundratals hjälpprogram du kan använda för skapandet av dina HTML-dokument. Självklart går vi inte igenom var och en. Jag ska rekommendera enbart två av alla:
1. Arachnophilia
Programmet är 100% gratis och finns att ladda hem från:
http://www.arachnoid.com/arachnophilia/index.html
I det kan du redigera dina hemsidor och leka med källkoden på ett enkelt sätt.

2. FrontPage (TM)
Programmet finns inkluderat i Microsoft Office paketet.

Det finns många andra program som jag sa tidigare men dessa två tycker jag är enklaste för en nybörjare. Trots enkelheten kan man skapa mycket avancerade hemsidor med dem och det är anledningen att jag rekommenderar både Arachnophilia och FrontPage.

Andra bloggar om: , ,

februari 25, 2007

Organisera dina html sidor

Sparat under: HTML grunder — admin @ 11:06 e m

Efter flera hundra gjorda HTML-dokument kommer du säkert att tröttna på alla ändringar du måste göra då och då.

Vi tar ett exempel:
Du skapar en sajt med 5 sidor. Låt oss säga att dina sidor heter:
- Min hemsida (index.html)
- Om mig (om.html)
- Produkter (produkter.html)
- Svar på frågor (svar.html)
- Beställ produkter (order.html)

Du måste på något sätt länka till varje sida från var och en av de 5 sidor du skapat(index.html, om.html, svar.html, produkter.html, och order.html).

Det man brukar göra är en meny med länkar till alla sidor man har. Man brukar kalla det för navigeringsmeny.
HTML-koden för den kan se ut så här:

<a href=http://www.mindomän.com/index.html> Hemsida</a> |
<a href=http://www. mindomän.com/om.html></a> |
<a href=http://www. mindomän.com/produkter.html></a> |
<a href=http://www. mindomän.com/svar.html></a> |
<a href=http://www. mindomän.com/order.html></a>

Tänk dig nu att du efter någon vecka kommer på att inkludera en sida där du informerar dina besökare om nyheter och rabatter. Sidan skulle heta ”Nytt på hemsidan” och filen skulle bli nytt.html.

Självklart måste du ändra navigeringsmenyn i var och en av dina övriga sidor.
Tänk dig nu om du hade 50 sidor istället för 5. Ändringar är en del av ditt arbete på din hemsida och du måste hela tiden uppdatera information på alla sidor som är knutna till den som du gör ändringar på.

Det är så man blir trött. Finns det en lösning?

Klart att det finns och och en av dem heter SSI-märken (Server Side Include).
I nästa kapitel kommer jag att lära dig några SSI-märken som är så kraftfulla att du kommer att tacka mig resten av livet.

Med SSI-märken skapar du en sida med din navigeringsmeny (meny.html) och inkluderar bara en länk till den i övriga av dina sidor.

När du bestämmer dig att skapa en ny sida ändrar du enbart meny.html. Alla andra sidor blir automatiskt uppdaterade.

Samma sak gäller ”header/footer” avdelningar på en hemsida. Alla sidor brukar ha samma topp och botten. Detta kan utnyttjas och ytterliggare automatisera sidorna.

Till exempel:
En av dina sidor kan börja med
“Hej och välkommen”
och sluta med
”Besök oss igen”

Mellan de två fraser kan man ha vad som helst på sin hemsida (tabler, bilder, audio filer, pdf filer, …)
Det man kan göra med SSI är att skapa en ”header” fil (header.htm) och i den inkludera HTML koden från <html> till ordet ”Hej . . . ”.
Sedan gör man en ”footer” fil (footer.htm) och i den inkluderar man HTML koden efter ordet “. . . igen” till sista märket i dokumentet </html>.

Nu kan du föreställa dig vad som kan åstadkommas med SSI märken. Om du använder dig av header.htm och footer.htm filer, kan du ändra utseendet på alla dina sidor genom att göra ändringar enbart i dem två filer.

Nu ska vi se hur HTML-koden i exemplet ovan ser ut:

<html>  <head>  <title> Hemsidans titel </title> 
<meta tag skriver man här>
</head><body> Hej och välkomna . . . Besök oss igen </body></html>

Ur den kan vi skriva en header-fil (header.html):

<html>  <head>  <title> Hemsidans titel </title> 
<meta tag skriver man här> </head><body>

Här kommer footer-fil (footer.htm):

</body>
</html>

Slutligen får man HTML-koden får hela sidan igen:

<SSI-tagg som anropar header.html>“Hej och välkomna . . . Besök oss igen”<SSI-tatg som anropar footer.html>

För att kunna använda sidan som innehåller SSI-märken måste du spara den i shtml-formatet (index.shtml)
Märkte du bokstaven “s” i shtml? Detta betyder att hemsidan använder sig av SSI-märken.

För att kunna använda SSI-märken måste du veta vart dina filer finns på din server. Du måste förstå strukturen.

Andra bloggar om: , ,

februari 24, 2007

Är SSI-märken tillåtna på din server?

Sparat under: HTML grunder — admin @ 1:49 e m

SSI står för: Server Side Include.
Vid val av ett webbhotell är det viktigt att du kollar om SSI-märken är tillåtna att använda på servern.

Du kan göra en enkel kontroll genom att skriva två filer och ladda upp dem till servern.

Första filen du behöver skapar du så här:
1. öppna Anteckningar
2. Skriv: ”SSI fungerar”.
3. Spara dokumentet som: ssi.txt
4. Stäng Antäckningar.

Jag utgår ifrån att du vet hur man laddar upp filen från en dator till en server.
Ladda upp ssi.txt filen i ”root” katalogen på din server.
Vi antar att din domän heter http://din-domän.se.
I sådant fall bör din fil vara tillgänglig på adressen:
http://din-domän.se/ssi.txt.

Andra filen du behöver skapar du så här:
1. Öppna Anteckningar igen
2. Skriv följande:

<html>
<body>
<!–#include virtual=”/ssi.txt”–>
</body>
</html>

3. Spara filen som: ssi.shtml
4. Stäng Anteckningar
5. Ladda up ssi.shtml i samma katalog där ssi.txt finns på din server.

Vi antar att du är uppkopplad mot Internet.
Öppna Internet Explorer och skriv adressen till ssi.shtml filen: http://din-domän.se/ssi.shtml
(glöm inte att ”din-domän.se” ska ersättas med din riktiga domännamn. )

Vad ser du i Internet Explorer (IE)?
Om du ser något, då fungerar SSI på din server och vi kan gå vidare med vår lektion.

Om du inte ser något eller om du får ett felmeddelande, då ska du dubbelkolla att du följt instruktionerna ovan.

De flesta webbhotell tillåter SSI på sina servrar men det är alltid bra att kolla.
Ifall du valt något annat webbhotell kan du alltid skriva till administrationen och fråga dem att låta dig använda SSI-märken.

Nu antar vi att SSI-märken fungerar på din server och att du har tillåtelse att använda dem på din hemsida.

Andra bloggar om: , ,


 

februari 23, 2007

Lokala och Internet adresser

Sparat under: HTML grunder — admin @ 10:57 f m

En server är en dator som din egen dator. Egentligen är din dator samtidigt din LOKALA SERVER. Den har även sin IP-adress: 127.0.0.1

Jag antar att du är bekant med fil-strukturen på din dator. Det finns kataloger på din dator. Filerna och underkataloger finns i katalogerna. Filerna finns i underkataloger, och så vidare.

På samma sätt kan du skapa kataloger och underkataloger på din server. Filerna laddar du up med hjälp av FTP-program.

Varje fil i din dator har sin LOKALA ADRESS på samma sätt som filerna på din server har en INTERNET ADRESS som populärt kallas URL (Uniform Resource Locator).

Du vet att din “root” adress på din dator är C:\
C: står för din hårddisk och även om du har många diskar kommer du att ha en som heter C:.

CD-ROM enheter har sina “root”-adresser också. Du kan se alla enheter på din dator genom att klicka på ”Min dator” ikonen.

Motsvarande “root”-adressen för din server (din hemsida) är ditt DOMÄNNAMN. Exempelvis: http://din-domän.se

Om du sparar en fil med namnet test.txt på din dator under C:\ kommer din LOKALA adress till filen att bli: C:\test.txt

Skapar du en katalog med namnet “Test” på din dator under c:\ kommer den att ha sin LOKALA adress: c:\Test

Sparar du sedan filen test.txt i Test-katalogen kommer du att få en ny LOKALA adress till filen: C:\Test\test.txt

Jag upprepar igen: ALLT på din dator har sin egen ADRESS (även om du inte tänker på det). ALLT på Internet har sin motsvarande INTERNET adress.
Din “root” adress på din server är: http://din-domän.se
Om du skapar en katalog ”Test” på din server och överför filen test.txt till katalogen, kommer INTERNET adressen till filen att bli: http://din-domän.se/Test/test.txt

När man vill besöka din hemsida brukar man oftast skriva domännamnet (www.din-domän.se) utan att skriva ett filnamn. Det är för att Internet bläddrare (Netscape, Opera, Explorer, . . . ) söker och hittar filen index.html (det kan vara index.htm, index.php. index.shtml . . . ).

Vi antar att filen index.html finns uppladdad på din server i “root” katalogen.
Skriver man URL till din hemsida som: http://din-domän.se
eller som: http://din-domän.se/index.html
spelar det ingen roll. Dokumentet index.html kommer att visas i båda fall.
Därför kan man associera sin hemsida med filen index.html.

Andra bloggar om: , ,

Older Posts »

Drivs av Wordpress