HTML
HTML från början...
|
 |
1 steg för steg - skapa en enkel hemsida
|
| |
del2/stilmall
|
|
|
2 kontrollera om koden blivit rätt |
OBS!
- i exemplen används som regel STORA bokstäver - det går lika bra, och snabbare, med små, dvs <html> istället för <HTML> osv.
|
BAKGRUNDER
|
|
|
bakgrundsfärg |
|
|
bakgrundsbild |
|
|
hur man bestämmer hemsidans bakgrund 2
-----> mer; med stilmallar |
LÄNKAR och ANKARE
|
|
|
om länkar och ankare - hur man länkar till andra sidor och till olika ställen på samma sida mm
- länk i nytt fönster |
LiSTOR
|
|
|
listor av olika slag |
|
|
onumrerade listor |
|
|
numrerade listor |
|
|
numrerade listor - bokstäver A B C |
|
|
numrerade listor - romerska siffror I II III |
|
|
DL-listor |
|
|
dubbla listor eller listor med listor i |
|
|
listor med listor i 2 |
TABELLER
|
|
|
tabell - enklaste varianten |
|
|
tabell - rowspan el. kolumner som spänner över flera rader |
|
|
tabell - colspan el. rader som spänner över flera kolumner |
|
|
tabeller 1 |
|
|
tabeller 2 |
|
|
tabeller 3 - typ tidningssida |
|
|
tabeller 3 - typ schema |
Allt om hur man använder stilmallar för att bestämma hur tabeller & listor ska se ut finns under STYLESHEETS
|
BiLDER
|
|
|
om hur man placerar en bild på hemsidan |
|
|
klickbara bilder 1 - om hur man gör en bild klickbar |
|
|
klickbara bilder 2 - om hur man gör olika delar av en bild klickbara (image maps) |
|
|
klickbara bilder 3 - hitta koordinaterna för del av bild |
MER OM BiLDER FiNNS UNDER RUBRiKEN BILD & FÄRG
|
FÄRGER
|
|
|
färger 1 |
|
|
välja färg - färgord som fungerar i webbläsare |
|
|
välja färg - färgsiffror |
|
|
testa färger |
|
|
färgsiffror - är FF detsamma som 255?!?
omvandlare hexadecimalt/decimalt |
TEXT&TYPSNiTT
|
|
|
grundläggande om text på hemsidan |
|
|
kursiv text |
|
|
fetstil |
|
|
bestämma typsnitt - om "medskickbara" fonter |
ALLT OM HUR MAN ANVÄNDER STiLMALLAR FÖR ATT REGLERA TEXT, FÄRG, BiLDPLACERING mm
FiNNS UNDER RUBRiKEN STYLESHEETS
|
TABELLER
|
|
|
tabell - enklaste varianten |
|
|
tabell - rowspan el. kolumner som spänner över flera rader |
|
|
tabell - rowspan el. rader som spänner över flera kolumner |
|
|
tabeller 1 |
|
|
tabeller 2 |
|
|
tabeller 3 - typ tidningssida |
|
|
tabeller 3 - typ schema |
Allt om hur man använder stilmallar för att bestämma hur tabeller & listor ska se ut finns under STYLESHEETS
|
FRAMES - RAMAR
|
|
|
om ramar 1 ("flerdelad" hemsida) |
|
|
exempel: hemsida med två ramar |
|
|
mer om ramar |
|
|
iFRAME |
|
|
liknande/ m. stilmall |
FORMULÄR
textrutor|rullgardinsmenyer|
knappar|radio buttons mm
|
|
|
formulär med knappar, rullgardinsmenyer etc |
|
|
e-postformulär - ett exempel med kod |
|
|
rullgardinsmenyer |
TECKENKOD
|
|
|
Asciitabell inkl. hexadecimalkod |
|
|
hur man skriver t ex ®, ± och ¼? |
|
|
å,ä,ö |
META-TAGGAR
|
|
|
meta-taggar el. info om hemsidan |
|
|
ta bort bildverktyget i Explorer |
|
|
skapa META-taggar - fyll i och klicka |
BLANDADE TAGGAR
|
|
|
blandade taggar 1 |
|
|
blandade taggar 2 |
|
|
blandade taggar 3 |
|
|
blandade taggar 4 |
XHTML
|
|
|
skillnad mellan HTML4 och XHTML |
DiVERSE
|
|
|
favicon - bild i webbläsarens adressfält och bland favoriter och bokmärken |
|
|
ljud |
|
|
FTP/SFTP - skicka filer |
|
|
UNIX/Linux |
|
|
hur fönsterstorleken påverkar hemsidans utseende
(öppnas i nytt fönster) |
DiVERSE LÄNKAR
|
|
|
söksajter mm |
TESTA
|
|
|
testa färger
--- testa färg (siffror)
|
|
|
skapa minisida - välj färger, typsnitt mm o klicka fram koden |
FLER "AUTOMATISKA KODFIXARE" FINNS UNDER
RUBRIKEN KODMAKARE.
DÄR
KAN MAN BL A SKAPA KOD TILL KNAPPAR SOM
RÖR PÅ SIG OCH MENYBILDER SOM "LYSER TILL".
|
FLYTTAT...
STYLESHEETS
sidorna om hur man använder
stilmallar
finns numera under rubriken
STYLESHEETS
BILDER
sidorna om hur man gör bilder
finns numera under rubriken BILD&FÄRG
|
Bra, gratis och standardföljande
webbläsare - Mozilla Firefox 2.0 - kan hämtas
här:
mozilla.org
Linux, Windows, Mac OS X
fotnoter
=sidan öppnas i nytt fönster
4=sidan fungerar i MIE fr o m version 4 och i Netscape 4.x.
N = Netscape Navigator
MIE = Microsofts Internet Explorer
Den här sidan hör hemma i ett tredelat ramsystem
hos
www.flowsim.se
upp igen!
|
HTML mm