Introduksjon til Paged Media Module i CSS3

Tilbyr nettstedet ditt trykte versjoner av nettinnholdet ditt? Kanskje trenger du eller kunden din å lage en e-bok fra nettinnholdet som allerede er publisert online. Du har kanskje allerede print.css eller media.css stilark lagt til stilarsenalet ditt, men vet du om CSS3 Paged Media Module? Hva med CSS-generert innhold for modulert medie? Dette innlegget vil introdusere og gjennomgå flere metoder som du kan bruke for å utnytte den personsøkte mediemodulen med @page og @media-utskrift, og derved lage formaterte sider og trykte medier fra websidedokumentene dine.

Hva betyr spesifikasjonen for den typiske nettutvikleren? Den sidede mediemodulen er standarden som foreslår en måte å levere paginert innhold, med andre ord prosessen med å dele tekst og websideinnhold i separate sider, enten det er elektroniske sider eller trykte sider. Standarden lar deg automatisk tilpasse HTML-sider slik at de passer til skjermstørrelser på hvilken som helst enhet, og vende sidene når de vises.

Med den personsøkte mediemodulen, generert innholdsmodul og flere andre ressurser, kan du ta lange deler av online-innhold og style teksten til utskriftssideformater der du kan styre størrelsen på sidene, inkludere en innholdsfortegnelse, legge til overskrifter og bunntekst, inkorporere referanser som fotnoter og sluttnotater, og legg til guider for kommersielle forlag. Å produsere strukturerte trykte bøker er ikke lenger nok for tradisjonelle forleggere; Ofte betyr behovet for å gi ut flere forskjellige formater for hver bok at trykte medier også må levere med en ePub-fil for iPad eller Nook, og en .mobi-fil for Kindle, og lignende enheter.

Sidemodellen

Sidesmedia formateres i en eller flere sidekasser som bruker en spesialisert CSS-boks til å kartlegge en rektangulær utskriftsmedieoverflate, for eksempel en papirside, og er omtrent analog med visningsspesifikasjonen.

Sideboksen ( figur A, til venstre) består av en sidemargin, sidekanter, sidepolstring og sideinnholdsområder, som har spesielle funksjoner, som hver er definert separat av sideområdet og 16 marginbokser. Hovedinnholdsområdet i sideboksen kalles sideområdet, og det er her innholdet flytes inn på en eller flere sider. Marginområdet til sideboksen er delt inn i 16 marginbokser (se figur B nedenfor til høyre), med hver sin margin, kant, polstring og innholdsområder også. De brukes til å vise overskrifter og bunntekster, og annet innhold til side.

Egenskapene til en sideboks bestemmes av eventuelle egenskaper som er deklarert innenfor sideinnholdet og deklarasjonsblokken til @page- regelen, som er det første trinnet for å sette opp utskriftssidestrukturen. @Page-elementet definerer de grunnleggende innstillingene, for eksempel sidestørrelse, marginer, topptekster og bunntekst.

Kodebiten nedenfor er ett eksempel som setter sideboksstørrelsen til 5 ½ tommer med 8 ½ tommer med 10% marginer:

 @side { 
 størrelse: 5.5in 8.5in; 
 margin: 10%; 
 } 

Alternativene for sidestørrelse kan også spesifiseres ved å bruke vanlige medienavn fra Media Standardised Names (PDF) som A5, A4, A3, B5, B4, letter, legal, hovedbok, og de kan brukes sammen med retningslinjer som liggende eller stående, som i neste kodeeksempel:

 @side { 
 størrelse: A4 landskap; 
 margin: 10%; 
 } 
Figur C nedenfor illustrerer en utskrift forhåndsvisning av en eksempelwebside, som bruker @sidebiten nedenfor:
 @side { 
 størrelse: bokstav; 
 margin: 5%; { 
 } 

Og med størrelsen satt til hovedbok, resulterer kodebiten nedenfor i forhåndsvisningen av utskriften som vises i figur D.
 @side { 
 størrelse: hovedbok; 
 margin: 5%; 
 } 

Du kan også bruke mediesøk med @page-regelen. Med en @media-utskriftstype kan du spesifisere en stil for brevutskrift med en 1-tommers margin, som vist i denne kodebiten:

 @media print og (bredde: 8.5in) og (høyde: 11in) { 
 @side { 
 margin: 1in; 
 } 
 } 

Merk at du kan bruke så mange mediesøk som du ønsker i CSS-koden; Videre kan du også bruke og operatøren for å kreve at flere spørsmål skal være sanne, men du må bruke komma (, ) og deretter operatoren eller å skille grupper med flere spørsmål; ikke- nøkkelordet kan også brukes til å endre logikken.

Det neste segmentet på paged og trykte medier vil dykke dypere i spesifikasjonsreglene for Paged Media Module og hvordan de kan brukes med websidene og dokumentene dine.

© Copyright 2021 | mobilegn.com