Forsidemaler. Lag en dynamisk nettmal. Grunnleggende arbeid i

Veivisere og maler er et effektivt verktøy for å lage nettsider i Frontpage. I kapittel 3 så vi på veiviserne som genererer nettsider og sider interaktivt. Dette kapittelet handler om maler. Du lærer ikke bare hvordan du lager nettsider og websider basert på innebygde maler, men også hvordan du utvikler dine egne maler.
Nettsidemaler
Forside gir maler for å lage både et nettsted og en webside. Først skal vi se på maler for nettsteder. Last ned forsiden. Når nedlastingsprosessen er fullført, aktiver Web-undermenykommandoen Ny fil-menyen. Dialogboksen Ny som åpnes viser en liste over webområdeveivisere og maler. Det er fem maler totalt:
One Page Web;
Web for kundestøtte (nettsted for kundestøtte);
Empty Web (Empty Web site);
Persona] Web (Personlig nettside);
Prosjektweb.
One Page Web Mal
One Page Web-malen er valgt i dialogboksen Ny som standard. Når du bruker denne malen, opprettes en mappestruktur for nettstedet og en side (hjemmeside) genereres. Deretter gjør du følgende:
Handlinger:
1. I dialogboksen Ny skriver du inn navnet på webserveren og navnet på webområdet (for eksempel én side) i feltet Spesifiser plasseringen til den nye weben. Klikk OK.
2. Gå til mappevisningsmodus ved å klikke på kontrollelementet med samme navn i visningspanelet for å se strukturen til noden (fig. 4.1.)
3 Dobbeltklikk på hjemmesidefilen (standard htm) for å åpne den i side B-visningsmodus dette øyeblikket siden er tom. Skriv inn sidetittelen "Hjemside"

Figur 4.1. Et nettsted basert på One Page-malen i mappevisning

I fremtiden kan du legge til nye sider på nettstedet i hvilken som helst visningsmodus, og i navigasjonsvisning opprette koblinger mellom sider Gjør følgende: 1 Gå til navigasjonsvisning Klikk på startsideikonet i høyre rute (fargen på ikonet endres). For å opprette en ny side klikker du på Ny side-knappen på standardverktøylinjen. Som standard heter den nye siden Ny side 1. Denne siden vil bli opprettet som en underside til hjemmesiden På denne måten kan du opprette evt. antall sider, og deretter om nødvendig endre koblingene mellom dem 2 Opprett seks sider til på samme nivå som Ny side 1 (med startsideikonet valgt)
3. Endre nå lenkene mellom sidene For å gjøre dette, velg for eksempel siden Ny side 4 og dra den under Ny side 2-siden mens du holder nede museknappen. Dermed har siden Ny side 4 blitt et underordnet av siden Ny side 2. Gjør nå siden Ny side 5 til et underordnet av siden Ny side 2, og siden Ny side 6 til underordnet av siden Ny side 4 (figur 4.2.)

Merk
I navigasjonsvisningsmodus kan du bruke verktøyene til panelet med samme navn, som vises på skjermen når du bytter til denne modusen. Ett av disse verktøyene er Zoom-listeboksen, der du kan velge skalaen for visning strukturen til nettsiden Velg størrelsen på elementet i denne listen Tilpass (velg størrelse) Når dette er valgt, vil ikoner for alle sidene på nettstedet vises. Størrelsen på ikonene avhenger av hvor stor del av frontsidevinduet høyre panel opptar for øyeblikket (området til dette panelet justeres med den vertikale glidebryteren som skiller det fra mappelistepanelet) 2 Opprett ytterligere seks sider på samme nivå som siden Ny side 1 (hjemmesideikonet må være valgt)
3. Endre nå lenkene mellom sidene.For å gjøre dette, velg for eksempel siden Ny side 4 og, mens du holder nede museknappen, drar du den under siden Ny side 2. Slipp museknappen. Dermed har siden Ny side 4 blitt et underordnet av siden Ny side 2. Gjør nå siden Ny side 5 til et underordnet av siden Ny side 2, og siden Ny side 6 til underordnet av siden Ny side 4 (figur 4.2).

Figur 4.2. Endre koblinger mellom sider i navigasjonsvisning

Merk
I navigasjonsvisningsmodus kan du bruke verktøyene til panelet med samme navn, som vises på skjermen når du bytter til denne modusen.Et av disse verktøyene er Zoom-listeboksen, der du kan velge skalaen for visning strukturen til nettstedet. Velg Size to Fit-elementet fra denne listen. Når det er valgt, vil ikoner for alle sidene på nettstedet vises. Størrelsen på ikonene avhenger av hvor mye område av Frontpage-vinduet som for øyeblikket er okkupert av høyre panel (den området på dette panelet justeres med en vertikal glidebryter som skiller det og mappelistepanelet)
3. Slett den tomme nettsiden ved å velge Slett web-kommandoen fra Fil-menyen og aktivere bryteren Delete This Web Entirely i dialogboksen Bekreft sletting.
Når du bruker malen for personlig nett, oppretter du et nettsted som består av fem sider som er utformet for å representere en liten organisasjon eller enkeltperson. Følg disse trinnene for å opprette et nettsted:
1. I dialogboksen Ny velger du malen for personlig web. Angi URL-en til nettstedet (navngi nettstedet, for eksempel Personalweb). Når du klikker på OK-knappen, vil et nytt nettsted bli opprettet Gå til mappevisningsmodus for å se strukturen
2. Åpne hjemmeside node i sidevisningsmodus (Figur 4.3.)

Fig 4 3 Hjemmeside for personlig nettside

Denne siden tilbyr et sett med elementer som du kan bruke helt eller delvis, eller ikke bruke i det hele tatt. De viktigste elementene inkluderer følgende
Generelle områder - områder som er plassert på toppen, bunnen, venstre og (sjeldnere) høyre kant av siden. Disse områdene er plassert i hovedsiden navigasjonslinjer(til venstre og øverst) og kontaktinformasjon (nederst) På Personulweb hjemmeside er det topp og venstre generelle områder
Sideoverskriften er en FrontPage-komponent Sidebanner. Denne komponenten setter inn en topptekst på siden i form av et grafisk bilde og ikke i form av tekst. Du kan bestemme type overskrift i vinduet Egenskaper for sidebanner, som åpnes når du aktiverer kontekstmenykommandoen med samme navn
For å endre sidetittelen (i i dette tilfellet- Hjemmeside), må du høyreklikke på siden i navigasjonsvisningsmodus, velge kommandoen Gi nytt navn fra hurtigmenyen og skrive inn en ny tittel
Navigasjonspaneler plassert rett under overskriften og på venstre side av siden er FrontPage-komponenter. Panelparametere angis i dialogboksen Navigation Bai Pioperties

Ren tekst er tekst som du kan erstatte med din egen.
Hyperkoblinger er understreket og lenker sider på et nettsted.
Et bakgrunnsbilde er et lite grafisk bilde, hvor mange duplikater danner en mosaikklignende bakgrunn, eller solid bakgrunn, på en side.
Skrifter og tekstfarge, som bakgrunnsbilde, er definert i emnet som er tildelt dette nettstedet.
Dato og klokkeslett -- En dato- og klokkeslettkomponent på FrontPage som setter inn en dato siste oppdatering sider. Du kan endre egenskapene til denne komponenten i dialogboksen Egenskaper for dato og klokkeslett, som åpnes når du dobbeltklikker på datoen.
Frontpage 2000-logoen er plassert nederst til høyre på hjemmesiden. Den kan slettes eller redigeres i hvilken som helst grafisk editor. Som standard brukes grafisk redigering for redigering av grafikk. Microsoft redaktør Bildekomponist. Logoen er tilgjengelig for behandling i redigeringsvinduet etter dobbeltklikk på den. Standard grafisk editor kan endres som følger. Aktiver Alternativer-kommandoen i Verktøy-menyen. I dialogboksen Alternativer går du til kategorien Konfigurer redigering. Du vil se en liste over redaktører som kan brukes til å behandle filer med de riktige utvidelsene. Angi volumtilgangsbanen grafisk redaktør, som du ønsker å jobbe med. I tillegg kan du endre bildet ved hjelp av verktøyene i Bilder-panelet, som vises på skjermen når du klikker på bildet

Bildeparametere angis i dialogboksen Pictuie Properties, som åpnes ved å aktivere kontekstmenykommandoen med samme navn. Åpne og vis andre sider på nettstedet i surfemodus
Side Slett det personlige nettstedet Et nettsted utviklet ved hjelp av den personlige web-malen er et godt grunnlag for et mer komplekst nettsted (vi anbefaler å ha dette i bakhodet når du lager ditt eget nettsted) Prosjektwebmal
Project Web-malen (Project Web site) er utformet for å lage et flersidet nettsted (Figur 4.4.), som brukes til konstant å vise en rekke informasjon om prosjektet helt fra begynnelsen av arbeidet med det. nettstedet inneholder informasjon som lister over prosjektdeltakere , plan og status, sidetopp og bunntekst, arkiv og diskusjonsforum og søkemotor Opprett et nettsted basert på Project Web-malen som følger:
1. I dialogboksen Ny velger du Project Web-malen. Skriv inn URT - adressen til nettstedet (navngi nettstedet, for eksempel Project)

Figur 4.4. Nettsted basert på Project Web-malen

2. Dobbeltklikk på Hjemmeside-ikonet i navigasjonspanelet for å åpne hjemmesiden i Sidevisningsmodus (Figur 4.5).

Ris. 4.5. Hjemmesiden til prosjektets nettside med overskrift og navigasjon og paneler i sidevisning

Generelle områder
Prosjektnettstedssider har tre generelle områder som du kan redigere.
1. Rediger navigasjonslinjen i det øverste generelle området. For å gjøre dette, på en linje, klikk først for å velge den, og dobbeltklikk deretter for å åpne dialogboksen Egenskaper for navigasjonslinje.
2. I Hyperkoblinger for å legge til på side-området i dialogboksen Egenskaper for navigasjonslinje, aktiver underordnet nivå-bryteren og angi startside og overordnet side. I Orientation And Appearance-området aktiverer du horisontal- og tekstbryterne (fig. 4.6). Til slutt klikker du på OK-knappen.

Figur 4.6. Endre innstillinger i dialogboksen Egenskaper for navigasjonslinjen

Du kan bestemme hvilke sider som er lenket til i navigasjonslinjen ved å plassere musepekeren over en navigasjonslinjeknapp, som vil vise hele banen til den siden i statuslinjen i Frontpage-vinduet. Vi har allerede lagt merke til at navnene på navigasjonslinjeknappene sammenfaller med titlene på de sidene som er hyperlenket ved å bruke de tilsvarende alternativene i dialogboksen Egenskaper for navigasjonslinje. Navnene som vises i navigasjonslinjen endres når du endrer sidenavnene i navigasjonsvisningen
3. Bla til bunnen av siden Sjekk det nederste generelle området som vist nedenfor. Det inneholder FrontPage-komponenten Dato og klokkeslett Opphavsrett eller annen proprietær erklæring går her.
4. I sidevisning åpner og viser sidene Medlemmer, Tidsplan, Status og Arkiv, som hver inneholder fellesområder
Søk og diskusjonsgrupper
Det resulterende prosjektnettstedet har følgende funksjonalitet, som tekstsøk og diskusjonsgrupper (vi så på disse i kapittel 3. Nå skal vi se på dem i forhold til et nettsted basert på Project Web-malen:
1. Åpne søkesiden (search.htm) i sidevisningsmodus (Figur 4.7.) Denne siden inneholder et skjema som inneholder et enkelt felt. Dette skjemaet lar deg undersøke nettstedsdokumenter for informasjon som samsvarer med søkekriteriene som er spesifisert i skjemaet.

Figur 4.7. Søkeside for prosjektnettsted

Søkeskjemaet er en FrontPage-komponent. Kommandoen Søkeskjemaegenskaper i kontekstmenyen lar deg endre egenskapene til denne komponenten. Søkesiden gir instruksjoner for å angi søkekriterier. Lukk Søk-siden og åpne siden Diskusjoner (diskuter htm), som inneholder lenker til diskusjonsgruppene for krav og kunnskapsbase En diskusjonsgruppe er en gruppe relaterte (for det meste tematiske) nettsider som inkluderer skjemaer og FiontPage-komponenter. Dette gir noen brukere mulighet til å uttrykke sine kommentarer og forslag, og andre til å kommentere dem. På denne måten holdes en dialog
3. For å evaluere utseende sider på et nettsted opprettet med Project Web-malen, bruk kommandoen Forhåndsvisning i nettleser på Fil-menyen eller verktøylinjeknappen med samme navn. I dialogboksen som vises, velg nettleseren din og spesifiser vindusstørrelsen, og klikk deretter OK. Når du er ferdig med å surfe, lukker du nettleseren og Frontpage. Slett deretter prosjektets nettsted i Frontpage. Et nettsted opprettet ved hjelp av Project Web-malen kan brukes til å presentere informasjon ikke bare om et prosjekt, men også om den daglige -daglig arbeid i et team eller en avdeling.
Webmal for kundestøtte
Webmalen for kundestøtte oppretter et nettsted som tjener til å gi brukere en rekke informasjon (på flere måter) og som også lar dem publisere informasjonen sin. Følg deretter disse trinnene:
1. I dialogboksen Ny velger du webmalen for kundestøtte. Skriv inn URL-en til nettstedet (navngi nettstedet, for eksempel kunde) (det opprettede nettstedet vises i figur 48)

Figur 4.8. Nettsted basert på nettmalen for kundestøtte

2. Åpne velkomstsiden (hjemmesiden) i sidevisning. Denne siden inneholder et generelt område øverst, nederst og til venstre, samt topp- og venstrenavigasjonslinjer.
3. Se sidene Hva er nytt og FAO (ofte stilte spørsmål) i sidevisningsmodus. Disse sidene er godt utformet og samsvarer fullt ut med formålet. De kombinerer tekst, hyperkoblinger, topptekster og bunntekster.
4. Åpne Bugs-siden (Bugrep.htm). Den inneholder et skjema der brukeren kan beskrive programvarefeilen de har møtt og stille relaterte spørsmål. Denne formen kan endres: endre etiketter, størrelse og innhold i feltene.
5. Last inn vinduet med listefeltegenskaper: høyreklikk på dette elementet og aktiver kommandoen Form Field Properties i kontekstmenyen. Dialogboksen Egenskaper for rullegardinmeny vises (fig. 4.9), som inneholder knapper som lar deg legge til, slette, endre listefelt og flytte dem opp og ned.

Figur 4.9. Dialogboksen Egenskaper for rullegardinmeny

6. Lukk dialogboksen Egenskaper for rullegardinmeny og Feil-siden Åpne, vis og lukk siden Forslag fra kunder (Foreslå, htm), som inneholder kundeforslag. Åpne nedlastingssiden for kundestøtte (Last ned, htm). Nedlastningssiden er laget for å tillate brukere å laste ned programvare eller dokumenter fra nettstedet ditt til datamaskinene sine. I dette eksemplet overføres filer fra serveren til klientdatamaskinen ved hjelp av FTP (F-e Transfer Protocol). Hvis du plasserer musepekeren over en lenke, vil du i statuslinjen se URL-en til nettsiden som filen vil lastes ned fra når koblingen aktiveres.
7. Lukk nedlastingssiden. Åpne, vis og lukk diskusjons- og søkesidene. På dem finner du en diskusjonsgruppe og et søkeskjema, som ligner på de som er omtalt ovenfor.
8. Åpne nettsiden basert på kundestøttemalen i nettleseren din og arbeid på sidene Forslag (send inn et forslag) og Feil (beskriv en feil du støtt på mens du jobbet med programvaren).
9. Gå tilbake til forsiden og aktiver Refresh-kommandoen på Vis-menyen. Gå til Forsiden for å åpne og vise Buglist.htm og Feedback.htm-sidene.
10. Til slutt sletter du kundewebområdet.
Websidemaler
Basert på nettstedmaler opprettes nettsteder med stort beløp forskjellige sider og en rekke funksjoner på hver av dem. Men noen ganger må du lage en enkelt side. Forsiden har 26 maler og en veiviser for oppretting av sider. Vi skal se på noen av de mest nyttige malene. Prosessen med å lage en webside basert på en mal inkluderer følgende trinn:
1. I Frontpage, generer et nytt nettsted basert på Empty Web-malen. Gi det navnet TestPages. Opprett en hjemmeside ved å klikke på Ny side-knappen på standardverktøylinjen.
2. Åpne startsiden din i sidevisning.
3. Aktiver Side-kommandoen i undermenyen Ny i Fil-menyen, som et resultat av dette vil dialogboksen Ny vises med en liste over websidemaler som presenteres i kategorien Generelt (fig. 4.10). Vi vil fokusere på fem mønstre. Etter å ha opprettet en side med neste mal, se den først i Frontpage, deretter i nettleseren.
Merk
Som standard er malen Normal side valgt i dialogboksen. Basert på det opprettes en tom side. Denne dialogboksen vises bare i sidevisningsmodus. I andre visningsmoduser, ved å bruke Side-kommandoen i undermenyen Ny på Fil-menyen, opprettes en side basert på malen for normal side. Ved å klikke på Ny-knappen på standardverktøylinjen i en hvilken som helst visningsmodus opprettes også en side basert på denne malen uten å laste inn dialogboksen Ny.

Ris. 4.10. Ny dialogboks (fanen Generelt) med liste over maler

Mal for tilbakemeldingsskjema
Tilbakemeldingsskjemamalen brukes til å lage en side med et skjema laget for å samle inn informasjonen du trenger (Figur 4.11). Dette skjemaet kalles tilbakemeldingsskjema I henhold til malen dannes det felt av flere typer som tildeles navn som også brukes i Bekreftelsesskjemamalen, og det er også fastslått at dataene fra skjemaet skal lagres i Feedback.txt-filen til _Private-mappen på nettstedet (filnavn, formatet som dataene vil bli skrevet til filen i, og andre innstillinger kan alltid overstyres i dialogboksen for skjemaegenskaper). Hvis nettstedet ditt heter TestPages og bruker standard mappesystem, vil banen til Feedback.txt-filen være som følger:
C:\InetPub\Wwwroot\TestPages\_Private\Feedback.txt.

Ris. 4.11. Side opprettet ved hjelp av malen for tilbakemeldingsskjema

Mal for bekreftelsesskjema
Denne malen oppretter en bekreftelsesside som brukes til å demonstrere at brukerens innspill på et skjema på en side er mottatt (bekreftelsessiden lastes automatisk inn i klientnettleseren etter at brukeren har sendt inn dataene til nettsiden). Når du oppretter et skjema, genererer Frontpage automatisk en bekreftelsesside. Du kan lage egen side bekreftelse ved å bruke malen for bekreftelsesskjema.
For å gjøre dette, må du utføre følgende trinn. Høyreklikk på skjemaet på siden du vil overføre data fra, og aktiver kommandoen Form Properties i kontekstmenyen som vises. I dialogboksen som åpnes, aktiver Alternativer-knappen. I vinduet Alternativer for lagring av skjemaresultater velger du kategorien Bekreftelsesside og i URL-feltet til bekreftelsesside (valgfritt) skriver du inn URL-en til bekreftelsessiden. På Frontpage, i Hyperlinks-visningen, kan du se en kobling mellom skjemaet som dataene sendes fra (innsendingsskjemaet) og bekreftelsessiden. Hvis siden er opprettet basert på bekreftelsesskjemamalen, vil den inneholde Confirmation Field FrontPage-komponenter (fig. 4.12). Denne komponenten viser dataene som er sendt fra det tilsvarende skjemafeltet på bekreftelsessiden.
Følg disse trinnene for å legge til en FrontPage-komponent for bekreftelsesfelt på bekreftelsessiden. Aktiver kommandoen Bekreftelsesfelt i undermenyen Komponenter i Sett inn-menyen. Skriv inn et navn for bekreftelsesfeltet i dialogboksen Egenskaper for bekreftelsesfelt som lastes inn. For at informasjon som sendes fra et skjemafelt skal vises riktig på bekreftelsessiden, må navnene på skjemafeltet og bekreftelsesfeltet samsvare.

Ris. 4.12. Side opprettet ved hjelp av malen for bekreftelsesskjema

Søkesidemal
Søkesidemalen oppretter en side som inneholder FrontPage-komponenten Søkeskjema, som lar deg søke etter informasjon på alle sidene på et nettsted. Denne siden gir også instruksjoner om hvordan du bruker spørringsspråkoperatorer (Figur 4.13).
Resultatene av et søk etter nøkkelordet TestPages på et nettsted opprettet ved hjelp av Project Web-malen er vist i figuren. 4.14 (en liste over sider der dette nøkkelordet finnes vises). For å se siden klikker du bare på det tilsvarende listeelementet.

Figur 4.13. Søkeside opprettet med søkesidemalen

Figur 4.14. Søkeresultater for søkeordet TestPages

Mal for innholdsfortegnelse
Denne malen lar deg lage en side med en innholdsfortegnelse. Denne tabellen inneholder lenker til alle sidene på nettstedet og gir rask navigering til enhver webside. Innholdsfortegnelsen kan kun vises i nettleseren.
I fig. 4.15. Innholdsfortegnelsen til nettstedet vises, og inneholder lenker til sider som ble opprettet ved hjelp av malene vi undersøkte. Egenskaper for innholdsfortegnelse kan endres i dialogboksen Egenskaper for innholdsfortegnelse, som lastes ved hjelp av kommandoen Innholdsfortegnelse på undermenyen Komponenter i Sett inn-menyen.

Ris. 4.15. Innholdsfortegnelsesside i nettleseren

Smalt, høyrejustert kroppsmønster
Så langt har vi sett på maler som gir mulighet for bruk av FrontPdge-komponenter som søkeskjema, innholdsfortegnelse og bekreftelsesfelt Det finnes maler på grunnlag av hvilke layoutsider (som f.eks. inneholder tabeller) laget for å fylles med tekst og grafikk Slike sider brukes ikke FrontPage-komponenter Narrow, Right-justed Body (smal, høyrejustert body) er en slik mal. Ved bruk av denne malen er det mulig å forhåndsvisning sidekomposisjon i forhåndsvisningsområdet i dialogboksen Ny. Siden som er generert fra malen for smal, høyrejustert brødtekst inneholder en tabell med to kolonner og én rad. Den venstre cellen i tabellen inneholder et stort grafisk bilde. Den høyre cellen er fylt med meningsløs tekst som bør erstattes. Besøkende som ser på nettsiden vil ikke se stiplede linjer, skille celler i Forsiden I Fig. 4.16. vist hvordan denne siden ser ut som i Forhåndsvisningsmodus (klikk på Forhåndsvisning-fanen nederst i sidevinduet i Sidevisningsmodus) denne modusen Cellekanter vises ikke. Før du begynner å utvikle deg egne maler, lukk og slett TestPages-nettstedet du brukte

Figur 4.16. En side opprettet basert på den smale malen, Høyrejustert brødtekst, i forhåndsvisningsmodus i Frontpage

Lage maler på Frontpage
Siden du har jobbet med maler en stund nå, har du sikkert fått noen ideer om hva slags Frontpage-maler du vil ha.
Deretter skal vi se på prosessene for å lage maler for de to forskjellige typer.
Maltyper
Maler er faktisk noder eller sider som er plassert separat (i en spesiell mappe) og fungerer som modeller for utvikling av ulike nettsteder og sider. Nettsidemaler og websidemaler er lagret i forskjellige mapper, men det er mange likheter mellom dem. Sidemaler genererer vanligvis én side som blir en del av et separat opprettet nettsted. En nettsidemal lar deg lage en fullverdig Forside-webside med en eller flere relaterte sider. Alle malfiler er plassert i én mappe, som er en del av mappestrukturen for Forside. Å lage maler av de to angitte typene kommer ned til å lage en node eller side på vanlig måte. Når nettstedet eller siden er fullstendig utformet i henhold til dine krav, plasser den i en mappe som er utpekt for maler (mapper som inneholder malfiler må ha en TEM-utvidelse). Malemappen inneholder nettsidens HTML-filer, samt en INF-fil (som inneholder informasjon om malen) og en DIB-fil (et miniatyrbilde av malen som vises i forhåndsvisningsboksen i Nytt vindu). Noen malmapper inneholder grafikkfiler.
Forsidens mappestruktur
Under installasjonsprosessen av Frontpage 2000 opprettes det mapper som inneholder maler for sider, noder, rammer og stilark (hhv. mappenavn, Pages, Webs, Frames, Css). Standardbanen til disse mappene er C:\Program Files\Microsoft Onice\Templates\1033\. I fig. 4.17 i Windows Utforsker viser innholdet i Pages-mappen (filene for hver mal ligger i en egen undermappe med en TEM-utvidelse). Hvis du har installert Microsoft Personal på datamaskinen Internett server 4.0, ved å bruke standardinnstillingene under installasjonsprosessen, vil banen til filene og mappene være som følger: C:\InetPub\Wwwroot\. Denne mappen er rotmappen til webserveren. Den vil inneholde rotnettstedet. Alle noder opprettet i Frontpage plasseres i undermapper til rotmappen til webserveren. Et rotnettsted er et nettsted som åpnes fra en URL som kun spesifiserer servernavnet (ingen mappe eller sidenavn).
Tilgang til kjørbar fil Forside (frontpa ge.exe) er som standard plassert i følgende bane: C:\Program Files\Microsoft Office\0ffice

Figur 4.17. Microsoft Forside-mappe og Pages-undermapper som inneholder sidemalfiler

I Windows Utforsker åpner du Pages-mappen (hele banen er C:\ProgramFiles\Microsoft Office\Templates\1033\Pages) Åpne deretter en av undermappene, for eksempel 1 midterste. Det må være minst tre filer i malmappen. En av dem er en HTML-fil. Hvis du dobbeltklikker på navnet på denne filen, vil standardnettleseren laste og vise nettsiden basert på denne malen. Andre filer i malmappen er INF -fil og DIB-fil Vi har allerede snakket om formålet deres. La oss se nærmere på INF-filen
INF-fil
INF-filen inneholder beskrivende informasjon om malen. Det ligner på en INI-fil Windows-systemer. INF-filen må ha samme navn som mappen den er i.
I Pages-mappen åpner du Icentertem-mappen, og dobbeltklikker deretter center.inf-filnavnet. Hvis INF-filen ikke er knyttet til en applikasjon som kan se den, bruk Notisblokkredigering til dette formålet. Notisblokk-vinduet viser et sammendrag av filen, som vist i bildet nedenfor.
INF-filseksjon
INF-filen har alltid en seksjon med minst to underseksjoner ~ maltittelen og beskrivelsen. Hvis dette er en malfil for et nettsted, vises informasjon fra underseksjonene i dialogboksen Ny (kategorien Nettsteder), og hvis dette er en malfil for websider, vises den i dialogboksen Ny (fanen Generelt). I fig. 4.18. I dialogboksen Ny, i kategorien Generelt, er malen for én kolonneside valgt, og beskrivelsen av denne vises i beskrivelsesområdet.
Hvis INF-filen ikke er opprettet, vil ikke malnavnet bli inkludert i listen over tilgjengelige maler.
Det bør tas i betraktning at den riktige organiseringen av innholdet i INF-filen har veldig viktig. Det er nødvendig å ha en seksjon, samt tittel- og beskrivelsesunderseksjoner med en tittel og beskrivelseslinje. I en seksjon kan den totale lengden på underseksjonsnavnet og oppføringen være opptil 255 tegn. Den optimale lengden for at tittelen og beskrivelsen skal vises fullstendig i dialogboksen Ny er henholdsvis 30 og 100 tegn.
Merk
Den mest praktiske måten å lage. INF-filen for nettsidemaler som vises i Frontpage kan inneholde flere seksjoner og som brukes når malen lastes inn.

Figur 4.18. I dialogboksen Ny (Generelt-fanen) er sidemalen valgt One Column Page Section

Ved å bruke seksjonen (Figur 419), definerer du fillagringsstrukturen til nettsiden som er opprettet basert på denne malen Hvis seksjonen mangler. Forside laster alle filer fra mappen, men ingenting fra undermapper. Alle JPG- og GIF-filer i TEM-mappen, selv om det ikke er noen seksjon, plasseres i undermappen Image på nettsiden. Seksjonen er nødvendig hvis du vil:
slik at filer fra undermapper til TEM-mappen brukes på nettstedet,
angi filene du trenger i TEM-mappen som skal plasseres på nettstedet (TEM-mappefiler som ikke er inkludert i delen ignoreres),
slik at filer havner i bestemte mapper på nettstedet, og ikke bare i roten
Når du bruker en seksjon, bør du lage en liste over alle filene som skal brukes på nettstedet som er opprettet basert på denne malen. Hvis du vil plassere en side eller et bilde i en annen mappe på nettstedet, men ikke i roten, du må danne navnet på underseksjonen og dens innhold i henhold til visse regler, banen til filen i forhold til malmappen og navnet på denne filen må brukes som seksjonsnavn. For eksempel er bildermappen i malmappen, og scrnshot.gif-filen er i bildermappen. Da blir underseksjonsnavnet som følger. bilder\scrnshot.gif. Innholdet i underseksjonen skal være URL-en til denne filen på nettstedet ditt.

Figur 4.19. INF-filseksjon

Seksjon
Seksjonen er laget for å lagre variabler som brukes av FrontPage-komponenten Substitution. For å plassere denne komponenten på siden, må du aktivere kommandoen med samme navn i undermenyen Komponenter i Sett inn-menyen. Denne komponenten brukes til å plassere visse typer informasjon på nettsider, for eksempel:

Firmanavn = Exciting Travel, Inc
Firmaadresse = 1 Main St, Some Town, WA 98100
Seksjon
Seksjonen brukes til å gi en liste over oppgaver, som vises i Oppgavevisningsmodus hvis nettsiden er opprettet ved hjelp av denne malen Poster (underseksjonsnavn og dens innhold) i seksjonen presenteres i følgende format TaskNumber=TaskNameI Priority Jeg opprettet av]URLI Kommentar Underseksjonspostelementer er atskilt fra hverandre med en vertikal strek (underseksjonsnavn, unikt nummer eller nøkkel som identifiserer oppgaven)
Beskrivelsene deres er gitt i tabell 4 1, og bruksmetoden er vist i figur 4.20.

Figur 4.20. favk Details dialogboks

Tabell 4.1. Beskrivelse av seksjonspostelementer [ra^kLi"sl]

Element

Beskrivelse

Notater

TaskNumber (oppgavenummer)

Unikt nummer eller nøkkel

For eksempel "t01", "t02", "t03" osv.

Oppgavenavn

Kort beskrivelse av oppgaven

Tre eller fire ord frase

Prioritet

Et heltall som beskriver viktigheten av oppgaven (dens prioritet)

1 - høy, 2 - middels, 3 - lav

Opprettet av (som opprettet siden)

Malnavn

Indikert i feltene Opprettet av og Tildel i dialogboksen Oppgavedetaljer

URL til siden som oppgaven ble opprettet for

Spesifisert i feltet Koblet til i dialogboksen Oppgavedetaljer

Kommentar

Beskrivelse av oppgaven

Mer Detaljert beskrivelse hva som må gjøres

Spesielle evner
Ulike webservere er preget av forskjellige innstillinger for å angi standard filnavn på hjemmesiden. Hvis du bruker MSPWS, vil Forsidenavn som standard Hjemmesider for nettsider Default.htm. På NCSA-serveren (UNIX-serveren) er hjemmesidens navn Index, htm, som kan utelates fra URL-en når du får tilgang til nettstedet. For eksempel tar URLen http://www*fairmountain*com/wine deg til Index.htm-siden til Wine-nettstedet som ligger på Fairmountain NCSA-serveren. På CERN-serveren (UNIX-serveren) er dette vanligvis navnet Welcome.htm, og på Internet Information Server er det vanligvis navnet Default.htm. Alle nettstedsmal-hjemmesidefiler heter index.htm. Når du oppretter et nettsted fra en mal, gir Frontpage startsidefilen navnet som er satt på webserveren som standard. Dette vil endre lenkene til hjemmesiden tilsvarende. Hvis du ikke vil bruke denne sjansen, så i INF-filen i seksjonen må du skrive inn følgende linje (navnet på hjemmesiden vil ikke bli endret): NoIndexRenameing"
Merk
Et interessant poeng er at når du organiserer en kobling til hjemmesiden, er det ikke nødvendig å eksplisitt angi navnet på filen (for eksempel Default.htm). Du kan bruke "./"-tegn i stedet for filnavnet.
Disse tegnene tilsvarer standard filnavn på hjemmesiden som er angitt på webserveren.
Opprette én side-maler
Dette gjøres veldig enkelt. Det er nok å lage en vanlig nettside med informasjon og deretter lagre den som en mal. Dette er alt:
1. Lag et enkeltsidenettsted i Frontpage og gi det navnet Maler. Dobbeltklikk på hjemmesiden for å åpne den i sidevisning.
2. Øverst på siden skriver du inn teksten "Hjemside" og gir den avsnittsstilen Overskrift 1. Velg teksten og klikk på midtknappen på formateringsverktøylinjen: teksten vil bli justert til midten av siden.
3. Kall opp kommandoen Lagre som fra Fil-menyen. En dialogboks med samme navn vises. I boksen Lagre som velger du Forsidemal (*.tem). Klikk på Lagre-knappen. Dialogboksen Lagre som mal åpnes.
4. Angi en ny maltittel "Hjemmeside" og et sidenavn (hjemmetem), skriv inn en oppføring i Beskrivelse-feltet, for eksempel "Oppretter en hjemmeside" og klikk OK.
5. Hvis du bruker standard mappestruktur, vil banen til mappen som inneholder de nye malfilene være: C:\Windows\Application\Microsoft\FrontPage\Pages\Pages\Hometem.tem.
Merk
Etter at du har opprettet en sidemal, hvis du ikke finner mappen i Pages-mappen i Windows Utforsker, trykker du på tasten for å oppdatere innholdet Windows-vinduer Utforsker.
6. Åpne mappen Hometem.tem. Den skal inneholde tre filer som du vet opprettes automatisk når du lagrer siden som en mal: en HTML-fil, en INF-fil og en DIB-fil. Dobbeltklikk på INF-filnavnet. Filen åpnes i Notisblokkredigering. Innholdet er vist i følgende figur.
7. Lukk Notisblokk og gå tilbake til Forsiden. Aktiver Side-kommandoen i undermenyen Ny i Fil-menyen og velg malen "Hjemside" i dialogboksen Ny som lastes (fig. 4.21). Klikk på knappen

OK i Nytt-vinduet, som åpner en ny side basert på malen din (fig. 4.22).

Ris. 4.21. I dialogboksen Ny er startsidemalen valgt

Ris. 4.22. En side opprettet fra startsidemalen.

Eksemplet som er gitt er veldig enkelt. Formålet er å demonstrere prinsippet om å lage en sidemal. Du vil sannsynligvis ønske å lagre de interessante sidene du har utviklet som en mal i fremtiden. Vedlegg B viser deg hvordan du oppretter din egen nettsidemal. Denne prosedyren er litt mer komplisert enn å lage en sidemal, men vi håper du lett kan mestre den.

Et program som du ganske enkelt kan forstå de grunnleggende prinsippene for å designe Internett-sider med, med et bredt utvalg ekstra verktøy for å lage komplekse nettsteder og portaler.

Kort om Microsoft FrontPage-programmet

Dette er en lett-å-lære og praktisk web-editor for å designe, forberede og publisere nettsider. Takket være integrasjon med MS Office-produktfamilien, et kjent grensesnitt og en overflod av maler, lar programmet selv nybegynnere som er kjent med det grunnleggende om å jobbe i MS Word raskt mestre arbeidet. Samtidig kan FrontPage ikke kalles en løsning for "dummies": programmet gir omfattende funksjonalitet og en rekke verktøy for å optimalisere Internett-sider.

Det skal bemerkes at navnet Microsoft FrontPage eksisterte frem til 2003, og deretter ble det supplert med nye funksjoner og selve navnet endret programvare. I 2007 ble FrontPage omdøpt til Microsoft Expression Web, og i 2010 til Microsoft Office SharePoint-designer. Faktisk ble noen tillegg lagt til de nye versjonene, men det grunnleggende utseendet til programmet ble bevart.

Grunnleggende programverktøy

Generell form Microsoft-programmer Forside

Microsoft FrontPage har mye til felles med MS Word-verktøy, så mange av knappene og menyfanene er også intuitive, noe som gjør prosessen med å lage siden enklere. Mange vet allerede hvordan man skriver og formaterer enkel tekst, lager tabeller i Microsoft Word, det samme prinsippet brukes til å redigere en side i FrontPage.

Bildet til høyre viser generell form programmer med et standard sett med verktøy som du kan lage en sidemal med tekst, lenker og bilder med. Gå til "Vis"-fanen, deretter "Verktøylinje" og kontroller at " Standard", "Formatering"Og" Tabeller", vil disse verktøyene være nok til å lage bare en side. Nederst, vær oppmerksom på fanene "Designer", "Kode" og "Vis" - disse er tre forskjellige moduser der du alltid kan se hvordan siden du oppretter ser ut.

  • I Designeren legges alle redigeringer inn, tekst skrives og formateres, bilder settes inn, lenker lages, bakgrunns- og skriftfarger endres på samme måte som i Microsoft Word.
  • I fanen "Kode" kan du se den såkalte HTML-koden. HTML er standard markup-språk for dokumenter på World Wide Web. De fleste nettsider er laget ved hjelp av HTML-språk. I denne fanen kan du også redigere siden, men du må kunne dette markup-språket. Nybegynnere bør imidlertid gjøre alle endringer i konstruktøren og alle endringer i HTML vil skje automatisk.
  • I "Vis"-fanen kan du se hvordan siden ser ut direkte i nettleseren (som Internet Explorer)

Detaljert beskrivelse av andre menyer, knapper og Microsoft-funksjoner FrontPage er presentert i programmets hjelp. For å gjøre dette, trykk på "F1"-tasten.

Opprette en mal for sider i FrontPage

Setter inn hovedtabellen i editoren

Og så, for å lage en enkel mal, må du sette inn en tabell med tre blokker. Tre blokker er en enkel standard: den øverste blokken er for nettstedsnavnet, den andre blokken er for nettstedsnavigasjonslenker, den tredje blokken er for tekst, bilder og annen informasjon på siden. Du kan sette inn flere bordblokker for enkelhets skyld, men det er en smakssak hvordan, hvor mange og hvilken størrelse du skal lage disse blokkene. Det er en annen måte å lage blokker på, ikke ved å lage tabeller, men ved å sette inn såkalte "div"-elementer på sider og tilordne visse stiler til dem, men denne metoden er ikke for nye webmastere, og en egen artikkel kan skrives om dette.

  1. For å sette inn en tabell, gå til «Tabell» > «Sett inn» > «Tabell»-fanen og fyll ut feltene, som vist i figuren til høyre. Du kan faktisk legge inn dine egne parametere, men dette bordet har en fast bredde og strekker seg til 100 % av skjermområdet. På denne måten vil tabellen vises kompakt i nettleseren.
  2. Deretter må du justere alle tre cellene, siden de har samme høyde etter innsetting. Høyreklikk på den øverste cellen og gå til "Celleegenskaper", i høydefeltet skriv inn betinget "150" og merk av for "i prikker", dvs. Cellestørrelsen vil være 150 piksler. I samme meny kan vi velge bakgrunnsfargen til cellen, og ved å klikke i "stil..."-menyen kan du gjøre andre celleinnstillinger, for eksempel velge farge og størrelse på cellekanten, du kan eksperimentere med dette og se resultatet. I selve cellen kan du skrive inn navnet på nettstedet.
  3. Deretter redigerer vi den andre cellen, som er ment for nettstednavigasjonslenker. Vi setter bredden til ca 40 piksler, dette vil være nok, og vi justerer også andre innstillinger, som bakgrunnsfarge og marginer, etter din smak. Deretter skriver vi navnene på selve lenkene, atskilt med tegn vertikal linje eller et annet skilt (du kan se det nedenfor ved å laste ned hele malen). Velg testen og trykk på midtjusteringsknappen, akkurat som i MSWord. På samme måte kan du endre skrifttype, skriftstørrelse og andre tekstinnstillinger.
  4. Vi satte også opp den siste cellen. Den er ment for hovedteksten, hvor du kan skrive inn en hilsen.
  5. Til slutt kan du gå til fanen "Fil"> "Egenskaper", der du kan skrive inn navnet på nettstedet og endre den generelle bakgrunnen til siden og andre generelle innstillinger

Malen er nå klar. Det er rammeverket for alle påfølgende sider på nettstedet. Slik ser siden ut i HTML-kode:

Slik får vi malen for nettstedet

< html > < head > < meta http-equiv = "Content-Language" content = "ru" > < meta http-equiv = "Content-Type" content = "tekst/html; charset=windows-1251"> < title >Navn på nettstedet < body bgcolor = "#F8F3FE" > < div align = "center" > < table border = "0" width = "800" cellspacing = "4" cellpadding = "0" height = "100%" > < tr > < td height = "150" bgcolor = "#4A4A4A" style = "border: 1px solid #000000" > < p align = "center" >< font face = "Verdana" size = "6" color = "#FFFFFF" >Navn på nettstedet < tr > < td height = "40" bordercolor = "#4A4A4A" style = "border: 1px solid #4A4A4A" bgcolor = "#FBFBFB" > < p align = "center" >< font face = "Verdana" size = "2" > < b >hjem | < b >Side 2 | < b >Side 3 | < b >Side 4 | < b >Side 5 | < b >Kontakter < tr > < td valign = "top" style = "border: 1px solid #4A4A4A" bgcolor = "#FFFFFF" >< div style = "padding: 6px;" > < font face = "Verdana" size = "2" >Hjemmesidetekst. Her kan du sette inn en hilsen og kort skrive hva siden er dedikert til.

Denne HTML-koden kan umiddelbart settes inn i editoren i "Kode"-fanen, og du vil umiddelbart se ferdig mal. Den kan endres og redigeres for å passe dine egne behov. Her er det verdt å forklare at der hovedteksten er satt inn og slik at den ikke er plassert i nærheten av feltene, er den innrammet i «div»-taggen, med en innrykk-innstilling, som vist i eksempelet.

Ytterligere maler

  1. Du må også vite at i FrontPage-programmet, og andre lignende programmer, er det standardmaler som kan brukes til å lage sider; de er enkle å redigere og du kan tilpasse hvilken som helst mal for å passe dine behov. For å velge en standardmal, gå til "Fil"-fanen > "Opprett..." i vinduet som åpnes, velg "Andre sidemaler", hvor du kan velge hvilken som helst mal du liker.
  2. Det er et annet alternativ - last ned hele malen fra Internett. Det er mange nettsteder som tilbyr en slik tjeneste. maler kan enten være betalt eller gratis. Etter å ha lastet ned denne eller den malen, kan du redigere den i programmet, fylle den med nødvendig innhold og endre stilen til dette eller det elementet.

Bruk standard tabell- og temaoppsett

Microsoft FrontPage gir gode verktøy for ferdiglagde tabelloppsett og temaer for nettstedbygging

Du må vite at Microsoft FrontPage har et standard sett med tabelloppsett og temaer som kan hjelpe deg å lære kunsten å lage vanlige sider eller visittkortsider. Og så øverst til høyre er det en rullegardinmeny (se bildet til høyre, som også viser resultatet av bruk av tabelloppsett og designtemaer), ved å klikke vil en meny dukke opp der du må velge "Layout tabeller og celler” og så vil mange forskjellige tabelloppsett vises nedenfor, du kan velge hvilken som helst etter eget skjønn og smak. Dette frigjør deg til å lage tabellen selv manuelt.

Og så, ved å skrive eller lime inn teksten, logoen, lenkene dine i tabellcellene, ved å gå til den samme menyen, kan du velge "Tema"-menyen, der du kan velge forskjellige temaer for utformingen av siden, lenker, siden bakgrunn og mye mer. Denne muligheten er bra for de som bare lærer å lage Internett-sider og gjenspeiler ganske tydelig prosessen med å lage et nettsted. Med andre ord, i Microsoft FrontPage kan du eksperimentere med forskjellige innstillinger og se tydelig hvordan en bestemt side er transformert. Her kan du gi ett råd: studer alle funksjonene til programmet og ikke vær redd for å utnytte denne eller den menyen, siden hvert verktøy har sin egen egenskap og formål for å lage en fullverdig side

Sett inn et bilde og lag lenker til sider

Det er viktig for nybegynnere av nettredaktører å vite hvordan man setter inn bilder på en side og lager linker til andre sider. For eksempel, i stedet for teksten til nettstedets navn, kan du sette inn et bilde av nettstedets logo. For å gjøre dette, klikk først i feltet der du vil sette inn et bilde, klikk deretter helt øverst på fanen "Sett inn" > "Tegning" > "Fra fil", velg ønsket bilde og klikk "Sett inn", etter som bildet vil vises på siden. Ved å høyreklikke på bildet kan du gå til menyen med tilleggsinnstillinger Bilder. Det er viktig at alle bildene ligger i én strengt definert mappe for alle bildene.

For å gå til andre sider på nettstedet, må du opprette lenker der brukere kan besøke alle sidene på nettstedet. For å gjøre dette, må du velge ønsket tekst for lenken og gå til "Sett inn"> "Hyperkobling", i menyen som åpnes, må du angi siden som koblingen opprettes til og klikke på "ok" . I samme vindu er det andre innstillinger for lenker, for eksempel om lenken skal åpnes i et nytt vindu eller ikke. I prinsippet kan du studere dette på egenhånd.

Konklusjon

I kjernen ligner disse redaktørene på hverandre og har lignende funksjoner og menyer. Etter å ha mestret grunnleggende innstillinger, kan du enkelt lage nettsider i andre redaktører. Etter å ha mestret disse prinsippene, kan du gå videre til en mer kompleks metode for nettsteddesign - ved å bruke den såkalte CSS. Du kan lese om hva det er og hvordan du redigerer et nettsteddesign i artikkelen om CSS.

Ulempen med denne "mal"-metoden er at hver side må opprettes separat basert på den opprettede malen. Når, som når du oppretter nettsider ved hjelp av såkalte motorer, det ikke er nødvendig med separat sidegenerering, genereres de automatisk etter hvert som innhold legges til

Hvis du har spørsmål om artikkelen eller bruken av slike programmer for å lage nettsider, kan du stille dem i diskusjonstråden til forumet vårt.

Artikler om lignende emner

Online tjeneste av OceanTheme er en plattform der folk kan forene seg med hverandre med gjensidig interesse for å kjøpe premium maler og utvidelser Joomla! til en røverpris. Målgruppen for tjenesten er enkeltpersoner og små og mellomstore bedrifter, profesjonelle webutviklere for å lage nettbutikker, fellesskapssider eller folk som ønsker å ha bloggen din. I vår flotte samling av premiumløsninger vil alle finne det de trenger.

Vår ressurs fungerer som en arrangørsamling, spesifiserer antall personer du vil kjøpe maler og utvidelser, varekostnadene, samt mengden og tilgangen til disse materialene. Vår nettside har mange muligheter for enkelt søk i maler og utvidelser. Intuitiv navigasjon, merkesystem, sortering etter filter og verktøyet «legg til i bokmerker» lar deg finne det riktige materialet du vil ha utrolig raskt. I tillegg vil du alltid finne den nyeste informasjonen, for å oppdatere samlingen hver dag.

Tilgang til hele databasen med materialer er gitt for klubbens varighet spesifisert i abonnementsvesken. Abonnenter får ubegrenset tilgang til alle tilgjengelige arkiver, nyheter og oppdateringer, samt teknisk støtte gjennom hele abonnementsperioden.

Alle produktene du finner på denne siden er 100 % GPL-kompatible, noe som betyr at du kan endre dem som du vil og installere på et ubegrenset antall nettsteder.

Takket være samlingen vår vil du spare mye tid og penger, siden malene og utvidelsene er enkle å bruke, enkle å installere og konfigurere, multifunksjonelle og mangfoldige. Det vil tillate deg å lage et nettsted av hvilken som helst kompleksitet og orientering, uten å lære avanserte nettutviklingsteknologier.

Hovedtrekkene på nettstedet vårt

Et rikt sett med funksjoner som fungerer ut av esken:

Bruk alle muligheter til ressursen vår for å få ferdige profesjonelle løsninger for rask implementering av dine forretningsprosjekter eller kreative ideer.

Bruk søkeverktøyene

Bruk avansert søk og filtrering, og enkel navigering for raskt å finne ønskede nettløsninger innen design, funksjonalitet og andre kriterier.

Til favorittmaterialer var alltid tilgjengelig, bruk den unike funksjonen "Legg til favoritter", og de er tilgjengelige i en egen seksjon for hele året.

Når du er logget inn på siden vår, vil du kunne legge igjen kommentarer og delta i kampanjer, samt bruke et gratis abonnement med permiumtilgang.

Bli medlem av klubben vår

Klubbabonnement gir deg full tilgang til hele vår katalog med originalt materiale. Og inkluderer premium maler og utvidelser i flere år.

Last ned passende til dine Joomla maler og utvidelser, både gratis og abonnement for klubben uten noen grenser og ogoranicheny hastighet.

Hvis du likte noe materiale på nettstedet, kan du legge igjen stemmen din, samt dele den med venner via sosiale nettverk.

Emne 3.3: Applikasjoner for å lage nettsider

Tema 3.4: Anvendelse av Internett i økonomien og informasjonsbeskyttelse

Programmer for å lage nettsider

3.3. Applikasjonsprogrammer for å lage nettsider

3.3.2. Introduksjon til FrontPage

Nettsider er basert på et hypertekstbeskrivelsesspråk HTML-dokumenter(Hypertext Markup Language). HTML bruker kommandoer kalt tagger for å definere innholdet og formatet til hypertekstdokumenter. HTML-sider er dokumenter i rent tekstformat som inneholder spesielle formateringskommandoer (HTML-tags).

For å lage et nettsted ved hjelp av FrontPage, er det ikke nødvendig å lære HTML. FrontPage gjør det ganske enkelt å skrive inn tekst som kan plasseres på en webside og plassere bilder på de riktige stedene. Ved å bruke FrontPage kan du lage effekter som normalt krever skript eller DHTML-programmer.

Et nettsted eller et nettsted er et sett med relaterte websider og filer som er relatert til hverandre. FrontPage har veivisere som lar deg lage et nettsted, og maler, eller et sett med forhåndsdesignede tekst- og grafikkformater, som nye nettsider kan opprettes fra. FrontPage-veivisere og maler lar deg lage forskjellige typer nettsteder.

Hvert nettsted har én nettside, som kalles hoved- eller hjemmesiden. Hjemmesiden er den første nettsiden som en besøkende lander på. Ved å bruke navigasjon eller hyperkoblinger vil brukere kunne komme til andre sider på nettstedet.

Vanligvis er et nettsted vert på en webserver, en datamaskin som gir tilgang til nettsider til besøkende på nettstedet. FrontPage lar deg lage en nettside direkte i filsystem brukerens datamaskin, og deretter, når den er klar, publiser den til webserveren.

Etter å ha startet FrontPage-programmet (Start – Programmer – FrontPage), vil et programvindu vises på skjermen som viser en ny side (new_page_1.htm). Oppgaveruten viser Komme i gang-panelet.


Ris. 1.

FrontPage-applikasjonsvinduet består av: tittellinje, menylinje, redigerings- og formateringsverktøylinjer, knapper raskt valg tag (for å redigere og legge inn tagger), snarveier for fanevalg for side (for å flytte mellom sider), arbeidsvindu der en ny side vises, tegnepanel, knapper for visningsmodus, indikator for forventet sidelastingstid ved 56 kbps, størrelsesindikatorsider, oppgaveområder.

FrontPage tilbyr fire visningsmoduser: Design, Code, Split og Preview. I "Designer"-modus som i alle andre tekstredigerer du kan opprette, redigere og formatere en side i visuell modus, dvs. skriv inn tekst, legg til bilder, tabeller. I dette tilfellet legges HTML-språkkoder automatisk til bakgrunn, men HTML-kodingen vises ikke på skjermen.

I "Kode"-modus vil all koding vises på skjermen og du kan redigere HTML-koden direkte, samt legge inn nye koder. Figuren viser HTML-koden for en ny tom side i FrontPage-editoren.



Ris. 2.

I "Split"-modus - en webside vises på skjermen samtidig i kodemodus og i designmodus. I visningsmodus ser nettsiden ut som den ser ut i en nettleser.

Kommandoer som er utformet for å fungere med websider og nettsteder er plassert i Vis-menyen i FrontPage-programmet:

  1. Side er visnings- og utviklingsmodus for siden.
  2. Mapper – viser mappestrukturen til gjeldende nettsted.
  3. Ekstern node – en node som er plassert på en Internett-server.
  4. Rapporter – gir et sammendrag av nettstedet.
  5. Overganger – viser strukturen for overganger mellom nettstedssider.
  6. Hyperkoblinger – åpner en liste over koblinger på gjeldende side.
  7. Oppgaver – åpner en liste over oppgaver for gjeldende nettsted


Ris. 3.

Opprette nettsider i FrontPage-applikasjonen

Opprette en ny tom webside

Hvis, når du åpner et FrontPage-programvindu, det viser en tom side, kan du utvikle en nettside basert på denne siden. Hvis et tomt hovedvindu vises når du åpner FrontPage-editoren, må du kjøre kommandoen Fil/Ny for å opprette en ny tom side og velge Blank side i oppgaveområdet. En tom side vil vises i programvinduet. Deretter må du utvikle siden, dvs. utføre sidelayout (struktur), skriv inn tekst, bilder osv.


Ris. 4.

Opprette en nettside basert på FrontPage-maler

Du kan også opprette en ny side basert på en av malene. For å gjøre dette, velg kommandoen "Andre sidemaler" i oppgaveområdet. Dialogboksen Sidemaler vises på skjermen, som viser ulike sidemaler etter kategori.



Ris. 5.

Opprette en nettside basert på eksisterende nettsider på din PC

Du kan også lage en nettside basert på eksisterende nettsider på datamaskinen. For å gjøre dette, velg kommandoen "Fra en eksisterende side" i oppgaveområdet og velg ønsket side i dialogboksen som vises. Du kan deretter gjøre de nødvendige endringene på siden og lagre den under et annet navn.

Opprette et nettsted i FrontPage-applikasjonen

Opprett et nytt tomt nettsted eller opprett et nettsted uten innhold

For å opprette et nytt tomt nettsted, kjør kommandoen Fil/Ny og velg kommandoen "Andre nettstedsmaler" i oppgaveruten. Dialogboksen Web Site Templates åpnes, der du må velge Blank Web Site og klikke OK. FrontPage-applikasjonsvinduet vil vise nettstedet vist i figuren.


Ris. 6.

For å opprette en tom hjemmeside på et nytt nettsted, må du gå til overgangsmodus og klikke på knappen Ny side i Transitions-panelet vil hjemmesiden vises i arbeidsfeltet (du kan også bruke kontekstmenyen til å lage en hjemmeside).



Ris. 7.

Dobbeltklikk på hjemmesiden med venstre museknapp og den åpnes i designmodus for redigering (side - index.htm).



Ris. 8.

Deretter kan du designe hjemmesiden (lage layout eller sidestruktur, skrive inn tekst, bilder osv.), og deretter kan du legge til sider på hjemmesiden i overgangsmodus. For å gjøre dette, i overgangsmodus, velg hjemmesiden og klikk på Ny side-knappen i overgangspanelet eller bruk kontekstmenyen.

Ny side 1 kommer til, som er vist på figuren. Deretter legger du til så mange sider som er nødvendig for nettstedet, så kan du endre navn på sidene og endre rekkefølgen deres. Deretter, på hver side du må legge inn innhold (tekst, tabeller, bilder, etc.), er resultatet en nettside.



Ris. 9.

Opprette et nettsted basert på FrontPage-redigeringsmalen

For å opprette et nettsted basert på en mal, kjør Fil/Ny og klikk på kommandoen Webpakker i oppgaveområdet. Dialogboksen Webområdemaler åpnes.



Ris. 10.

Velg ønsket mal eller veiviser for å opprette et nytt nettsted.

Det opprettede nettstedet har layout og design, men det er ikke noe innhold. Deretter må du skrive inn riktig tekst, bilder, skript, tellere og andre sideelementer på sidene på dette nettstedet.

Frontpage vil tilby deg et stort utvalg sidemaler, alt fra en grunnleggende sidemal som er et blankt ark til en ganske kompleks side med tre kolonner. Ved å legge til sider opprettet ved hjelp av maler til ditt eksisterende nettsted, kan du raskt og enkelt tilpasse nettstedet ditt.

Sider som bruker maler, opprettes i redigeringsprogrammet.

1. Åpne nettstedet der den nye siden vil bli plassert i Utforsker. (Du kan hoppe over dette trinnet hvis du ønsker det, for etter at du har lagret siden, kan den importeres til alle de eksisterende nettstedene dine).

2. Velg elementet i redigeringsprogrammet Skape fra menyen Fil.

3. I vinduet Andre sidemaler plukke ut nødvendig mal fra den foreslåtte listen og klikk på knappen OK.

Du får et bredt utvalg av forskjellige sidemaler som du kan bruke på nettstedet ditt. Maler er oppført i listen på venstre side av dialogboksen Sidemaler, og høyre side av dette vinduet viser en beskrivelse av gjeldende mal og dens omtrentlige utseende.

Opprette en rammeside

Dette foredraget tar for seg et eksempel på å lage en nettside for Det fysikk- og matematikkfakultet. Vi vil avstå fra å bruke nettstedsmaler og bruke en rammesidemal.

Rammer lar deg dele opp sider i rektangulære områder, som hver viser sin egen side. Du kan plassere en eller flere rammer på en rammeside. Dette betyr at du kan lage en side hvor ulike områder viser forskjellig innhold. Å endre innholdet i den ene rammen endrer ikke nødvendigvis innholdet i den andre, men hvis du vil, kan du få en side som åpnes fra en lenke i den ene rammen til å vises i området til den andre rammen.

Rammer er ganske populære blant webdesignere, hvorav noen deler sidene inn i fem, seks eller enda flere rammer (denne strukturen kan redusere lastingen av nettstedet betydelig!). Frontpage tilbyr deg ti rammemaler, hver med maksimalt fire rammer per rammeside.

Bruke rammemaler

1. Åpne i Utforsker nettstedet der du vil opprette en ny rammeside.

2. Velg elementet i redigeringsprogrammet Skape fra menyen Fil.

3. I dialogboksen som vises Sidemaler velg en mal fra fanen Rammer side, og klikk deretter OK.

Du vil kunne forhåndsvise rammesiden du har valgt fordi layouten vil vises på høyre side av dialogboksen.

La oss anta at du har valgt malen én Kunngjøring og innholdsfortegnelse. Du vil se følgende på skjermen:

Merk: Når du har valgt en mal du liker, sørg for å lagre hver ramme ved å klikke på Ny side i det rektangulære området som vises. Først etter dette vil du få samme resultat som i fig. Vær oppmerksom på at du kan navngi hver av rammene som du ønsker, men hele siden kalles vanligvisindeks.

2. Grunnleggende om å jobbe i ms FrontPage

Hvis du bestemte deg for ikke å lage en nettside ved hjelp av en veiviser og bestemte deg for å bruke bare en rammemal, bør du gjøre deg kjent med hvordan du plasserer tekst, organiserer navigering (sett inn hyperkoblinger) og bruker multimedieteknologi.