Presentasjon av overskrifter på ulike nivåer, enkle lister. Design av presentasjonstitler. Trinn-for-trinn instruksjoner med bilder. Skrive inn nøkkelord

Presentasjon av overskrifter på ulike nivåer, enkle lister. Design av presentasjonstitler. Trinn-for-trinn instruksjoner med bilder. Angi nøkkelord

Hjem > Læremiddel 4 Arbeide med lister og lysbildetitler. 4.1 Se og rediger lysbildetitler

Presentasjonsoversiktspanelet viser alle lysbildetitler som disposisjonsoverskrifter. Hvis presentasjonen inneholder mange lysbilder, kan du skjule presentasjonsoppsettet slik at overskriftene vises på skjermen i stedet for selve teksten til lysbildene.

For å skjule alle lysbildetitler i strukturen, klikk på Utvid alle-knappen på standardverktøylinjen. Hvis du klikker på denne knappen igjen, utvides strukturen til hele presentasjonen.

Slik endrer du lysbildetittelen:

Klikk på tittelen på lysbildet du vil endre i disposisjonsruten. En I-formet markør vil vises i lysbildetittelen.

Skriv inn ønsket tekst. Når du redigerer teksttittelen, kan du bruke piltastene , og.

4.2 Endre lysbildetekst

De fleste lysbildene inneholder en slags tekst. Ved å bruke strukturpanelet kan du legge til, slette og endre lysbildetekst.

I en presentasjon, for å legge til tekst til et lysbilde ved hjelp av Outline-panelet:

Klikk til høyre for tittelen på lysbildet du vil legge til tekst i, og trykk på tasten. PowerPoint viser et lysbildeikon rett under lysbildet du valgte i trinn 1.

Klikk på Degradere-knappen (høyre pil) på formateringsverktøylinjen. Lysbildeikonet som vises forsvinner, og du kan skrive inn tekst i det valgte lysbildevinduet.

Skriv inn ønsket lysbildetekst. Når du skriver inn tekst, vil PowerPoint vise den i lysbildevinduet.

Plasseringen av tekst under en lysbildetittel bestemmer plasseringen på lysbildet. For å endre plasseringen av tekst på et lysbilde, gjør følgende:

I presentasjonsoversiktsruten flytter du musepekeren til venstre kant av teksten (plasserer den over markøren til venstre for teksten) du vil flytte. Musepekeren endres til en firehodet pil.

Beveg musen mens du holder nede venstre museknapp. Musepekeren endres til en tohodet pil. En linje vil vises som indikerer hvor PowerPoint vil flytte teksten etter at du slipper venstre museknapp.

5 Arbeide med presentasjonslysbilder. 5.1 Legge til et lysbilde

Hver disposisjonstittel i presentasjonsoversiktspanelet representerer ett lysbilde. For å legge til et nytt lysbilde, gjør følgende:

Trykk på tasten. PowerPoint vil vise et nytt lysbildeikon over tittelen du valgte i trinn 1.

Klikk på pil opp-knappen for å flytte musepekeren til tittelen på det opprettede lysbildet. PowerPoint viser et nytt lysbilde.

Skriv inn titteltekst i presentasjonsstrukturpanelet. Når du skriver inn titteltekst, vil PowerPoint automatisk vise den i både Outline-panelet og Slide-panelet. Slik legger du til et nytt lysbilde og velger et lysbildeoppsett for å vise tekst og grafikk:

Plasser musepekeren til venstre for tittelen i strukturpanelet og venstreklikk. Tittelen vises under lysbildet du velger å legge til presentasjonen.

Utfør kommandoen Sett inn → Nytt lysbilde. Dialogboksen Lag lysbilde åpnes (fig. 5).

Klikk på riktig lysbildeoppsett, og klikk deretter OK.

Skriv inn titteltekst i presentasjonsstrukturpanelet. All tekst du skriver inn vil vises i både presentasjonsoversiktspanelet og lysbildepanelet.

Figur 5. Lage et lysbilde.

5.2 Slette et lysbilde

Noen ganger er det nødvendig å slette et lysbilde. For å gjøre dette, gjør følgende.

I presentasjonsstrukturpanelet holder du musen over ikonet for lysbildet du vil slette og venstreklikker. PowerPoint vil fremheve overskriften og eventuelle underoverskrifter under den.

Trykk på tasten< Delete >. PowerPoint vil fjerne det valgte lysbildet.

5.3 Endre rekkefølgen på lysbildene

Presentasjonsstrukturpanelet lar deg se rekkefølgen på lysbildene. Hvis du ikke liker rekkefølgen lysbildene er ordnet i, kan du alltid endre den.

Hvis presentasjonen inneholder et stort antall lysbilder, kan du skjule disposisjonsoverskriftene for å se lysbildetitlene. Klikk på Utvid alle-knappen på standardverktøylinjen.

Slik endrer du rekkefølgen på lysbildene:

I presentasjonsoversiktsruten holder du musepekeren over lysbildeikonet ved siden av disposisjonstittelen (lysbildetittel) du vil flytte og venstreklikker. PowerPoint vil fremheve overskriften og eventuelle underoverskrifter under den.

Beveg musen. En horisontal linje vil vises som indikerer hvor PowerPoint vil flytte lysbildet etter at du slipper venstre museknapp.

Slipp venstre museknapp når linjen er på ønsket plassering.

Presentasjonsstrukturpanelet lar deg enkelt endre rekkefølgen på lysbildene, men lar deg ikke se de relative plasseringene til lysbildene. Hvis du vil se hvordan lysbildene er plassert i forhold til hverandre, bruk følgende prosedyre.

Velg kommandoen Vis → PowerPoint lysbildesortering vil vise alle lysbildene i presentasjonen (fig. 6).

Fig.6. Vise lysbilder ved hjelp av lysbildesortering

Hold musen over lysbildet du vil flytte og klikk på venstre museknapp. PowerPoint vil omslutte lysbildet i en svart ramme.

Flytt musepekeren dit du vil at lysbildet skal være. En vertikal linje vil vises som indikerer hvor PowerPoint vil flytte lysbildet etter at du slipper venstre museknapp.

Slipp venstre museknapp når linjen er på ønsket plassering på skjermen. PowerPoint vil automatisk omnummerere lysbildene.

Velg Vis → Normal.

Konvertering av disposisjonsoverskrifter til underoverskrifter (og omvendt)

Disposisjonsoverskrifter tilsvarer lysbildetitlene, og disposisjonsunderoverskrifter tilsvarer lysbildeteksten. Takket være moderne fremskritt innen teknologi, lar PowerPoint deg konvertere konturoverskrifter til underoverskrifter og omvendt.

For å konvertere en disposisjonsoverskrift til en underoverskrift, i presentasjonsoversiktspanelet, klikk disposisjonsoverskriften som du vil konvertere til en underoverskrift, og klikk deretter Degrader standardverktøylinjeknappen.

For å konvertere en underoverskrift til en disposisjonsoverskrift, klikk på underoverskriften du vil konvertere til en disposisjonsoverskrift i presentasjonsoverskriften, og klikk deretter på knappen Promoter Standard-verktøylinje.

5.4 Legge til notater til lysbilder

Notater-panelet lar deg legge til notater til ethvert lysbilde. Kommentarene kan brukes i presentasjoner eller kan distribueres som samtalepunkter som kan være til stor hjelp for publikum.

Kommentarteksten vises ikke på selve lysbildet. Merknader lar deg "legge ved" støttetekst til lysbildene dine.

Slik legger du til en kommentar til et lysbilde:

Klikk i kommentarpanelet. PowerPoint vil vise hvert lysbilde sammen med en tekstboks der du kan legge inn kommentarer (se figur 12-4).

Skriv inn ønsket tekst.

6 Lagre presentasjoner

Før du kan glede deg over å se presentasjoner du har laget fra bunnen av, må de lagres. Avhengig av formålene dine, kan PowerPoint-presentasjoner lagres som en fil eller som en webside.

6.1 Lagre en fil under et nytt navn

Den eneste enkle måten å raskt lage en presentasjon på er å åpne en eksisterende presentasjon og lagre filen under et nytt navn. På denne måten kan du gjøre endringer i en eksisterende presentasjon i stedet for å lage en ny presentasjon fra bunnen av.

For å lagre filen under et annet navn, velg Fil → Lagre som.

6.2 Lagre en Power Point-presentasjon som en webside

Hvis du har laget en svært verdifull presentasjon, kan du lagre den i websideformat. For å gjøre dette, gjør følgende.

Klikk på Rediger-knappen til høyre for ordet Tittel. Dialogboksen Angi sidetittel vises.

Skriv inn tittelen du vil skal vises øverst på nettsiden og klikk OK.

For å se PowerPoint-presentasjonen som en webside, velg Fil → Forhåndsvisning av nettside, eller start nettleseren og last inn nettsiden du nettopp opprettet for å se hvordan den vil se ut på Internett.

7 Skrive ut en presentasjon

Når du har oppnådd ønsket utseende på presentasjonen, skriv ut resultatene av arbeidet ditt for å ha abstraktet av rapporten foran deg eller heng opp kunstverket på oppslagstavlen. For å skrive ut en presentasjon, gjør følgende:

Velg Fil → Skriv ut. Dialogboksen Skriv ut åpnes.

Klikk i Skriv ut-boksen og velg ett av følgende alternativer.

    Lysbilder. Skriver ut ett lysbilde per side, slik at du kan se både tekst og bilder på lysbildet.

    Problemer. Flere miniatyrbilder er skrevet ut på hver side: lysbilder, slik at seerne kan ta med seg den utstedte kopien og studere hjemme.

    Notater. Kun lysbildenotatene skrives ut. Disse notatene kan deles ut til publikum, eller kan brukes under presentasjonen.

    Struktur. Presentasjonsoversikten skrives ut, slik at du kan se strukturen i hele presentasjonen, men uten grafiske bilder.

Du kan også begrense utskriftsområdet til spesifikke lysbildenummer ved å velge alternativknappen Current Slide eller ved å fylle ut Slides-feltet i Print Range-delen.

Klikk OK.

8 Introduksjon til bilder 8.1 Vektorbilder

Vektorgrafikk beskriver bilder ved hjelp av rette og buede linjer kalt vektorer, samt parametere som beskriver farger og layout. For eksempel er et bilde av et treblad beskrevet av punkter som en linje går gjennom, og skaper derved omrisset av bladet. Bladfargen bestemmes av fargen på omrisset og området innenfor den omrisset.

Vektorrepresentasjon består av å beskrive bildeelementer med matematiske kurver som indikerer deres farger og belegg (husk at en sirkel og en sirkel er forskjellige former). En rød ellipse på en hvit bakgrunn vil bli beskrevet av bare to matematiske formler - et rektangel og en ellipse med tilsvarende farger, størrelser og plassering En annen fordel er høykvalitets skalering i alle retninger. Å øke eller redusere objekter gjøres ved å øke eller redusere de tilsvarende koeffisientene i matematiske formler.

8.2 Bitmaps

Rastergrafikk beskriver bilder ved hjelp av fargede prikker, kalt piksler, arrangert på et rutenett. For eksempel er et bilde av et treblad beskrevet av den spesifikke plasseringen og fargen til hvert rutenettpunkt, og skaper et bilde som ligner på en mosaikk. Når du redigerer rastergrafikk, redigerer du piksler, ikke linjer. Rastergrafikk er oppløsningsavhengig fordi informasjon som beskriver bildet er knyttet til et rutenett av en bestemt størrelse. Når du redigerer rastergrafikk, kan kvaliteten på presentasjonen endres. Spesielt kan endre størrelse på rastergrafikk føre til at kantene på bildet blir frynsete ettersom pikslene omfordeles på rutenettet.

Grunnlaget for rasterrepresentasjonen av grafikk er en piksel (prikk) som indikerer fargen. Når du for eksempel beskriver en rød ellipse på en hvit bakgrunn, må du angi fargen på hvert punkt på både ellipsen og bakgrunnen. Bildet er representert som et stort antall prikker - jo flere det er, jo bedre er bildet og jo større filstørrelse. De. ett eller til og med et bilde kan presenteres med bedre eller dårligere kvalitet i samsvar med antall punkter per lengdeenhet - oppløsning (vanligvis punkter per tomme - dpi eller piksler per tomme - ppi).

8.3Vektorbilde som et sammensatt bilde

PowerPoint har mange alternativer for å jobbe med vektorbilder. Du kan bruke ferdige bilder, for eksempel fra Clipart-biblioteket eller fra Internett. Du kan tegne vektorbilder selv.

For å sette inn et bilde fra biblioteket (Clipart) i et lysbilde, må du velge kommandoen Tegning (Bilder) fra Sett inn-menyen. Biblioteket inneholder mange bilder om ulike emner. Velg emnet du trenger ved å venstreklikke.

Etter å ha valgt bildet du trenger, klikk på Sett inn klipp-knappen i vinduet som åpnes. Bildet vil bli satt inn i gjeldende lysbilde.

Vektorbildet er flerlags. Hvert element i dette bildet - en linje, et rektangel, en sirkel eller et stykke tekst - er plassert i sitt eget lag. Hvert element i et vektorbilde er et objekt som beskrives ved hjelp av et spesielt språk (matematiske ligninger av linjer, buer, sirkler, etc.). I tillegg beskrives komplekse objekter (brutte linjer, ulike geometriske former) som et sett med elementære grafiske objekter (linjer, buer, etc.).

Et slikt vektorbilde er en samling av lag som inneholder ulike grafiske objekter. Lag som overlapper hverandre danner et solid bilde.

Vektorbildeobjekter kan endre størrelsen vilkårlig uten tap av kvalitet.

9 Grunnleggende operasjoner på vektorbildeelementer

9.1 Geometriske transformasjoner.

Flytte

Du kan flytte vektorbildet med musen. For å gjøre dette, må du venstreklikke på bildet og, mens du holder denne knappen, flytte objektet til ønsket plassering på lysbildet.

Du kan også bruke Format-menyen. Velg alternativet AutoShape, og i vinduet som åpnes, spesifiser den horisontale og vertikale posisjonen til objektet fra øvre venstre hjørne eller fra midten av lysbildet.

Skalering

Du kan endre skalaen til vektorbildet vilkårlig. Når du velger et objekt med musen, vises håndtak for endring av størrelse i hjørnene og langs kantene til markeringsrektangelet. Når du drar disse håndtakene, endres størrelsen på objektet. For å endre størrelsen på et objekt mer presist, spesifiser nye verdier for objektets høyde og bredde i prosenter eller centimeter. For å gjøre dette kan du bruke Format-menyen. Velg alternativet AutoShape og spesifiser størrelsen i vinduet som åpnes.

Rotasjon

Hvis du trenger å rotere et objekt, må du velge objektet og bruke alternativet Handlinger fra Tegn-menyen. Velg Rotate/Flip-kommandoen, og velg deretter: Free Rotation, Rotate Left eller Rotate Right. Hvis du velger Fri rotasjon, vises rotasjonsretningsmarkører i hjørnene av objektet. Når du drar disse håndtakene, endres objektets orientering.

Speilbilde

Noen ganger er det nyttig å bruke en type transformasjon som kalles refleksjon. For å gjøre dette, bruk alternativet Handlinger fra Tegn-menyen. Velg Rotate/Flip-kommandoen og Vend fra venstre mot høyre eller Vend fra topp til bunn.

9.2 Gruppering av elementer. Rekkefølge av elementer.

For å gruppere eller oppheve gruppering av objekter, må du velge objektene, gå til Tegne-menyen, klikke på Handlinger-knappen og velge kommandoen Grupper eller Opphev grupper.

Objekter som settes inn i et lysbilde, plasseres automatisk på forskjellige nivåer. Disse nivåene kan observeres når objekter overlapper hverandre: et objekt på toppnivå dekker noen av objektene på lavere nivåer. Hvis et objekt er "tapt", kan det enkelt finnes ved å gå gjennom alle nivåer i en syklus ved å trykke TAB (fremover) eller SHIFT+TAB (tilbake)-tasten Individuelle objekter eller grupper av objekter kan flyttes på tvers av nivåer: for for eksempel, flytt et objekt til et tilstøtende nivå , så vel som til det høyeste eller laveste nivået. Objekter overlapper ofte mens du tegner, men det nederste objektet trenger ikke å tegnes først fordi det alltid kan flyttes til et annet nivå.

Velg objektet du vil flytte. Hvis et objekt er skjult, finner du det ved å trykke TAB- eller SHIFT+TAB-tastene.

Klikk på Handlinger-knappen på tegneverktøylinjen, pek på Rekkefølge og velg Bring foran, Send til bak, Ett nivå opp eller Ett nivå under.

10. Konseptet med en autofigur.

PowerPoint kommer med et sett med ferdige former som du kan bruke i presentasjoner. Disse figurene kan forstørres, forminskes, roteres, snus, farges og kombineres med andre former for å skape mer komplekse former. Som regel er figuren utstyrt med en formendringsmarkør, som lar deg endre den mest karakteristiske egenskapen til figuren; for eksempel størrelsen på pilspissen.

Tegningsverktøylinjen i AutoShapes-menyen inneholder flere kategorier av former, inkludert enkle og forbindende linjer, grunnleggende former, flytskjemaelementer, stjerner og bånd og bildetekster. Elementet Ekstra autofigurer åpner Autofigurer-delen i klippsamlingen. Enhver AutoShape i klippsamlingen kan enkelt dras til et lysbilde.

Du kan sette inn tekst i AutoShapes. For å gjøre dette, klikk på formen og begynn å skrive. Teksten du skriver inn vil bli en del av formen og vil rotere og snu med den.

11 Legge til punktgrafikk

Åpne lysbildet du vil legge til et bilde i. For å legge til en grafikk til hvert lysbilde i presentasjonen, legg den til i lysbildemalen.

På Sett inn-menyen, pek på Bilde-kommandoen og velg Fra fil.

Finn mappen som inneholder bildet du vil sette inn.

Velg et bilde. Utfør en av følgende handlinger:

  • For å bygge inn et bilde i presentasjonen, klikk på Sett inn.

    For å koble et bilde i presentasjonen til et bilde på harddisken, klikk på pilen ved siden av Sett inn-knappen og velg Koble til fil.

Sette opp et rasterbilde ved hjelp av innebygde Microsoft PowerPoint-verktøy.

Når du velger et bilde, vises verktøylinjen for bildejustering. Den inneholder knapper for å endre lysstyrken og kontrasten til bildet, beskjære, endre farge og legge til en kantlinje.

Velg bildet du vil endre. Gjør endringer ved hjelp av verktøyene i panelet Bildejusteringer.

Merk. I PowerPoint kan du ikke beskjære, gruppere eller endre fyll, kantlinje, skygge eller gjennomsiktighet for en animert GIF ved å bruke verktøylinjen for bildejustering. Et slikt bilde bør endres i en spesiell editor og deretter settes inn i lysbildet igjen.

12 Legge til tekst og farge på et lysbilde

Bildetekster og bilder er de viktigste elementene i lysbildene da de gir lysbildene et mer fargerikt utseende, noe som bidrar til å trekke publikums oppmerksomhet til rapporten. Bildetekster inneholder tekst (ikke overraskende, ikke sant?), mens bilder kan være bilder fra Office-samlingen, bilder tatt med digitalkamera eller skanner, eller bilder lastet ned fra Internett.

Teksten kan inneholde viktig informasjon som må formidles til publikum. Før du kan legge til tekst i et lysbilde, må du legge til en bildetekst på lysbildet. PowerPoint gir deg fire måter å skrive en bildetekst på et lysbilde.

    Opprett et nytt lysbilde og PowerPoint vil automatisk lage en eller flere bildetekster.

    Lag en undertittel i presentasjonsstrukturpanelet og skriv inn tekst. PowerPoint vil automatisk plassere teksten du skriver inn i bildetekstboksen.

    Klikk på Etikett-knappen på Tegn-verktøylinjen og tegn en etikettboks.

    Velg kommandoen Sett inn → Bildetekst og tegn en tekstboks på lysbildet.

12.1 Flytte, endre størrelse og slette en inskripsjon.

Etter at du har opprettet en bildetekst, kan du flytte den til en ny plassering, endre størrelsen på den for å få plass til mer tekst eller slette den helt.

For å flytte, endre størrelse på eller slette en bildetekst:

I lysbildepanelet klikker du på bildeteksten du vil flytte, slette eller endre størrelse på. En kant med hvite markører vil vises rundt teksten, og en I-formet markør vil vises i teksten, som vist i fig. 7.

Velg ett av alternativene.

    For å flytte bildeteksten. Plasser musepekeren over kanten av etiketten, slik at den får form av en firehodet pil. Mens du holder nede venstre museknapp, flytt musepekeren dit du vil at etiketten skal plasseres, og slipp deretter knappen.

    For å endre størrelsen på inskripsjonen. Flytt musepekeren over etikettens kantmarkør til den har form av en tohodet pil. Mens du holder nede venstre museknapp, flytt musepekeren til tekstboksen har ønsket størrelse, og slipp deretter knappen.

Et stort antall HTML-elementer er laget for å organisere innhold, spesielt tekst, som vanligvis utgjør det store flertallet av innholdet på nettsider. Det nye språkbegrepet fokuserer på den logiske utformingen av tekst, eller logisk formatering. Elementene knyttet til denne innholdsmarkeringen er diskutert i dette kapittelet.

Å strukturere innhold innebærer å bryte det ned i logiske blokker. Den første av disse blokkene er vanligvis tittelen.

Overskrifter. Elementene h1, h2, h3, h4, h5, h6

Det er overskrifter på første, andre, tredje og andre nivå, opp til det sjette. De er organisert ved hjelp av taggene h1, h2, h3, h4, h5, h6:

3-nivå 1 overskrift
Nivå 2 overskrift
3nivå 3 header
Nivå 4 overskrift
Nivå 5 Header
3 overskrifter nivå 6

Bruken av overskrifter på ulike nivåer lar deg strukturere dokumentet i seksjoner, kapitler, avsnitt osv., noe som gjør det lettere å lese. Overskriftselementer på forskjellige nivåer vises som standard av nettleseren i forskjellige skriftstørrelser (fig. 3.1).

Eksempel.

Overskrift nivåer 31. nivå overskrift 2. nivå overskrift 33. nivå overskrift 4. nivå overskrift 5. nivå overskrift 36. nivå overskrift

Ris. 3.1.

La meg minne deg på at å omslutte tekst i en tittelkode bare er en instruksjon for nettleseren, og hvordan den utfører den er opp til den, eller mer presist, det er opp til utviklerne. For eksempel, dette er hvordan den samme koden vil se ut i nettleseren din:

31. nivå overskrift 2. nivå overskrift 33. nivå overskrift 4. nivå overskrift 5. nivå overskrift 36. nivå overskrift

Avhengig av nettleserpreferanser kan noen overskrifter på forskjellige nivåer se like ut, eller til og med overskrifter på lavere nivå kan virke mer fremtredende enn deres større brødre. I en rekke nettlesere, for eksempel i Opera, kan størrelsen og typen fonter som brukes på en webside angis av brukeren i innstillingene. Deretter viser vi deg hvordan du kontrollerer skriftstørrelse, -type og andre egenskaper programmatisk ved hjelp av stiler, uten å stole på funksjonene til andre nettlesere.

Attributter:

  • juster - angir justeringen av overskriften på siden. Ikke anbefalt. Kan ta fire verdier:
    • venstre- justerer tittelen til venstre kant av siden (brukes som standard);
    • Ikke sant- justerer tittelen til høyre kant av siden;
    • senter- justerer tittelen til midten;
    • rettferdiggjøre- justerer tittelen etter bredden på siden, og strekker linjen fra høyre til venstre marg. Effekten oppstår når lengden på overskriften er større enn bredden på arket.
  • id, klasse
  • lang, dir
  • tittel
  • stil
  • onfocus, onblur, - interne hendelser.
Innebygde og blokkelementer

Alle elementer som er ansvarlige for å presentere innhold er vanligvis delt inn i to store grupper:

  • blokknivåelementer, eller blokkelementer;
  • innebygde eller tekstnivåelementer (inline).

De første skiller store blokker i dokumentet (for eksempel overskrift, avsnitt, adresse til forfatteren av publikasjonen). Sistnevnte fremhever et fragment innenfor en linje (én bokstav, et ord eller en frase).

Som standard starter blokker på en ny linje og opptar hele den tilgjengelige bredden. I fig. 3.2, for klarhetens skyld er blokkene spesielt uthevet med en rosa strek. Blokker kan nestes inne i hverandre. Blokkelementer kan inneholde innebygde elementer. Blokkelementer vil bli diskutert i detalj nedenfor, men foreløpig vil vi bare liste dem:
avsnitt - ,
overskrifter - ,..., ,
blokker - ,
forhåndsformatert tekst - ,
sitater - , , ,
skilletegn - ,
tabeller - ,
lister -
    , , ,
    skript - , .

    Ris. 3.2.

    Elementer av et lavere nivå - tekstnivået - vises som standard etter hverandre i gjeldende linje (fig. 3.3). De kan bygges inn i blokknivåelementer og inkludere andre innebygde elementer. Inline-elementer kan imidlertid ikke inneholde blokkelementer. Den generelle regelen er at elementer bare kan nestes innenfor elementer på et høyere eller samme nivå. Innebygde elementer inkluderer elementer av logisk (frase) og fysisk (fontstil) tekstformatering, spesielle elementer og elementer for å spesifisere skjemaer.

    Hvis du virkelig ikke har det,
    Lene seg inn, hvordan må,
    Ta opp vannprosedyrer.

    Ris. 3.3. Innebygde elementer.

    Blokkvalg. Element

    div-elementet er det mest typiske elementet på blokknivå. Den brukes til å kombinere forskjellig innhold til en logisk sammenhengende enhet. En logisk blokk er mer enn et tekstavsnitt. Den kan skille for eksempel flere avsnitt som representerer et sammendrag av en artikkel, nyheter eller kommentarer til hovedteksten. Kombinert med klasse- og id-attributtene, som vi skal se på senere, lar div-elementet deg enkelt strukturere tekst.

    Ved å samhandle effektivt med stilark lar div-elementet deg perfekt formatere deler av en enkelt side eller til og med et helt nettsted. En tekstblokk, logisk atskilt, kan deretter enkelt fremheves når den vises på en hvilken som helst måte, for eksempel etter font, farge, linjeavstand, sentrering, etc. Innholdet i div-elementet kan plasseres etter ønske, fremheves med en annen bakgrunn osv. Når vi ser fremover, merker vi at blokken kan skjules og vises til rett tid. På grunn av sin allsidighet brukes dette elementet oftest.

    Attributter:

    • juster - angir justeringen av tekst på siden. Ikke anbefalt. Kan ta fire verdier:
      • venstre
      • Ikke sant
      • senter
      • rettferdiggjøre
    • id, klasse - identifikatorer i dokumentet.
    • lang, dir - informasjon om språket og retningen til teksten;
    • tittel - tittelen på elementet (vises av nettleseren som en kommentar når du holder musepekeren over innholdet i elementet).
    • stil - innebygd stilinformasjon.
    • onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup - interne hendelser.
    Innebygd blokk. Element

    Ekvivalenten til en div på tekstnivå er span-elementet. Hovedformålet er å organisere innebygde blokker, som deretter effektivt kan formateres ved hjelp av stiler.

    Attributter:

    • ctlparid
    • id, klasse - identifikatorer i dokumentet.
    • lang, dir - informasjon om språket og retningen til teksten;
    • tittel - tittelen på elementet (vises av nettleseren som en kommentar når du holder musepekeren over innholdet i elementet).
    • stil - innebygd stilinformasjon.
    • - interne hendelser.
    Sitater. Element

    Dette elementet er en type blokkvalg. Forskjellen fra en div er at som standard er et element, som et sitat, forskjøvet til høyre i forhold til hovedteksten. Tidligere ble dette elementet brukt til å kunstig lage marger til venstre for teksten. Sitater, om nødvendig, legges til ved hjelp av stilark.

    Attributter:

    • sitere - angir URL-en til dokumentet eller brevet som skal siteres.
    • id, klasse - identifikatorer i dokumentet.
    • lang, dir - informasjon om språket og retningen til teksten;
    • tittel - tittelen på elementet (vises av nettleseren som en kommentar når du holder musepekeren over innholdet i elementet).
    • stil - innebygd stilinformasjon.
    • onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup - interne hendelser.
    Organisering av avsnitt. Element

    Nettleseren håndterer som nevnt ikke nylinjetegn. Dette ble gjort fordi du ikke på forhånd vet hvilken plattform teksten din skal vises på, og det er opp til nettleseren å plassere den riktig, og organisere splittingen i linjer uavhengig. Derfor, teksten du skrev på datamaskinen din, mens du samtidig formaterer den, deler den inn i avsnitt og gir den en slags logisk inndeling, vil nettleseren først konvertere den, fjerne alle påfølgende mellomrom og linjeskift, og deretter vise den. I dette tilfellet vil informasjon om paragrafene gå tapt. For å forhindre at dette skjer, brukes et spesielt element for å logisk organisere avsnitt

    Attributter:

    • juster - setter tekstjusteringen. Ikke anbefalt. Kan ta fire verdier:
      • venstre- justerer tekst til venstre kant av siden (brukt som standard);
      • Ikke sant- justerer tekst til høyre kant av siden;
      • senter- justerer teksten til midten;
      • rettferdiggjøre- justerer teksten til sidens bredde, og strekker linjen fra høyre til venstre marg.
    • id, klasse - identifikatorer i dokumentet.
    • lang, dir - informasjon om språket og retningen til teksten;
    • tittel - tittelen på elementet (vises av nettleseren som en kommentar når du holder musepekeren over innholdet i elementet).
    • stil - innebygd stilinformasjon.
    • onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup - interne hendelser.

    Eksempel.

    1 2 3 4 Overskrifter, blokker, sitater, avsnitt 5 6 7 8

    Del en

    9

    Stargorod løve

    10 11 12

    Kapittel 1

    13

    Bezenchuk og "Nymphs"

    14 15

    16 I distriktsbyen N var det så mange frisørbedrifter og byråer 17 av gravferder at det så ut til at innbyggerne i byen ble født bare 18 da for å barbere seg, klippe håret, friske opp hodet med hårklipp og 19 døde umiddelbart. Men faktisk, i distriktsbyen N ble folk født, barbert og døde ganske sjelden. Livet i byen N var 21 det roligste. 22

    23 24

    25 Spørsmål om kjærlighet og død plaget ikke Ippolit Matveyevich 26 Vorobyaninov, selv om han hadde ansvaret for disse sakene 27 i kraft av sin tjeneste fra ni om morgenen til fem om kvelden hver dag med en halvtimes 28 pause til frokost . 29

    30 31

    32 Selv om det var mange begravelsesdepoter, var klientellet deres ikke rikt. 33 «Du er velkommen» brast tre år før Ippolit Matveevich 34 slo seg ned i byen N, og mester Bezenchuk drakk bitter og prøvde til og med en gang 35 å pantsette sin beste utstillingskiste i en pantelånerbutikk. 36

    37 38 Fotgjengere må elskes.
    39 Fotgjengere utgjør majoriteten av menneskeheten. Dessuten er 40 den beste delen av det. Fotgjengere skapte verden. Det var de som bygde byene, 41 reiste bygninger i flere etasjer, installerte kloakk og vannforsyning, 42 asfalterte gatene og tente dem med elektriske lamper. 43 44 45

    Ris. 3.4.

    Når du analyserer denne nettsiden, kan du merke deg følgende:

    • linje 7-10: Første nivå overskrift.
    • linje 11-14: Overskrift på andre nivå, i mindre skrift som standard.
    • linje 15-22

      .

    • linje 23-30: blokk . For klarhetens skyld er den uthevet med en annen tekstfarge og bakgrunn, som er satt ved hjelp av CSS-stiler, og er også forskjøvet 50 piksler til venstre for linjen til andre elementer.
    • linje 31-36: et vanlig avsnitt opprettet ved hjelp av elementet

      .

    • linje 37-43: Et sitat opprettet ved hjelp av . Som standard flyttes den til høyre i forhold til hovedteksten. For større klarhet er den uthevet i kursiv, som er satt med CSS-stiler.

    Alle de oppførte elementene er inkludert i elementet. I programmeringstermer sies dette elementet å være overordnet til nestede underordnede elementer (og "barn" eller "arvinger").

    , . Underordnede elementer arver en rekke egenskaper fra det overordnede elementet. For eksempel, , ,

    Arv verdien fra venstre kantlinje. Elementene og er ekskludert fra denne listen fordi venstre marg er eksplisitt satt, og har en høyre offset som standard. Og her er elementet

    Som er inkludert i, arver fra den den forskjøvede venstrekanten (fig. 3.4).

    Linjeoversettelse. Elementer
    , , Element

    Som nevnt tidligere bestemmes plasseringen av linjeskift automatisk av nettleseren, tar hensyn til vindusstørrelser, fonter osv. For tilfeller der tvungen linjemating er nødvendig, leveres et element
    . Etter å ha møtt taggen
    , vil nettleseren begynne å skrive ut den påfølgende teksten på en ny linje.

    Merk:

    I XHTML, hvor det kreves en avsluttende tag, er løsningen å skrive taggen i skjemaet
    , eller rett etter åpningstaggen, skriv inn den avsluttende taggen

    .

    Attributter:

    • klar - indikerer hvor den viklede linjen skal vises. Dette attributtet tar hensyn til vedlagte objekter (tabeller, bilder osv.) Anbefales ikke. Kan ta fire verdier:
      • ingen- neste tekstlinje vises på vanlig måte, i nærmeste ledige plass under (brukt som standard);
      • venstre- neste tekstlinje vises i nærmeste ledige plass under objektet festet til venstre kant;
      • Ikke sant- neste tekstlinje vises i nærmeste ledige plass under objektet festet til høyre kant;
      • alle- neste tekstlinje vises i nærmeste ledige plass under et objekt festet til en hvilken som helst kant;

    La oss se på eksempelet på bruk av elementet
    .

    La det være et kildedokument der bildeobjektet ikke er festet til noen kant av dokumentet (justeringsattributtet er ikke definert) og følgelig ikke er omgitt av tekst (fig. 3.5):

    Eksempel.

    1 2 3 4 Bruke br-elementet med forskjellige attributter 5 6 7 8 I timene gjentar Mirzakarim Sanakulovich Norbekov ofte: 9 «Jeg er en vanlig person, akkurat som alle andre, ikke noe bedre og, håper jeg, 10 ikke verre enn deg. Alt jeg har oppnådd i livet, kan du også oppnå. 11 det er bare viktig å ha det!" 12 Og han oppnådde virkelig mye. I dag er M. S. Norbekov doktor i 13 psykologi, doktor i pedagogikk, doktor i filosofi i medisin, professor, 14 fullverdig medlem og tilsvarende medlem av en rekke russiske og utenlandske 15 akademier, forfatter av mange patenterte oppfinnelser og oppdagelser innen vitenskap. 16 Han kaller imidlertid selv alle disse titlene «hundregalier», 17 fordi han ikke jobber for anerkjennelse. 18 Mirzakarim Sanakulovich er en sann forsker. 19 Hans interesseområde er veldig bredt. Mange mennesker er overrasket over hvordan alle disse 20 kan kombineres i én person: en artist, komponist, forfatter, filmregissør, 21 utøver, idrettsutøver, trener, som har svart belte i karate, andre dan og svart belte 22 tommer sam jong til niende dan. Men viktigst av alt, forfatteren av boken er spesialist i 23 sufi-medisin og praksis, en av de eldste blant alle eksisterende. 24 25

    Ris. 3.5. Type dokument med et bilde uten tilleggsattributter

    La oss nå organisere teksten for å vikle rundt bildet, og feste den til venstre kant. For å gjøre dette, angir vi attributtet align=left til bildet, det vil si linje 7 i HTML-koden til dokumentet erstatte med streng . Som et resultat får vi tekst rundt bildet (fig. 3.6):

    Ris. 3.6. Visning av dokumentet med vedlagt bilde.

    Bruk av et br-element med klar-attributtet som er spesifisert, avgjør om teksten bak elementet vil fortsette å vikle rundt objektet, eller vil vises under det. I eksemplet nedenfor, bruk av br-elementet uten å spesifisere clear-attributtet (som er det samme som å spesifisere clear=none) bryter ikke tekstbrytingen, men bryter bare til neste linje. La oss sette inn br-elementet før setningen "Og han oppnådde virkelig mye." (Fig. 3.7):

    Ris. 3.7. Demonstrasjon av bruk av br-elementet.

    Bruk av br-elementet med clear=left-attributtet vil bryte tekstbrytingen og fortsette å vise teksten rett under det vedlagte objektet (Figur 3.8):

    Ris. 3.8. Bruke br-elementet med clear=left-attributtet

    Element

    Noen ganger må du holde en linje på skjermen uten å bryte inn tekst. I dette tilfellet er slike strenger innelukket i en beholder.

    Ikke bindestrekstekst

    Avslutningsbrikken er påkrevd.

    Hvis linjen er for lang, vises et horisontalt rullefelt. I små fraser kan du bruke et ikke-brytende mellomrom (ett eller flere), som settes inn som et bokstavelig tegn (i desimalform, i heksadesimal). skjema A0 ;).

    Element

    Det løser det omvendte problemet - det tillater overføring og settes inn som en beholder inne i elementet. I følgende eksempel utføres overføringen kun i setningen "Provinsiell umiddelbarhet."

    "En sulten kvinne," sa Ostap, "en dikters drøm." Provinsiell spontanitet. I sentrum er det ikke slike subtroper på lenge, men i periferien, i lokalitetene, forekommer de fortsatt.

    I praksis er det lettere å bruke bare elementet, og fremheve med det en del av linjen som ikke er gjenstand for innpakning. Det forrige eksemplet i dette tilfellet vil bli skrevet slik:

    "En sulten kvinne," sa Ostap, "en dikters drøm." Provinsiell spontanitet. I sentrum er det ikke slike subtroper på lenge, men i periferien, i lokalitetene, forekommer de fortsatt.

    Oppdatert og kontrollert riktigheten av å lage lister 28.02.2010 (A.K.)

    I løpet av den siste måneden har jeg vært tett involvert i å utvikle maler for å lage programdokumenter som kreves av GOST-standarder: tekniske spesifikasjoner for programmet, brukermanual, applikasjonsbeskrivelse og annet. Det ser ut til at det ikke er noe komplisert i denne aktiviteten. Sett inn nødvendige seksjoner, sideskift, felt for fremtidig tekst. Imidlertid hadde jeg problemer med utformingen av dokumenter, og spesielt med stilene til overskrifter og lister på flere nivåer.

    I henhold til statlige standarder må overskrifter i et dokument begynne med et bestemt avsnittsinnrykk, være i ensartet skrift, og ikke ha et punktum etter det siste sifferet i nummereringen. I tillegg er det andre designkrav som må tas hensyn til.

    En erfaren Word-editor-bruker vil sannsynligvis flise og si: hva er så komplisert med det? Jeg skrev inn teksten for overskriften, ga den ønsket font og formatering, eller brukte ønsket nivå av overskriftsstil på den, og klikket på "Nummerering"-knappen på formateringspanelet. Dette er sant, men til slutt ender dokumentet opp med mange forskjellige uordnede stiler der du kan gå deg vill og som ikke gjør noe for å forbedre utseendet til dokumentet. Men det finnes også lister på flere nivåer, som for mange virker fullstendig forvirrende og uforståelige å bruke.

    I dette innlegget vil jeg dele metoden min for å temme overskrifter og lister på flere nivåer ved å style dem deretter. Jeg anbefaler på det sterkeste å bruke stiler når du lager dokumenter. Å lage en stil vil bare ta noen få minutter, men når du deretter formaterer dokumentteksten, vil stilen du oppretter spare mye tid og nerver.

    Så jeg sto overfor oppgaven med å bruke fire forskjellige nivåer av nummererte overskrifter i et dokument for å indikere deler av dokumentet. Disse seksjonene bør også ha egne nummererte underseksjoner. Her er et eksempel på riktige overskrifter med flere nivåer:

    Først av alt, lagre det nye dokumentet som en mal (dot-utvidelse). Og vi jobber allerede med denne malen.

    Den neste tingen å gjøre er å redigere standard overskriftsstiler innebygd i malen vår. For å se stilene som brukes i en mal eller et dokument, velg underelementet (kommando) "Stiler og formatering" fra "Format"-menyen. Et oppgaveområde med samme navn vil vises til høyre for programmets arbeidsområde, som i skjermbildet nedenfor:

    De grunnleggende stilene til trenivåoverskrifter og "Normal"-stilen, det vil si stilen til enkel dokumenttekst, vises som standard. For å vise flere stiler i dette området, kan du velge Egendefinert fra rullegardinlisten Vis nederst i oppgaveruten. Følgende dialogboks åpnes:

    Hvis kategorien "Tilgjengelige stiler" er angitt, vil området "Viste stiler" kun vise de stilene som ble brukt til å lage dette dokumentet. Vanligvis kontrolleres tre nivåer av overskrifter. Hvis du trenger å bruke et fjerde overskriftsnivå, merk av for "Overskrift 4". Det er mulig at stilen ikke vises i området Vis stiler. I dette tilfellet velger du kategorien "Alle stiler" og merker av i boksene bare for overskriftene 1 til 4 og "Normal"-stilen, så vel som de stilene du personlig har laget. Lukk Format Settings-vinduet ved å klikke OK.

    Vårt andre trinn vil være å finjustere overskriftsstilene. Overskrifter er i utgangspunktet tildelt fonter med forskjellig formatering. For å lage et programdokument, i henhold til GOSTs, er det nødvendig å bruke en enkelt skrift for hele dokumentet. Jeg bruker Times New Roman 14 pt font for "Regular" stilen. For overskriftene vil jeg også bruke denne fonten, og endre bare størrelsen og avstanden.

    For å endre overskriftsstilen, hold musen over "Overskrift 1" i oppgaveruten. Inskripsjonen vil vises i en ramme og en knapp med en trekant vises til høyre for den. Klikk på denne trekanten og en kontekstmeny for denne stilen åpnes foran deg. Velg kommandoen "Endre" i den, og dialogboksen "Endre stil" vises.

    I feltet Stil basert på velger du Ingen stil fra rullegardinlisten. La «Stil for følgende avsnitt»-feltet være uendret. Klikk deretter på Format-knappen nederst i vinduet og velg kommandoene du trenger for å endre innstillingene. For å endre skrifttypen, bruk "Font"-kommandoen for å endre avsnittsinnrykk og mellomrom, bruk "Paragraph"-kommandoen. Gjør endringene du trenger. For eksempel, for "Overskrift 1" angir jeg følgende parametere: font - Times New Roman fet skrift 18 pt, avsnitt - venstrejustering, første linjeinnrykk med 1,5 cm, avstand før 0 pt, etter 3 pt, dobbel linjeavstand, tabulator - sett 3,5 cm fra venstre kant uten polstring.

    Hvis du ønsker å bruke endringene som er gjort på malen, basert på hvilke du senere skal lage dokumentene dine, merk av i boksen "Legg til i mal", ellers vil alle disse endringene bare brukes på det aktive dokumentet.

    På samme måte endret jeg stilen til de resterende overskriftene, og reduserte skriftstørrelsen for hver av dem tilsvarende: "Overskrift 2" - fet 16 pkt, "Overskrift 3" - fet 15 pkt, "Overskrift 4" - fet skrift 14 pt.

    Dermed konfigurerte jeg overskriftsstilene jeg trengte i malen. Nå var det nødvendig å lage en stil for lister på flere nivåer.

    Fra "Format"-menyelementet velger du kommandoen "Liste" (punkter og nummerering). En dialogboks med samme navn åpnes. Gå til vinduets listestiler-fane og klikk på Legg til-knappen. "Ny stil"-vinduet åpnes foran deg med et kjent grensesnitt og knapper:

    Vær oppmerksom på feltet "Bruk formatering på". Som standard vil den være satt til "Nivå 1". Når du angir nummereringsformatering, bruker du det utelukkende på Overskrift 1-stilen. Følgelig, ved å velge neste verdi i dette feltet - "Nivå 2" - må du også angi formateringen som tidligere var satt for "Overskrift 2".

    I "Navn"-feltet skriver du inn navnet på stilen din (la det være "Overskriftsnummer"). Klikk deretter på "Format"-knappen nederst i vinduet. Bare tre kommandoer vil være tilgjengelige: "Skrift", "Nummerering" og "Tastatursnarvei".

    Velg "Nummerering"-kommandoen og "Liste"-dialogboksen åpnes foran deg. Klikk på en prøveliste og "Tilpass"-knappen nederst i vinduet vil bli aktiv. Trykk på det. Et nytt vindu åpnes som vist på skjermbildet nedenfor.

    I dette vinduet må vi konfigurere nummereringsstilene for hver av overskriftene. Velg ønsket nivå, for eksempel 1. Vinduet viser parameterne som gjelder for dette nivået. Her kan du konfigurere nummereringsfonten og avsnittsinnrykk. Hvis dette vinduet åpnes kort, klikker du på "Mer"-knappen og flere alternativer vil være tilgjengelige for tilpasning.

    Velg Font-kommandoen. En kjent dialogboks vil dukke opp foran deg, der du angir de samme parameterne som du angir for "Overskrift 1" (Times New Roman, fet skrift, 18). Sørg for å fjerne merket for alle avmerkingsboksene i "Effekter"-gruppen - de vil ha en blek farge, angi tekstfargen, ingen understreking og sjekk alle andre innstillinger i de andre fanene i vinduet.

    I "Nummerposisjon"-gruppen, sett venstre posisjon til 1,5 cm I gruppen "Tekstposisjon" setter du fanen etter 3,5 cm, innrykk 0 cm. Velg fra rullegardinlisten i " Link-nivå til stil satt til "Nei". La verdien være i feltet "Følg nummer med" som den er - et tabulatortegn.

    Etter å ha valgt det andre nivået for listen, kan en bokstav eller et annet symbol vises i "Tallformat"-feltet. For våre formål (opprette en mal i samsvar med GOST), må du slette verdien i feltet, og deretter velge verdien "Nivå 1" i feltet "Forrige nivå" slik at vi har det første sifferet for det andre nivået av overskriften, sett en prikk i "Nummerering"-feltet " velg verdien "1,2,3" - følgende nummer 1 vil vises i "Tallformat"-feltet etter sifferet med en prikk.

    Klikk på "Skrift"-knappen igjen og angi de samme verdiene som du angir for "Overskrift 2"-stilen (Times New Roman, fet skrift, 16).

    Gjenta disse trinnene for de resterende 2 nivåene: 3 og 4.

    Vær oppmerksom på at når du konfigurerer overskrifter 3 og 4, må du først slette "Tallformat"-feltet, velge tilgjengelige verdier i sekvensen i "Forrige nivå"-feltet: først "Nivå 1", legg inn en prikk, deretter "Nivå 2" (og for overskrift 4 - og "Nivå 3") og velg deretter verdien "1,2,3".

    Klikk OK når du er ferdig. Et nytt element (stil) med navnet ditt "Heading_Numbering" vil vises i oppgaveruten "Stiler og formatering".

    Nå, for at disse stilene og listene skal fungere riktig i nye dokumenter basert på denne malen, må du beskytte malstilene mot endringer. For å gjøre dette, i "Format"-menyen, velg kommandoen "Beskytt dokument". Oppgaveruten "Dokumentbeskyttelse" åpnes til høyre:

    I delen Formateringsbegrensninger merker du av for Begrens stiler tillatt og klikker på koblingen Tilpass. Dialogboksen Formatbegrensninger vises. Merk av i avmerkingsboksene i dette vinduet for stilene som er tilgjengelige i malen din (som du har opprettet eller som du vil ha). I vårt tilfelle er dette 4 nivåer av overskrifter og stilen "Heading_Numbering". Klikk OK. Dialogboksen lukkes og en dialogboks vil vises som spør: "Dokumentet kan inneholde forbudte stiler eller formatering. Skal du fjerne dem?" Velg "Ja". Etter alt dette, klikk på "Ja, aktiver beskyttelse"-knappen. Det er ikke nødvendig å angi et passord (etter eget skjønn).

    Nå vil alle dokumenter som vil bli opprettet basert på denne malen kun ha de stilene du har tillatt å bruke.

    Det siste vi må gjøre er å teste hvordan stilene fungerer i praksis. For å gjøre dette, lag et nytt dokument basert på denne malen, skriv inn noen få linjer med tekst i dokumentet. Skriv inn minst syv linjer for å teste ulike overskriftsnivåer. Plasser musepekeren på den første tekstlinjen og bruk Overskrift 1-stilen på den.

    Bruk deretter Heading_Numbering-stilen du opprettet på den samme teksten. Gjenta disse trinnene i den gitte sekvensen (Overskrift -> Overskrift_Nummerering) for de resterende linjene, og bruk forskjellige nivåer på dem hver gang. Den hierarkiske listen skal se omtrent slik ut:

    Som du kan se, nederst i vinduet viste jeg nivået "Overskrift 2", men med nummereringen brutt - 1.1. Det skjer. Og det er veldig enkelt å fikse. Bare høyreklikk på dette nummeret for å vise en kontekstmeny. Velg kommandoen "Fortsett forrige liste" fra denne menyen og overskriften vil motta riktig nummer, i dette tilfellet - 2.2.

    Jeg håper du forstår hvordan stiler lages og hvordan de endres. Jeg håper også inderlig at dette notatet vil hjelpe deg med å lage de riktige overskriftsstilene og vakkert, og viktigst, ensartet formatere dokumentene dine.

    Som et eksempel legger jeg ved malen jeg opprettet med tilpassede topp- og listestiler.

    For å lage en automatisk innholdsfortegnelse, må vi først tildele stiler til hvert tekstelement. Det er ganske enkelt, men du må tukle litt.

    Word 2007: i fanen Hjem, i stiler-blokken, klikker du på pilikonet i nedre høyre hjørne:

    Word 2003: i Format-menyen, klikk på elementet Stiler og formatering (på bildet er det bare stiler - ikke vær oppmerksom):

    Nå vises Stiler-menyen på høyre side av vinduet. Først, la oss lage en ny stil for utformingen av hovedteksten vår - klikk på Lag stil-knappen i nedre høyre hjørne av Stiler-menyen:

    Når vi lager en stil, setter vi de grunnleggende parametrene for hovedteksten.

    Navn: Avsnitt (du kan tenke på alt annet)

    Stil: Avsnitt

    Basert på stil: Vanlig

    Neste avsnittsstil: Avsnitt (eller ditt valg av stilnavn)

    Font: Times New Roman (dette er en smakssak)

    Størrelse: 14 pt

    Justering: Bredde

    Intervall: En og en halv

    Men det er ikke alt, du må angi paragrafparametrene. For å gjøre dette, i nedre høyre hjørne av dialogboksen Lag stil, klikk på Format-knappen og velg Avsnitt:

    Angi følgende parametere i Avsnitt-dialogboksen som åpnes, i Innrykk og mellomrom-fanen:

    Første linje: Innrykk, 1,25 cm

    Avstand: Etter, 25 pt

    Merk av i boksen: Ikke legg til mellomrom mellom avsnitt med samme stil

    Sistnevnte er nødvendig for å visuelt skille brødteksten fra overskrifter og andre stiler. Samtidig vil det ikke være innrykk mellom avsnitt i hovedteksten.

    Klikk OK i denne dialogboksen og igjen i Style Creation-vinduet.

    Flott, stilen er skapt! La oss prøve å bruke det nå.

    Velg en del av hovedteksten og klikk på Avsnittsstilen i Stiler-menyen:

    Som du kan se, har teksten tatt formen som vi tidligere har satt for den i stilparameterne. Legg merke til hvordan teksten som er formatert på denne måten, skiller seg fra resten.

    Som du kanskje har gjettet, setter vi avsnittsstilen for all brødtekst. La oss nå gå videre til å lage en stil for underseksjonene.

    I Stiler-menyen klikker du på Opprett stil-knappen igjen og angir følgende parametere for den:

    Navn: Underseksjon

    Stil: Avsnitt

    Basert på stil: Overskrift 2 (nødvendig for å lage en innholdsfortegnelse)

    Neste avsnittsstil: Avsnitt (eller ditt valg av brødtekststilnavn)

    Font: Verdana

    Størrelse: 14 pt

    Stil: Fet

    Justering: Venstre

    Intervall: En og en halv

    Uten å lukke dette vinduet, klikk på Format-knappen og velg Avsnitt.

    Angi følgende parametere i kategorien Innrykk og mellomrom:

    Første linje: Innrykk, 1,5 cm

    Avstand: Før, 0 pt; Etter, 20 pt

    I fanen Plassering på side merker du av i boksene ved siden av følgende elementer:

    · forbud mot dinglende linjer (slik at en linje som ikke passer på en gitt side ikke hopper til neste side, fordi den er stygg :)

    · ikke skilles fra den neste (slik at tittelen ikke bryter bort fra hovedteksten)

    · ikke bryte avsnittet (slik at hele overskriften er plassert på én side)

    Lukk stilopprettingsvinduene ved å bruke OK-knappene og still inn underseksjonsstilen for alle overskrifter på andre nivå:

    Alt som gjenstår er å lage en stil for overskriftene på første nivå – seksjonsoverskrifter. Vi setter seksjonsstilen på samme måte som vi opprettet den forrige stilen.

    I forrige leksjon så vi også på obligatoriske tagger, nå skal vi fortsette å bli kjent med andre tagger og se på hvordan HTML-headers lages.

    I et HTML-dokument spiller tittelen en stor rolle. Det konsentrerer den besøkendes oppmerksomhet og oppmuntrer ham til å lese artikkelen, eller annet materiale, det spiller en stor rolle i å optimalisere sider for søkemotorer, siden søkemotorer legger merke til teksten mellom titteltagger osv.

    HTML-overskrifter kommer i 6 nivåer, som hver har forskjellig størrelse. Taggen og dens sammenkoblede avsluttende taggen er ansvarlige for å lage overskriften. Hvor x er et tall fra 1 til 6 som bestemmer overskriftsnivået.

    Dermed bestemmer taggen den største overskriftsstørrelsen, og taggen bestemmer den minste. På bildet kan du se alle overskriftsnivåer fra 1. til 6..

    Overskrifter på høyere nivåer brukes i hovedsak overskrifter på 6. og 5. nivå. La oss prøve å bruke denne taggen i praksis og lage en tittel for HTML-siden. La oss kalle det for eksempel "Testside" og bruke en overskrift på første nivå på den.

    For å gjøre dette, i koden til nettsiden vår som vi opprettet i leksjonen, umiddelbart etter taggen vil vi sette inn følgende testside. All koden vil se slik ut:

    Min første side Testside Så du har laget din første nettside!!!

    Du kan prøve å endre tallene i tittelkoden fra 1 til 6 og se hvordan tekststørrelsen endres. Ikke glem at etter hver endring i koden må html-filen lagres, og for å se endringene som er gjort, må du oppdatere nettsiden i nettleseren. Samtidig med størrelsen på teksten setter titteltaggen innrykk og gjør teksten fet.

    I utgangspunktet, når du oppretter HTML-dokumenter, brukes overskrifter på første, andre og tredje nivå. Søkemotorer legger mest vekt på søkeord som ligger i overskriften på første nivå, mindre i overskriften på andre og tredje nivå osv., dvs. jo høyere nivå overskriften er, desto mindre representerer den noen verdi for søkemotorer. I dag legger søkemotorer ikke lenger stor vekt på søkeordene i h1-taggen. Les mer om dette i seksjonsmateriell. Vi vil fortsette å studere de resterende taggene i andre.

    Materiale utarbeidet av portalen:

    visninger