 |
HEMSIDEGUIDE
Innehåll
- Hemsideguidens Innehåll - Kortfattad beskrivning!
Inledning
- Vad är en hemsida?
- Hur skapas en websida?
- Hur kan andra se min hemsida?
- Vad behövs för att komma igång?
- Varför en Hemsideguide?
- Snabbstart!
Program
- Webläsare
Ett måste om du vill se websidor!
- FTP-program
För att skicka ut sidan på World Wide Web!
- Textredigerare
Duger utmärkt när du ska skriva din kod!
- HTML-editorer
Special-program för att skriva HTML-kod.
- Giganterna
Riktigt avancerade Webside-program.
- WinZip
För att packa upp nedladdade program.
Webhotellguide
- Internetleverantörer
- Gratisalternativ
- Webhotell
- Sök Webhotell
Sidans adress
- Redirect-adress
- Domännamn
- Domännamn & Webbhotell
Publicera sidan
- WS_FTP LE
- Förberedelser
- Fyll i dina uppgifter
- Anslut och Skicka iväg dina filer
Hemsida på Passagen
- Vad behöver du?
- Bli medlem på Passagen
- Aktivera din Hemsida
- Förberedelser på Din Dator
- Fyll i dina uppgifter i FTP-programmet
- Anslut och Skicka iväg dina filer
Marknadsför din sida
- Inledning
- Adress & Filnamn
- Titel, Beskrivning & Nyckelord
- Text, Rubriker, Länkar & Bilder
- Fler Meta-taggar
- Sökmotorer & Ramar/Frames
- Portalsidor & Externa länkar
- Sökmotoroptimering - Lathund
- Registrera din sida
- Statistik
- Fler marknadsföringstips!
Bannerbyte
- På egen hand...
- Bannerbytartjänster
- Adtrade, Reklampool och ADpool
- Banner Express, Annons Direkt och Stoppets
Gästböcker & Sånt
- Inledning
- Gästbok
- Räknare & Statistik
- Kontaktformulär
- Forum
- Klotterplank - Tag-Boards
- Övrigt
|
GRAFIK
Introduktion
- Inledning
- Bildformat för Webben
- Bildens Storlek & Upplösning
Grafik / Fotoprogram
- Inledning
- IrfanView
- Visual Color Picker
- Color Scheme Designer
- iMprinter
- Image Optimizer
- 20/20
- PaintStudio Lite
- Photo Filtre Missa inte!
- ImageForge
- LView Pro
- PaintShop PRO
- Adobe PhotoShop
|
HTML & CSS
Introduktion
- Inledning
- HTML & CSS
- Standarder på webben
- Webbläsare
- Program för HTML & CSS
1. En första Sida & Stilmall
- Till att börja med - Skapa mappar
- Skapa webbsidan och Stilmallen
- Webbsidans innehåll - HTML
- Webbsidans utseende - CSS
2. Teckensnitt & Färger
- Teckensnitt
- Färger
- Exempel
3. Meta-taggar I
- De viktigaste meta-taggarna
- Infoga meta-taggarna
4. Skapa en första Layout
- Grunden
- Skapa en enkel Tabell-layout
- Skapa en enkel CSS-layout
5. Skapa en första Meny
- Grunden
- Skriv in menyn i HTML-koden
- Stajla menyn i Stilmallen
- Mer innehåll på sidan!
6. Komplettera Stilmallen
- Inledning
- Kommentarer
- Mer innehåll!
- Rubriker & Text
- Bakgrundsbild
- Centrering & Marginaler
HTML-kod Struktur
- Element & Taggar
- Taggarnas inbördes ordning
- Attribut och Värden
- Block & Inline
- Regler i HTML
HTML Grund
- HTML-stommen
- Titel & Innehåll
- Doctype, Språk & Teckenuppsättning
Meta-taggar
- De vanligaste meta-taggarna
- Ange Teckenuppsättning
- Content-Style-Type
- Författare & Copyright - author, copyright
- Beskrivning & Nyckelord - description, keywords
- För sökmotorer - noindex, nofollow
- Skicka vidare - refresh
- Uppdatera sida - refresh, pragma
- Dölj Image toolbar
- Infoga meta-taggar
Hur infogas CSS?
- Inledning
- Infoga CSS - olika alternativ
- Syntax - kodens uppbyggnad
- Extern Stilmall
- Intern Stilmall
- Inline Style
- Klasser
- Selektorerna DIV och SPAN
- Komprimerad Deklaration - Shorthand Declaration
- Kort om Arv
Body - Grundstyling
- Textens Egenskaper
- Sidans Marginaler
- Bläddringslister, Rullningslister, Scrollbars - overflow
Bakgrund: Färg & Bild
- Bakgrundsfärg
- Bakgrundsbild
- Komprimerad Deklaration: Background
Rubriker & Text
- Rubriker
- Textstycken & Radbrytningar
- Förformaterad Text
- Betoning, Fetstil, Kursivt, Understrykning m.m.
- Å, Ä, Ö - Teckenkoder
- Avdelare
Formatera Text
- TEXT - Teckensnitt, Storlek & Färg
- Fler Textegenskaper
- Rubriker
- Komprimerad Deklaration: Font
|
HTML
Länkar
- Länk till sida på din webbplats
- Länk till ankare
- Länk till annan sida på webben
- Bild som länk
- E-postlänk
- Länktext och Länkbeskrivning
- Hur öppnas länken?
- Thumbnails
Listor
- Inledning
- Punktlista
- Numrerad lista
- Rubriker
- Definitionslista
- Blandade listor
- Slopa indraget!
Tabeller
- Grunden
- Border
- Cellpadding & Cellspacing
- Tabellens Bredd
- Kolumner & Rader
- Justera innehållet i cellerna
- Användarvänlig Tabell
- Tabeller för Layout
- Vad är tillåtet och inte enligt standard?
- Avslutningsvis...
Bilder
- Kort om Bildformat och Filstorlek
- Infoga bilder
- Alternativtext
Image Map
- Tag ut Koordinater
- Bild med Klickbar Rektangel
- Bild med Klickbar Polygon - Månghörning
- Bild med Klickbar Cirkel
- Definiera Klick Utanför Ytan
- Title & Alt
- Tips!
- • Image Mapper - Bra gratisprogram!
Ramar - Frames
- Inledning
- Frameset med två kolumner
- Frameset med tre rader
- Frameset med tre rader och två kolumner
- Frameborder, Framespacing, Border och Bordercolor
- Bläddringslister / Rullningslister / Scrollbars
- Marginaler
- Länkning
- Exempel
- Fördelar och Nackdelar...
- Tips
Iframe
- Inledning
- Grunden Steg för Steg
- Bläddringslist / Rullningslist - Scrollbar
- Iframens Placering
- Länkning
- Osynlig Iframe
Formulär
- Vad ska jag med Formulär till?
- Exempel på ett Formulär
- Infoga Formuläret - form, method och action
- Etikett - Label
- Textruta, Lösenord & Textfält
- Kryssrutor & Radioknappar
- Rullgardinsmeny & Flervalslista
- Knappar - submit och reset
- Snygga till formuläret med CSS » »
- • Formulär utan CSS
- • Formulär med CSS och beskrivning
- • Stil på Knappar
- • Knappar med egen bild
- • Bakgrundsbild i formulärfälten
- • Transparent formulär
- • TuttiFrutti - Formulär...
- • Uppställning med CSS
HTML - Finesser
- Kommentar
- Favoritikon - favicon.ico
- Marquee - rullande text
- Sidövergångar
- Ljud på sidan
Doctype & Validering
- Inledning
- Quirks & Standard mode
- Document Type Declaration - DTD - DOCTYPE
- World Wide Web Consortium
- TIPS! Validera din sida!
XHTML 1.0
- XML - HTML - CSS - XHTML
- Hur fungerar XHTML?
- !DOCTYPE m.m. i XHTML
- Skillnader HTML - XHTML
- Exempel
- Avslutningsvis
- • XML eller HTML
- • World Wide Web Consortium
- • Validera
Antik HTML
- Body
- Länkar
- Taggen Font
- Justera i HTML - Align, vAlign
- Tabeller
- Bilder
- Avdelare
Teckenkoder
- Koder för specialtecken som Å Ä Ö
Färgkoder
- Hexadecimala koder, Websäkra färger, Namngivna färger
|
CSS -Stilmallar
Länkar & Listor
Kantlinjer - Border
- Komprimerade Deklarationer
- Bredd, Stil & Färg
- Variera!
- Kantlinjer på tabeller
- Alla Egenskaper
Marginaler & Padding
- Margin
- Padding
- Komprimerad Deklaration: Margin, Padding
Block & Boxar
- Formatera ett Block
- Boxar
- Felsökning - Boxar
- Scrollbox - Box med Bläddringslist, Rullningslist, Overflow
CSS - Placering
- Inledning
- Display - inline, box, none
- Float
- Clear
- Containing Block
- Positionering
- Z-index
- Centrera
- • Centrera Horisontalt
- • Centrera Sidans Layout
- • Centrera Vertikalt
- • Centrera Vertikalt & Horisontalt
- Avslutningsvis - Länkar
CSS - Menyer
- Grunden - En Punktlista
- Skapa en enkel Meny steg för steg
- Enkel Meny med rubriker
- Skapa en enkel horisontell Meny
- Horisontell Meny med flikar
CSS - Finesser
- Byt färg på Bläddringslister / Rullningslister / Scrollbars
- Stajlad Avdelare
- Olikfärgad Länklinje
- Egen muspekare / cursor
CSS - Referensguide
- font, color
- background
- text
- Textegenskaper
- list-style
- margin, padding, align
- height, width
- border
|
LAYOUT & DESIGN
Skärmar & Upplösning
- Bildskärmar & Upplösning
- Websidor & Upplösning
- Anpassa din sidas Layout
Mått & Enheter
- Websidor & Enheter
- Teckensnitt & Enheter
- Ange Teckensnittets Storlek i em och %
- Ange Storlek på Boxar & Tabeller
- Skapa en Elastisk Box med enheten Em
- Min-width / height & Max-width / height
Min-height Min-width & Max-width Max-height
- Conditional comment för Internet Explorer
- Min-height
- Min-width
- Max-width
- Min-width & Max-width
- Max-height
Användarvänlig Layout
- Inledning
- Redskap & Hjälpmedel
- Riktlinjer i stort som underlättar för alla!
- Jaha! Själv, då - Klantskalle?!
Skapa CSS - Layout - 1 - Grunder
- Inledning, HTML & Stilmall
- Skapa sidans struktur
- Bredd & Placering
- Padding & Kantlinjer
- Innehåll & Grund-stajling
- Bakgrundsfärg & Bakgrundsbild
- Rubriker & Text
- Dela av Kolumnerna
- Centera Layouten
Skapa CSS - Layout - 2 - Design & Utformning
- Inledning, HTML & Stilmall<
- Snygga till Grundlayouten
- Skapa sidans struktur
- Menyer
- Länkar & Avdelare
- Ersätt rubriker med bilder
- Avslutningsvis
- Exempel - Färdiga grundlayouter
|
JAVASCRIPT
Fantasifulla Finesser
- Bakgrundsmusik
- Mus-Följare - Statisk
- "Egen" Muspekare
- Mus-Svans - CursorTrail
- Mus-Svans - Variationer
- Mus-Svans - Text
- Flytande Bilder - Floaties
- Snöfall 1
- Snöfall 2
- Snöflingor - Bild
- Höstlöv / Flingor - Bilder
- Bubblor
- Klick-Fyrverkeri
|
LÄNKSIDOR
LÄNKVÄNNER
- Vill du bli länkvän?
- Länka till NinetNet
|
Kommer på NinetNet
HEMSIDEGUIDE
GRAFIK
- Transperenta Giffar
- Animera Giffar
HTML
CSS
LAYOUT & DESIGN
JAVASCRIPT
- Användbara Nyttigheter
- Smått och Gott
|
|
