IntroductionYou har følgende ledige datamaskin skjermoppløsninger: 800 x 600, 1024 x 768, 1152 x 864, 1280 x 960, og 1280 X 1024. Hvis du designe din nettside med dimensjoner i for 800 X 600 oppløsning piksler nesten alt på nettsiden vil bli skrevet ut på vanlig papir, når du kjører kommandoen Skriv ut i nettleseren; kan det være liten eller ingen vertikal rett stripe avkutting. Hvis du designe din nettside med dimensjoner i piksler for noen av høyere oppløsning, når du gir leseren kommandoen Skriv en rett vertikal stripe på nettsiden ville ikke skrives.
På grunn av dette striping, du vanligvis har en side som er utformet for visning på dataskjermen og en tilsvarende side design for utskrift. I denne artikkelen viser jeg deg hvordan du kan designe en nettside for en stor (høy) oppløsning og samme side (i stedet for en tilsvarende side) som skrives ut på vanlig papir eller A4 paper.You trenger grunnleggende kunnskaper i HTML og CSS i For å forstå denne artikkelen. Merk: Hvis du ikke kan se koden, eller hvis du tror noe mangler (ødelagt kobling, bilde fraværende, tekst), bare kontakte meg på [email protected].
Det er, kontakt meg for den minste problemet du har om hva du reading.Web Page Design for alle ResolutionsI skrev en artikkel en gang tittelen "Web Page Design for alle oppløsninger", i denne bloggen. I den artikkelen skrev jeg at hvis du vil at din nettside for å passe alle oppløsninger, bruker andelen i stedet for pixel for bredden verdien av alle dine HTML-elementer. Jeg skrev også at du ikke bør gi høydeverdi for noen av elementene. Normalt, når man gir en verdi bredde til ethvert element (inkludert image) leseren gir den tilsvarende høydeverdi eller en passende høyde verdi for elementet.
På denne måten, med den prosentenhet, bredden du ha for stor (høy) skjermoppløsning nettside, vil være bredden på det utskrevne dokumentet, når siden er skrevet ut på vanlig papir. Problemet her er at det vil være mange innpakning av rulleelementer, slik at et stort innhold på skjermen skal passe på en smal papir. Så det tilsvarende høyden på papiret vil være mer enn det tilsvarende høyden på web-siden, på den brede (stor) skjerm.
SolutionThe løsning jeg tilbyr er at du skal designe din nettside for høy (bred) oppløsning på en slik måte at når bryting oppstår under utskrift, bør det føre til små endringer i den generelle presentasjonen. Du oppnår dette ved at alle elementene i som inneholder elementer i sin standard tilstand, så langt som CSS skjermen ei