Frontpage kursus Dag 1 Dag 2 Internet generelt Hjemmesider generelt Tekstformatering Links Grafik Tabeller Frames Formularer Mere grafik Hvordan kommer man UD Web-bots Generelt "Regler" for gode hjemmesider HTML reference Grafik oversigt http://www.image.dk/~up/fp98/ [06-05-1999 12:51:27 ]
Internet generelt Internettet generelt Der forudsættes et vist kendskab til internettes generelle opbygning, men en hurtig gennemgang er måske alligevel på sin plads: Internettet består af et meget stort antal servere, der alle er forbundet. På disse servere ligger en enorm mængde hjemmesider. Hver hjemmeside har en adresse, som vi kender det f.eks. http://www.frborg-gymhf.dk, hvor frborg-gymhf er det domæne Frederiksborg Gymnasium har købt og dk angiver at domænet ligger i Danmark. Alle disse adresser oversættes til numre af såkaldte navne-servere. Disse numre kaldes IP numre og Frederiksborg Gymnasiums side har f.eks. numret: 130.22250.54 og kan også nås ved dette nummer. Når man skriver adressen på en hjemmeside bliver der sendt besked til den server siden ligger på, der så sender siden til den browser der har bedt om den. Skriver man ikke navnet på side, man vil se, sendes åbningssiden, der normalt hedder index.html eller default.html. Alle kan få en hjemmeside på nettet - det eneste der kræves er en plads på en server og et domæne - så er man kørende. Der findes to slags domæner: Et rigtigt domæne som f.eks. www.up.dk, som man skal betale for (ca. 000 for private firmaer - der er noget med at vi kan få en rigtig god pris hos UNI-C, men den kender jeg ikke lige nu). Et rigtigt domæne skal godkendes og registreres internationalt etc. Eller et sub-domæne, som man normalt får med, når man som privat køber en internet-opkobling www.isa.dknet.dk/~thoro - et sub-domæne skal ikke registreres eller godkendes. http://www.image.dk/~up/fp98/internetgenerelt/internet.htm [06-05-1999 12:51:42 ]
Hjemmesider generelt Hjemmesiders opbygning - generelt En side på internettet består groft sagt af 3 dele Tekst Der skal naturligvis stå noget tekst på siden Grafik For at siden kan virke spændende skal der naturligvis også være nogle billeder på siden. Links Det der adskiller tekster på internettet og "almindelige" tekster er at de kan linkes sammen. Man kan lave en henvisning i teksten til andre steder i samme tekst, andre tekster på samme hjemmeside eller helt andre hjemmesider på internettet. Disse henvisninger fungerer på den måde at man hopper til den tekst der henvises til, når man klikker på den. http://www.image.dk/~up/fp98/hjemmesider/hjemmesi.htm [06-05-1999 12:51:48 ]
Tekstformatering Almindelig tekstformatering Øvelser Indskrivning af tekst foregår i den del af frontpage, der hedder FrontPage Editor. Når man åbner FrontPage kommer man ind i FrontPage Explorer, men den glemmer vi lige lidt. Editoren startes ved at man fra FrontPage Explorer trykker på editor-symbolet: Frontpage editoren At arbejde i FrontPage Editor minder meget om at arbejde i Word eller WordPerfect, man har bare ikke helt så mange formaterings muligheder. Der er som standard én værktøjslinje til generelt arbejde: Der ikke så meget at skrive om denne værktøjslinje. De første 11 knapper er forhåbentlige lette at bruge/forstå og resten bliver behandlet andetsteds: Frontpage Explorer, Gøremåls liste, WebBots, Tabeller, Billeder, Links Og de sidste 6 skulle også være til at forstå. Den anden værktøjslinje er til almindelig tekstformatering. Man skal her være opmærksom på at der på internettet er nogle begrænsninger i tekstformatering: http://www.image.dk/~up/fp98/tekstformatering/tekstfor.htm (1 of 3) [06-05-1999 12:52:26 ]
Tekstformatering Hvis man vil være sikker på at folk kan læse siden bør man holde sig til "almindelige" skrifttyper: Times Roman, Helvetiva, Ariel. Vil man bruge andre skrifttyper skal man gøre det som grafik Brug af standard formateringstyper sætter indlæsningshastigheden op. Undgå brug af understregning. Man kan let forveksle understregning med en link. Standard formateringstyperne: I det følgende kan man se en liste over standard formateringstyperne Normal Address Bulled liste Defined Term Definition Directory List Formatted Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Menu list Numbered list HTML koder Alt hvad man laver i FrontPage Editoren bliver oversat til internettes tekstformaterins sprog. Har man arbejdet lidt med WordPerfects koder skulle der ikke være de store overraskelser i HTML koderne. Alle koder indsættes i "klammer" og der skal være en start kode < > og en slutkode </ >.Skal man f.eks. skrive HTML koden til Heading 1 ser det ud som følger: http://www.image.dk/~up/fp98/tekstformatering/tekstfor.htm (2 of 3) [06-05-1999 12:52:26 ]
Tekstformatering <h1>og denne tekst er så skrevet som Heading 1</h1> Umiddelbat skulle det ikke være nødvendigt at arbejde i HTML koderne, men en gang imellem kan det blive nødvendigt at kigge lidt på koderne og rydde lidt op. Hvis man vil redigere koderne skal man bare vælge HTML fanen i bunden af skærmen. Nedenfor kan man se HTML koderne til standard formateringen: <strong>fed skrift</strong> (eller <b> </b>) <em>kursiv</em> (eller <i> </i>) <u>understreg </u> <address>adress<address> <ul> <li>bulled liste </li> </ul> <dl> <dt>defined Term</dt> <dd>definition</dd> </dl> <dir> <li>directory List</li> </dir> <pre>formatted</pre> <h1>heading 1</h1> <h2>heading 2</h2> <h3>heading 3</h3> <h4>heading 4</h4> <h5>heading 5</h5> <h6>heading 6</h6> <menu> <li>menu list</li> </menu> <ol> <li>numbered list</li> </ol> http://www.image.dk/~up/fp98/tekstformatering/tekstfor.htm (3 of 3) [06-05-1999 12:52:26 ]
Links Links til andre sider Øvelser Den største forskel mellem tekst på internettet og "almindelig" tekst er muligheden for at lave henvisninger i teksten, som man så kan klikke på og flytte hen til en anden relateret tekst eller andet. Det er meget godt med links, men man skal passe lidt på med at lave for mange links i teksten - det giver en forvirret læsning og man risikerer at miste sine læsere, der måske finder den relaterede tekst mere interessant end den tekst man selv har lavet. Normalt laver man en samling af henvisninger i slutningen af teksten, som folk så kan følge efter de har læst teksten. Samlinger af links Der er mange, der bruger meget tid på at samle links sammen til deres hjemmeside, men det er en farlig diciplin da steder på internettet kommer og går som vinden blæser - vil man have en linksamling kræver det at man vedligeholder den tit. Generelt for links gælder at man først skal markere det/de ord der skal udgøre linken - dernæst kan man vælge en af de forskellige linkstyper, der er beskrevet nedenfor: Interne Interne links går naturligvis mellem sider på ens egen hjemmeside. Der er to typer interne links: Links til toppen af en anden side: Vil man lave en link til toppen af en anden side klikker man på symbolet efter at have markeret sit ord. Man kan nu enten vælge en side på der er lavet ved at klikke på knappen, eller man kan linke til en side man har tænkt sig der skal laves ved at klikke på. Gør man det sidste skal man naturligvis fortælle hvad siden skal hedde etc. Links til et sted inde i teksten Har man meget lange tekster kan det være hensigtsmæssigt, at lave links, der kan hoppe til et bestemt sted i teksten. Det gør man ved at oprette et bogmærke der hvor der skal hoppes til: Vælg Edit Bookmark og skriv navnet på dit bogmærke. Dette lille flag kommer så til at stå i teksteni teksten (det kan ikke ses i browseren). Når man så skal henvise til stedet gør man som beskrevet ovenfor - blot vælger man navnet på bogmærket fra listen under Bookmark - disse links virker kun inden for samme tekst! Externe Vil man linke til andre folks hjemmesider - hvilket man naturligvis er meget velkommen til - gør man følgende: Tryk igen på symbolet efter at have markeret et ord, vælg nu enten for at browse sig til den ønskede hjemmeside. Man kan også bare skrive linken i vinduet efter http:// mailto: Denne links type bruges for at give folk mulighed for at sende en mail. Link typen etableres som de øvrige: Marker det/de ord, der skal udgøre linken, klik på symbolet, vælg og skriv den email adresse der skal sendes mail til. HTML Disse link-typer har naturligvis også nogle HTML koder der fremgår af det følgende: Interne links til top <a href="navn på siden.htm">link navn</a> Interne links inde i teksten http://www.image.dk/~up/fp98/links/links.htm (1 of 3) [06-05-1999 12:53:20 ]
Links <a href="#test">link navn</a> Externe links <a href="http://www.pobox.com/~ostergaard">link navn</a> mailto: <a href="mailto:thoro@pobox.com">link navn</a> FrontPage Explorer Når man efterhånden har opbygget sig en hjemmeside med en masse links frem og tilbage kan men let miste overblikket. FrontPage Explorer er et redskab, der er godt til at give overblik over en hjemmeside. FrontPage Explorer består af 3 vinduer. Views Giver mulighed for at vælge forskellige måder at se hjemmesiden på. De mest anvendelige er Folders, der viser hjemmesiden, som i stifinderen (som på figuren ovenfor) Hyperlinks, der viser hvordan de enkelte sider er bundet sammen (som nedenfor) http://www.image.dk/~up/fp98/links/links.htm (2 of 3) [06-05-1999 12:53:20 ]
Links Desuden er der to andre interessante knapper i Views Hyperlink status, der viser en oversigt over hjemmesidens links - og specielt interessant er det naturligvis at se de links, der ikke virker så man kan få rettet sine fejl. Tasks, der er en gøremålsliste, hvor man kan opretholde en liste over ting man skal huske at lave på hjemmesiden. FrontPage Explorer har desuden en værktøjslinje med nogle gode redskaber: Der er ikke så meget at sige om denne værktøjslinje: Opret en ny side: Giver mulighed for at oprette en ny side til hjemmesiden Publicer: Her kan man sende sin hjemmeside til den server, hvor hjemmesiden ligger - FrontPage holder selv styr på hvilke filer, der er ændret og sender kun det nødvendige. Åben: Åbner en anden hjemmeside Udskriv: Udskriver navigationsområdet - kan kun bruges når man bruger navigationsvisningen Søg: Kan søge (og erstatte) i alle filer i hjemmesiden (MEN ikke i HTML koden!) Stavekontrol: Kan lave stavekontrol af alle filer i hjemmesiden. Resten giver sig selv... http://www.image.dk/~up/fp98/links/links.htm (3 of 3) [06-05-1999 12:53:20 ]
Grafik Grafik på hjemmesiden Øvelser Ja, nu bliver det for alvor spændende - for en hjemmeside uden grafik er som en fisk uden cykel. Og en hjemmeside med for meget grafik er som en fisk med to cykler.. Det at sætte grafik på hjemmesiden er ikke nogen sport, men at lave god billedbehandling der derimod lidt af en udfordring. Vi starter med billedbehandlingen, så vi har nogle billeder at sætte på vores hjemmeside. Der findes et hav af rigtig gode billedbehandlingsprogrammer, men vi bruger her Image Composer fra Microsoft af to grunde: For det første er programmet integeret med Frontpage og leveres med programmet. For det andet er programmet dedikeret til web grafik og gør det rigtigt godt. Det skal understreges, at dette lille afsnit IKKE dækker mulighederne i Image Composer, men er tænkt som en lille introduktion til et program med MANGE muligheder. Image Composer Programmet har både en vandret og en lodret værktøjslinje. Den vandrette bruges til mere generelle operationer: Og den lodrette bruges når man skal lave tegningen: For hver af disse redskaber kommer der endnu en box frem nederst på skærmen, der giver de forskellige valgmuligheder med det aktuelle redskab. Nogle af disse forskellige redskaber kommer vi tilbage til i det følgende. http://www.image.dk/~up/fp98/grafik/grafik.htm (1 of 3) [06-05-1999 12:54:16 ]
Grafik Overskrifter Vi starter med at lave flotte overskrifter til vores hjemmeside. Som tidligere nævnt er der på netttet ikke mulighed for at bruge forskellige fonte, med mindre man laver teksten som et billede. Man starter med at åbne Image Composer - det gøres fra menuen Tools Show Image editor. Man kommer så over i Image Composer med en tom tegning. For at skrive teksten trykker man sjovt nok på Der kommer så en box nedest på skærmen, hvor man kan skrive sin tekst og vælge hvilken font og størrelse man vil skrive teksten i. Når man er tilfreds med sin tekst trykker man på Apply. Dernæst kan man lægge en oval, firkant eller ligende over med form symbolet. Vælg en oval i boxen nederst og træk den ud over teksten - for at lave ovalen trykker man på Create. Teksten forsvinder nu ind bag ovalen, men kan bringes frem igen, hvis man højre-klikker på ovalen og sender den om bag teksten ved at vælge Send to back. Og med de grafiske "tryllemidler" kan man tilføje forskellige "effekter" til figuren. Efter en del arbejde og mange sjove forsøg kan man lave en overskrift som denne: Indsættelse af billeder i FrontPage Editoren Når man på denne måde har lavet en FED overskrift skal den naturligvis over på hjemmesiden. Og det kan man gøre på to måder: Via udklipsholderen Vælger man de dele af billedet man vil have med over i teksten og kopierer det fra Image Composer, kan man sætte det ind i FrontPage Editoren som man plejer. Når man så gemmer den side man har sat billedet ind på vil FrontPage spørge hvad billedet skal gemmes som - det går som regl meget smertefrit. Som fil Ved man ikke præcist hvor teksten/billedet skal bruges henne kan man gemme det som en fil i Image Composer og senere sætte det ind på det ønskede sted ved at klikke på symbolet. Man skal så vælge Other Location og pege på det sted, hvor filen ligger. FrontPage vil så flytte filen ind i samme katalog som resten af hjemmesiden, hvilket godt kan give noget forvirring. Vil man undgå denne forvirring skal man først med FrontPage Explorer importere billedet til hjemmesiden - det gøres via menuen File Import, vælge de filer, der skal importeres og klikke på ok. Herefter bliver billederne en del af hjemmesiden og kan umiddelbart indsættes. Billedindstillinger Når man har indsat et billlede i FrontPage har man en række indstillingsmuligheder. Man kan højre-klikke på billedet og vælge Image Properties. De vigtigeste indstillinger her er muligheden for at lave link på billedet - det er meget anvendeligt, hvis man vil bruge billeder i en menu eller lign. En anden vigtig indstilling ligger under Appearance, hvor man præcist kan angive størrelsen af billedet og hvordan det skal ligge på siden. Billeder (fil formater) Når man gemmer sine billeder fra det program man nu bruger til billedbehandling skal man være opmærksom på en række ting: På internettet bruger man kun formaterne GIF og JPG. GIF bruges til billeder med lille detaljeringsgrad og få farver. JPG bruges til fotos etc. da formatet giver en mulighed for at komprimere billederne. Billeder fylder generelt for meget og man skal gøre alt, hvad der er muligt for at for billederne fylder så lidt som muligt - der er her et par trix: Besær billedet i billedbehandlingsprogrammet og reducér det til den størrelse det skal bruges i. http://www.image.dk/~up/fp98/grafik/grafik.htm (2 of 3) [06-05-1999 12:54:16 ]
Grafik Image Composer kan reducere antallet af farver, der er repræcenteret i billedet. Og kan man ikke finde ud af det, kan man bruge et redskab der findes på nettet her. Vælg så kraftig komprimering af JPG filer som muligt. I visse tilfælde kan man vise et lille billede, som man kan klikke på, hvis man vil se et stort billede. Bullets og lign. Mange steder på nettet ligger der omfattende grafiksamlinger, der kan bruges til at pynte på en hjemmeside, men der er også leveret en god samling af billeder med FrontPage, som man kan finde når man indsætter grafik - vælg Clip Art Baggrunde En anden mulighed for at pynte på hjemmesiden er at vælge en passende baggrund. Det gør man ved at højre-klikke på siden og vælge Page Properties..., vælge Background fanen hvorefter man har mulighed for at vælge en farve som baggrund, eller en grafikfil - der er mange muligheder... Gennemsigtige grafikfiler. Har man lavet en flot overskrift som f.eks. denne: ser det måske lidt utjekket ud, at man ikke kan se baggrunden omkring ovalen. Det er der heldigvis råd for... Når man klikker på et billede kommer der et redskab frem, der ser ud som dette: symbolet bruges til at udpege den farve, der skal være gennemsigtig, Billed kort med links Når man vil lave en menu som et grafik-billede - et eksempel ses her http://www.pobox.com/~ostergaard, skal man fortælle hvordan de enkelte områder er linket. Når man har klikket på det billede man vil lave links på kan man lave firkantede, cirkulære eller polygon områder til links med redskabet: Når man har markeret det område man vil lave links på kommer der en dialogbox frem, hvor man skal angive hvilken side, der skal linkes til. HTML HTML koderne til et almindeligt billede ser ud som følger: <img src="grafikgif" align="top" width="202" height="59"> Og baggrunden ser sådan ud: <body background="lavender_design7256.gif" bgcolor="#ffffff"> http://www.image.dk/~up/fp98/grafik/grafik.htm (3 of 3) [06-05-1999 12:54:16 ]
Tabeller Tabeller Et godt redskab til at styre, hvordan en tekst kommer til at se ud er tabeller. Hvis man vil have tekst og billeder til at stå side om side eller vil lave "rigtige" tabelopstillinger og i mange andre tilfælde er det en fordel at bruge en tabel. Tabeller er meget simple at oprette - man trykker på tabelsymbolet:, hvorefter man skal angive, hvor stor en tabel man skal bruge. Tabellen viser sig så som stiblede linjer på skærmen: Man kan nu skrive tekst og indsætte billeder i tabellen. Man har mulighed for at rette i egenskaberne både for hele tabellen eller for enkelte celler Man højre-klikker på tabellen og vælger enten Cell properties eller Table properties. Cell properties Som det fremgår er der en række muligheder for at styre den enkelte celles udseende - det skulle være til at gennemskue... Ellers må man prøve sig frem! Table properties http://www.image.dk/~up/fp98/tabeller/avancere.htm (1 of 2) [06-05-1999 12:54:36 ]
Tabeller Igen skulle det være til at gennemskue, hvilke muligheder der er. De mest anvendte er Border Size, hvor man kan sætte rammer på tabellen og Width, hvor man kan styre hvor meget tabellen må fylde. Styre grafik Når man arbejder med tabeller får man ofte brug for noget "luft" i cellerne - til det kan man med fordel lave sig en styre grafik: et billede, der er 1x1 pixel, som man så tilpasser i FrontPage så man får den luft man ønsker. http://www.image.dk/~up/fp98/tabeller/avancere.htm (2 of 2) [06-05-1999 12:54:36 ]
Frames Frames Frames eller rammer, som man kunne kalde dem på dansk bruges i tilfælde, hvor man vil have en menu-bjælke, der forbliver på skærmen. Jeg har her et par referencer til steder med frames: www.up.dk/nyt.htm, www.frborg-gymhf.dk/fag.htm. Frontpage har et meget fint redskab til oprettelse og vedligeholdelse af sider med frames. Når man skal oprette en side med frames vælger man File New, dernæst vælges Frame fanen og endelig skal man vælge det layout man ønsker på sin side. Man får dernæst en side, hvor der i hver frame er 3 knapper, man skal bruge til at styre hvilke filer, der skal vises i hver frame. Vælger man f.eks. den frame-opbygning, der hedder Contents får man en opbygning med to rammer. Til venstre har man en ramme, hvor man kan have en menu, hvor man kan vælge, hvad der skal vises i højre ramme. Alle ramme opbygninger har en fil, der beskriver selve opbygningen. Contents-opbygningen kræver altså som minimum 3 filer. Lad os kigge på et lille eksempel. Vi vil have en menu i venste ramme (menu.htm) og en velkomst side i højre ramme (velkomst.htm). Opbygningsfilen kan vi kalde frame.htm http://www.image.dk/~up/fp98/frames/frames.htm (1 of 3) [06-05-1999 12:55:25 ]
Frames Som det fremgår er der kommet 2 ekstra faner i bunden af skærmen: No Frames: Da det ikke er alle browsere der kan vise frames, har man her mulighed for at skrive lidt tekst til de stakler der ikke kan se frames. Frame Page HTML: Dette er selve opbygningsfilen, som vi ikke behøver at pille yderligere ved. I vores tilfælde ser den sådan ud: <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <title>new Page 4</title> <meta name="generator" content="microsoft FrontPage 0"> </head> <frameset cols="150,*"> <frame name="contents" target="main" src="menu.htm"> <frame name="main" src="velkommen_til.htm"> <noframes> <body> <p>this page uses frames, but your browser doesn't support them.</p> </body> </noframes> </frameset> </html> http://www.image.dk/~up/fp98/frames/frames.htm (2 of 3) [06-05-1999 12:55:25 ]
Frames Når man opretter links i menu-rammen kan man styre om den side man linker til bliver vist i den højre ramme (det er standard indstillingen) eller om den skal vises på en ny side - det gør man ved vælge Target Frame i vinduet, der kommer frem når man opretter en link. http://www.image.dk/~up/fp98/frames/frames.htm (3 of 3) [06-05-1999 12:55:25 ]
Formularer Formularer Formularer bruges til at skabe dialog med brugeren. Tilmelding til et arrangement, bestilling af varer, mulighed for at komme med kommentarer til hjemmesiden og meget mere. Også her har FrontPage nogle wizards, der i visse tilfælde kan bruges, men jeg vil anbefale at vi prøver at lave det selv i første omgang. Man starter med at lave en helt almindelig side, hvor man kan skrive en indledning til siden: "Send en hilsen til skolen.. " eller lign. Dernæst skal man have indsat de felter brugeren skal skrive i. Det hør man ved at aktivere Forms værktøjslisten i View: Anvendelsen af disse knapper skulle være rimeligt indlysende. Check-boxen bruges i tilfælde, hvor flere valgmuligheder kan vælges samtidig. "Radio" knappen bruges, når det kun er én af flere muligheder der kan vælges. "Træk-ned" menuen kan bruges når man skal vælge mellem et antal faste tekster. Knappen bruges til, afslutning af formularen - til at sende formularen afsted - eller starte forfra. Når man har aktiveret værktøjslinjen trykker man blot på den input type man vil bruge - FrontPage opretter dernæst et formular-område - markeret med en stiblet box på skærmen. Området indeholder det felt man har bedt om at få oprettet og derudover to knapper, der bruges til at sende indholdet af formularen og til at slette indholdet. Alle input felter skal oprettes inden for dette område. Alle felter man opretter på en formular skal navngives fornuftigt - FrontPage giver alle automatisk felterne et navn, men kan naturligvis ikke gøre det fornuftigt. "Radio" knapper skal have samme navn. Man navngiver et felt ved at højreklikke på feltet og vælge Form Field Properties... - det giver også en del andre muligheder afhængig af hvilket felt man opretter. http://www.image.dk/~up/fp98/formularer/formularer.htm (1 of 3) [06-05-1999 12:57:11 ]
Formularer Endelig skal man fortælle hvad der skal ske med de data brugeren har indtastet i formularen. Det gør man ved at højre-klikke på formular-området og vælge Form Properties. Det giver følgende skærmbillede: Man kan her, som det fremgår, sende indholdet til en fil - eller en e-mail adresse. Vælger man Send to other kan man vælge Custom ISAPI, NSAPI or CGI script: Bruges hvis man har et program til at håndtere en formular liggende på serveren - det ligger nok noget ud over niveauet for dette kursus at komme nærmere ind på dette. WebBot Discussion Component: Bruges til at lave indslag i en diskussionsgruppe. WebBot Registration Component: Bruges til at lave bruger-registerering - og adgangskontrol http://www.image.dk/~up/fp98/formularer/formularer.htm (2 of 3) [06-05-1999 12:57:11 ]
Formularer Klikker man på Options får man muligheder for at tilpasse indstillingerne yderligere: File Results: giver mulighed for at angive, hvordan teksten skal gemmes på serveren. E-mail Results: her kan man indstille e-mail adresser, mail format etc. Confirmation Page: en vigtig ting, der giver mulighed for at skrive en hilsen til brugeren om, at man har modtaget indholdet af formularen og måske en beskrivelse af den videre procedure. Saved Fields: Bruges til at angive hvilke felter, der skal gemmes til senere brug på siden - se under web-bots. En meget kort gennemgang formularer - det kan der skrives MEGET mere om... http://www.image.dk/~up/fp98/formularer/formularer.htm (3 of 3) [06-05-1999 12:57:11 ]
Mere grafik Mere grafik Sammen med FrontPage 98 får man ud over grafik-programmet Image Composer et fint lille program til at lave animerede gif-filer. Fra Image Composer kan man starte gif-animatoren i Tools menuen. Før man går igang med at forsøge at lave en animeret gif-fil skal man sørge for at Image Composer og gif-animatoren er på skærmen samtidig: Man kan også klikke på Main Dialog Window always on top i Gif animatoren - så kan man maksimere Image Composer. Vi kan starte med at lave en simpel lille animation - noget tekst der skifter hele tiden. Start med at skrive en tekst i Image Composer f.eks. "Velkommen" Når man har skrevet sin tekst trækker man den bare med musen over i firkanten i gif-animatoren Skriv nu den næste tekst f.eks. "til" og træk den over i den nye firkant der er fremkommet http://www.image.dk/~up/fp98/grafik/mere_grafik.htm (1 of 3) [06-05-1999 12:58:39 ]
Mere grafik Og sådan kan man blive ved... Inden man er færdig med animationen skal man rette et par indstillinger: Under Animation skal man angive om det er en animation, der skal køre én gang eller om den skal loope. http://www.image.dk/~up/fp98/grafik/mere_grafik.htm (2 of 3) [06-05-1999 12:58:39 ]
Mere grafik I Image fanen skal man indstille hvor længe det enkelte billede skal stå på skærmen før der skiftes og man skal angive hvad der skal ske med de billede, der var på skærmen lige før - om det skal blive der, eller skal slettes (Undraw method) Dette skal gøres for hvert billede i animationen! Når man så mener man er færdig med animationen kan man se den ved at trykke på kør knappen Når man er helt færdi gemmer man animationen som en gif fil, der efterfølgende kan indsættes i dokumentet hvor man måtte ønske det! http://www.image.dk/~up/fp98/grafik/mere_grafik.htm (3 of 3) [06-05-1999 12:58:39 ]
Hvordan kommer man UD Hvordan kommer man ud... Når man nu har lavet en suveræn hjemmeside, som alle må se skal der gøres en vis indsats for at blive optaget i de forskellige søgemaskiner på nettet. De har alle en knap, hvor man kan tilføje en link til sin hjemmeside, men det er et stort arbejde at komme rundt til alle søgemaskine for at tilføje en link til hjemmesiden. Der er naturligvis nogle genveje til dette. Den jeg vil anbefale hedder submitit og har adressen: http://www.submit-it.com/. Her har man mulighed for at lave en registrering på en lang række søgemaskiner på én gang - det virker meget fint. De danske søgemaskiner skal man selv rundt og tilmelde sig - det tager lidt tid, men er nødvendigt. Meta-tags Har man en åbningsside uden egentlig tekst, eller uden beskrivende tekst kan man med meta-tags styre hvad søgemaskinerne viser om ens hjemmeside: Hentet i HTML referencen: To specify keywords for certain search services to use, do the following: <META HTTP-EQUIV="Keywords" CONTENT="keyword1, keyword2,..."> To specify a description of your page for certain search services to use, do the following: <META HTTP-EQUIV="Description" CONTENT="Describe your site here..."> Og bortset fra det bør man naturligvis nævne/skrive adressen på hjemmesiden ved enhver given lejlighed... http://www.image.dk/~up/fp98/ud/hvordan.htm [06-05-1999 12:59:58 ]
Diverse kassen WebBots FrontPage har et antal automatiseringsredskaber, der kan hjælpe i arbejdet med hjemmesider. De aktiveres ved at klikke på, hvorefter listen over WebBots fremkommer: Comment Indsætter en kommentar i dokumentet, der ikke kan ses når man kommer udefra og ser dokumentet. Kan naturligvis fint bruges uden frontpage extenstions. Confirmation Field Kan bruges på en formular. Der hvor man indsætter komponenten kan FrontPage indsætte indholdet af et felt i en formular. Det betyder at man kan skrive "Tak for din hilsen Thor Østergaard..." Kan ikke bruges uden frontpage extentions. Hit Counter Indsætter en tæller så man kan se hvormange, der har set siden. Kan ikke bruges uden frontpage extentions. Include Indsætter indholdet fra en anden side - giver mulighed for at have fast hoved og fod på alle sider, som kan opdateres ét sted. Virker fint uden extentions. Insert HTML Indsætter HTML kode, der ikke bliver tjekket af fontpage. Virker fint uden extentions. Page Banner Bruges sammen med FrontPages mulighed for at arbejde med skabeloner (temaer) for hjemmesider. http://www.image.dk/~up/fp98/diverse/diverse.htm (1 of 2) [06-05-1999 13:00:10 ]
Diverse kassen Scheduled Image Indsætter et billede, i et givet tidsrum - firmaets julebillede kommer på nettet i december... Virker ikke uden extentions. Scheduled Include Page Som include, men kun i et givet tidsrum. Virker ikke uden extentions. Substitution Indsætter indholdet af en variabel fra siden: Forfatter, URL, Beskrivelse Virker ikke uden extentions. I insert menuen har man yderligere mulighed for at indsætte Frontpage funktioner: Substitution Indsætter indholdet af en variabel fra siden: Forfatter, URL, Beskrivelse Virker ikke uden extentions. Table of Contents Genererer en indholdsfortegnelse til hjemmesiden. Virker fint uden extentions. Timestamp Indsætter datoen for den dag, hvor siden sidst blev redigeret. Virker fint uden extentions. Search form Giver brugeren mulighed for at lave søgninger på hjemmesiden Virker ikke uden extentions. Marque Indsætter en rullende tekst: Dette er en marquee Virker fint uden extentions http://www.image.dk/~up/fp98/diverse/diverse.htm (2 of 2) [06-05-1999 13:00:10 ]
"Regler" for gode hjemmesider "Regler" for gode hjemmesider Det er naturligvis en smule farligt at prøve at give retningslinjer for, hvordan man laver gode hjemmesider, men jeg vover alligevel et øje... Hold størrelsen på 640x480 En meget stor del af de computere der surfes fra er stadig forsynet med skærme med en opløsning på 640x480 - det bør man til en vis grad tage hensyn til når man designer hjemmesider. Sørg for informationen er præcis Der er ikke mange, der bruger tid på at læse tekst på computerskærmen. Sørg for at reducere teksten mest muligt - er der alligevel behov for en længere beskrivende tekst kan man lave en link til en ekstra side med dette indhold. Sørg for at det er let at finde rundt på hjemmesiden Er et oplagt, hvor dine links leder hen? Hvis du bruger grafik til at illustere din links, er det så tydeligt hvad de betyder? Man man let komme til den foregående side? Man kan med en WebBot lave en søgefunktion til hjemmesiden - det kan hjælpe på muligheden for at finde rundt på hjemmesiden. Sørg for at siden er hurtig at hente over nettet Som tidligere nævnt er det vigtigt at grafikfiler så små som muligt, men der er på denne hjemmeside flere hints til "hurtige" hjemmesider: http://www.infohiway.com/way/faster/index.html Vær opmærksom på detaljerne Har dine sider en titel, der passer med indholdet - hvis ikke går det galt, når folk vil sætte bookmark på din side Sørg for at alle sider har en mulighed for at hoppe videre til hjemmesidens andre sider. Sørg for at alle billeder har en beskrivende tekst, så folk der ikke kan se billeder alligevel får noget ud af siden Gå siderne efter for stavefejl. Sørg for at der er mange "kontakt os" informationer Sørg for at informationerne på hjemmesiden er opdaterede Netscape/Microsoft Explorer Der er små forskelle i hvordan de forskellige browsere viser hjemmesider. I html referencen kan man se de html-tags der er specielle for de to browsere. Og når man er færdig med sin hjemmeside bør man sikre sig at den kan ses fornuftigt i forskellige browsere - også browsere uden grafik og frames... http://www.image.dk/~up/fp98/regler/regler.htm (1 of 2) [06-05-1999 13:00:27 ]