weblogo

line

 

1. Introduktion

Att publisera på nätet har blivit väldigt populärt, inte minst bland privatpersoner som vill synas med sina egna hemsidor. Många tror dock att det är väldigt svårt att göra detta, men idag är det faktiskt inte det. Till skillnad från förr, då man själv fick skriva varje HTML-kommando, kan man numera arbeta i en WYSIWYG-miljö (WhatYouSeeIsWhatYouGet). Skillnaden nu är den att man inte själv behöver skriva koden utan programmet fixar det. Du skriver bara din text som om du arbetade i ett vanligt ordbehandlingsprogram och lägger enkelt till bilder och effekter. Det finns ett gott utbud av program som är lätta att använda. Några program jag kan tipsa om är:


2. Skapande

När du väl valt ut ett program så är det bara att sätta igång med skapandet. Det finns gott om sk. HTML-skolor på nätet, en del av dem är faktiskt väldigt bra.
Tänk på att oavsett vilka häftiga effekter du använder så blir din sajt inte intressantare än det innehåll du har. Det vill säga, en sajt som rent synmässigt ser bra ut men som besökarna inte har någon direkt nytta av, kommer sannolikt inte att få några återkommande besökare. Det är irriterande att komma till en sajt som är totalt proppad med grafik, för det första tar det lång tid att ladda ner sidan, med risk för att besökarna tröttnar och surfar vidare, för det andra är det inte snyggt med en sajt som blinkar som ett program på MTV. Men med lagom av det goda så kommer grafiken att lyfta intrycket radikalt.
Så tänk först igenom vad det är du vill förmedla med din sajt och låt sedan effekterna komma in i bilden.

Länkar till diverse HTML-material:

Naturligtvis kan du själv skapa din grafik så den passar just din sajt, men om du inte känner för det så kan man ju alltid åka lite snålskjuts på andra. Men med detta menar jag inte att man ska kopiera en sajt som man tycker ser bra ut, det är ju faktiskt en sorts stöld.
Men enstaka objekt går i regel bra att använda, dvs såvida upphovsmannen inte säger något annat !

Orkar Du inte själv skapa grafiken finns här en del grafiska alster som du kan använda:


3. Söktjänster

När man skapat en sajt så vill man ju att fler ska hitta dit. Detta gör man genom att lägga till sk. META-taggar. Dessa ska stå på den första sidan på din sajt, normalt index.htm eller index.html och innanför head-taggarna. Sökmotorerna letar ständigt igenom nätet efter nya sajter och när de hittar din, kommer den att lagra den informationen som du anger mha META-tags.

<html>
 <head>
 <title> din titel på sidan </title>
 <META name="keywords" CONTENT="keyword1, keyword2, keyword3, keyword4">
 <META name="description" CONTENT="några få textrader">
 <META name="author" CONTENT="lämpligen ditt namn">
</head>

På raden <META name="keywords" anger du vilka sökord sökmotorerna ska indexera. Handlar din sajt om 50-talsjänkare, skriver du lämpligtvis sökord som "50-tal", "jänkare" osv.

På raden <META name="description" anger du vilken text som ska visas när en sökmotor fått träff. Anger du ingenting kommer sökmotorerna att visa de tre första raderna från din index.htm-sida.

På raden <META name="author" anges sajtens skapare.


4. Tips & Tricks smart boy

Vill du ha en liten förklaring i statusraden när du för muspekaren över en länk? Använd då onMouseOver och onMouseOut.

<a href="din länk"
onmouseover="window.status='skriv din förklaring här'; return true;"
onmouseout="window.status='';">normal länktext</a>

Enkelt, men ofta mycket användbart.


Den vanliga taggen bgsound som används för att lägga till bakgrundsljud, fungerar tyvärr inte med Netscape. Pröva istället med följande:

<EMBED src="ljudfil" autostart=TRUE loop=TRUE hidden=TRUE>

När du använder ramar, frames, kan det hända att det dyker upp rullningslister i kanterna på ramarna. Vill du själv kunna påverka detta kan du lägga till attributet »scrolling«. Scrolling kan ha följande värden: yes, vilket innebär att det alltid kommer att vara rullningslister. No, det kommer alldrig att vara rullningslister. Auto, vilket innebär att de kommer fram om de behövs.

<FRAME src="sida.htm" scrolling="yes, no eller auto">

 


5. Java

Numera så är det väldigt populärt att lägga in sk. Javascript i sina webdokument. För dem som läst lite C-programmering är det ganska lätt.
Vill man lära sig Java finns det gott om information att hämta på nätet.

Själv pular jag måttligt med Java-programmering, du kan se några enkla script nedan, självklart får du använda dem om du vill.


Klocka:

<html>
<
head>

<title>clock</title>

<script language="JavaScript">
<!-- // gömmer scriptet för äldre browser's

//*******************************************************
// This JavaScript, displaying a blinking clock
// updated every second, is written in jan-98
// by Joachim Rietz
// http://home6.swipnet.se/~w-69484/
// Feel free to use and modify, please leave this comments
//*******************************************************

var timeStr, counter= 0;

function clock() {

obj= new Date();
counter= 1-counter;

hours= obj.getHours();
minutes= obj.getMinutes();
seconds= obj.getSeconds();
timeStr= " " + hours;

if(counter == 0) timeStr+= ((minutes < 10) ? " 0" : " ") + minutes;
else timeStr+= ((minutes < 10) ? ":0" : ":") + minutes;

if(counter == 0) timeStr+= ((seconds < 10) ? " 0" : " ") + seconds;
else timeStr+= ((seconds < 10) ? ":0" : ":") + seconds;

document.clock.time.value = timeStr;

Timer= setTimeout("clock()",1000);

}

// --></script>

</head>

<body bgcolor="#FFFFFF" onload="clock()">

<form name="clock">
<
p><input type="text" size="10" name="time"><br></p>
<
/form>

</body>
<
/html>


Bevingade ord 1:

<script language="JavaScript">

<!--
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// Made by Joachim Rietz.
// Dec -97.
//~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

var dag = new Date();
var veckodag = dag.getDay();
var line = "";

if (veckodag==0) line="bevingade ord för söndag";
if (veckodag==6) line="lördag";
if (veckodag==5) line="fredag";
if (veckodag==4) line="torsdag";
if (veckodag==3) line="onsdag";
if (veckodag==2) line="tisdag";
if (veckodag==1) line="måndag";

document.write(line);

// --></script>

Bevingade ord 2:

<html>
<
head>
<
title>bevingade ord</title>

<script language="JavaScript">
<!--
//*********************************
// JavaScript made by Joachim Rietz
// http://home6.swipnet.se/~w-69484/
// Date: 1998-01-12
// Free to use but please leave
// the comments.
//*********************************

function rand() {

today = new Date();
obj = today.getTime();
obj = Math.round(Math.abs(Math.sin (obj)*1000000)) %
limit;
return obj;

}
function initArray() {

this.length = initArray.arguments.length
for (var i = 0; i < this.length; i++)
this[i+1] = initArray.arguments[i]

}
function myWordMaker() {

var line= "";
check= rand();
myArray= new initArray("
xx", "xx","xx", "xx", "xx","xx", "xx","xx");

for( i= 0; i< limit; i++)
if(check==i) document.write(myArray[i+1]);

}
//--> <
/script>
<
/head>

<body bgcolor="#FFFFFF">
<
p align="center"><font size="2"><em>bevingade ord:</em></font>

<script language="JavaScript">
<!--
myWordMaker();
//--> <
/script> </p>

</body></html>

=====================================

limit anger antalet bevingade ord och i myArray ersätter du xx med dina bevingade ord, till antalet så många som du angav med limit.

 


Copyright © 1998 Joachim Rietz. All rights reserved.
Revised: april 18, 1998.