Sådan laver du en websides printervenlig

Potentielle kunder, forretningspartnere eller investorer kan nogle gange have brug for en kopi af et eller flere af dit websites sider. Hvis din hjemmeside ikke var specielt designet til at være printervenlig, kan noget af indholdet på dine websider være tabt eller ulæseligt, når det udskrives. Din websides layout kan for eksempel være for bred til den besøgendes printer, eller dine billeder i høj opløsning kan tage lang tid at udskrive. Brug CSS-displayegenskaben med HTML-udskriftsmedietypen til at skjule ethvert websideindhold, der ikke skal udskrives.

1.

Klik på "Start" knappen, skriv "Notepad" i søgefeltet og klik på "Notepad" i listen over resultater.

2.

Klik på Notesblokens "Fil" -menu, og klik derefter på "Åbn", og brug filhåndteringen til at finde den HTML-fil, du vil redigere. Klik på knappen "Åbn".

3.

Indtast følgende kode på en tom linje over "" taggen i din HTML-fil:

Denne kode instruerer browseren til at indlæse en CSS-fil, der indeholder instruktioner til udskrivning af websider.

4.

Indtast et unikt klassenavn i hvert HTML-tag, som du ikke ønsker at blive vist på den udskrevne side eller i en browsers forhåndsvisning. F.eks. Tilføj til en div-tag, der indeholder navigationsmenuer eller webannoncer. Hvis mærket allerede har et klassenavn, kan du tilføje et andet navn ved at skrive et mellemrum efter det eksisterende klassenavn og derefter skrive det nye klassenavn. Hvis du for eksempel har en div, der har klassenavnet "menu", og du også vil tilføje klassenavnet "noprint", skal du skrive:

class = "menu noprint"

5.

Tryk på "Ctrl-S" for at gemme din HTML-fil.

6.

Klik på menuen "Fil", og klik derefter på "Ny" for at starte et nyt notesblokdokument.

7.

Indtast følgende kode, som erstatter ".noprint" med det klassenavn, du vil bruge:

.noprint {display: none}

Egenskaben og attributten "Visning: Ingen" gør enhver klasse med det pågældende tagnavn usynlig, når du udskriver eller udskriver forhåndsvisning af websiden.

8.

Tryk på "Ctrl-S" for at gemme filen.

9.

Skriv "print.css" som filnavnet, og klik derefter på "Gem" knappen.

Tip

  • Du kan også gøre en webside printervenlig ved at ændre sidernes layout og indhold. Du kan f.eks. Omdanne webstedet til at have et fleksibelt layout, der udvider eller kontrakter, så det passer til størrelsen af ​​den enhed, den vises på. Hvis dit websted indeholder billeder, kan du gøre det mere printervenligt ved at bruge så få billeder som muligt og sørge for at de er opløsningsoptimerede til internettet.

Advarsel

  • Lad ikke læsbarheden og virkningen af ​​nøgleelementer i dit websideindhold afhænge af brugen af ​​JavaScript eller Flash animationer, tekst skrifttyper, skrifttype effekter eller baggrundsfarver og billeder. Selv om disse kan gøre attraktive og effektive skærmpræsentationer, kan webstedets indhold være svært at læse, når de udskrives på en sort / hvid eller lav opløsning printer.

Anbefalet