HTML, standard möjligheter och begränsningar

Viktig läsning eller repetition om FrontPage 2000
HTML, standard möjligheter och begränsningar
Site/webbplats - läget, fil struktur, inställningar för
webbplatsen.
HTML är förkortningen av Hyper Text Markup Language och är den kod man
använder sig av för att tala om för din webbläsare hur den ska visa texten som finns i
dokumentet.
Ett html - dokument är egentligen ett textdokument, som måste sparas med
ändelsen *.htm eller *.html vilket talar om för webbläsaren att det är ett htmldokument. (Det finns även andra typer av dokument med ändelsen .shtml och .dhtml
m fl men det är "överkurs").
Anledningen till att det finns .htm är en gammal rest från Windows 3.x och tidigare
då detta operativsystem endast klarade att spara dokument med tre tecken i
filändelse.
Och jag började med htm .. och det har blivit en vana för mej ..
men du kan spara som du vill antingen med htm eller html ..
FrontPage 2000
Viktig att ta reda på eller repetera
läs i boken eller via meny Hjälp i FrontPage
1. Visningslägen, vyer
2. Verktyg och inställningar för webb
3. Skapa/utforma sidor, webbsidornas uppbyggnad
4. HTML, standard, egenskaper
5. Dokument, titel, filnamn, bakgrund färger mm
6. Text och styckeformatering, rubriker och format, symboler, listor
7. Länkar, absoluta och relativa, infoga och redigera, bokmärken/ankare
8. Tabeller, infoga tabeller, celler, layout och bildplacering med tabeller
9. Bilder, format, infoga, länka bilder, bakgrunder, klickbara områden (imagemaps)
10. Ramar/Frames, skapa ramuppsättningar, ramsidan egenskaper, länkar i ramar
11. Formulär/Forms, skapa formulär, redigera formulärobjekt, möjligheter att koppla
formulär
12. Cascading Style Sheets (CSS), formatering, lager/layers
13. HTML och andra tekniker, javascripts, java, CGI, DHTML mm
14. Hämta in webbsidor och webbplatser till FrontPage
Prov 1
En webbsida
Skapa först en webbplats namnge platsen med ditt namn och prov (*)
Gör sidan snygg
Här är första sidan.
Några tips om hur man gör en hemsida i FrontPage:
Förstasidan kallar du index.htm. Använd alltid små bokstäver i filnamnen.
Använd inte å, ä eller ö i filnamnen.
Om du vill ha litet avstånd mellan raderna, så håller du nere shift-tangenten när du
trycker Enter
Klicka med höger musknapp. Välj sidegenskaper
1.Fyll i en rubrik. Den kommer att synas längst upp i det blå bandet på webbsidan.
2. Klicka på "bakgrundsfliken".
Välj en bakgrundsfärg* eller en bakgrundsbild (bakgrundsbild måste du ha sparad på
disketten)
OBS Om du väljer "fel" bakgrundsfärg, kanske en del av texten försvinner.:
Högerklicka - välj sidegenskaper - välj "bakgrundsfliken" - titta på vilken färg som
är inställd för
"hyperlänkar". Förstår du nu varför viss text (länkar) kan försvinna?
Skriv eller kopiera in dina texter och infoga dina bilder
Gör en ny sida
Följ samma anvisningar som ovan
Skapa en hyperlänk:
1. Markera texten du eller bilden som du vill göra till en länk.
2. Klicka på länkknäppen (eller klicka på " infoga" i menyraden och välj "hyperlänk")
3. Om du länkar till en webbsida, skriver eller kopierar du in adressen som ska börja
med: http:// och sen
klickar du på OK
Om du länkar till en annan av dina egna sidor (på disketten): klickar du på
Utforskarikonen och sen
bläddrar du dig fram till rätt fil (precis som du bläddrar i utforskaren) klicka på den
och sen klickar du
på OK.
Infoga en bild
1. Klicka på Infoga bild-ikonen (eller Klicka på infoga i menyraden och välj bild.)
Välj bilden du vill ha i "gif-katalogen" på din diskett. (för att komma till 3,5
tumsdiskett, måste
du klicka på utforskar-ikonen) Markera filen och klicka OK.
Vad skall dina sidor och bilder sparas? (*)
Prov 2
Svara på dessa frågor och påståenden
Efter att du har repetera/läst den första delen
1.
Vad är en webbplats?
2.
Vyer och arbetslägen, vad menas med det?
3.
Hyperlänkar och bokmärken
hur skapar man dem?
4.
Stilmallar
Vad menas med det?
5.
Punktlistor
hur skapas dem?
6.
Tabeller och tabellegenskaper
hur skapas dem?
7.
Bakgrundsfärg och bakgrundsbilder
vilka egenskaper skall du söka?
8.
Teman
Vad menas med tema?
9.
Hantering av bilder och bildanvändning
BESKRIV HUR DU GÖR!
10. Beskära bilder
Hur gör man?
11. Miniatyrbilder
hur skapas dem?
12. Ramar och ramuppsättningar
Gå igenom ramar och gör en enkel ram uppsättning
13. Hyperlänka mellan ramar
Kolla vad som måste anges
14. Redigering av html kod.
Kan man redigera koden som skapas i FrontPage?
Varför skall man ibland redigera den färdiga koden?
Om du kan svara på alla dessa frågor har du nått en grundlig kunskap om
Programmet. Om inte repetera igen