Praktiskt arbete i förstasidesredaktören. Skapa webbsidor med hjälp av FrontPage

Målet med arbetet: lär dig grunderna i att arbeta med editorn MS förstasida.

Nedan i fig. 18 visar strukturen webb-webbplats

Ris. 18 - Personlig webblayout

Steg 1 - Skapa en ny webbplats.

1 Kör Framsida och välj ett menyalternativ Fil – Ny – Webbplats , och sedan webbplatsmallen - En sida webbplats. I fält Ange platsen för den nya webbplatsen ange till exempel i vilken mapp webbplatsen ska finnas D:\studenter\545\web. Då ska du trycka på knappen " Ok" Extrem vänster panel Mappar visar mappar och filer som ingår på webbplatsen: html-sidor, ritningar etc. För närvarande innehåller webbplatsen bara en sida - index.htm. Om du väljer en av sidorna med musen i den här panelen kommer den att vara öppen för redigering.

2 Att arbeta med sidan är möjligt i ett av fyra lägen:

-konstruktör- sidan redigeras;

- med division– fönstret är uppdelat i två delar: i den ena visas HTML-koden, som kan redigeras, i den andra kan du arbeta i designläge;

- koda- (HTML) - kan styras genererad kod sidor och göra ändringar;

- visning - sidan visas som den skulle visas av webbläsaren.

3 Byte till läge görs med hjälp av flikarna längst ner på panelen. För att slutföra arbetet kommer vi främst att använda designläget.

Steg 2 – Skriv in texten på huvudsidan (sidstrukturen visas i fig. 12. Sidtexten utvecklas oberoende).

1 För att ange data, skapa en tabell genom att välja menyalternativet Tabell > Infoga, eller använda motsvarande ikon i verktygsfältet. Skriv in sidtexten. För sidtiteln i fältet Stil längst upp till vänster på skärmen Framsida välj stil Rubrik 1 . Figur 19 visar hemsidans huvudsida.

Ris. 19 - Hemsidans layout

2 När du har skrivit in text i tabellen definierar du tabellegenskaperna. Placera muspekaren i tabellen, klicka på höger knapp och i stycket Tabellegenskaper definiera för fält Inriktning menande Centrum . Installera kryssruta i fält Ställ in bredd Och växla till parameter - I procent, och ställ in värdet - " 80 " Detta innebär att tabellen kommer att placeras i mitten av webbläsarfönstret och upptar 80 % av fönstrets bredd.

3 I en grupp Gränser Du kan bestämma storleken och färgen på ramen. Om du vill att tabellen inte ska ha någon synlig ram, ställ in fältet på 0. Gruppera Bakgrund låter dig ställa in bakgrunden för bordet.

4 För att definiera sidegenskaper, välj från snabbmenyn Sidegenskaper och på fliken Är vanliga ändra fältet namn – till texten "Hemsida". Nu kommer detta värde att återspeglas i webbläsarfönstrets titel när du tittar på sidan. Det är absolut nödvändigt att korrigera sidspråket, detta görs med hjälp av fliken Språk . Ställ in kodningen ( Uppsättning tecken) - Kyrilliska och språk ryska.

5 Gå till fliken Formatering . Om du markerar rutan Bakgrundsbild och tryck sedan på knappen Recension , kan du välja en bild för sidans bakgrund.

6 Grupp Färger låter dig ställa in standardtypsnittsfärg, standardbakgrundsfärg, länkfärger, besökta och aktiva. Ändra dessa inställningar.

7 Att designa titeln som Krypande linje välj från menyn Se prestanda Sida och klicka på knappen längst ned i dokumentfönstret Konstruktör. Klicka där du vill infoga tickern och skriv och markera texten du vill visa som ticker. På menyn Föra in Välj lag webb-komponent . I grupp Komponenttyp klicka på knappen Dynamiska effekter . I grupp Välja en effekt dubbelklicka på ikonen Ticker . Ställ in tickerparametrarna.

8 Spara sidorna. Om programmet frågar dig var du ska spara bilderna: spara bilderna i mappen Bilder . Använd knappen för att välja en mapp Byt mapp.

1 För att göra en länk till en befintlig sida måste du välja den från listan. Du kan också definiera en plats på sidan (bokmärket) som länken ska peka till. Om den här platsen finns på den aktuella sidan, fyll i fältet URL inte nödvändigt, du bör välja ett bokmärke i fältet Bokmärke (bokmärket måste vara skapat tidigare). Om du vill skapa en länk till ett bokmärke på en annan sida måste du först välja den sidan och sedan välja bokmärket.

2 Skapa länkar till andra sidor på webbplatsen. För att göra detta, välj ett avsnitt i innehållsförteckningen och skapa en länk genom att klicka på knappen skapa hyperlänk i verktygsfältet eller välja menyalternativet Infoga > Hyperlänk .

4 Använda panelen Mappar , Återvänd till startsida index.htm och skapa en länk till nästa sida på webbplatsen. Spara den . Som ett resultat, i Fil-lista och mappar, kommer alla sidor som ingår på webbplatsen att återspeglas.

Lektion
planer
efter program
Framsida
Lärare: Zabelina M.V.
1

Ämne: Första sidan 2003 programgränssnitt Meny
program. Skapa en webbplats med hjälp av guiden.
Mål:
Introducera begreppet webbsida, lär eleverna hur man bygger en webbsida
sidor;


Under lektionerna.
1. Organisatoriskt ögonblick
Kommunicera ämnet och syftet med lektionen
2. Förklaring av ett nytt ämne
2.1 Inledning
En webbplats (webbnod) är en samling relaterade webbplatser relaterade till varandra.
innebörden av webbsidor och filer. Webbplatser är vanligtvis dedikerade till vissa
specifikt ämne och innehåller information relaterad till en individ
eller företag. I Front Page-programmet finns så kallade wizards
(guider), som låter dig skapa en webbplats steg för steg, och mallar
(mallar), som är inbäddade sidor som innehåller
nödvändig formatering för att skapa och anpassa de du skapar
sidor. Med guider och mallar kan du skapa olika typer av webbplatser.
Varje sida har en speciell sida som heter
hem eller huvudsida (hemsida). Alla besökare på din webbplats först
komma till denna sida. Genom att klicka på en eller annan hyperlänk,
användare kommer att kunna komma åt andra sidor på din webbplats, eller till och med
sidor på andra webbplatser.
En hyperlänk är text eller en bild på en webbsida som
klick som tar dig till en annan webbsida eller webbplats.
Webbplatsen är värd på en datorserver som ger tillgång till
sidor till webbplatsbesökare. Med Front Page kan du skapa
webbplats direkt till filsystem din dator och sedan när
den kommer att vara klar, publicera den på servern.
2

Att skapa webbsidor kräver att en person kan hypertextspråket
uppmärkning (HTML -
Hypertext
Pålägg
Språk). Program
Front Page tillåter
vilken användare som helst
även
HTML
analfabeter, berätta
gör dig känd för hela världen,
använder sig av
obegränsade vagnar
Internetfunktioner.
Vilka är de tekniska
möjligheter
detta
Fantastisk
program? Med henne
Med vår hjälp kan du skapa din egen hemsida utifrån en färdig mall
eller under strikt ledning av en mästare. Skapa mallar och guider
enskilda sidor själva kombinerar dem till en webbplats och skapar övergångar mellan dem
dem, och samtidigt inte binda ditt initiativ, eftersom förse
möjligheten att infoga texter, bilder, hyperlänkar på sidor.
Den otvivelaktiga fördelen med guiden är att den skapar sidor med
en färdig uppsättning element som du vid behov kan
formatera som du vill.

När du startar Front Page för första gången kommer du att se ett mycket fönster
som liknar Word eller kalkylbladsfönster
Excel. Detta är inte förvånande, eftersom alla dessa program ingår i ett
plastpåse kontorsprogram och har därför ett liknande gränssnitt.
FrontPage-programfönstret är uppdelat i tre delar, var och en
som låter dig hantera din webbplats på olika sätt.
Mapplista – View Mode Panel – låter dig enkelt
växla mellan att visa webbplatsens struktur
och dess sidor.
FrontPage-mappar
Efter installation av FrontPage, på din dators hårddisk
Mappen MyWebs skapas. Som standard kommer filerna att sparas i den här mappen.
alla webbplatser du skapar i FrontPage. Varje webbplats
sparat i separat mapp, kapslade i MyWebs-mappen.
När du skapar en ny webbplats skapas minst tre
ytterligare mappar där filer och sidor av den nya
webbplats.
Hem
mapp
Standardmappen där dina webbfiler lagras
sidor, bilder och Java-klasser
3

Privat
Bilder
Den här mappen är där FrontPage placerar de filer den behöver
organisera och hantera din webbplats. Under inga omständigheter
omständigheter bör inte tas bort eller ändras
innehållet i denna mapp
I den här mappen kan du valfritt lagra grafik
bilder som används på din webbplats. Om
Det finns många bilder, det är bäst att lagra dem i denna
mapp för att inte röra den huvudsakliga
Utöver dessa tre mappar kan du skapa andra mappar där du
du kommer att placera vissa grupper av filer.
2.2 Skapa en webbsida från början.
Det enklaste sättet att skapa din egen webbplats är att använda
mallar och masters.
1. Låt oss ta ett lag
Fil, Ny.
2. Visas till höger
panel i vilken
Vi
måste

välja:
Övrig
webbmall
knutpunkter
3. I dök upp
fönster välj:
Tom hemsida.
Förbi
knapp Bläddra, för
för att fastställa platsen för vår webbplats.
4. Klicka

Uppmärksamhet! Titta på sekvensen av det fjärde steget:
4

1.
2. I det här fönstret måste du välja platsen för webbplatsen. Klicka till exempel
enligt Mina dokument
3. Du kan använda knappen
skapa din egen mapp (dvs ange ett namn
från tangentbordet och tryck på OK).
Tryck sedan på OPEN-knappen!
4. Vänsterklicka 2 gånger
musen in i fönstret ovanför
knappar bläddra och ange namnet på webben –
nod (du måste ange namnet efter
den allra sista raden \.)

Till exempel:
C:\Mina dokument\Ivanova\My
hemsida

Namnet på vår mapp där vi ska lagra
hemsida
Namn på vår webbplats
5.
Klicka på OK.
5

Vi fortsätter att skapa sajten. Nu måste vi skapa våra sidor
webbplats. För att göra detta, låt oss byta till övergångsläge med kommandot: Visa, Övergångar.
7. Högerklicka på den tomma skärmen
klicka en gång med musen och i menyn som visas
välj kommandot Nytt, Topp
sida.
8. En sida som heter Hem kommer att visas.
9. Alla andra sidor skapas
högerklicka på hem
page(!), med hjälp av kommandot Insert, page
10. Byt namn på sidorna. Klicka på önskad sida 1 gång, höger bok. möss
och välj kommandot Byt namn i menyn som visas.
11. Låt oss börja designa sidor för
För att göra detta, klicka på huvudet (hem)
sida 2 gånger med vänster musknapp.
Det här är vad du fick:
12. Nu måste du installera allmänt
gränser.
Allmänna gränser är sidgränser,
som visas lika på alla
webbsidor. Men samtidigt du
det är fortfarande möjligt att bara skapa gränser
för en webbsida så att den
var annorlunda än andra.
Öppna Format-menyn och klicka
kommandonamn "Delade gränser". På skärmen
En dialogruta visas som i bilden.
I det här fönstret markerar du rutorna bredvid namnen på de önskade gränserna (Överst,
Aktivera navigeringsknappar, Vänster, Aktivera navigeringsknappar). På
Detta bör komma ihåg att på de övre, vänstra och högra gränserna kan du
placera navigeringsknappar på webbplatsen. Programmet kommer att göra det
själv om du markerar lämplig ruta.
Vad du ska göra om kommandot Allmänna gränser finns i Format-menyn
inte tillgänglig:
6

Service,
1. Sidalternativ
2. Utveckling,
3.
Sätta
bock
mitt emot orden General
gränser
4. Klicka på OK
Så här kommer din sida att se ut om du markerar rutorna bredvid
ord: Uppifrån,
Aktivera navigeringsknappar,
Till höger,
Aktivera navigeringsknappar.
.
Det finns ingen anledning att markera kryssrutorna Höger och Nederst, eftersom det blir rörigt
din by
Nu måste du aktivera navigeringsknapparna:
Klicka en gång på rätt bok. mus på ord: Ändra egenskaperna för denna panel
för att visa hyperlänkar på den.
I menyn som visas väljer du kommandot: Properties Link Bar.
Så här kommer skärmen att se ut:
Placera en prick bredvid orden: Hemsidor och klicka
Gå till andra sidor och gör detsamma om du inte har
knappar med hyperlänkar.
OK-knappen.
Byt till andra
din sida
genomförs med
Listpanel
(finns till vänster
din sida)
Om denna panel
Visa, mapplista
sidor
med hjälp
mappar
sidor
Nej:
7

Klicka på önskad sida
tar dig till detta
sida
ELLER:
Överst på din webbplats
det finns flera flikar som
show
vilka sidor
din webbplats du besökte.
Övergång till andra sidor på webbplatsen
kan göras med hjälp av dessa flikar.
Ibland på dessa flikar kan du se sidtiteln och en asterisk,
till exempel: index*. Det betyder att sidan inte sparades. Utnyttja
kommandot Arkiv, Spara, och denna asterisk försvinner, dock som minsta
Om något ändras på din sida visas asterisken igen
Ta bort en sida:
Låt oss gå till övergångsläge (Visa, Övergångar), klicka på det onödiga
sida 1 gång ex. bok. musen och välj kommandot i menyn som visas
Radera.
I fönstret som visas väljer du kommandot Ta bort sida från webbplatsen
Spara en webbplats.
När du har skapat en webbplats måste du spara alla dess sidor.
För att göra detta, gå till varje sida på din webbplats och gå till Arkiv-menyn
välj Spara.
3. Praktiskt arbete
Öppna programmet igen.
Skapa din webbplats som innehåller 4 sidor. Namnge dessa
sidor efter säsong.
Inkludera alla länkar
4. Lektionssammanfattning
Hur aktiverar jag delade gränser?

Hur byter man namn på sidor?
Hur tar man bort sidor?
Ämne: "Redigera en webbplats. Lägger till text."

program;
Fortsätt arbeta med att studera informationsteknologi;
Odla intresset för ämnet
Under lektionerna.
1. Organisatoriskt ögonblick
Kommunicera ämnet och syftet med lektionen
3. Kontrollera läxor.
Vad är Front Page-programmet till för?
8

Hur aktiverar jag delade gränser?
Vad ska jag göra om kommandot Delade gränser inte är tillgängligt?
Skapa din webbplats som innehåller 3 sidor, gå till
startsida.
4. Förklaring av ett nytt ämne
1. Redigera webbplatsen
För att öppna en befintlig webbplats måste du:
1. Öppna mappen med namnet på din webbplats.
2. Hitta filen som heter INDEX och gör ett klick på rätt bok. musen på den.
3. Välj kommandot Öppna med i menyn som visas
Framsida.
Byter namn på en titel
sidor
Klicka på orden Hem
sida 1 gång pr.bok. mus och
menyn som visas
Välj
Kommandot Reklamegenskaper på
sida.
I
i fönstret som visas istället för orden Hem
sida
Skriv ditt namn
sida och klicka på OK.
(Detta används främst för
startsida)
2. Lägga till text
Att skapa texter i det här programmet skiljer sig inte från samma sak
verksamhet i textredigerare Ord. Du klickar på önskad
placera sidan och skriv texten. Som i Word behöver du inte
se efter slutet av raden - Front Page slår automatiskt in ord från
rader per rad.
Teckenformatering utförs
med hjälp av panelen
Formatering
Ibland, när du skriver, klyftan mellan
rader kan vara mycket stora.
För att ta bort detta måste du:
1. Välj flera rader.
2. Ta kommandot Format, Paragraph
3. I intervallfönstret, placera siffran 0 framför det.
4. Ange sedan siffran 0 i intervallfönstret.
9

5. Klicka på OK
4. Praktiskt arbete
5. Lektionssammanfattning
Ämne: ”Skapa tabeller. Lägger till en ticker."
Mål: Fortsätt att bekanta dig med huvudfunktionerna
program;
Fortsätt arbeta med att studera informationsteknologi;
Odla intresset för ämnet
Under lektionerna.
1. Organisatoriskt ögonblick
Kommunicera ämnet och syftet med lektionen

3. Förklaring av ett nytt ämne
1. Skapa tabeller
Tabeller placeras på webbsidor med knappen Tabell,
Infoga, Tabell.
Ett fönster öppnas där tabellparametrarna ställs in:
I fönstret Storlek ställs kvantiteten in
rader och kolumner i din tabell.
I fönstret Borders kan du ställa in storleken på ramarna
bord,
i fönsterfärgen – kantfärg
Om du vill ha hela bordet
ställ in en specifik färg i bakgrundsfönstret,
Färgen är den önskade färgen.
Klicka på OK.
Titta på resultatet:
I designläge
I visningsläge
Om du ändrar tabellstorleken och sätter 0 istället för 1, så har du en tabell
kommer att ha osynliga ramar i visningsläge.
Se resultatet
10

I designläge
Notera:
Slår ihop celler:
I visningsläge
1. Välj de celler du vill slå samman
2. 1 gång per bok. musen och välj kommandot Sammanfoga celler
Ändra tabellen:
1. Klicka en gång på den högra knappen. musen på bordet och välj kommandot Egenskaper
tabeller
2. Skapa en ticker
För att uppmärksamma ett stycke text eller
title, kan du ge den en löpande effekt
rader
1. Infoga, webbkomponent
2. Markören måste stå på orden
Dynamiska effekter, krypande linje.
3. Klicka på knappen Slutför.
4.
5. I textfältet måste du skriva in text
löplina.
5. använda speciella strömbrytare
Burk:
 Välj rörelseriktning
rader (vänster till höger eller höger
vänster);
 Justera fördröjningen mellan på varandra följande textskift och
förskjutningsmängd i pixlar;
 Ställ in textrörelseläget (kontinuerligt);
 Ställ in bredden och höjden på det rektangulära området av kryplinjen;
 I fönstret Stil, Format, Teckensnitt – ändra teckensnittsdesignen
Notera:
11

Ändra ticker
1.
Klicka en gång till höger bok. musen på tickern och ta kommandot
Kryplinjeegenskaper.
3. Praktiskt arbete.
Skapa en sida där du kan infoga en ticker (överst).
Skapa en tabell bestående av 1 rad och 2 kolumner, där
placera lite text.
Skapa ett andra bord, med osynliga ramar, bestående av 1
rader och 2 kolumner, där du även lägger lite text.
4. Lektionssammanfattning.
Vad träffade vi idag? Varför behöver du en ticker?
Hur gör man ett bord med osynliga kanter? Ge ett exempel för
Varför skulle du behöva ett bord med osynliga kanter?
5. Betygsättning.
Läxa.
Ämne: ”Infoga och redigera bilder. Fotogalleri".
Mål: Fortsätt att bekanta dig med huvudfunktionerna
program;
Fortsätt arbeta med att studera informationsteknologi;
Odla intresset för ämnet
Under lektionerna.
1. Organisatoriskt ögonblick
Kommunicera ämnet och syftet med lektionen
2. Kontrollera läxor.
3. Förklaring av ett nytt ämne
1. Lägg till en bild
FrontPage editor låter dig ladda bilder från filer
olika grafiska format: gif (vanlig och animerad), JPEG,
BMP, TIFF, TGA, RAS, EPS, PCX, PND, PCD och WMF. Kan placeras
färdig ritning för sidan, hämta den från programmets bildbibliotek
FrontPage, från mappen för den aktuella webbplatsen eller en av webbplatserna på den lokala
disk, från valfri grafikfil på den lokala disken. Installera
muspekaren till rätt plats.
1. Välj Infoga, Bild, Från fil
2. Ange platsen för filen som ska infogas, dess namn och bekräfta
åtgärder genom att klicka på knappen
3. Ändra vid behov
mått på ritningen. För detta
bara dra musen
från ramens hörn eller sidor.
FrontPage låter dig använda
olika verktyg för att ge
bild av önskad typ och
12
OK.
ett

formulär. Klicka på den infogade bilden. Runt bilden kommer det att finnas
en ram visas och längst ner i arbetsprogramfönstret visas
Verktygsfält för ritningar för att arbeta med bilder:
Låt oss ta en närmare titt på alla knappar på panelen
Teckning
namn
Från fil
Öppnar ett fönster för att infoga en bild
Handling
.
Text
Absolut
Flytta
fram
Placerar text på en ritning. Det här är handling
Endast möjligt med gif-bilder.
Om bilden är sparad i en annan
format, sedan ett fönster med
varning

V
Transformers
placerad. Efter att ha klickat på den här knappen
bilden kan flyttas var som helst på webben
sidor,
som ett positionerat stycke.
Om du klickar på den här knappen igen avbryts
positionering.
Flyttar den valda ritningen framåt
planen
vanlig teckning
Flytta
Flyttar den markerade ritningen till bakgrunden
tillbaka
Att vända
vänster
Att vända
höger
Reflektera
från vänster till höger
Reflektera
uppifrån och ner
Öka
kontrast
Minska
kontrast
Öka
ljusstyrka
Roterar ritningen 900 moturs
pilar
Roterar ritningen 900 medurs
Skapar
i förhållande till den vertikala axeln.
spegelbild av bilden
spegelbild av bilden
Skapar
i förhållande till den horisontella axeln.
Ökar bildkontrasten
Minskar bildkontrasten
Ökar bildens ljusstyrka
13

Minska
Minskar bildens ljusstyrka
ljusstyrka
Trimning
Tar bort kanten på en ritning.
Linjetyp
Ställ in transparent färg
Färg
Baguette ram
Skär blommor
Välja
Hyperrektangel
Nipercirkel
Hypermultipel
golnik
Välj hot spots
Återställ
Funktioner för bildbeskärning
14
Skapar en ram runt
bilder runt omkring
från
angiven linjetyp.
Gör den färg du väljer
transparent (genom det kommer det att finnas
bakgrunden syns,
på vilken
det finns en ritning).
Ändrar färgen på ritningen
på
på
på
Med

Förbi
gräns
teckning
Skapar

tilldelas
baguette ram
Om efter
ändringar
klicka på bildstorlekar
klicka på den här knappen, filen kommer att vara
överskriven
ta med i beräkningen
förändringar gjorda.
Används för att markera
grafiska objekt
Höjdpunkter
teckning
rektangulärt område för
skapa en hyperlänk
Höjdpunkter
teckning
cirkel att skapa
hyperlänkar
Höjdpunkter
teckning

månghörnigt område för
skapa en hyperlänk
Döljer en del av bilden
som inte ingick i
hyperpolygon,
hyperrektangel,
hypercirkel.
bekväm
använd vid gränser
hyperregioner är dåligt synliga på
teckning.
Återställer originalet
ritningsparametrar.
Henne

I alla program Microsoft Office XP
omedelbart efter att du klickat på knappen "Beskär".
ritningen förändras inte externt.
I
Front Page program klicka på detta
knappen gör att en prickad linje visas
ram som markerar den centrala delen
Bilder.
Om du klickar på knappen igen
"Crop", sedan försvinner en del av bilden,
utanför ramen. För att självständigt bestämma ritytan,
som ska finnas kvar på webbsidan, flytta muspekaren till en
från rutor placerade i hörnen i mitten av varje sida av den prickade linjen
rektangel och dra dem med musen.
Använda knappen Färg
Genom att använda knappen "Färg" öppnas en lista med kommandon, med hjälp av
som du kan ändra bildformatet och göra bilden svart
vitt, eller i gråtoner, eller förvandlas till en bakgrund (kommando
"Fläck")
Stort bildproblem
Ju större bild, desto mer diskutrymme tar den upp, desto mer
Det tar längre tid att ladda den. Lösningen på problemet är
ersätta en stor bild med en skiss av den. Den skapade skissen blir
hyperlänk där tittaren (t.ex. Internet Explorer)
visar originalritningen på skärmen.
För att skapa en miniatyr, klicka på bilden för att
Verktygsfältet "Teckningar" dök upp. Sedan i verktygsfältet
Klicka på knappen Automatiska miniatyrer. Detta kommer att resultera i dimensioner
bilden kommer att krympa och en blå ram visas runt den.
För att ändra utseendet på skissen, öppna menyn Verktyg och
välj kommandot "Sidinställningar".
I dialogrutan Utskriftsformat går du till
"Auto thumbnails" och ställ in önskade parametrar
I det här fönstret ställer du in önskad bredd (till exempel 50) och klickar på knappen
OK.
Minska storleken på bilden genom att dra dess hörn.
Gå till visningsläge. Här är vad du får:
Detta är i designläge:
15

Detta är i visningsläge:
Denna ritning i vyläge är
hyperlänk genom att klicka på vilken du
det här är vad som händer:
2. Fotogallerier
Bekvämt sätt att placera på
en webbsida med många bilder är den så kallade
fotogalleri. När den skapas skapas stora bilder automatiskt
ersätts av skisser.
Så här infogar du ett fotogalleri på en webbsida:
1)
2)
3)
Klicka på namnet på kommandot "Skapa fotosamling";
Därefter arbetar vi i fönstret "Photo Collection Properties".
öppna menyn "Infoga";
flytta muspekaren till raden "Ritning";
i den extra menyn som öppnas till höger,
På fliken "Teckningar", klicka på
"Lägg till"-knappen för att öppna listan
kommandon för att infoga bilder. Om ritningen
lagras på din dator som en fil behöver du
Klicka på raden "Bilder från filer".
Dialogrutan Öppna fil visas, med
som du vet hur du arbetar med.

nödvändig

"Signatur"
ritningar,
Har valt
använda fälten
Och
"Beskrivning". Om det behövs kan du
ändra storlek på miniatyrer.
Gå sedan till fliken "Layout" för att välja layoutmetoden
miniatyrer på sidan.
I horisontell layout är bilder ordnade i rader och
Under varje skiss finns en beskrivning.
Om alternativet "Collage" är valt, visas inte beskrivningarna, utan när
När du håller musen över miniatyrbilden visas en bildtext.
16

Gränser
Du kan organisera text och bilder på skärmen med antingen
bord, eller med hjälp av en dekorativ anordning såsom horisontell
rader. Placera textmarkören på den plats på webbsidan där du vill
gå igenom den horisontella linjen, öppna menyn Infoga och klicka på namnet
"Horisontell linje"-kommandon.
Praktiskt arbete
4.

5.
Lektionssammanfattning
Betygsättning
Ämne: ”Välja ett tema för siddesign.
Lägger till video och ljud. Animation
texter."
Mål: Fortsätt att bekanta dig med huvudfunktionerna
program;
Fortsätt arbeta med att studera informationsteknologi;
Odla intresset för ämnet
Under lektionerna.
1. Organisatoriskt ögonblick
Kommunicera ämnet och syftet med lektionen
2. Kontrollera läxor.
3. Förklaring av ett nytt ämne
Att välja ett tema för siddesign
Att ge sajten en mer sammanhållen, estetiskt tilltalande och
samtidigt ett mer professionellt utseende, är det tillrådligt att hålla sig till
ett enhetligt tillvägagångssätt vid design av sidor - för att följa en viss
färgschema och stil. För att göra denna uppgift enklare i FrontPage
teman används.
Ett tema är en specifik uppsättning designelement och färgscheman,
som kan appliceras på sidor.
1. Välj Format, Tema.
Ämne.
2. Bläddra i listan med ämnen, välj
en av dem och klicka på bocken
det här ämnet.
En panel kommer att visas på skärmen
på
17

3. I menyn som visas väljer du kommandot: Använd som tema av
standard, så att detta tema har tillämpats på alla sidor på din
webbplats.
4. I fönstret som visas härnäst
klicka på JA-knappen

Tillägg

ljud
eskort
Tillsammans med olika specialeffekter för att ge sidor liv
multimediaobjekt används: ljud, video, flash-animation, etc.
Så, till exempel, kan du välja ett bakgrundsljud för vilken sida som helst på webbplatsen
eller musik som kommer att spelas när sidan öppnas. För
detta behövs:
i redigeringsläge, högerklicka på någon
området på sidan och välj kommandot i snabbmenyn som visas
Sidegenskaper.
Fönstret Sidegenskaper visas med
Fliken Allmänt;
i kontrollgruppen för bakgrundsljud klickar du på knappen Bläddra
och välj en fil med musik i fönstret Bakgrundsljud som öppnas
fragment.
Lägger till en video
Att placera en video på en webbsida är lika enkelt som att lägga till en bild.
För att placera en video på en webbsida måste du ställa in texten
markören till önskad position och välj kommandot Infoga, Rita,
Videoinspelning. Därefter bör du ange namnet på filen med videofragmentet. Efter
när du stänger videoinspelningsfönstret kommer en rektangel att placeras på sidan,
som indikerar det videoutgångsområde där
den första bildrutan i videofragmentet visas.
Sedan måste du högerklicka på utdataområdet
videobilder och välj kommandot i snabbmenyn som visas
Egenskaper för ritningen. Fliken Bildegenskaper visas med fliken öppen.
Video.
Att markera kryssrutan När du öppnar en fil indikerar det
Videon spelas upp varje gång du laddar den
sidor till visningsläge. Ställ in kryssrutan Vid hovring
musen låter dig spela upp en video när du håller muspekaren över den
möss. I inmatningsfältet med upprepningsräknaren kan du ange hur många gånger
videon måste visas, eller
kontrollera alltid för
oändlig uppspelning.
Textanimering
För
textanimering
måste visas
18

DHTML Effects verktygsfält. För att göra detta, använd kommandot Visa.
Verktygsfält, DHTML-effekter.
När önskad panel visas på skärmen, klicka på
det animerade stycket så att textmarkören är inuti den.
Sedan:
öppna kombinationsrutan "På" och välj från den
1)
på
hända
händelse,
textanimering. Det kan vara ett dubbelklick, ett enkelt klick,

vem
måste
2)
öppna fältet Använd för att välja en animeringseffekt.
Antalet effekter som erbjuds beror på den som valdes i det första steget
händelser: det största antalet animationseffekter kan användas när
öppnar en sida, minst av allt - när du svävar muspekaren;
3) för sådana effekter som "Fly-in", "Scale", "Appearance" och
"Vår" blir ett tillgängligt fält, med hjälp av vilket du kan specificera
effekter. Ändring av storleken på bokstäver kan till exempel ske som i
sidan av deras minskning och ökning.
Om du klickar på knappen "Välj effekter" i verktygsfältet
DHTML", sedan i normalt visningsläge styckena som
animationseffekter markeras med ett ljusblått block. Med preliminärt
när du surfar eller tittar i ett Internet Explorer-fönster är det här fältet inte synligt
4. Praktiskt arbete
Öva färdigheter som lärts i klassen.
5. Lektionssammanfattning
Betygsättning
Ämne: "Skapa hyperlänkar."
Mål: Fortsätt att bekanta dig med huvudfunktionerna
program;
Fortsätt arbeta med att studera informationsteknologi;
Odla intresset för ämnet
Under lektionerna.
1. Organisatoriskt ögonblick
Kommunicera ämnet och syftet med lektionen
2. Kontrollera läxor.
3. Förklaring av ett nytt ämne
Det finns inga sätt att infoga eller redigera hyperlänkar på Front Page.
skiljer sig från de som används i Word-textredigeraren.
För att skapa en hyperlänk måste du välja text eller grafik
objekt i dokumentet och klicka på det en gång, höger bok. möss. I dök upp
menyn, välj kommandot Hyperlänk. Det markerade ordet visas i fältet
"Text" i dialogrutan "Lägg till hyperlänk".
19

På vänster sida av fönstret finns en "Länk till" panel, avsedd för
välja ett hyperlänkobjekt. Bilden visar alternativet "Länk till fil,
webbsida", så det centrala stora fältet visas
innehållet i mappen där dokumentet är lagrat. Denna del av dialogfönstret
liknar fönstret för att öppna dokument, så även en mycket oerfaren
Användaren har inga svårigheter när han arbetar med den. Hitta filen
som ska öppnas när du klickar på hyperlänken, välj den
klicka och stäng dialogrutan med knappen "OK". Så du
skapat en enkel hyperlänk, markerad med blått i texten och
understrykning. Om du vill sväva
muspekaren till hyperlänken var verktygstipstexten före dig
stäng dialogfönstret, klicka på "Tips"-knappen och öppna ett nytt fönster
dialog skriv texten.
En hyperlänk i ett dokument kan användas för att skicka ett e-postmeddelande
Förbi e-post. Denna tekniska egenskap hos en textredigerare
när det används skickligt visar det sig vara en värdefull didaktisk funktion,
särskilt viktigt när man organiserar distansundervisning för barn
hemarbetare: genom att klicka på hyperlänken startas ett program för att skapa och
skicka e-post, infogas automatiskt i fält
"Till" och "Ämne"-information sammanställd av dig. Att sms: a
Word-editorn reagerade så här när du klickade på en hyperlänk, du behöver den i fönstret
I dialogrutan "Lägg till hyperlänk", klicka på knappen med orden
"E-post" och fyll i de obligatoriska fälten.
Redigera och ta bort hyperlänkar
Som allt i den här världen ändras hyperlänkar ofta. Till exempel kanske
filnamnet på webbsidan som hyperlänken pekar på ändras,
själva sidan kan flyttas till en annan sida eller helt enkelt
raderade. Om en sådan förändring inträffar, då länken som pekar till
Filen har ändrats och måste korrigeras.
a) ändra hyperlänkar
1. Högerklicka på länken du vill korrigera.
En snabbmeny öppnas.
2. Välj kommandot Hyperlink Properties i snabbmenyn.
Dialogrutan Redigera hyperlänk öppnas. Adress som ska korrigeras
Hyperlänken kommer att listas i URL-fältet (ogiltig). Den bör bytas ut
på den högra.
3. I listan med filer, klicka på den du behöver och klicka sedan på knappen Ok.
Hyperlänkadressen ändras för att peka på rätt sida.
20

b) ta bort hyperlänkar
1. Högerklicka på länken du vill ta bort.
En snabbmeny öppnas.
2. Välj kommandot Hyperlink Properties. En dialogruta öppnas
Redigera en hyperlänk. Texten i URL-fältet kommer att markeras.
3. Tryck på Delete-tangenten. URL-fältets text kommer att tas bort.
4. Klicka på knappen
Ok. Länken kommer att tas bort från webbtexten
sidor. Observera att den del av texten som representerade
är en hyperlänk, nu inte understruken.
5. Klicka på knappen Spara i verktygsfältet.
Råd. För att ta bort en hyperlänk kan du helt enkelt ta bort texten på
Webbsida.
Kort
Om i elektronisk version Word-dokument en hyperlänk kan bara vara
en hel ritning, med hjälp av Front Page kan du göra den i en ritning
flera olika hyperlänkar. En sådan ritning kallas bildkarta.
1.
2. Klicka på bilden för att välja den. Som ett resultat
Verktygsfältet Ritningar visas.
3. Klicka på en av följande knappar för att markera i ritningen:
Infoga en ritning eller foto på en webbsida.
1. rektangulärt område - "Hyperrektangel"
2. cirkel eller ellips - "Hypercirkel"
3. godtyckligt område - "Hyperpolygon"
4. Hitta namnet på webbplatsen i fönstret "Lägg till hyperlänk" som öppnas
eller en webbsida som ska öppnas när du klickar inuti
valt område.
5. Upprepa dessa steg med andra delar av bilden.
Ett normalt foto kommer att synas i visningsfönstret, men när
Håller du muspekaren över det aktiva området kommer pekaren att anta formen
pekfinger, och en ledtrådstext visas under den.
4. Praktiskt arbete
Öva färdigheter som lärts i klassen.
5. Lektionssammanfattning
Hur skapar man en hyperlänk?
Hur skapar man en interaktiv karta?
Betygsättning
Ämne: "Skapa interaktiva knappar."
Mål: Fortsätt att bekanta dig med huvudfunktionerna
program;
Fortsätt arbeta med att studera informationsteknologi;
Odla intresset för ämnet
Under lektionerna.
21

1. Organisatoriskt ögonblick
Kommunicera ämnet och syftet med lektionen
2. Kontrollera läxor.
3. Förklaring av ett nytt ämne
FrontPage låter dig skapa interaktiva knappar, d.v.s.
knappar med hyperlänkar.
Observera: Ändringsknappen kommer endast att skapas i icke-delad
gränser!. Om du vill lägga den på allmänna fält, skapa den först i
icke-allmänna fält, och först därefter kopiera dem till de allmänna
För att göra detta, ta kommandot Infoga, Ändra knapp
1. I textfönstret måste du ange namnet på knappen.
2. Klicka på knappen Bläddra för att länka din knapp till en hyperlänk
I det här fönstret väljer du önskad sida och klickar på OK.
3. Gå till fliken Teckensnitt
I det här fönstret kan du ändra typsnittet, det
och stilen på din knapp.
Dessutom kan du ändra knapparnas färger:
Originalfärg
Hover färg
Färg vid tryckning.
4. Gå

på
Ritningsfliken
storlek
Här kan du ställa in knappens bredd och höjd
(om texten inte får plats på knappen)
Om du sätter en prick bredvid orden Använd
för en knapp GIF-format och en transparent bakgrund, då kommer din knapp att vara
ser väldigt snyggt ut på din hemsida.
22

6. Praktiskt arbete
Öva färdigheter som lärts i klassen.
7. Lektionssammanfattning
Ämne: "Skapa en webbplats med hjälp av Front-editorn
Sida"
Slutuppgift
Mål: Att befästa de färdigheter som eleverna förvärvat under tidigare lektioner;
Fortsätt arbeta med att studera informationsteknologi;
Odla intresset för ämnet
Utrustning: Front Page 2003-program,
Under lektionerna.
1. Organisatoriskt ögonblick
Kommunicera ämnet och syftet med lektionen
23

Frontpage har två funktioner som låter dig dela upp en sida i avsnitt som innehåller text och grafik. Dessa är bord och ramar. Fram till denna punkt har vi justerat text på en rad genom att lägga till mellanslag med formatet Formaterat stycke. Du kan också använda tabeller för att justera text. Med hjälp av tabeller justeras formulärfält (kapitel 7 ägnas åt att arbeta med formulär). Du kan också använda Cascading Style Sheets för att formatera sidelement. Det bör noteras att kaskadformatmallar endast stöds i webbläsare senaste versionerna.
Notera
Webbläsare ignorerar formateringselement som blankstegslinjer. Undantaget är när formaterad stil eller symbol används icke-brytande utrymme. I HTML-kod används teckensekvensen för att indikera ett icke-brytande mellanslag. Att använda en uppsättning sådana sekvenser gör det möjligt att visa text med flera på varandra följande mellanslag på en sida som laddas i webbläsaren. I Frontpage kan det icke-avbrytande mellanslagstecknet infogas med hjälp av symboldialogrutan (först på första raden).
Designa tabeller
Det viktigaste verktyget för att utveckla layouten på en webbsida är en tabell. Tabellernas funktioner när du skapar webbsidor varierar. Först och främst vill jag lyfta fram följande:
justering av data genom att infoga i tabellceller (samtidigt som det ger möjlighet att separera data med linjer av varierande tjocklek);
representation av text i form av kolumner;
justering av inmatningsfält och deras namn i formulär;
distribution av text och grafik i olika kolumner;
skapa en ram runt text eller grafik;
placering av grafiska bilder på båda sidor av texten (eller alla sidor) och vice versa;
placering av text längs konturen grafisk bild;
skapa en färgad bakgrund för ett textfragment eller en separat bild;
inklusive tabeller i andra tabeller.
Under skapandet av en tabell, i dialogrutan Infoga tabell, ställs värdena för följande egenskaper in: antalet rader och kolumner, det horisontella upptagna området på sidan, tjockleken på linjerna som skiljer celler och begränsning av tabellen, storleken på intervallen mellan innehållet och den inre kanten av cellkanterna, tabelljustering, etc. . Du kan ändra tabellegenskapsvärdena senare. Du kan när som helst ta bort en eller flera rader eller kolumner, slå samman angränsande celler, formatera innehållet i en cell eller valt område på ett speciellt sätt, etc. När du anger data ökar cellstorleken vertikalt och horisontellt inom gränserna för tabellen och kolumnen.
Notera
Du kan ställa in tabellens bredd antingen i pixlar (fast bredd) eller som en procentandel av bredden på webbläsarfönstret eller ramen där sidan ingår. Bredden på tabellkolumnerna anges antingen som en procentandel av tabellbredden eller i pixlar (fast bredd). Om bredden på en enskild kolumn eller en hel tabell anges i pixlar, beror hur tabellen visas i webbläsaren på skärmupplösningen som är inställd på användarens dator.
Visar tabelldata
I en klassisk tabell är rader och kolumner strikt avgränsade. För att få en sådan tabell måste du utföra följande sekvens av åtgärder:
1. Ladda ner Startsida.
2. Aktivera kommandot Nytt i undermenyn Web i menyn Arkiv.
3. Dialogrutan Nytt kommer att laddas. Som standard är One Page Web-mallen vald. I fältet Ange platsen för den nya webben anger du namnet på webbservern och webbplatsen. Namnge webbplatsen, till exempel TestTables. Klicka på OK.
4. Gå till mappvisningsläge. Dubbelklicka på filnamnet Default.htm. Hemsidan öppnas i sidvy.
5. Tryck på knappen för att infoga en tom rad överst på sidan
6. Öppna menyn Tabell och aktivera kommandot Tabell i undermenyn Infoga. Som ett resultat kommer dialogrutan Infoga tabell att öppnas (Figur 61) Detta fönster visar standardvärdena för tabellegenskapen. Elementen i dialogrutan Infoga tabell beskrivs i Tabell 6.1.

Figur 6.1. Dialogrutan Infoga tabell

Tabell 6.1. Tabellegenskaper

Dialogelement	Tabell egendom
Infoga tabellfönster
Rader	Antal rader i tabellen
Kolumner	Antal kolumner i tabellen
Inriktning	Tabelljusteringsmetod (standard är vänsterjustering)
Kantstorlek	Tjocklek på delnings- och avgränsningslinjer i pixlar Standardvärde - 0 Om detta värde inte ändras visas inte tabellramen i webbläsaren, men i Frontpage indikeras det med en prickad linje
Cellutfyllnad	Mängden utrymme (i pixlar) mellan cellens kanter och dess innehåll (standardvärdet är 1)
Cellavstånd	Avstånd (i pixlar) mellan intilliggande celler (standardvärdet är 2)
Ange bredd	Tabellbredd Detta värde anges antingen i pixlar (omkopplare i pixlar) eller som en procentandel av bredden på webbläsarfönstret eller ramen där sidan ingår (växeln i procent)

7. Ändra inte något av värdena Klicka på OK. Som ett resultat kommer en tabell att skapas med två rader och två kolumner Välj tabellen med med hjälp av kommandot Tabell i undermenyn Välj i menyn Tabell. Tryck på knappen för att radera tabellen. Om du inte skapade en tom rad i början av sidan i steg 5, gör det nu.
8. Klicka på knappen Infoga tabell i verktygsfältet Tabell. En tabellprototyp kommer att dyka upp framför dig, där det är mycket enkelt att ange hur många rader och kolumner tabellen ska innehålla. Klicka på den andra cellen i den andra raden, som visas i följande bild. I det här fallet kommer också en tabell som består av två rader och två kolumner (fyra celler) att skapas.
Vi tittade på två sätt att skapa en tabell. När du använder knappen Infoga tabell i verktygsfältet tillämpas standardvärdena. Om du aktiverar kommandot Tabell i undermenyn Infoga i Tabell-menyn, bestämmer du självständigt värdena för parametrarna för tabellen som skapas.
Notera
Med knappen Infoga tabell kan du skapa en tabell som innehåller många fler rader och kolumner än vad som ursprungligen visades i prototypen:
När du flyttar muspekaren från kanten expanderar prototypen automatiskt.
Tabellegenskaper
Värdena som tilldelats egenskaperna för en tabell definierar den utseende.
1. Ange siffran 5 i den övre vänstra cellen i tabellen vi skapade.
Tryck på knappen för att flytta till cellen till höger och skriv in följande mening:
Det här är en ganska lång mening. Din tabell ska se ut som på följande bild. Bredden på detta bord når nästan 100% av fönstrets bredd.

2. Tryck på nedåtpilen två gånger för att flytta markören utanför tabellen. Infoga tre tomma rader efter tabellen genom att trycka på knappen tre gånger.
Notera
Om du placerar markören i den sista cellen och trycker på knappen läggs en ny rad till i tabellen och markören flyttas till den första cellen i den nya raden.
3. Aktivera kommandot Tabell i undermenyn Infoga i menyn Tabell och avaktivera alternativet Ange bredd längst ned i dialogrutan (inmatningsfältet med samma namn blir otillgängligt). Klicka på OK. Som ett resultat kommer en andra tabell att visas, vars bredd är mycket mindre än den första.
4. Ange siffran 1 i den vänstra cellen på den första raden i tabellen, tryck på tangenten så att markören flyttas till den andra cellen på den första raden och skriv in en mening. Det här är en ganska lång mening
Flytta till den vänstra cellen på den andra raden med knappen och ange siffran 2. Tryck på knappen igen (markören flyttas till den högra cellen på den andra raden) och skriv in en mening: Detta är bara en mening
Bredden på varje kolumn ställs in enligt den längsta raden i den kolumnen (Figur 6.2).

Ris. 6.2. Egenskapen Specificera bredd är inställd för den översta tabellen, men inte för den nedre tabellen.

5. Högerklicka på den andra tabellen och välj kommandot Tabellegenskaper i snabbmenyn, vilket öppnar dialogrutan med samma namn som visas i Fig. 6.3. Som i dialogrutan som öppnas med hjälp av kommandot Tabell i undermenyn Infoga i menyn Tabell (Fig. 6.1), kan du ställa in tabellparametrar som justering, tjockleken på tabellens delande och begränsande linjer, storleken på intervallen mellan cellens kanter och dess innehåll, intervallet mellan intilliggande celler och tabellbredd. Dessutom är det möjligt att bestämma höjden på tabellen, välja en färg för den solida bakgrunden i tabellen eller en bakgrundsbild och ange färgen för skiljelinjerna. I listrutan Flytande kan du ange vilket sätt att flytta tabellen - till höger eller vänster - för att placera text eller en bild till vänster eller höger om tabellen. Som standard är fältet Flytande inställt på Standard. Enligt denna inställning kan text endast placeras under eller ovanför tabellen.

Fig 6 3 Dialogrutan Tabellegenskaper

6. Ställ in följande värden för tabellegenskaperna: Kantstorlek - 5, Cellutfyllnad - 6, Cellavstånd - 8. Bekräfta inställningarna genom att klicka på OK-knappen. Din tabell ska se ut som på följande bild. Högerklicka på den högra cellen i den första raden i den översta tabellen (Figur 6-2) och välj kommandot Cellegenskaper i snabbmenyn En dialogruta med samma namn öppnas (Figur 6-4). Elementen den innehåller beskrivs i tabell 6.2.

Figur 6.4. Dialogrutan Cellegenskaper

Tabell 6.2. Cellegenskaper

Dialogelement Fönster för cellegenskaper	Fungera
Horisontell Ahgnment	Justera cellinnehåll horisontellt Följande alternativ är tillgängliga: Vänster, Center, Höger. Vänsterjustering är inställd som standard
Vertikal inriktning	Justera cellinnehåll vertikalt Följande alternativ är tillgängliga: övre (övre kant), mitten (mitten), baslinje (justera cellinnehåll längs referenslinjen), nedre (underkant) centerjustering är inställd som standard
Spännde rader	Detta fält anger hur många rader du vill sträcka ut denna cell.
Spaltade kolumner	Det här fältet anger hur många kolumner du vill sträcka cellen in i.
Rubrikcell	Formatera en cell som en rad- eller kolumnrubrik (ställer in celltexten till fetstil)
Ingen Wrap	Förbud mot avstavning inom en cell i en webbläsare; annars bryts texten om webbläsarfönstret är för smalt för att visa det helt
Ange bredd	Anger cellhöjden i pixlar eller som en procentandel av den totala tabellhöjden (endast om alternativet Ange höjd är aktivt). Om det här alternativet är avaktiverat ändras cellens höjd automatiskt så att den inmatade texten eller objektet som placeras i den passar helt
Gränser	I det här området av fönstret kan du definiera färgen för delande och begränsande linjerna, som kan vara antingen enfärgade eller tvåfärgade. I det första fallet använder du inmatningsfältet Border, i det andra - två valfria fält av de tre föreslagna. I det senare fallet visar sig ramen vara voluminös
Bakgrund	Skapa en bakgrund för en cell (antingen en enfärgad eller innehållande en bild)

Egenskapsvärden kan ändras för antingen en enskild cell eller ett valt område.

Notera

När du ändrar cellbredden, se till att den totala bredden på cellerna i raden inte överstiger 100 %, annars visas inte tabellcellerna korrekt.

1. I listrutan Horisontell justering i dialogrutan Cellegenskaper väljer du Center och i rutan Vertikal
Justering - objekt Top (justera mot den övre kanten). I fältet Kantstorlek anger du värdet 1. Bekräfta inställningarna genom att klicka på OK.
Som ett resultat kommer sättet att ordna data i cellen att förändras, och tjockleken på delnings- och begränsningslinjerna blir lika med en pixel.
2. Välj den nedre raden i tabellen och högerklicka. Från snabbmenyn väljer du kommandot Cellegenskaper. Ange värdet 2 i fältet Spännda kolumner och klicka på OK. Den resulterande tabellen bör se ut som den nedan. Cellen längst till vänster kommer att överlappa de två översta, men det bör finnas ytterligare en cell till höger.

Notera
Du kan välja ett visst antal celler i en tabell enligt följande: placera muspekaren till vänster om cellen från vilken du ska börja markeringen, och när den ändras till en pil som pekar uppåt till höger, tryck på vänster musknapp och välj önskade celler.
Notera
Kolumnerna i tabellen du skapar kan ha andra bredder än de som visas i figuren. Detta beror på skillnader i bildskärmsupplösningar.
3. Tryck på en tangentkombination eller aktivera kommandot Ångra redigera egenskaper på menyn Redigera för att ångra ändringarna.
4. Välj den första raden i den översta tabellen, öppna dialogrutan Cellegenskaper och ange värdet 2 i fältet Spannrade rader. Klicka slutligen på OK. De två översta cellerna kommer att flyttas till vänster och de två nedre cellerna kommer att flyttas till höger.

5. Klicka på knappen Ångra i verktygsfältet. Gå till den vänstra cellen i den första raden i den översta tabellen och öppna dialogrutan Cellegenskaper. Ställ in alternativet Ange bredd och aktivera omkopplaren In Pixels för att självständigt kunna ange cellbredden i pixlar (inmatningsfältet Ange bredd blir tillgängligt). Ange värdet 40 i inmatningsfältet Ange bredd och klicka på OK. Båda cellerna i den första kolumnen kommer att öka i storlek.

7. Aktivera knappen Ångra, klicka på den högra cellen på den andra raden och öppna menyn Tabell. Denna meny innehåller fyra undermenyer. Tabellmenykommandon beskrivs i tabellen. 6.3.

Tabell 6.3. Tabellmenykommandon
Team	Beskrivning
Rita tabell	Gör att du kan rita en tabell på samma sätt som att använda en penna på ett pappersark
Tabell undermeny Infoga	När detta kommando är aktiverat öppnas dialogrutan Infoga tabell. I den kan du ställa in parametrarna för tabellen som skapas, som kommer att infogas i den position där markören är placerad (om markören är placerad i en cell i en annan tabell kommer den andra tabellen att placeras i den)
Infoga rader eller kolumner undermenyn Infoga	Dialogrutan Infoga rader eller kolumner anger antalet rader och kolumner som kan infogas ovanför, under, till höger eller till vänster om markeringen.
Cell undermeny Infoga	Infogar en ny cell till vänster om den markerade cellen som flyttas till höger
Bildtext undermeny Infoga	Designad för att infoga en tom rad ovanför bordet. Den här raden är associerad med en tabell: när en tabell väljs eller tas bort, väljs eller raderas även rubriken. Som standard är tabellhuvudet inställt på mittjustering, men det kan vara vänster- eller högerjusterat
Ta bort celler	Används för att radera markerade celler
Sammanfoga celler	Låter dig slå samman flera celler i både en rad och kolumn
Dela celler	I dialogrutan Dela cell kan du ange att de markerade cellerna ska delas upp i både rader och kolumner
Cell, Rad, Kolumn, Tabell undermeny Välj	Det första kommandot används för att välja den aktuella cellen, det andra - den aktuella raden, det tredje - den aktuella kolumnen och det fjärde - hela tabellen
Fördela rader jämnt, Fördela kolumner jämnt	Det första kommandot låter dig ställa in samma bredd för valda rader och det andra - för valda kolumner
Autofit	Minskar längden på varje kolumn till den storlek som informationen i dem direkt upptar. Att aktivera detta kommando har samma effekt som att inaktivera alternativet Specificera bredd i dialogrutan Infoga tabell, dvs. Längden på cellerna ändras automatiskt beroende på längden på den inmatade texten eller längden på objektet som placeras i dem
Text till tabell undermenyn Konvertera	Låter dig konvertera markerad text till en tabell. Aktivering av detta kommando öppnar en dialogruta för att välja ett avgränsningstecken. Använd kommatecken för att separera kolumninnehåll och styckemarkörer för att separera rader.
Undermenyn Tabell till text Konvertera	Låter dig konvertera tabelldata till text, där innehållet i varje cell bildar ett separat stycke
Bildtext, Cell, Tabellegenskaper undermeny	Dessa tre kommandon ger åtkomst till fönstren Bildtextegenskaper, Cellegenskaper och Tabellegenskaper.

Notera
För att markera flera icke-intilliggande celler, håll nere
Menytabell. Låt oss ta en närmare titt på några av tabellmenyns kommandon som beskrivs i Tabell. 6.3
1. Aktivera kommandot Tabell i undermenyn Infoga. I dialogrutan som öppnas klickar du på OK utan att ändra standardinställningarna. Som ett resultat kommer en tabell med två rader och två kolumner att visas i cellen.

Notera
När vi skapade den andra tabellen (steg 3 i den andra övningen i det här kapitlet) inaktiverade vi alternativet Ange bredd i fönstret Infoga tabell. Vid steg 1 i den tredje övningen skrev vi in ​​värdet 1 i fältet Kantstorlek i Fönstret Tabellegenskaper. På Frontpage sparades dessa inställningar, så när du skapar en ny tabell i fönstret Infoga tabell kommer alternativet Ange bredd som standard att vara inaktiverat och fältet Kantstorlek kommer att innehålla värdet 1.
1. Klicka först på knappen Ångra och sedan på den vänstra cellen i den första raden i tabellen. Välj kommandot Rader eller kolumner från undermenyn Infoga. Som ett resultat kommer dialogrutan med samma namn att öppnas

Håller med om standardinställningarna: omkopplarna för val av rader och under är valda och värdet 1 anges i fältet Antal rader. Klicka på OK-knappen. En ny rad visas under den första raden i tabellen
3. Aktivera återigen kommandot Infoga rader eller kolumner i undermenyn Infoga. Ställ in alternativknapparna för kolumner och vänster om markeringar (till vänster om det valda området) Klicka sedan på knappen OK. Den resulterande tabellen ska se ut som följande figur

4. Aktivera kommandot Cell i undermenyn Infoga. Som ett resultat kommer en ny cell att infogas i tabellen och cellen till höger flyttas utanför raden till höger. Markören placeras automatiskt i den nya cellen

För att markera en cell, aktivera kommandot Cell i undermenyn Välj (välj en cell) eller tryck på tangenten när du klickar på en cell. För att ta bort celler, använd kommandot Ta bort cell
5. Aktivera kommandot Caption i undermenyn Infoga. Markören kommer att placeras ovanför tabellen i mitten. Skriv in följande mening. Detta är tabellhuvudet
6. Markera den nedersta raden i den första tabellen Välj sedan kommandot Merge Cells. Som ett resultat kommer alla skiljelinjer mellan celler att tas bort i den nedre raden

7. Klicka på cellen längst till höger på den första raden och aktivera kommandot Dela celler. Dialogrutan Dela celler öppnas

Acceptera standardinställningarna och klicka på OK. Den angivna cellen kommer att delas i två

8. Aktivera kommandot Tabell i undermenyn Välj och tryck på knappen. Tabellen kommer att raderas. Klicka på knappen Ångra för att återställa den.
Notera
Det finns ett annat sätt att välja en tabell: dubbelklicka till vänster om tabellen (de av dess gränser)
9. Öppna dialogrutan Tabellegenskaper och ange värdet 0 i inmatningsfältet Kantstorlek Klicka på OK. Som ett resultat kommer tabellgränserna att indikeras med prickade linjer.
Rita ett bord
Hittills har du skapat tabeller med hjälp av kommandot Tabell i undermenyn Infoga i menyn Tabell. I det här fallet genereras webbplatsen automatiskt i enlighet med de inställda egenskapsvärdena. Efter att ha skapat tabellen ändrade du dessa värden i dialogrutan Tab!c Pioperties, la till och tog bort kolumner och rader, sammanslagna celler och så vidare. genom Tabies kommandon. Frontpage erbjuder ett annat sätt att skapa och redigera tabeller, enligt vilket knapparna på Able-verktygsfältet används för att bearbeta tabeller. Med knappen Rita tabell kan du rita en tabell manuellt. Eraser-knappen används för att ta bort delar av degellinjer från celler. De återstående knapparna duplicerar motsvarande tabellmenykommandon
1. Placera markören på en tom rad mellan två tabeller och tryck sedan två gånger på musknappen och en gång på uppåtpilen.
Notera
Det är en bra idé att lämna en tom rad mellan tabeller när du skapar dem, eftersom Frontpage gör det svårt att infoga rader mellan tabeller. Det är lättare att ta bort onödiga efter att ha avslutat layouten.
1. Från menyn Tabell, aktivera kommandot Rita tabell. Som ett resultat kommer tabellverktygsfältet att visas och muspekaren kommer att se ut som en penna. I tabell 6 4 beskriver knapparna i Tabellverktygsfältet
3. Placera muspekaren mellan de befintliga tabellerna på sidans vänstra sida och flytta den först horisontellt till halva sidan och sedan nedåt ett avstånd som är lika med höjden på den andra tabellen.
Kapitel 6. Tabeller och lulramar
4. Placera muspekaren på bordets övre kant, nära det vänstra hörnet. Flytta pekaren horisontellt ett avstånd som är lika med halva tabellens längd. Flytta den ner till den nedre kanten. Tabellen har nu två kolumner.
5. Skapa tre rader i den högra kolumnen (höjden på raderna kan vara godtycklig).
6. Välj den andra kolumnen i tabellen. Klicka på knappen Fördela rader jämnt i verktygsfältet, vilket gör att alla tre raderna blir lika höga.

7. Rita en linje som delar den andra raden i den högra kolumnen i två delar.
8. Rita två linjer som delar den nedre raden i höger kolumn i tre delar. Bredden på den första nya cellen ställs in lika med bredden på cellen ovanpå

9. Placera pekaren på den högra kanten av den första kolumnen. Som ett resultat kommer pekaren att ta formen av en dubbelhövdad pil.
10. Flytta kolumnkanten åt höger för att expandera den.
11. Aktivera knappen Radera i verktygsfältet Tabell. Muspekaren kommer att visas som ett sudd. Dra radergummit vinkelrätt mot linjen som separerar cellerna längst till höger och mitten på den nedre raden. Som ett resultat kommer denna skiljelinje att försvinna (se nedan).

12. Klicka på Eraser-knappen igen (den normala vyn för muspekaren kommer att återställas). Placera pekaren överst i den andra kolumnen. När pekaren förvandlas till en liten svart pil som pekar nedåt, klicka för att markera kolumnen.
13. Tryck på knappen och flytta pekaren till höger, placera den ovanför den yttersta kolumnen. När du klickar kommer de två yttre kolumnerna att markeras.
14. Klicka på knappen Fördela kolumner jämnt i verktygsfältet. Den resulterande tabellen visas nedan.

15. Välj tabellen med kommandot Tabell i undermenyn Välj i menyn Tabell och tryck på knappen för att radera den.
Tabell 6 4. Knappar i tabellverktygsfältet

Övningarna vi utförde är designade för att visa hur stora möjligheter FiontPage har när det gäller att skapa tabeller.Alla operationer utförs i WYSIWYG-läge, i vilket skede av arbetet som helst kan du se hur den skapade tabellen kommer att se ut i webbläsaren.

Importera textinformation till en tabell.

För att korrekt importera text till en tabell måste den förberedas därefter, textfragment som placeras i angränsande tabellceller måste separeras från varandra med specialtecken (avgränsare), såsom kommatecken. Oftast används skiljetecken som avgränsare. Utför sedan följande sekvens av åtgärder:
1. Klicka under den nedre tabellen, tryck på knappen

2. Välj den inmatade texten; meny 1 Table och aktivera kommandotexten Till Table Undermeny Kom *
3. I dialogrutan Konvertera text till tabell som läses in, välj omkopplaren Annat, ta bort prickarna i fältet till höger och skriv ett semikolon Klicka på OK-knappen Som ett resultat kommer texten att importeras till tabellen (Figur 6.5.)

Figur 6.5. Tabell skapad från testinformation

Notera
HTML stöder inte tabbtecken Om du konverterar textinformation till en tabell som använder tabbar för att separera informationsuppsättningar, kommer dessa tecken att tas bort och tabellen skapas inte korrekt. Istället för tabulatorer bör du använda skiljetecken, som inte används i textfilen. I det här exemplet används semikolon eftersom texten innehåller kommatecken och bindestreck. Ett alternativt tecken är en styckemarkering * Du kanske vill importera innehåll till tabellen textfil Men först måste du importera text från filen och sidorna) genom att aktivera kommandot Arkiv i menyn Infoga. Man bör komma ihåg att Frontpage inte importerar kyrillisk text korrekt (den har inga problem med latin). Därför, om du vill extrahera liknande text från en fil och placera den på sidan, öppna filen i en textredigerare som Anteckningar och överför texten till sidan med hjälp av urklipp - Notera. ed.
4. Välj den nedersta (tomma) raden i tabellen, om det finns en, och ta bort den.
5. Högerklicka på tabellen och aktivera kommandot Tabellegenskaper från snabbmenyn. I listrutan Justering i dialogrutan som öppnas, välj mittelementet och stäng sedan av alternativet Ange bredd I fältet Cellutfyllnad anger du värdet 4, och anger alltså avståndet mellan cellens kanter och dess innehåll. När du har slutfört alla ovanstående inställningar klickar du på OK-knappen.
6. Välj isepxmolo-raden, högerklicka på den och öppna dialogrutan Cellegenskaper.I det här fönstret ställer du in alternativet Rubrikcell och väljer Vänster i listrutan Horisontell justering. Klicka slutligen på OK.
7. I menyn Tabell, aktivera kommandot Caption i undermenyn Infoga. Klicka på knappen Fet i formateringsverktygsfältet. Tabelltiteln du anger kommer att vara i fetstil. Ange till exempel följande titel. FULLSTÄNDIGA NAMN. och de anställdas födelseår
8. Välj den första raden i tabellen och klicka på listrutan Fyllningsfärg i verktygsfältet Tabell. I listan som öppnas väljer du Aqua-färgen (tredje kvadraten från vänster i andra raden) och klickar på OK.

9. Välj de återstående raderna i tabellen och öppna dialogrutan Cellegenskaper. Ange en gul färg i listrutan Färg i området Bakgrund och i listrutan Horisontell justering väljer du Center.
Klicka på OK-knappen. Den resulterande tabellen bör se ut som den som visas i fig. 6.6.
10. Klicka på knappen Spara för att spara de skapade tabellerna.
11. Från Arkiv-menyn, välj Förhandsgranska i webbläsare. I dialogrutan som laddas väljer du webbläsaren Internet Explorer 5.0 och klickar på knappen Förhandsgranska. I fig. 6.7 presenteras Hemsida Test Tables webbplats som innehåller tabellen vi skapade. Om du använder en annan webbläsare, öppna den här sidan i den och se hur tabellen vi skapade kommer att visas.
De senaste webbläsarversionerna har utökat stöd för tabeller. Tidigare fanns det betydande skillnader mellan hur tabeller visades i olika webbläsare. Vissa webbläsare stödde dem inte alls. Du bör granska ditt arbete i olika webbläsare och utvärdera hur dina tabeller ser ut i dem. För närvarande domineras webbläsarmarknaden av produkter från Netscape och Microsoft. Dessa två webbläsare stöder tabeller ganska bra.

Ris. 6.6. Slutlig version av tabellen (Sidvisningsläge)

Ris. 6.7. Finaltabell (Internet Explorer 5.0)

Använda tabeller när du designar en webbsida

Tabeller är användbara för att dela upp en sida i områden där information kommer att presenteras.
Följ dessa steg:
1. Skapa en ny sida i sidvyn. Infoga en tom rad i början av sidan.
2. Aktivera Clip Art-kommandot i undermenyn Bild i menyn Infoga. Dialogrutan Clip Art Gallery kommer att laddas. Rulla ned i fönstret för att se ikonen Platser. Dubbelklicka på den. Fönstret visar bilder relaterade till kategorin Platser. Välj en bild med Taj Mahal arkitektoniska monument och klicka på knappen Infoga klipp i panelen som visas. Bilden kommer att placeras på sidan.
3. Placera markören under bilden och skriv in följande text: "Monument av indisk arkitektur. Mausoleum av Sultan Shah Jahan och hans fru. Beläget 2 kilometer från staden Agra. Femkupolkonstruktion gjord av vit marmor med en mosaik av färgade stenar. Höjd är 74 meter. K Taj Mahal ligger i anslutning till fyra minareter och en trädgård. En målning av den berömda ryske konstnären V.V. Vereshchagin, som besökte Indien, introducerar detta exempel på indo-muslimsk arkitektur."
4. Markera den inmatade texten. Tryck på tangentkombinationen för att kopiera texten till urklipp. Placera markören i slutet av den sista meningen och infoga ett mellanslag. Tryck på tangentkombinationen. Som ett resultat kommer textarrayen att ökas, vilket gör att du kan uppnå det önskade resultatet ytterligare - omge bilden med text.
5. Flytta pekaren till början av sidan. Aktivera kommandot Tabell i undermenyn Infoga i menyn Tabell. I det inlästa fönstret anger du värdet 2 i fältet Rader, -1 i fältet Kolumner, 0 i fältet Kantstorlek och stäng av alternativet Ange bredd. Den nya tabellen kommer att ersätta grafiken och texten, som flyttas ner. Resultatet visas i följande figur.

6. Dra bilden till den översta raden i tabellen.
7. Ange namnet på monumentet "Taj Mahal" på den nedre raden i tabellen. Ställ in texten i fetstil och justera den mot mitten av gabtatsan genom att klicka på knapparna Fet respektive Center på panelen Formateringsverktyg
8 Öppna dialogrutan Tabellegenskaper och markera Vänster i listrutan Flytande Klicka på OK. Som ett resultat kommer texten att placeras runt bordet. I annan text skräp WOT kallas effekten omslag

9 Spara sidan, ge den namnet Tatj _Mahal och titeln Taj Mahal I Arkiv-menyn, aktivera kommandot Förhandsgranska i webbläsare Välj webbläsare och klicka på Pieview-knappen I Fig. 6-8 visas sidan i Internet Explorer 5 O webbläsare
Som du har sett gör tabeller det enkelt att anpassa bilder och bildtexter. Skapa några mallsidor som använder tabeller för att visa hur kraftfulla de är som ett sätt att presentera information.

Figur 6.8. Linda text runt en bild

Du kanske har dina egna idéer angående användningen av tabeller på en webbsida. Implementera dem. Experimentera tills du uppnår önskat resultat. Detta är det enda sättet du kan få en framgångsrikt designad sida.

Arbeta med personal

Klapbi, liksom tabeller, används för att placera information på enskilda sidor om gäster. Ramar är fönster placerade på en webbsida och utformade för att visa andra webbsidor. Valfritt antal ramar kan placeras på en sida. Att använda ramar är mycket bekvämt att presentera information på en webbplats med komplext system rubriker I det här fallet bör du skapa en sida med två ramar: en innehållsförteckningsram och en huvudram Innehållsförteckningsramen innehåller en lista över rubriker som är länkar. När en länkkategori är aktiverad laddas motsvarande sida in i huvudramen.
Därefter kommer du att slutföra en enkel handledning utformad för att demonstrera HR-principer (det här exemplet kommer bara att ha tre rubriker). Detta exempel vi kommer att ägna oss åt arkitektoniska monument.
1. Skapa en ny ensidig webbplats och döp den till Ramar. I sidvisningsläge, aktivera sidkommandot i undermenyn Ny i menyn Arkiv. I dialogrutan Ny som laddas, gå till fliken Ramsidor, som visar sidmallar med ramar (Fig. 6.9).
Som standard är mallen Banner och innehåll vald. Förhandsgranskningsområdet visar sammansättningen av sidan som kommer att skapas baserat på denna mall, och området Beskrivning ger en beskrivning av mallen. Välj var och en av mallarna en efter en för att läsa deras beskrivning och ta reda på vilka sidor som kan skapas utifrån dem.

Ris. 6.9. Ny dialogruta (fliken ramsidor)

2. När du har granskat mallalternativen väljer du mallen sidhuvud, sidfot och innehåll. Klicka på OK.
Resultatet blir en sida som innehåller fyra ramar: en ram med en rubrik (översta ram), en innehållsförteckningsram till vänster, en huvudram och en sidfotsram (nedre ram) (Figur 6.10). Varje ram innehåller två knappar: Ställ in första sida (används för att välja den första sidan, dvs. den sida som först visas i ramen efter
laddar ramsidan i webbläsaren) och Ny sida (klicka på knappen Ny
Sidan resulterar i en tom första sida).

Ris. 6.10. En ramsida baserad på mallen sidhuvud, sidfot och innehåll

3. Klicka på knappen Ny sida i den övre ramen. Detta skapar en ny tom sida i ramen.
Notera
För att kunna använda en befintlig sida som den första sidan av en ram, måste du göra följande: i denna ram, klicka på knappen Ange första sida; i dialogrutan Skapa hyperlänk som läses in, välj önskad sida och stäng fönstret med OK-knappen.
4. Högerklicka på sidan i den övre ramen och välj Delade gränser från snabbmenyn. I den inlästa dialogrutan med samma namn är växeln Aktuell sida vald som standard (ändra inte den här inställningen). Om några tillval är installerade, stäng av dem.

Notera
Ramar är ett alternativt navigeringsverktyg till delade områden. Därför, om det finns ramar på webbplatsen, används inte de gemensamma utrymmena.
5. På sidan i den övre ramen anger du rubriken "Arkitektoniska monument". Ge rubriken styckestilen Rubrik 2 och rikta in den mot mitten.
6. Klicka på knappen Ny sida i den nedre ramen. På den skapade sidan anger du följande mening: "För frågor eller kommentarer, kontakta: [e-postskyddad]". Markera den inmatade texten och välj värdet 2 i listrutan Teckenstorlek i verktygsfältet Formatering. Teckenstorleken för den inmatade meningen blir 10 punkter.
7. Skapa en ny sida i innehållsförteckningsramen (vänster ram). Skriv in följande tre rader med text (efter att ha skrivit in nästa rad, tryck på knappen):
Akropol
Pyramider
Taj Mahal
8. Skapa en ny sida i huvudramen genom att klicka på knappen Ny sida. Tryck på knappen för att skapa en tom rad. På den andra raden anger du följande mening: "Välkommen till arkitekturens värld!" Ge den inmatade texten en rubrik 1-styckestil och justera den mot mitten av sidan. Gör texten kursiv (välj den och klicka på knappen Kursiv i formateringsverktygsfältet).
Så de första sidorna för alla ramar har skapats. Nästa kommer vi att göra ändringar i startsida innehållsförteckning ram.
9. Klicka på knappen Ny sida i verktygsfältet Standard. En ny tom sida kommer att skapas utan ramar. Aktivera Clip Art-kommandot i undermenyn Bild i menyn Infoga. Dialogrutan Clip Art Gallery kommer att laddas. I fältet Sök efter klipp anger du namnet på det arkitektoniska monumentet:
Akropol. Efter en tid kommer sökresultaten att presenteras (se nedan) - en bild av Akropolis. Välj en bild och klicka på knappen Infoga klipp i panelen som visas. Bilden kommer att placeras på sidan.

10. Skapa två nya tomma sidor och placera ytterligare två bilder av arkitektoniska monument från Clip Art-biblioteket på dem: på den första - egyptiska pyramiderna, på den andra - Taj Mahal. I det första fallet, i fönstret Clip Art Gallery, anger du Pyramids som sökkriterium, i det andra - Taj Mahal.
11. Gå till sidan med bilden av Akropolis. Klicka på knappen Spara. Ange ett filnamn för Akropolis-sidan i dialogrutan Spara. htm och ändra standardtiteln till Akropolis. Klicka på knappen Spara. Dialogrutan Spara inbäddad fil kommer att laddas. Klicka på knappen Ändra mapp. I fönstret med samma namn väljer du mappen Bilder. Stäng båda fönstren med OK-knapparna. Bildfilen kommer att sparas i mappen Bilder
12. Spara sidorna med bilder på pyramiderna och Taj Mahal-palatset. I det första fallet, ange Pyramids htm och Pyramids som sidans filnamn och titel, i det andra - Taj_Mahal.htm och Taj Mahal.
13. Gå till sidan i innehållsförteckningsramen. Markera ordet Akropolis och klicka på Hyperlänk-knappen i standardverktygsfältet. I fönstret Skapa hyperlänk väljer du sidan Acropolis.htm. Fältet Målram måste innehålla en post för standardsida (huvud). Det betyder att sidan (Acropolis.htm) som hyperlänken skapas till kommer att öppnas i huvudramen. Du kan ändra målramen i dialogrutan Målram, som öppnas genom att klicka på knappen Ändra målram. I listan Gemensamma mål i det här fönstret måste du välja lämplig post. I synnerhet, om objektet Nytt fönster är markerat, när du klickar på hyperlänken, kommer sidan att öppnas i ett nytt webbläsarfönster, och om objektet Samma ram är markerat, öppnas sidan i samma ram som hyperlänken finns

14. Med ledning av föregående stycke, i innehållsförteckningsramen, skapa ytterligare två hyperlänkar till sidorna Pyramids.htm och Taj_Mahal.htm, inklusive i dem respektive orden Pyramids och Taj Mahal. Således har tre hyperlänkar skapats i innehållsförteckningsramen, när den är aktiverad, öppnas motsvarande sidor i huvudramen.
15. Vi har skapat klart ramsidan. Resultatet visas i fig. 6.11.
16. Från Arkiv-menyn, välj kommandot Spara. Dialogrutan Spara som kommer att laddas och du uppmanas att spara sidan i den övre ramen. Den högra sidan av fönstret Spara som visar sammansättningen av sidan med ramar (ramen som för närvarande sparas motsvarar det skuggade området). Namnge sidan Fr_header Klicka på knappen Spara. Därefter kommer fönstret Spara som att be dig spara den nedre ramsidan (ramsidorna sparas i den ordning som de skapades). Namnge den nedersta ramsidan FrJboter, innehållsförteckningssidan Fr_contents, huvudramen Fr_main. Slutligen kommer du att bli ombedd att spara ramsidan. Ge det namnet Ramar och titeln "Arkitektoniska monument" (Fig. 6.12)

Ris. 6.11. Sida med ramar i sidvisningsläge

Ris. 6.12. Procedur för att spara en sida med ramar

17. Ladda sidan med ramarna i webbläsaren och se hur det blir
att se ut som.

Ris. 6.13. Sida med ramar från Frames webbplats i webbläsaren

En ram har ett antal egenskaper som du kan kontrollera. Ramegenskapsvärden ställs in i dialogrutan Ramegenskaper. För att öppna det här fönstret, högerklicka på en ram (till exempel en innehållsförteckning) och aktivera kommandot Ramegenskaper från snabbmenyn. Som ett resultat kommer dialogrutan som visas i fig. att öppnas. 6.14. Element i fönstret Frame Properties beskrivs i tabellen. 6.5.

Tabell 6.5. Ramegenskaper

Element	Beskrivning
namn	När du skapar en hyperlänk på en ramsida måste du ange i dialogrutan Skapa Hyperiink namnet på ramen som motsvarande sida ska laddas in i när länken aktiveras
Initial Page Initial page	Detta inmatningsfält indikerar vilken sida som kommer att visas först i ramen när den laddas
Ram storlek	Detta område innehåller två inmatningsfält - Bredd (bredd) och Radhöjd (radhöjd). Värden kan ställas in här i pixlar, i relativa enheter eller som en procentandel av webbläsarfönstrets storlek
Marginaler	Detta område bestämmer storleken på rammarginalerna (intervallen mellan sidinnehållet och ramgränserna) och pixlar
Ändra storlek i webbläsare (ändra storlek i webbläsare)	Om det här alternativet är inställt kan användaren ändra ramstorleken i sin webbläsare
Visa rullningslister (visa rullningslister)	Den här listrutan innehåller tre objekt om det behövs (om det behövs) - rullningslister visas endast om sidinnehållet inte får plats i fönstret, Aldrig (aldrig) - rullningslister visas inte, oavsett mängden information på sidan, Alltid (konstant ) - rullningslister visas ständigt Vilka av dessa objekt som ska väljas beror på innehållet på sidorna som kommer att laddas in i ramen Till exempel, om ramen är placerad överst på sidan och innehåller information som är gemensam för alla sidor (till exempel ett navigeringsfält), bör du välja Nevei. Observera att hur sidan visas beror på skärmupplösningen. Därför är det bästa alternativet att välja alternativet Om det behövs. Om du vill ge användaren med maximala möjligheter att visa information i ramen, välj alternativet Alltid

Klicka på knappen Ramar sida i dialogrutan Ramegenskaper, som öppnar dialogrutan Sidegenskaper. I inmatningsfältet Ramavstånd kan du ställa in tjockleken på skiljelinjerna mellan ramar på sidan. Alternativet Visa ramar avgör om linjer mellan ramar ska visas.

Du kan skapa ytterligare ramar på ramsidan. Utför följande steg: i sidvisningsläge, håll ner tangenten och flytta den övre kanten av huvudramen något nedåt, släpp sedan tangenten och musknappen. Som ett resultat kommer en ram att skapas ovanför huvudramen (Fig. 6.15), som inte innehåller en sida.

Ris. 6.15. Ny ram

Vi hoppas att du är övertygad om att ramar är ett mycket bekvämt sätt att presentera information. Ett av problemen som uppstår när man arbetar med ramar är att inte alla webbläsare stöder dem. Netscape Navigator stöder ramar från och med version 20 och Internet Explorer – från version 3 0 Ramstöd introducerades i HTML 3 2 Vissa användare använder fortfarande äldre webbläsare Så var medveten om att en betydande del av din publik kanske inte kan se ramsidorna ordentligt. Lösningen på detta problem är att skapa en No Flames-sida (inga ramar). Om användarens webbläsare inte stöder frames, kommer sidan No Frames att visas istället. Frontpage genererar automatiskt
Sidan Inga ramar när du skapar en ramsida Du kan verifiera detta genom att klicka på fliken Inga ramar längst ner i framsidans fönster när ramsidan är öppen. Figur 6-16 visar sidan Inga ramar skapad som standard. På denna sida kan du kan rekommendera användaren att använda webbläsaren , som stödjer ramar. Du bör också skapa länkar till de webbplatser från vilka du kan ladda ner en webbläsare som stöder ramar (till exempel till Microsofts webbplats från vilken du kan ladda ner webbläsaren Internet Explorer 5.0)
Notera
En sida med ramar tar längre tid att ladda än en vanlig webbsida eftersom den faktiskt laddar flera sidor. Ramar bör användas med omtanke

Figur 6.16. Ingen Flames-sida i Pasu e-visningsläge

Att designa ramsidor i Frontpage är enkelt, tack vare de många funktionalitet tillhandahålls av Frontpage, samt det faktum att i Frontpage utförs sidredigering i WYSIWYG-läge

Innan du börjar arbeta i FrontPage rekommenderar jag att du skapar en mapp specifikt för din webbplats. Det kan kallas "site", "min sida", "min super-duper-sajt" eller, om du föredrar engelska, "min sida", "webbplats".

På Internet fungerar filer med ryska namn tyvärr inte (men det betyder inte att de inte kommer att fungera på din dator), så av en sedan länge etablerad vana kommer jag att använda standardmappen webbplats. Du kan också börja utveckla denna vana, men detta är bara på din begäran :)

Du kan placera den skapade mappen var som helst, på enhet C, i "Mina dokument", på skrivbordet... i princip spelar det ingen roll, huvudsaken är att du har det är bekvämt att arbeta med henne.

Jag råder dig dock inte att skapa en mapp direkt på skrivbordet. Sökvägen till den (du kan se den i mappegenskaperna, eller i själva mappen, den anges i "adress"-raden), i det här fallet kommer att vara mycket lång. Till exempel: "C:Documents and SettingsUsersUser001desktopsite". Visserligen kan den vara kort, till exempel: "C:WINDOWSDesktopsite". Allt beror på inställningarna på din dator.

Om sökvägen fortfarande visar sig vara lång, kan du skapa en mapp för webbplatsen på enhet C (eller D), då blir dess sökväg mycket kortare: "C:site". Och för att öppna en mapp snabbt och enkelt måste du skapa en genväg till den och placera den var som helst som är lämplig för dig, till exempel på samma skrivbord.

Varför bry sig om storleken på mappsökvägen? Detta kommer inte att påverka kvaliteten på webbplatsskapandet på något sätt, men jag har lärt mig av egen erfarenhet att det är mycket bekvämare att arbeta med mappar vars väg inte är särskilt lång. Exemplet kommer att använda följande sökväg till mappen "C:Documents and Settingssite"

Separat mapp för webbplatsen - saken är extremt bekväm, ibland till och med oersättlig. Ditt material och skapade sidor kommer inte att gå förlorade någonstans, utan kommer tyst att ligga i en egen separat mapp.

Att använda FrontPage borde inte vara svårt för en mindre erfaren användare att skapa en webbplats. Till exempel kan du välja en färdig webbplats, ändra standarddata till din egen, lägga till något, ta bort något, och det är det, webbplatsen kan läggas ut på Internet. Du kan skapa en ny webbplats genom att välja Fil(Fil) | Skapa(Ny). Följande fönster öppnas till höger om arbetsytan:

Genom att klicka på länken Andra webbplatsmallar Du kommer att se att det finns många fler olika typer av webbplatser från en sida till företag. För experimentets skull kan du prova att välja en webbplats och skapa en webbplats i den här mallen.

Men jag stöder faktiskt inte det här sättet att skapa en webbplats, eftersom FrontPage skapar många onödiga mappar för en färdig webbplats. Och i allmänhet finns det en massa onödiga grejer.

Därför föreslår jag ett lite annorlunda tillvägagångssätt. Jag föreslår att du skapar en webbplats från början genom att välja alternativet i fönstret Skapa en ny sida Tom sida. Eller så kan du inte välja något, utan helt enkelt stänga fönstret för att skapa en ny sida, eftersom detta objekt redan är valt som standard.

Och i detta tomma utrymme kommer vi att börja skapa den första sidan på webbplatsen, eller snarare, dess mall.

Om du är mer eller mindre bekant med Internet har du säkert märkt att många sajter består av tabeller. Vissa bord är väl synliga, andra är helt osynliga. Detta är vad vi kommer att göra webbplats som består av tabeller.

Nu börjar tabeller som ett sätt att skapa ett ramverk gradvis bli föråldrade, de ersätts av layout med hjälp av lager. Men tabellerna är fortfarande enkla och effektivt sätt sidformatering. Till att börja med är detta helt rätt.

Det finns flera sätt att skapa en tabell i FrontPage. Nu kommer jag att beskriva var och en av dem i detalj, så att du senare kan välja den mest lämpliga för dig själv. Men eftersom du bara kan lära dig genom övning, råder jag dig att inte bara läsa texten nedan, utan också följa alla steg som beskrivs.

Så, första vägen. Välj kommandot från kommandomenyraden Tabell(Tabell), och i rullgardinsmenyn - objektet Föra in(Infoga) med en pil. Flytta musen över den här pilen och en annan rullgardinsmeny öppnas framför dig. Välj ett föremål Tabell(Tabell).

Det första sättet att skapa en tabell i FrontPage är att använda menyn Tabell

Efter att ha valt detta kommando kommer ett fönster att öppnas framför dig där du kan ange olika parametrar för tabellen som skapas.

Vilka parametrar kan du ställa in? I det första området Storlek du kan välja önskad mängd rader(rader) och högtalare(kolumner).

I nästa område Placera(Layout) kan anpassas:

• platsen för tabellen på sidan - för detta i fältet Inriktning(Aligment) måste du välja ett av följande värden:

• Standard(Standard) - då kommer tabellen att placeras efter eget gottfinnande av användarens webbläsare, troligen i vänsterkanten;
• Vänster(Vänster);
• Till höger(Höger);
• Centrerad(Centrum);

• avståndet mellan cellkanten och dess innehåll - för att göra detta anger du det önskade värdet i fältet Cellmarginaler(Cellvaddering);
• avstånd mellan tabellceller - för att göra detta, skriv bara in önskat värde i fältet Cellavstånd(Cell Spasing);
• bordsbredd - notera om kryssrutan Exakt bredd(Ange bredd) tas bort, storleken på tabellen beror bara på dess innehåll. Om kryssrutan är markerad kan du ange bredden i pixlar(i pixlar) eller i procent(i procent). Jag ska genast säga att bredden för huvudtabellen (som vi skapar nu) är bättre i procent, då kommer den att ändras beroende på storleken på användarens fönster.

I området Gränser(Border) kan konfigureras:

• bredd på tabellkanterna - för att göra detta behöver du bara ange önskat värde i fältet Kantstorlek(kantstorlek);
• färg, ljusa och mörka sidor av bordet

I området Bakgrund(Bakgrund) du kan ställa in en färg för bordets bakgrund eller välja en bakgrundsbild.

Låt oss till exempel ta inställningarna som jag angav tidigare. Välja OK och titta på resultatet.

Bra! Låt oss nu försöka använda för jämförelse andra sättet skapa en tabell i FrontPage. På verktygsfältet Standard(Standard) hitta ikonen Lägg till tabell(Infoga tabell) och klicka på den. Detta öppnar en liten tabelllayout.

Ett snabbt sätt att skapa en tabell är att använda en knapp Lägg till tabell(Infoga tabell)

Medan du håller ned vänster musknapp, välj önskat antal rader och kolumner. Så till exempel är två rader och en kolumn markerade i figuren. Om du flyttar musen till den högra eller nedre kanten av layouten kommer den att expandera. När du har släppt musknappen kommer själva tabellen direkt att visas.

Denna metod för att skapa en tabell är mycket enklare och snabbare än den första. Det finns ett "men" - här kan du inte fördefiniera parametrarna för tabellen som skapas. Därför, om du ska skapa en annan tabell med den andra metoden, kan du ändra dess parametrar först efter att du har skapat den.

Jag ska berätta hur du gör det här lite senare, men nu är det mer visuellt, tredje vägen skapa en tabell. det här - ritbord med mus. Vi kommer inte att använda det nu, men om du någonsin behöver skapa komplexa tabeller vet du hur du gör det.

Det första steget är exakt detsamma som i det första fallet. I kommandomenyraden måste du välja kommandot Tabell(Tabell). Men nästa steg är helt annorlunda. När du väljer ett lag Tabell(Tabell), en rullgardinsmeny öppnas framför dig. Titta noga, den har en dubbelpil längst ner. Flytta musen över denna pil. Nu har du hela listan med kommandon framför dig.

Kommandomeny Tabell

Den här gången behöver vi en poäng Rita en tabell(Rita tabell). Klick. Följande lilla fönster öppnas.

Att rita en tabell består av flera steg: den yttre rektangulära konturen av tabellen ritas, linjer ritas som delar upp tabellen i rader och kolumner, och överflödiga linjer raderas.

Se först till att tabellritningsverktyget är aktiverat (det ska visas på en ljusare bakgrund än de andra knapparna). Nu, när markören går in i dokumentområdet, kommer den att ha formen av en penna.

Flytta nu muspekaren till det övre vänstra hörnet av den föreslagna tabellen. Tryck sedan på och håll nere vänster musknapp, flytta den till det nedre högra hörnet av det avsedda bordet och släpp knappen. Som ett resultat kommer tabellens yttre kontur att visas.

Använd nu samma penna och rita linjer som bildar bordets inre struktur.

Du kan ta bort onödiga linjer med hjälp av verktyget Suddgummi(Suddgummi). Det är lätt att använda. På verktygsfältet Tabell(Tabell) klicka på knappen Suddgummi(Suddgummi). Flytta sedan muspekaren till den linje du vill radera och dra längs den. De raderade linjerna blir röda. För att inaktivera suddgummiläget, klicka på knappen Suddgummi(Suddgummi) igen.

Med den här metoden kan du också rita en bra tabell, men låt oss gå tillbaka till den föregående. Vi ska jobba med henne nu.

Den första raden kan lämnas för webbplatsens namn, logotyp, etc. Detta kommer att vara den så kallade toppen av sajten. Vanligtvis lämnas det samma för alla sidor på webbplatsen. Nästa rad innehåller vanligtvis text, bilder, fotografier, i ett ord, information. Det är en bra idé att lämna plats längst ner för diskar som räknar antalet besökare. Du kan också skriva namnet på webbplatsskaparen där :).

Men vi har bara två rader! Måste vi verkligen börja om från början? Nej, vad är du! Vi lägger bara in en rad till. Det finns flera sätt att göra detta.

Till exempel om du fortfarande har verktygsfältet öppet Tabell(Tabell), ny linje kan läggas till genom att klicka på knappen Lägg till rad(Infoga rad). Glöm inte att placera markören på en av tabellraderna innan du gör detta. En ny rad visas före raden som markören stod på.

Nästa metod för att infoga en rad är också ganska enkel. För att börja behöver du bara välja en av de befintliga raderna, klicka på höger musknapp och... Men vänta, hur väljer man en rad? Det är inget komplicerat här heller. Flytta helt enkelt muspekaren över raden du vill markera.

Vänta sedan tills den förvandlas till en pil och klicka på den.

Den markerade raden ser ut så här:

Och nu, utan att ta bort markeringen, högerklicka på den valda raden. En undermeny öppnas framför dig.

Av alla dessa utan tvekan användbara punkter behöver vi nu bara en: Lägg till rader(Infoga rad).

Förresten, du behövde inte välja raden, utan bara klicka på den med markören. Men du kommer fortfarande att behöva förmågan att välja tabeller, rader och kolumner, så vänja dig vid det :)

Följande metod för att infoga nya rader i en tabell är mycket bekvämare. Och nu kommer du själv att förstå varför. Placera markören på raden ovanför (nedan) där du ska lägga till nya rader. Se sedan till vår favoritpunkt Tabell(Tabell), som finns i kommandorad. Välj från rullgardinsmenyn Föra in(Infoga) | Rader eller kolumner(rader eller kolumner). Följande fönster öppnas.

Du ser, längst ner i fönstret kan du välja platsen för den nya raden - ovanför den valda raden (ovanför) eller under den (nedan). Observera att när vi använde de två första metoderna fick vi inte ett sådant val. Låt oss bestämma antalet rader, klicka på OK och se vad vi har.

Nu har vi tre rader. Det fanns en plats för allt, allt som återstod var att bestämma var strukturen på vår webbplats skulle placeras. Har du glömt henne än? Nu ska vi titta på det enklaste sättet att lägga struktur på sidan - genom att placera den på den andra raden, bredvid "information" mitten.

För att göra detta, låt oss skapa en annan tabell med två kolumner i den andra raden. Vi vet redan hur man skapar en ny tabell. Dessutom vet vi tre sätt att göra detta! Vilken kommer vi att använda den här gången?

Låt oss använda den första för nu, eftersom vi måste justera tabellparametrarna från första början. Sökväg för att skapa tabell: Tabell(Tabell) | Föra in(Infoga) | Tabell(Tabell).

I fönstret som öppnas markerar du en rad, två kolumner och bredden på tabellkanterna lika med noll. Ställ in tabellens bredd till 100 % och klicka på OK. Hela tabellen ser nu ut så här:

De små prickarna på den andra raden är samma "osynliga" tabell. Mer exakt, nu är det tydligt synligt, men det beror bara på att vi för tillfället är i redigeringsläge. Och när vi byter till visningsläge kommer tabellen inte att synas.

Vi behöver bara denna "osynliga" tallrik för att modellera bordets utseende, så vi gjorde det "osynligt". Nu måste du infoga en annan tabell i den vänstra kolumnen. Antalet rader ska vara lika med antalet huvudpunkter i strukturen du har sammanställt. Inget behov av att göra kolumner!

Har du tappat bladet än? Sedan överför vi namnen på alla huvudsidor (sektioner) till vår tabell. Titlar interna sidor(underavsnitt) behöver inte finnas med där. För att ange sidrubriker i tabellen, klicka helt enkelt med musen på platsen där texten kommer att finnas och skriv den på tangentbordet.

Jag kommer att berätta mer detaljerat om att skriva in text och ändra dess utseende när vi fyller sajten med information.

Och nu, som utlovat, ska jag berätta för dig hur du ändrar tabellparametrarna efter att de skapats. Kommer du ihåg hur vi markerade en tabellrad? Nu måste vi välja hela tabellen.

Om du inte kan välja en tabell "manuellt" kan du helt enkelt följa sökvägen Tabell(Tabell) | Välj(Välj) | Tabell(Tabell). Nu, utan att ta bort markeringen, högerklicka på tabellen. Förresten, du kan inte välja tabellen alls, men jag skrev redan att detta är en mycket användbar färdighet :)

Den redan välbekanta rullgardinsmenyn dyker upp. Bara den här gången behöver vi en vara Tabellegenskaper(Tabellegenskaper). När du väljer det här objektet öppnas ett fönster som nästan helt replikerar fönstret för att infoga en ny tabell. I den kan du ändra befintliga inställningar till nya.

Förresten, i FrontPage kan bordsramen också göras "dubbel", bestående av många rutor, med en skugga, etc. Allt detta är tillgängligt i toppmenyn Formatera(Format) | Kanter och skuggning(Kanter och skuggning)

På den första fliken - Ramverk(Borders) du kan ändra utseendet på tabellkanter. Titta på möjliga resultat efter att ha ändrat utseendet på bordsramen.

På den andra fliken - Skuggning - kan du ställa in en bakgrundsbild för bordet och även välja färg på bakgrunden och texten. Men att välja rätt färg är inte lätt alls... Därför avslutar vi för idag, och vi kommer att prata om färger i nästa lektion.

Men, vänta, vad ska man göra med vår konst, d.v.s. med skapade skyltar? Allt är väldigt enkelt. De måste bevaras. För att göra detta, välj i toppmenyn Fil(Fil) | Spara som(Spara som). Hitta mappen på din dator där vi kommit överens om att lägga webbplatsen och spara ditt dokument i den under namnet index.

Varför indexera? Ja, helt enkelt för att det är så här sidans huvudsida alltid betecknas. Och det var precis vad vi gjorde nu. Om du nu avslutar FrontPage och öppnar dokumentet du sparade ser du att det automatiskt har sparats som index.htm. HTM är en förkortning för HTML, minns du vad det är?

Det är värt att komma ihåg att formaten "htm" och "html" är helt olika saker. Jag råder dig att omedelbart välja en sak så att det inte blir några problem senare. Om du väljer suffixet "html", var noga med att lägga till det på varje sida du sparar, annars kommer det att sparas som "htm" som standard.

Låt mig påminna dig om att filnamn för webbplatsen inte kan skrivas med ryska bokstäver. Sedan, när du lägger din webbplats på Internet, kommer dessa filer helt enkelt inte att öppnas.

En sista sak om namn. Att skriva namn på filer och sidor för en webbplats med stor bokstav är naturligtvis lovvärt, men extremt obekvämt. Jag rekommenderar dig allt, allt: sidor, ritningar, arkiv - skriv allt med små bokstäver. Tro mig, detta kommer att hjälpa till att undvika många felaktigheter i framtiden.

Öppnar sparat "index"

Vi kommer nu att öppna "index"-dokumentet som vi sparade i webbplatsmappen i slutet av föregående dag. Det finns flera sätt att göra detta. Låt oss titta på var och en av dem, så att du senare kan välja den bästa för dig själv.

Så det första sättet. Indexfilen är som standard en Internetfil eftersom den är i formatet htm (html). Så om du öppnar den genom att dubbelklicka kommer du till webbläsarens visningsport.

Det här sättet att öppna "index" i FrontPage är att välja kommandot från den översta kommandoraden Fil(Arkiv) och i rullgardinsmenyn - Redigera i Microsoft FrontPage(Redigera med Microsoft FrontPage).

Om på menyn Fil Du har inte ett sådant objekt, vilket innebär att FrontPage inte är installerat på din dator som en webbsidaredigerare. För att fixa detta måste du först öppna själva FrontPage-programmet och sedan välja Service | alternativ. Följande fönster öppnas:

För att kunna arbeta ordentligt med sajten behöver vi området Redaktörer var FrontPage. Om den inte finns där klickar du på ikonen i det övre högra hörnet och väljer där FrontPage (öppen som HTML). Klicka sedan på knappen Använd som standard.

Detta var det första sättet att öppna en fil i FrontPage, genom ett webbläsarfönster. Men det vore mer logiskt att förkorta denna väg. Därför, för att inte slösa tid, kan du, utan att öppna filen, högerklicka på den och välja från rullgardinsmenyn Öppna med... (Öppna med) och hitta FrontPage-programmet i listan som tillhandahålls.

Och den sista, tredje vägen. Först måste du öppna själva FrontPage-programmet och sedan öppna hela webbplatsen genom att välja Fil(Fil) | Öppna webbplats(Öppen webb). Eller, om du nyligen har öppnat index, välj Senaste filerna, och i rullgardinsmenyn önskad fil.

Naturligtvis spelar det ingen roll exakt hur du öppnar "index"-sidan i FrontPage, huvudsaken är att du öppnar den 🙂 Grattis, en annan användbar färdighet förvärvad!

Med utveckling Internet ett informationsutbytesprotokoll dök upp, protokollet kallas HTTP (HyperText Transfer Protocol- hypertextöverföringsprotokoll. Tillsammans med detta protokoll dök en tjänst upp World Wide Web(ofta kallad WWW eller bara webb), som tillhandahåller ett omfattande nätverk av servrar HTTPöverföra filer via Internet.

Huvuddelen av dessa filer är webbsidor– specialfiler skrivna på språket HTML (HyperText Markup Language– hypertextmarkeringsspråk). webbsidor publicerad i Internet genom att placera sådana filer på servrar HTTP (webbplatser). Innehåll webbsidor kan vara olika och ägnas åt helt godtyckliga ämnen, men de använder alla samma grund - språk HTML.
De flesta som vill skapa en egen hemsida eller sida är bekanta med språket HTML endast genom hörsägen. Därför kan programmet komma till deras hjälp Microsoft FrontPage, en av de mest kända webbplatsbyggarna.

FrontPage, ingår i applikationspaketet Microsoft Office, blev den första produkten som användes allmänt för Internet, som kombinerar klient- och serverdelar och ger möjlighet att utveckla webbplatsen som en helhet och installera den på de flesta populära servrarna. Framsida kan ta på sig allt nödvändigt programmeringsarbete. dock Framsida Det kommer också att bli en seriös assistent för professionella utvecklare som föredrar att ha full kontroll över den kreativa processen.

Programfönster Framsida 2003.

Program Framsida släppt av företaget Microsoft och är tillverkad i samma stil som produkterna som ingår i paketet Microsoft Office, så utseendet på programmet skiljer sig praktiskt taget inte från en ordbehandlare Ord .

Överst i fönstret finns en menyrad och två verktygsrader: Standard och formatering. Du kan aktivera eller inaktivera visningen av verktygsfält Visa meny.
På vänster sida är Visa panel, med vilken du kan byta dokumentläge.
Huvuddelen av fönstret upptas av arbetsområdet, där ett eller flera fönster som innehåller enskilda dokument kan öppnas.
Längst ner i fönstret finns statusfältet, som innehåller bakgrundsinformation. Längst ner i fönstret finns också tre dokumentvisningsknappar.
Visar verktygsfält.
För att hantera verktygsfält i Framsida du kan använda samma metoder som i Microsoft Word . Nämligen:
på menyn Se behöver välja Verktygsfältsobjekt, och i den nya undermenyn som öppnas - installera kryssrutor mittemot verktygsfälten du behöver; eller klicka Högerklicka av någon anledning kontrollpaneler(eller i området bredvid) och använd snabbmenyn på samma sätt.

Framsida, precis som andra applikationer Microsoft Office, låter dig lägga till, ta bort och ordna om menyalternativ och knappar på verktygsfält. Det är också möjligt att skapa helt egna paneler.
För att göra detta behöver du:

I Servicemeny välja objekt Inställningar…
eller
V Visa meny välja Verktygsfältsobjekt, och i kaskadmenyn som visas - objekt Inställningar…
Som ett resultat av dina handlingar öppnas en dialogruta inställningar, där du kan installera de nödvändiga panelerna.

Skapa en ny webbsidor.

Om du började Framsida, det betyder nytt webbsida du redan har skapat (vid start Framsida en ny tom öppnas omedelbart webbsida, redo att placera text och andra element).
Skapa ny webbsida Du kan göra det på andra sätt:

Med hjälp av en knapp Ny sida på Standard panel verktyg.
Arkiv-menyn välj undermeny Skapa, och då - Sida eller Hemsida;
med hjälp av kombinationer Ctrl+N;
genom att använda innehållsmeny(fungerar i alla lägen utom Uppgifter och rapporter) - för detta inuti Mapplista given webb) måste du högerklicka och välja objektet i snabbmenyn som visas Skapa  sida.

Skapa sidor med hjälp av en guide och mallar.

Som nämnts ovan, om du använde menyn för att skapa en ny sida Arkiv  Ny  sida eller webbplats, Den där Framsida kommer att uppmana dig att använda en mall för att skapa en ny sida.
För att göra detta öppnas en dialogruta, vars utseende visas nedan:

På fliken Är vanliga Den här dialogrutan visar en lista med mallar Framsida tillgänglig för tillfället. Genom att välja någon av mallarna kan du se dess beskrivning i Provfält.
Skapande FrontPage webben.
Microsoft FrontPage Web- det här är ett set webbsidor, bildfiler och andra komponenter som kan ses som en helhet.
Om du gör en hemsida i Framsida, då är det bekvämaste sättet att förvara den att använda FrontPage webben.
det viktigaste pluset är möjligheten att byta namn på filer som ingår i FrontPage webben.
Föreställ dig det innan du publicerar din webbplats i Internet Du märkte plötsligt att ett par av dina filer är namngivna med ryska namn. - "Nu måste du gå igenom alla filer och ändra länkarna manuellt!" duamete you. Det är här det kommer att hjälpa FrontPage webben- du kan säkert byta namn på filer och Framsida går självständigt igenom alla andra filer som ingår i FrontPage webben och kommer att byta namn på alla länkar till filen du korrigerade.
Jag kommer inte att beskriva alla andra fördelar, men jag skulle vilja säga det för att använda alla möjligheter Framsida, då är det bättre att använda FrontPage webben.
Så, för att skapa en ny FrontPage webben klicka på pilen till vänster om knappen Ny sida i verktygsfältet och välj objektet i rullgardinsmenyn som visas Hemsida…

Öppna webbsidor.

Mycket ofta, när du skapar en webbplats, måste du redigera redan skapad webbsidor. Du kan gå tillbaka till samma sida så många gånger du vill för att redigera den eller använda delar av den för att skapa nya. webbsidor.

Öppna en befintlig webbsida möjligt i alla befintliga lägen.

Från läge Sidvisningar Det finns fyra sätt att öppna en befintlig sida:

1 sätt

Om du arbetar med FrontPage webben, välj sedan helt enkelt önskad fil i Mapplista och dubbelklicka på den med musen.

Metod 2

Från Arkiv-menyn, välj Senaste filerna. Välj önskad fil från den överlappande menyn som visas.

3 sätt

Använda dialogrutan Öppna fil: Fil  Öppna.

Förhandsvisning.

För att se hur din sida ser ut direkt i webbläsaren kan du använda fliken Förhandsgranska i redigeringsläge webbsidor. Men i det här fallet kan det visa sig att webbläsaren Framsida kommer inte att visa vissa delar av din sidor, så det är bäst att:
använd knappen i verktygsfältet
eller in Arkiv-menyn Välj föremål Förhandsvisning r i webbläsaren.

Om du använde den första metoden kommer innehållet på din sida att visas i den inbyggda webbläsaren Framsida.
Om du använde den andra metoden, då Framsida kommer att visa en dialogruta Visa i webbläsaren...

Här kan du:
Välj den webbläsare som du vill visa din webbsida. Visas vanligtvis här initialt webbläsare, som är installerat som standard på din maskin.
Lägg till en annan webbläsare som du behöver använda knappen för Lägg till.
Redigera eller ta bort installerade webbläsare.
Ställ in skärmstorleken på vilken din webbsida

Bevarande webbsidor.

Standard Framsida istället för ett namn sidor tar den första textraden från din sidor. Detta är inte alltid vad som behövs. Du kan ändra sidtiteln med Byt knappar- genom att klicka på den här knappen öppnas dialogrutan Titel sidor, där du kan ändra namnet sidor.

Borttagning Webbsidor.

När man arbetar med Hemsida förr eller senare kommer det att hända att du inte längre behöver vissa sidor och du kommer att vilja ta bort dem.

Det finns tre sätt att ta bort webbsidor.

1 sätt

I panelen Mapplista välj filen du vill ta bort och klicka på knappen Radera på tangentbordet.

Metod 2

I panelen Mapplista högerklicka på fil(eller ikon fil), som måste raderas och välj objektet i snabbmenyn som visas Radera.

3 sätt

I Listpanel mappar välj filen som du vill ta bort och välj sedan Ta bort från menyn Redigera.

Arbeta med text.

Vid första anblicken, skriva in text i Framsida skiljer sig inte från att skriva in text i någon textredigerare (till exempel i Microsoft Word).
För att skriva text, klicka helt enkelt med musen var som helst på sidan, och markören placeras på den närmaste punkten där texten kan skrivas in.
Att skriva versaler, redigera text (ta bort tecken, infoga text etc.) görs på exakt samma sätt som i Microsoft Word.
Det finns bara ett litet MEN: när du trycker Ange nycklar i Framsida markören tvingas flytta till en ny rad, medan fasta tecken placeras före och efter stycket styckeindrag.
Om du inte behöver skapa stycken är det bäst att använda ett kortkommando för att gå till en ny rad Skift + Enter.

Arbeta med bilder.

Formaterar grafiskt i webb.

Alla datorbilder, alla format för att lagra dem (och följaktligen alla program för att bearbeta dem) är indelade i två stora klasser - vektor och raster. Vektorbild består av objekt - geometriska former som består av raka linjer, bågar, cirklar och Bezier-kurvor. Fördelar vektorgrafik mycket. Ur en designers synvinkel är dess viktigaste fördel att vektorgrafik kan "snurras" som du vill, utan rädsla för att "gnida ett hål" i bilden eller förlora viss information. En annan fördel är den lilla storleken på filerna (jämfört med rasterbilder) och oberoendet av upplösningen på utenheter (vare sig det är en skrivare eller en bildskärm). Dessa faktorer gjorde vektorgrafik trolig kandidat för användning i Internet. Det är dock värt att nämna att vektorgrafik för närvarande inte är så vanligt som vi skulle vilja.
Men bland de faktiskt använda vektorformaten skulle jag vilja notera formatet Shockwave Flash Macromedia. För att se detta format i webbläsare behöver ett plugin ( plug-in), delas ut gratis av företaget Macromedia. Idag finns det både webbplatser som helt och hållet skapats med denna teknik och webbplatser som används Flash-format endast delvis.
Rasterrepresentationen av grafik är baserad på konceptet med ett raster. Rasterär en samling objekt (i det här fallet pixlar) placerade i identiska rader och kolumner. De där. raster datorfil kan ses som en samling små färgade eller grå rutor som bildar en mosaik av en bild. Därför att Eftersom storleken på dessa rutor uppenbarligen är liten, när du tittar på rastergrafik smälter dessa rutor samman med varandra och bildar en kontinuerlig förändring av färger.

Formatet för lagring av rasterbilder har både sina fördelar och nackdelar. En av de stora fördelarna med rastergrafik är möjligheten att arbeta med halvtoner, d.v.s. förmågan att förmedla en bild exakt som den ser ut i verkligheten. Men bland nackdelarna är det största problemet filstorleken. Naturligtvis, desto fler pixlar tilldelas för formning Bilder, desto högre kvalitet på det överförda Bilder, men filstorleken blir därmed större.
Om vi ​​nu återgår till webbläsare så kan vi säga följande: de flesta webbläsare kan visa utan problem grafiska filer fyra format (* .gif, *.jpg, *.png, *.bmp), varav det för tillfället är bäst att använda två - * .gif och *.jpg. Och även då efter preliminär optimering.
Lägger in bilder på webbsida.
Infoga en bild i din webbsida kan göras på flera sätt:
1. Dra en bild från Windows utforskaren(det vill säga direkt från utforskaren).
2. Dra en bild från Internet Explorer.
3. Dra bildfilen från panelen Mapplista, direkt till sidan.
4. Med urklipp- kopiera bilden till urklippet från något annat program och klistra sedan in den från urklippet på sidan.
5. Med Lägg till knappar rita från filen i verktygsfältet Standard.
6. Använda menyn Infoga  Figur.
Låt oss titta på dessa metoder mer i detalj:
Metod 1
Windows utforskaren(det vill säga direkt från Explorer) behöver du:
i Framsida
öppna ett utforskarfönster;
i Utforskarfönstret, välj filen med bilden som du vill infoga på din sida;
vänster musknapp och dra bildfilen till din webbsida Bilden infogas på den plats där infogningsmarkören var på sidan.
Metod 2
För att dra en bild från Internet Explorer nödvändig:
i Framsidaöppna sidan där du vill lägga till en bild;
V webbläsareöppna bilden du vill ha på din webbsida webbläsare Filnamnet måste sluta med jpg, jpeg, gif);
Använd vänster musknapp för att dra den valda bilden till din webbsida;
Metod 3
För att dra och släpp filen med bild från panelen Lista mappar, direkt till sidan du behöver:
i Framsidaöppna sidan du vill lägga till bild;
välj önskad bildfil på panelen Mapplista;
vänster musknapp dra den valda bilden till din webbsida;
den valda bilden kommer att infogas på den plats där infogningsmarkören var placerad på sidan.
Metod 4
För att infoga en bild i din webbsida med urklipp måste du:
i programmet som du vill kopiera bilden från, välj bilden och använd knapparna Ctrl+C kopiera bilden till klippbordet;
på din webbsida klistra in den här bilden från urklipp med kortkommandon Ctrl+V
Metod 5
webbsida du bestämmer dig för att använda knappen Lägg till en bild från filen i verktygsfältet Standard, Den där Framsida kommer att öppna en dialogruta Teckning.
I den här dialogrutan anger du den bildfil som du vill lägga till i din webbsida och tryck på knappen Föra in.

Metod 6
Om du vill infoga en bild i din webbsida du bestämmer dig för att använda menyn Infoga  Ritning, Den där Framsida kommer att uppmana dig att göra ytterligare val:

Bilder... – genom att välja det menyalternativet får du möjlighet att använda ett färdigt bildbibliotek.
Från fil... – genom att välja detta menyalternativ får du möjlighet att självständigt ange platsen för bildfilen som du vill lägga till i din webbsida(om du använder det här objektet öppnas en dialogruta Teckning, det arbete som beskrevs ovan).
Skapa en fotosamling... - med detta menyalternativ kan du skapa en samling bilder i en specifik stil. För detta i fönstret som öppnas Egenskaper fotosamlingar med en knapp Lägg till på fliken Ritningar välj bilder och på fliken Layout välj ett designformat.
Lägga till mediafiler.

Förutom enkel grafik, som bilder i * .gif, *.jpg, *.png etc. Framsida låter dig göra inlägg på din webbsidor mediafiler. Dessa inkluderar: videoklipp, ljud...

För att infoga ett videoklipp måste du Infoga meny Välj föremål Teckning, och då Videoinspelning...

En dialogruta öppnas. Videofönster, kommer den att visa videoklipp i * .avi, *.asf, *.ram, *.ra.

Lägg till ljud till webbsida finns på fliken Allmänt i dialogrutan. Sidegenskaper.

Arbeta med tabeller.

Tabell- ett av de mest kraftfulla verktygen som används för att skapa webbplatser.
Initialt tabeller användes endast för att representera strukturerad data. Men de har gradvis utvecklats till ett kraftfullt layoutverktyg för alla ändamål. Webbsidor.

Skapa tabeller

Det enklaste sättet skapa en tabell– använd knappen Lägg till tabell finns i verktygsfältet Standard.
Ett annat sätt är att använda objektet meny Tabell  Infoga  Tabell.
Och tabell kan ritas och klistras in med hjälp av urklipp.

Datainmatning och tabellnavigering.

En av de fantastiska sakerna med tabeller är att texten du anger är formaterad i cellen på samma sätt som vi är vana vid att formatera den i hela dokumentet. Text som placeras i en cell radbryts automatiskt till en ny rad om dess längd överskrider spaltens bredd. När du trycker på en tangent Stiga på, som vanligt, införs ett nytt stycke. Text eller siffror skrivs in i tabellen från tangentbordet.

Innan du anger data i tabell, måste du placera textmarkören i önskad cell tabeller. Detta kan göras genom att klicka på den med musen.

Det är dock bekvämare att använda tangentkombinationer för att flytta mellan celler:
Kortkommandon: Åtgärd:

Flik var som helst i tabellen, utom i slutet av den sista raden, gå till den intilliggande cellen och välj dess innehåll
Flik i slutet av den sista raden lägg till en ny rad längst ner i tabellen
Skift+Tabb gå till föregående cell och markera dess innehåll
Stiga på börja ett nytt stycke
Stiga på i början av den första cellen lägg till text före tabellen i början av dokumentet

Skapande och tillämpning av blanketter.

Blanketter representerar textfält, alternativknappar, kryssrutor, knappar och många andra kontroller. En webbplatsbesökare behöver bara ange lite information i ett eller annat textfält, välja några data från den föreslagna listan, klicka på knappen Skicka så att data skickas till webbserver för bearbetning (eller bearbetas precis där på sidan).

Låt oss lära känna dig - fyll i följande fält:
Ditt namn:

Ditt efternamn:

Ditt födelsedatum: år månad dag

Tack! Och nu - låt oss gå!
1. Liten, men smidig.
Var han än händer, befaller han.
Han kommer in i tältet -
Hjälten kommer att vända sig.
Vem är det?
Flugloppa Nyckfulla barn
2. Sitter med buktande ögon,
Han talar franska
Hoppar som en loppa
Simmar som en människa.
Vem pratar vi om?
Katt groda papegoja

3. Vad andas en säl när den dyker under isen?

4. Varför gråter stora sköldpaddor?

5. Vilken typ av kläder kan en sill ha på sig?
Pälsväst
6. Vem kallas "flodhästen"?
Utterflodhästkrokodil

7. Vilka fåglar kläcker inte sina ungar?

8. Vilka fåglar kan inte flyga?

Om du behöver välja flera svar, tryck och släpp inte knappen Ctrl och vänsterklicka på önskat svar

Men skapa formulär på själva sida det är bara halva jobbet. Eftersom det måste finnas ett program som kan bearbeta de uppgifter som användaren matat in med hjälp av formulär.
Ett sådant program kan finnas på en server; det kan finnas i din Hemsida i form av en separat fil, eller kan helt enkelt skrivas i kod html på din webbsida.
Det är hon som bestämmer vad som kommer att hända med informationen som användaren anger:

information kan läggas till i databasen och olika grafer, betyg... kan byggas på basen;
information kan skickas via e-post (detta används ofta för att få information om användaren i olika typer av frågeformulär);
information kan bearbetas direkt på plats och besökaren på din sida kommer omedelbart att få feedback (till exempel får de poäng för ett test, de kommer att se informationen de skrivit in i gästboken...).

I ett förhållande formulär Det finns flera grundläggande regler:

1. Varje form upptar ett visst område webbsidor. På ett webbsida en eller flera blanketter kan finnas.
2. Varje formulär måste innehålla minst ett av formulärelementen (även om det i regel finns flera av dem).
3. Varje element formulär har ett namn och en betydelse. Namnet identifierar fältet för inmatning av information, och värdet är lika med det värde som valts av användaren.
4. Ett av formulärelementen (det kan vara en vanlig knapp eller vilken bild som helst) måste utföra funktionen som en knapp Skicka.

Skapa formulär i Framsida.
För att lägga till ett formulär webbsida, nödvändigt:

Placera markören där du vill klistra in form.
I Infoga meny välja objekt Form, i menyn som öppnas, välj igen objekt Form. Form kommer att placeras på din webbsida- ett område markerat med en prickad ram visas med två knappar: Skicka och återställ.
Använder samma punkt meny Infoga  Formulär infoga elementen du behöver sekventiellt formulär genom att välja dem från rullgardinsmenyn överlappande (kom ihåg att alla formulärelement infogas i formulärområdet markerat med en prickad ram).
Efter form skapat, återstår bara att fylla den med innehåll - element formulär, text, bilder, tabeller... (med mått formulär kommer att ändras automatiskt).
Lägg till innehåll formulär kan göras på vanligt sätt. Till exempel kan text skrivas eller klistras in från urklipp... Alla åtgärder med tillagda objekt är liknande.
dock skapa ett formulär– det här är bara början på arbetet. När du har skapat den måste du konfigurera egenskaperna som formulär, och dess beståndsdelar.

Ställa in formuläregenskaper.

För att bearbeta eller lagra data som angetts av besökare webbsidor, måste du antingen dra nytta av de möjligheter som ges FrontPage-servertillägg, eller något annat program som körs på webbserver.
Men oavsett vilket program du väljer måste du fortfarande konfigurera egenskaperna för formuläret och elementen i det.
För att öppna fönstret för formuläregenskaper måste du:
V Infoga meny välja objekt Form, och då -
eller
Öppna snabbmenyn för formuläret och välj objektet i snabbmenyn som öppnas Formegenskaper.
Som ett resultat kommer en dialogruta att öppnas Formegenskaper.

1. B Spara fält Resultaten måste ange vad som kommer att behöva göras med de inmatade uppgifterna form. Du kan välja följande alternativ:
o Skickar filnamn- data kommer att placeras i den angivna filen på webbserver. Denna fil kan vara webbsida, som blir längre och längre med tiden, eller en datafil som sedan kan bearbetas i Excel, Access eller något annat program;
o Skickar e-postadress- i det här fallet, varje gång besökaren klickar webbsidor Skicka till knappar form Ett e-postmeddelande kommer att genereras och skickas till den adress du angett. Detta meddelande kommer att innehålla all data som angavs av användaren den Webbsida.
o I databasen- i detta fall uppgifterna formulär kommer att skickas till databasen. Basen måste vara på webbserver(eller vara tillgänglig för honom).
2. B Egenskapsfält formulär måste du ange formulärnamnet
Visningslägen Framsida.
Framsida erbjuder sex olika lägen för att se innehållet Hemsida:

Sida,
mappar,
Rapporter,
Övergångar,
Hyperlänkar,
Uppgifter.
För urval önskat läge du kan använda Visningspanel finns till vänster på skärmen eller i menyn Se på verktygsfältet Standard välj lämplig menypost.

Sida
I det här läget kan du skapa och redigera Webbsidor. Här kan du skapa tomma webbsidor och mallbaserade sidor tilldelar teman (en uppsättning stilar för att presentera sidan på skärmen) till sidor. I det här läget kan du lägga till och formatera text, design sidor använda grafik och videobilder (stöder konvertering av ett antal grafikformat till * .gif, *.jpg och *.png), lägg till ljud på sidan, presentera information i tabeller, ramar och formulär och skapa slutligen hyperlänkar. Detta är inte en komplett lista över möjligheter. Framsida om innehållsredigering webbsidor.
Mappar
I det här läget kan du se strukturen Hemsida(filer och mappar) och hantera det på samma sätt som du gör i Windows, detta läge gör det möjligt att få mer detaljerad information om filer och mappar än vad som tillhandahålls i visningsläge Sida.
Rapporter
Ger dig mer än ett dussin rapporter som innehåller en mängd information om Hemsida, öppnade in Framsida.
Övergångar
Designad för att se webbplatshierarkin. I det här läget kan du manipulera hierarkin genom att dra rektanglar (var och en representerar en specifik webbsida).
Hyperlänkar
Demonstrerar systemet med hyperlänkar som länkar samman sidor Hemsida(liksom ett system med hyperlänkar till andra noder), säkerställer att deras integritet kontrolleras och möjligheten till modifiering.
Uppgifter
Detta läge är utformat för uppgiftshantering Hemsida(lägga till, ta bort, köra, ställa in körningsprioritet och övervaka uppgifternas status).

Ladda ner gratis Framsida du kan använda följande länk:

http://letitbit.net/download/28576.28615a37d4f2a575882748541adf3bf00/Microsoft_Office_FrontPage_2003.rar.html