ಸಿಎಸ್ಎಸ್ ಪೇಜ್ ನಿಯಮವನ್ನು ಕರಗತ ಮಾಡಿಕೊಳ್ಳುವುದು: ಜಾಗತಿಕ ಪ್ರೇಕ್ಷಕರಿಗಾಗಿ ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್‌ಗಳನ್ನು ಸಿದ್ಧಪಡಿಸುವುದು

ಇಂದಿನ ಡಿಜಿಟಲ್ ಜಗತ್ತಿನಲ್ಲಿ, ಪರದೆಯ ಮೇಲಿನ ಅನುಭವಗಳಿಗೆ ಹೆಚ್ಚು ಗಮನ ನೀಡಲಾಗುತ್ತಿದ್ದರೂ, ಮುದ್ರಿತ ಪುಟದ ಮಹತ್ವವು ಅಚ್ಚರಿಯ ರೀತಿಯಲ್ಲಿ ಇನ್ನೂ ಇದೆ. ವರದಿಗಳು, ಇನ್‌ವಾಯ್ಸ್‌ಗಳು, ಅಡುಗೆ ಪಾಕವಿಧಾನಗಳು, ಅಥವಾ ಪ್ರಯಾಣದ ವಿವರಗಳಿಗಾಗಿ ಬಳಕೆದಾರರು ಆಗಾಗ್ಗೆ ವೆಬ್ ವಿಷಯವನ್ನು ಮುದ್ರಿಸಬೇಕಾಗುತ್ತದೆ. ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ನ ಉತ್ತಮವಾಗಿ ಫಾರ್ಮ್ಯಾಟ್ ಮಾಡಲಾದ, ಪ್ರಿಂಟರ್-ಸ್ನೇಹಿ ಆವೃತ್ತಿಯನ್ನು ಒದಗಿಸುವುದು ಬಳಕೆದಾರರ ಅನುಭವ ಮತ್ತು ಪ್ರವೇಶಸಾಧ್ಯತೆಗೆ ನಿರ್ಣಾಯಕವಾಗಿದೆ. ಇಲ್ಲಿಯೇ ಸಿಎಸ್ಎಸ್ ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್‌ಗಳು ಮತ್ತು @page ನಿಯಮವು ಕಾರ್ಯರೂಪಕ್ಕೆ ಬರುತ್ತವೆ.

ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್‌ಗಳ ಪ್ರಾಮುಖ್ಯತೆಯನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವುದು

ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್ ಎನ್ನುವುದು ವೆಬ್ ಪುಟವನ್ನು ಮುದ್ರಿಸಿದಾಗ ಅದು ಹೇಗೆ ಕಾಣಬೇಕು ಎಂಬುದನ್ನು ನಿಯಂತ್ರಿಸಲು ವಿಶೇಷವಾಗಿ ವಿನ್ಯಾಸಗೊಳಿಸಲಾದ ಸಿಎಸ್ಎಸ್ ಫೈಲ್ ಆಗಿದೆ. ಮೀಸಲಾದ ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್ ಇಲ್ಲದಿದ್ದರೆ, ಬ್ರೌಸರ್‌ಗಳು ಸಾಮಾನ್ಯವಾಗಿ ಪುಟದ ಸ್ಕ್ರೀನ್ ಆವೃತ್ತಿಯನ್ನೇ ಮುದ್ರಿಸಲು ಪ್ರಯತ್ನಿಸುತ್ತವೆ, ಇದರ ಪರಿಣಾಮವಾಗಿ:

• ಶಾಯಿ ಮತ್ತು ಕಾಗದದ ವ್ಯರ್ಥ: ನ್ಯಾವಿಗೇಷನ್ ಮೆನುಗಳು, ಜಾಹೀರಾತುಗಳು ಮತ್ತು ಅಲಂಕಾರಿಕ ಚಿತ್ರಗಳಂತಹ ಅನಗತ್ಯ ಅಂಶಗಳನ್ನು ಮುದ್ರಿಸುವುದು.
• ಕಳಪೆ ಓದುವಿಕೆ: ತುಂಬಾ ಚಿಕ್ಕದಾದ ಪಠ್ಯ, ವಿಚಿತ್ರವಾಗಿ ಮುರಿಯುವ ಕಾಲಮ್‌ಗಳು ಮತ್ತು ಕಾಗದದ ಮೇಲೆ ಓದಲು ಕಷ್ಟಕರವಾದ ಬಣ್ಣಗಳು.
• ವಿನ್ಯಾಸದ ಸಮಸ್ಯೆಗಳು: ಅಂಶಗಳು ಒಂದರ ಮೇಲೊಂದು ಬರುವುದು ಅಥವಾ ಪುಟದ ಅಂಚುಗಳಲ್ಲಿ ಕತ್ತರಿಸಿ ಹೋಗುವುದು.
• ಪ್ರವೇಶಸಾಧ್ಯತೆಯ ಸಮಸ್ಯೆಗಳು: ಮುದ್ರಿತ ವಿಷಯವನ್ನು ಅವಲಂಬಿಸಿರುವ ದೃಷ್ಟಿ ದೋಷವುಳ್ಳ ಬಳಕೆದಾರರಿಗೆ ತೊಂದರೆ.

ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್ ರಚಿಸುವ ಮೂಲಕ, ನೀವು ಮುದ್ರಣಕ್ಕಾಗಿ ನಿಮ್ಮ ವೆಬ್ ಪುಟಗಳನ್ನು ಉತ್ತಮಗೊಳಿಸಬಹುದು, ಇದರಿಂದ ಸ್ವಚ್ಛ, ಓದಬಲ್ಲ ಮತ್ತು ವೃತ್ತಿಪರ ನೋಟದ ಔಟ್‌ಪುಟ್ ಅನ್ನು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಬಹುದು. ಇದು ಉತ್ತಮ ಬಳಕೆದಾರ ಅನುಭವಕ್ಕೆ ಕೊಡುಗೆ ನೀಡುತ್ತದೆ ಮತ್ತು ಗುಣಮಟ್ಟಕ್ಕೆ ನಿಮ್ಮ ಬ್ರ್ಯಾಂಡ್‌ನ ಬದ್ಧತೆಯನ್ನು ಬಲಪಡಿಸುತ್ತದೆ.

@page ನಿಯಮದ ಪರಿಚಯ

ಸಿಎಸ್ಎಸ್‌ನಲ್ಲಿನ @page ನಿಯಮವು ಮುದ್ರಿತ ಪುಟಗಳ ವಿವಿಧ ಅಂಶಗಳಾದ ಅಂಚುಗಳು, ಗಾತ್ರ, ಮತ್ತು ದೃಷ್ಟಿಕೋನವನ್ನು ನಿಯಂತ್ರಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. ಇದು ಮುದ್ರಿತ ಮಾಧ್ಯಮಕ್ಕೆ ನಿರ್ದಿಷ್ಟವಾಗಿ ಅನ್ವಯವಾಗುವ ಶೈಲಿಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ಒಂದು ಮಾರ್ಗವನ್ನು ಒದಗಿಸುತ್ತದೆ.

ಮೂಲ ಸಿಂಟ್ಯಾಕ್ಸ್

@page ನಿಯಮದ ಮೂಲ ಸಿಂಟ್ಯಾಕ್ಸ್ ಈ ಕೆಳಗಿನಂತಿದೆ:

            @media print {
  @page {
    /* CSS properties for the printed page */
  }
}

            

              
                Copy
              
            
          

@media print ಮೀಡಿಯಾ ಕ್ವೆರಿಯು ನಿಯಮದೊಳಗಿನ ಶೈಲಿಗಳು ಪುಟವನ್ನು ಮುದ್ರಿಸುವಾಗ ಮಾತ್ರ ಅನ್ವಯವಾಗುವುದನ್ನು ಖಚಿತಪಡಿಸುತ್ತದೆ.

@page ನಿಯಮದೊಳಗಿನ ಪ್ರಮುಖ ಗುಣಲಕ್ಷಣಗಳು

• size: ಮುದ್ರಿತ ಪುಟದ ಗಾತ್ರವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ. ಸಾಮಾನ್ಯ ಮೌಲ್ಯಗಳಲ್ಲಿ A4, Letter, Legal, ಮತ್ತು landscape (ಲ್ಯಾಂಡ್‌ಸ್ಕೇಪ್ ಓರಿಯಂಟೇಶನ್‌ಗಾಗಿ) ಸೇರಿವೆ.
• margin: ಮುದ್ರಿತ ಪುಟದ ವಿಷಯದ ಸುತ್ತಲಿನ ಅಂಚುಗಳನ್ನು ಹೊಂದಿಸುತ್ತದೆ. ನೀವು ಮೇಲಿನ, ಬಲ, ಕೆಳಗಿನ ಮತ್ತು ಎಡ ಬದಿಗಳಿಗೆ ವಿಭಿನ್ನ ಅಂಚುಗಳನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಬಹುದು.
• margin-top, margin-right, margin-bottom, margin-left: ನಿರ್ದಿಷ್ಟ ಅಂಚುಗಳನ್ನು ಹೊಂದಿಸಲು ಪ್ರತ್ಯೇಕ ಗುಣಲಕ್ಷಣಗಳು.
• marks: ಮುದ್ರಿತ ಪುಟಕ್ಕೆ ಕ್ರಾಪ್ ಮಾರ್ಕ್ಸ್ ಅಥವಾ ರಿಜಿಸ್ಟ್ರೇಶನ್ ಮಾರ್ಕ್ಸ್ ಸೇರಿಸುತ್ತದೆ. ಇದು ವೃತ್ತಿಪರ ಮುದ್ರಣಕ್ಕೆ ಉಪಯುಕ್ತವಾಗಿದೆ. ಮೌಲ್ಯಗಳಲ್ಲಿ crop ಮತ್ತು cross ಸೇರಿವೆ.
• bleed: ಪುಟದ ಅಂಚುಗಳನ್ನು ಮೀರಿದ ಬ್ಲೀಡ್ ಪ್ರದೇಶದ ಪ್ರಮಾಣವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ. ಇದು ವೃತ್ತಿಪರ ಮುದ್ರಣಕ್ಕೂ ಸಂಬಂಧಿಸಿದೆ.
• orphans: ಒಂದು ಪ್ಯಾರಾಗ್ರಾಫ್‌ನ ಕನಿಷ್ಠ ಎಷ್ಟು ಸಾಲುಗಳನ್ನು ಪುಟದ ಕೆಳಭಾಗದಲ್ಲಿ ಬಿಡಬೇಕು ಎಂಬುದನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ. ಒಂದೇ ಸಾಲುಗಳು ಅನಾಥವಾಗಿ ಉಳಿಯುವುದನ್ನು ತಡೆಯುತ್ತದೆ.
• widows: ಒಂದು ಪ್ಯಾರಾಗ್ರಾಫ್‌ನ ಕನಿಷ್ಠ ಎಷ್ಟು ಸಾಲುಗಳನ್ನು ಪುಟದ ಮೇಲ್ಭಾಗದಲ್ಲಿ ಬಿಡಬೇಕು ಎಂಬುದನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ. ಒಂದೇ ಸಾಲುಗಳು ಅನಾಥವಾಗಿ ಉಳಿಯುವುದನ್ನು ತಡೆಯುತ್ತದೆ.

ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್ ರಚಿಸುವುದು: ಹಂತ-ಹಂತದ ಮಾರ್ಗದರ್ಶಿ

ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ಗಾಗಿ ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್ ರಚಿಸಲು ಇಲ್ಲಿ ಹಂತ-ಹಂತದ ಮಾರ್ಗದರ್ಶಿ ಇದೆ:

1. ಮರೆಮಾಡಬೇಕಾದ ಅಂಶಗಳನ್ನು ಗುರುತಿಸಿ

ಮೊದಲ ಹಂತವೆಂದರೆ ಮುದ್ರಣಕ್ಕೆ ಅನಗತ್ಯವಾದ ಅಂಶಗಳನ್ನು ಗುರುತಿಸುವುದು, ಅವುಗಳೆಂದರೆ:

• ನ್ಯಾವಿಗೇಷನ್ ಮೆನುಗಳು
• ಸೈಡ್‌ಬಾರ್‌ಗಳು
• ಜಾಹೀರಾತುಗಳು
• ಸಾಮಾಜಿಕ ಮಾಧ್ಯಮ ಬಟನ್‌ಗಳು
• ಅಲಂಕಾರಿಕ ಚಿತ್ರಗಳು

ನಿಮ್ಮ ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್‌ನಲ್ಲಿ display: none; ಗುಣಲಕ್ಷಣವನ್ನು ಬಳಸಿಕೊಂಡು ಈ ಅಂಶಗಳನ್ನು ನೀವು ಮರೆಮಾಡಬಹುದು.

            @media print {
  nav, aside, .ad, .social-buttons, img.decorative {
    display: none;
  }
}

            

              
                Copy
              
            
          

2. ಪಠ್ಯ ಮತ್ತು ವಿನ್ಯಾಸವನ್ನು ಉತ್ತಮಗೊಳಿಸಿ

ಮುಂದೆ, ಓದುವಿಕೆಗಾಗಿ ಪಠ್ಯ ಮತ್ತು ವಿನ್ಯಾಸವನ್ನು ಉತ್ತಮಗೊಳಿಸುವುದರ ಮೇಲೆ ಗಮನಹರಿಸಿ. ಈ ಕೆಳಗಿನವುಗಳನ್ನು ಪರಿಗಣಿಸಿ:

• ಅಕ್ಷರ ಗಾತ್ರ (Font Size): ಕಾಗದದ ಮೇಲೆ ಉತ್ತಮವಾಗಿ ಓದಲು ಅಕ್ಷರ ಗಾತ್ರವನ್ನು ಹೆಚ್ಚಿಸಿ. 12pt ಅಥವಾ 14pt ಅಕ್ಷರ ಗಾತ್ರವು ಸಾಮಾನ್ಯವಾಗಿ ಉತ್ತಮ ಆರಂಭವಾಗಿದೆ.
• ಅಕ್ಷರ ಕುಟುಂಬ (Font Family): ಕಾಗದದ ಮೇಲೆ ಓದಲು ಸುಲಭವಾದ ಅಕ್ಷರ ಕುಟುಂಬವನ್ನು ಆರಿಸಿ. ಟೈಮ್ಸ್ ನ್ಯೂ ರೋಮನ್ ಅಥವಾ ಜಾರ್ಜಿಯಾದಂತಹ ಸೆರಿಫ್ ಫಾಂಟ್‌ಗಳಿಗೆ ಹೆಚ್ಚಾಗಿ ಆದ್ಯತೆ ನೀಡಲಾಗುತ್ತದೆ.
• ಸಾಲಿನ ಎತ್ತರ (Line Height): ಉತ್ತಮ ಓದುವಿಕೆಗಾಗಿ ಸಾಲಿನ ಎತ್ತರವನ್ನು ಹೆಚ್ಚಿಸಿ. 1.4 ಅಥವಾ 1.5 ರ ಸಾಲಿನ ಎತ್ತರವನ್ನು ಸಾಮಾನ್ಯವಾಗಿ ಶಿಫಾರಸು ಮಾಡಲಾಗುತ್ತದೆ.
• ಬಣ್ಣದ ಕಾಂಟ್ರಾಸ್ಟ್ (Color Contrast): ಪಠ್ಯ ಮತ್ತು ಹಿನ್ನೆಲೆಯ ನಡುವೆ ಸಾಕಷ್ಟು ಕಾಂಟ್ರಾಸ್ಟ್ ಇರುವುದನ್ನು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ. ಬಿಳಿ ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಕಪ್ಪು ಪಠ್ಯವು ಅತ್ಯಂತ ಓದಬಲ್ಲ ಆಯ್ಕೆಯಾಗಿದೆ.
• ಅಂಚುಗಳು ಮತ್ತು ಪ್ಯಾಡಿಂಗ್ (Margins and Padding): ಸ್ವಚ್ಛ ಮತ್ತು ಅಸ್ತವ್ಯಸ್ತವಲ್ಲದ ವಿನ್ಯಾಸವನ್ನು ರಚಿಸಲು ಅಂಚುಗಳು ಮತ್ತು ಪ್ಯಾಡಿಂಗ್ ಅನ್ನು ಹೊಂದಿಸಿ.
• ಅನಗತ್ಯ ಬಣ್ಣಗಳನ್ನು ತೆಗೆದುಹಾಕಿ: ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿ ನೀವು ಹಿನ್ನೆಲೆ ಬಣ್ಣಗಳನ್ನು ಅಥವಾ ಬಣ್ಣದ ಪಠ್ಯವನ್ನು ಬಳಸಿದರೆ, ಶಾಯಿಯನ್ನು ಉಳಿಸಲು ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್‌ನಲ್ಲಿ ಅವುಗಳನ್ನು ತೆಗೆದುಹಾಕುವುದನ್ನು ಪರಿಗಣಿಸಿ.

            @media print {
  body {
    font-size: 12pt;
    font-family: Georgia, serif;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
  }

  h1, h2, h3 {
    color: #000;
  }
}

            

              
                Copy
              
            
          

3. ಪುಟ ವಿರಾಮಗಳನ್ನು ನಿಯಂತ್ರಿಸಿ

ಪುಟ ವಿರಾಮಗಳು ಸಾಮಾನ್ಯವಾಗಿ ಟೇಬಲ್ ಅಥವಾ ಕೋಡ್ ತುಣುಕಿನ ಮಧ್ಯದಲ್ಲಿ ಮುಂತಾದ ವಿಚಿತ್ರ ಸ್ಥಳಗಳಲ್ಲಿ ಸಂಭವಿಸಬಹುದು. ಪುಟ ವಿರಾಮಗಳನ್ನು ನಿಯಂತ್ರಿಸಲು ನೀವು ಈ ಕೆಳಗಿನ ಸಿಎಸ್ಎಸ್ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಬಳಸಬಹುದು:

• page-break-before: ಒಂದು ಅಂಶದ ಮೊದಲು ಪುಟ ವಿರಾಮ ಸಂಭವಿಸಬೇಕೇ ಎಂದು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ. ಮೌಲ್ಯಗಳಲ್ಲಿ auto, always, avoid, left, ಮತ್ತು right ಸೇರಿವೆ.
• page-break-after: ಒಂದು ಅಂಶದ ನಂತರ ಪುಟ ವಿರಾಮ ಸಂಭವಿಸಬೇಕೇ ಎಂದು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ. ಮೌಲ್ಯಗಳು page-break-before ಗೆ ಸಮಾನವಾಗಿವೆ.
• page-break-inside: ಒಂದು ಅಂಶದ ಒಳಗೆ ಪುಟ ವಿರಾಮ ಸಂಭವಿಸಬೇಕೇ ಎಂದು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತದೆ. ಮೌಲ್ಯಗಳಲ್ಲಿ auto ಮತ್ತು avoid ಸೇರಿವೆ.

ಉದಾಹರಣೆಗೆ, ಒಂದು ಟೇಬಲ್ ಪುಟಗಳಾದ್ಯಂತ ವಿಭಜನೆಯಾಗುವುದನ್ನು ತಡೆಯಲು, ನೀವು ಈ ಕೆಳಗಿನ ಸಿಎಸ್ಎಸ್ ಅನ್ನು ಬಳಸಬಹುದು:

            @media print {
  table {
    page-break-inside: avoid;
  }
}

            

              
                Copy
              
            
          

ಒಂದು ಶೀರ್ಷಿಕೆಯ ಮೊದಲು ಪುಟ ವಿರಾಮವನ್ನು ಒತ್ತಾಯಿಸಲು, ನೀವು ಈ ಕೆಳಗಿನ ಸಿಎಸ್ಎಸ್ ಅನ್ನು ಬಳಸಬಹುದು:

            @media print {
  h2 {
    page-break-before: always;
  }
}

            

              
                Copy
              
            
          

4. @page ನಿಯಮವನ್ನು ಕಸ್ಟಮೈಸ್ ಮಾಡಿ

ಮುದ್ರಿತ ಪುಟದ ಒಟ್ಟಾರೆ ನೋಟವನ್ನು ನಿಯಂತ್ರಿಸಲು @page ನಿಯಮವನ್ನು ಬಳಸಿ. ಉದಾಹರಣೆಗೆ, ಪುಟದ ಗಾತ್ರವನ್ನು A4 ಗೆ ಹೊಂದಿಸಲು ಮತ್ತು ಅಂಚುಗಳನ್ನು ಸೇರಿಸಲು, ನೀವು ಈ ಕೆಳಗಿನ ಸಿಎಸ್ಎಸ್ ಅನ್ನು ಬಳಸಬಹುದು:

            @media print {
  @page {
    size: A4;
    margin: 2cm;
  }
}

            

              
                Copy
              
            
          

ಡಬಲ್-ಸೈಡೆಡ್ ಡಾಕ್ಯುಮೆಂಟ್‌ನಲ್ಲಿ ಎಡ ಮತ್ತು ಬಲ ಪುಟಗಳಿಗೆ ವಿಭಿನ್ನ ಶೈಲಿಗಳನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಲು @page ನಿಯಮದೊಳಗೆ :left ಮತ್ತು :right ಸೂಡೊ-ಕ್ಲಾಸ್‌ಗಳನ್ನು ಸಹ ನೀವು ಬಳಸಬಹುದು. ಪ್ರತಿ ಪುಟದಲ್ಲಿ ಪರ್ಯಾಯವಾಗಿ ಹೆಡರ್‌ಗಳು ಅಥವಾ ಫೂಟರ್‌ಗಳನ್ನು ಸೇರಿಸಲು ಇದು ಉಪಯುಕ್ತವಾಗಿದೆ.

            @media print {
  @page :left {
    margin-right: 3cm;
  }

  @page :right {
    margin-left: 3cm;
  }
}

            

              
                Copy
              
            
          

5. URL ಗಳು ಮತ್ತು ಲಿಂಕ್‌ಗಳನ್ನು ನಿರ್ವಹಿಸಿ

ವೆಬ್ ಪುಟವನ್ನು ಮುದ್ರಿಸುವಾಗ, ಲಿಂಕ್‌ಗಳ URL ಗಳನ್ನು ಸೇರಿಸುವುದು ಸಾಮಾನ್ಯವಾಗಿ ಸಹಾಯಕವಾಗಿರುತ್ತದೆ, ಇದರಿಂದ ಬಳಕೆದಾರರು ಆನ್‌ಲೈನ್ ಸಂಪನ್ಮೂಲಗಳನ್ನು ಸುಲಭವಾಗಿ ಪ್ರವೇಶಿಸಬಹುದು. ಸಿಎಸ್ಎಸ್ ಜೆನೆರೇಟೆಡ್ ಕಂಟೆಂಟ್ ಮತ್ತು attr() ಫಂಕ್ಷನ್ ಬಳಸಿ ನೀವು ಇದನ್ನು ಸಾಧಿಸಬಹುದು.

            @media print {
  a[href]:after {
    content: " (" attr(href) ")";
  }
}

            

              
                Copy
              
            
          

ಈ ಸಿಎಸ್ಎಸ್ ಪ್ರತಿ ಲಿಂಕ್‌ನ URL ಅನ್ನು ಲಿಂಕ್ ಪಠ್ಯದ ನಂತರ ಆವರಣಗಳಲ್ಲಿ ಸೇರಿಸುತ್ತದೆ. ಮುದ್ರಿತ ಪುಟವನ್ನು ಅಸ್ತವ್ಯಸ್ತಗೊಳಿಸುವುದನ್ನು ತಪ್ಪಿಸಲು ನೀವು URL ಪಠ್ಯವನ್ನು ಚಿಕ್ಕದಾಗಿಸುವುದು ಅಥವಾ ಕಡಿಮೆ ಅಡಚಣೆಯುಂಟುಮಾಡುವ ಬಣ್ಣವನ್ನು ನೀಡುವುದನ್ನು ಪರಿಗಣಿಸಬಹುದು.

6. ನಿಮ್ಮ ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್ ಅನ್ನು ಪರೀಕ್ಷಿಸುವುದು

ನಿಮ್ಮ ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್ ಅನ್ನು ರಚಿಸಿದ ನಂತರ, ಅದು ಅಪೇಕ್ಷಿತ ಫಲಿತಾಂಶಗಳನ್ನು ನೀಡುತ್ತದೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಲು ಅದನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಪರೀಕ್ಷಿಸುವುದು ಅತ್ಯಗತ್ಯ. ನಿಮ್ಮ ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್ ಅನ್ನು ನೀವು ಹೀಗೆ ಪರೀಕ್ಷಿಸಬಹುದು:

• ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನ ಪ್ರಿಂಟ್ ಪ್ರಿವ್ಯೂ ವೈಶಿಷ್ಟ್ಯವನ್ನು ಬಳಸುವುದು.
• ಪುಟವನ್ನು ಭೌತಿಕ ಪ್ರಿಂಟರ್‌ಗೆ ಮುದ್ರಿಸುವುದು.
• ಆನ್‌ಲೈನ್ ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್ ಪರೀಕ್ಷಾ ಸಾಧನಗಳನ್ನು ಬಳಸುವುದು.

ಕ್ರಾಸ್-ಬ್ರೌಸರ್ ಹೊಂದಾಣಿಕೆಯನ್ನು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಲು ನಿಮ್ಮ ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್ ಅನ್ನು ವಿವಿಧ ಬ್ರೌಸರ್‌ಗಳು ಮತ್ತು ಆಪರೇಟಿಂಗ್ ಸಿಸ್ಟಮ್‌ಗಳಲ್ಲಿ ಪರೀಕ್ಷಿಸಿ. ಅಲ್ಲದೆ, ನಿಮ್ಮ ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್ ವಿವಿಧ ಸನ್ನಿವೇಶಗಳಲ್ಲಿ ಉತ್ತಮವಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಲು ವಿವಿಧ ರೀತಿಯ ವಿಷಯಗಳೊಂದಿಗೆ ಪರೀಕ್ಷಿಸಿ.

ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್‌ಗಳಿಗಾಗಿ ಜಾಗತಿಕ ಪರಿಗಣನೆಗಳು

ಜಾಗತಿಕ ಪ್ರೇಕ್ಷಕರಿಗಾಗಿ ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್‌ಗಳನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸುವಾಗ, ಈ ಕೆಳಗಿನವುಗಳನ್ನು ಪರಿಗಣಿಸುವುದು ಮುಖ್ಯ:

• ಕಾಗದದ ಗಾತ್ರಗಳು: ವಿಭಿನ್ನ ಪ್ರದೇಶಗಳು ವಿಭಿನ್ನ ಕಾಗದದ ಗಾತ್ರಗಳನ್ನು ಬಳಸುತ್ತವೆ. ವಿಶ್ವದ ಹೆಚ್ಚಿನ ಭಾಗಗಳಲ್ಲಿ A4 ಸಾಮಾನ್ಯವಾಗಿದ್ದರೂ, ಉತ್ತರ ಅಮೆರಿಕಾದಲ್ಲಿ ಲೆಟರ್ ಗಾತ್ರವು ಪ್ರಮಾಣಿತವಾಗಿದೆ. ಬಳಕೆದಾರರಿಗೆ ತಮ್ಮ ಆದ್ಯತೆಯ ಕಾಗದದ ಗಾತ್ರವನ್ನು ಆಯ್ಕೆ ಮಾಡಲು ಆಯ್ಕೆಗಳನ್ನು ಒದಗಿಸುವುದನ್ನು ಪರಿಗಣಿಸಿ, ಅಥವಾ ವಿಭಿನ್ನ ಕಾಗದದ ಗಾತ್ರಗಳಿಗೆ ಹೊಂದಿಕೊಳ್ಳುವಂತೆ ನಿಮ್ಮ ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್ ಅನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸಿ.
• ದಿನಾಂಕ ಮತ್ತು ಸಂಖ್ಯೆಯ ಸ್ವರೂಪಗಳು: ದಿನಾಂಕ ಮತ್ತು ಸಂಖ್ಯೆಯ ಸ್ವರೂಪಗಳು ವಿಭಿನ್ನ ಸಂಸ್ಕೃತಿಗಳಲ್ಲಿ ಬದಲಾಗುತ್ತವೆ. ಬಳಕೆದಾರರ ಸ್ಥಳೀಯತೆಗೆ ಅನುಗುಣವಾಗಿ ದಿನಾಂಕಗಳು ಮತ್ತು ಸಂಖ್ಯೆಗಳನ್ನು ಫಾರ್ಮ್ಯಾಟ್ ಮಾಡಲು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಥವಾ ಸರ್ವರ್-ಸೈಡ್ ಸ್ಕ್ರಿಪ್ಟಿಂಗ್ ಬಳಸಿ.
• ಭಾಷಾ ಬೆಂಬಲ: ನಿಮ್ಮ ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್ ವಿವಿಧ ಭಾಷೆಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ, ಇದರಲ್ಲಿ ವಿಭಿನ್ನ ಅಕ್ಷರ ಸೆಟ್‌ಗಳು ಮತ್ತು ಪಠ್ಯ ನಿರ್ದೇಶನಗಳನ್ನು (ಉದಾ., ಅರೇಬಿಕ್ ಮತ್ತು ಹೀಬ್ರೂ ನಂತಹ ಬಲದಿಂದ ಎಡಕ್ಕೆ ಭಾಷೆಗಳು) ಹೊಂದಿರುವ ಭಾಷೆಗಳೂ ಸೇರಿವೆ.
• ಪ್ರವೇಶಸಾಧ್ಯತೆ: ನಿಮ್ಮ ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್ ಅನ್ನು ವಿಕಲಾಂಗ ಬಳಕೆದಾರರಿಗೆ ಪ್ರವೇಶಿಸುವಂತೆ ಮಾಡಿ. ಚಿತ್ರಗಳಿಗೆ ಪರ್ಯಾಯ ಪಠ್ಯವನ್ನು ಒದಗಿಸಿ, ಮತ್ತು ಪಠ್ಯವು ಓದಬಲ್ಲದು ಮತ್ತು ಉತ್ತಮವಾಗಿ ಫಾರ್ಮ್ಯಾಟ್ ಮಾಡಲಾಗಿದೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ.
• ಕಾನೂನು ಮತ್ತು ಅನುಸರಣೆ: ವಿಭಿನ್ನ ಪ್ರದೇಶಗಳಲ್ಲಿ ಮುದ್ರಣಕ್ಕೆ ಸಂಬಂಧಿಸಿದ ಯಾವುದೇ ಕಾನೂನು ಅಥವಾ ಅನುಸರಣೆ ಅಗತ್ಯತೆಗಳ ಬಗ್ಗೆ ತಿಳಿದಿರಲಿ. ಉದಾಹರಣೆಗೆ, ಕೆಲವು ದೇಶಗಳಲ್ಲಿ ಇನ್‌ವಾಯ್ಸ್‌ಗಳು ಅಥವಾ ಹಣಕಾಸು ದಾಖಲೆಗಳ ಮುದ್ರಣಕ್ಕೆ ಸಂಬಂಧಿಸಿದಂತೆ ನಿಯಮಗಳು ಇರಬಹುದು.

ಉದಾಹರಣೆ: ಪ್ರಯಾಣದ ವಿವರಗಳಿಗಾಗಿ ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್

ಪ್ರಯಾಣದ ವಿವರಗಳಿಗಾಗಿ ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್‌ನ ಒಂದು ಉದಾಹರಣೆಯನ್ನು ಪರಿಗಣಿಸೋಣ. ಈ ವಿವರಗಳಲ್ಲಿ ವಿಮಾನಗಳು, ಹೋಟೆಲ್‌ಗಳು, ಚಟುವಟಿಕೆಗಳು ಮತ್ತು ಸಂಪರ್ಕ ವಿವರಗಳ ಬಗ್ಗೆ ಮಾಹಿತಿ ಇರುತ್ತದೆ.

ಮೂಲ HTML ರಚನೆ ಇಲ್ಲಿದೆ:

            <div class="itinerary">
  <h1>Travel Itinerary</h1>
  <div class="flight">
    <h2>Flight Details</h2>
    <p>Airline: United Airlines</p>
    <p>Flight Number: UA123</p>
    <p>Departure: New York (JFK) - 10:00 AM</p>
    <p>Arrival: London (LHR) - 10:00 PM</p>
  </div>
  <div class="hotel">
    <h2>Hotel Details</h2>
    <p>Hotel Name: The Ritz London</p>
    <p>Address: 150 Piccadilly, London W1J 9BR, United Kingdom</p>
    <p>Phone: +44 20 7493 8181</p>
  </div>
  <div class="activity">
    <h2>Activity: Buckingham Palace Tour</h2>
    <p>Date: July 20, 2024</p>
    <p>Time: 2:00 PM</p>
    <p>Meeting Point: Buckingham Palace Main Gate</p>
  </div>
</div>

            

              
                Copy
              
            
          

ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್ ಇಲ್ಲಿದೆ:

            @media print {
  body {
    font-family: Arial, sans-serif;
    font-size: 11pt;
    color: #000;
  }

  .itinerary {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .itinerary h1 {
    font-size: 18pt;
    margin-bottom: 10px;
  }

  .itinerary h2 {
    font-size: 14pt;
    margin-top: 20px;
    margin-bottom: 5px;
  }

  .flight, .hotel, .activity {
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
  }

  @page {
    size: A4;
    margin: 2cm;
  }
}

            

              
                Copy
              
            
          

ಈ ಉದಾಹರಣೆಯಲ್ಲಿ, ನಾವು ಸಂಪೂರ್ಣ ಡಾಕ್ಯುಮೆಂಟ್‌ಗಾಗಿ ಅಕ್ಷರ ಕುಟುಂಬ, ಅಕ್ಷರ ಗಾತ್ರ ಮತ್ತು ಬಣ್ಣವನ್ನು ಹೊಂದಿಸಿದ್ದೇವೆ. ನಾವು ಸ್ವಚ್ಛ ಮತ್ತು ಓದಬಲ್ಲ ವಿನ್ಯಾಸವನ್ನು ರಚಿಸಲು ಪ್ರಯಾಣದ ವಿವರಗಳ ಅಂಶಗಳಿಗೆ ಅಂಚುಗಳು ಮತ್ತು ಪ್ಯಾಡಿಂಗ್ ಅನ್ನು ಸಹ ಸರಿಹೊಂದಿಸಿದ್ದೇವೆ. @page ನಿಯಮವು ಪುಟದ ಗಾತ್ರವನ್ನು A4 ಗೆ ಹೊಂದಿಸುತ್ತದೆ ಮತ್ತು ಎಲ್ಲಾ ಬದಿಗಳಲ್ಲಿ 2cm ಅಂಚುಗಳನ್ನು ಸೇರಿಸುತ್ತದೆ.

ಸುಧಾರಿತ ತಂತ್ರಗಳು ಮತ್ತು ಉತ್ತಮ ಅಭ್ಯಾಸಗಳು

• ಸಿಎಸ್ಎಸ್ ವೇರಿಯಬಲ್‌ಗಳನ್ನು (ಕಸ್ಟಮ್ ಪ್ರಾಪರ್ಟೀಸ್) ಬಳಸುವುದು: ನಿಮ್ಮ ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್ ಅನ್ನು ಸುಲಭವಾಗಿ ನಿರ್ವಹಿಸಲು ಮತ್ತು ನವೀಕರಿಸಲು ಬಣ್ಣಗಳು, ಅಕ್ಷರ ಗಾತ್ರಗಳು ಮತ್ತು ಅಂಚುಗಳಿಗಾಗಿ ಸಿಎಸ್ಎಸ್ ವೇರಿಯಬಲ್‌ಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಿ.
• ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನೊಂದಿಗೆ ಷರತ್ತುಬದ್ಧ ಮುದ್ರಣ: ಪುಟವು ಮುದ್ರಣಗೊಳ್ಳುತ್ತಿದೆಯೇ ಎಂದು ಪತ್ತೆಹಚ್ಚಲು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಿ ಮತ್ತು ನಿರ್ದಿಷ್ಟ ಶೈಲಿಗಳನ್ನು ಪ್ರಚೋದಿಸಲು ಡೈನಾಮಿಕ್ ಆಗಿ ಕ್ಲಾಸ್‌ಗಳನ್ನು ಸೇರಿಸಿ ಅಥವಾ ತೆಗೆದುಹಾಕಿ. ಆದಾಗ್ಯೂ, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಹೆಚ್ಚು ಅವಲಂಬಿಸುವುದರ ಬಗ್ಗೆ ಜಾಗರೂಕರಾಗಿರಿ ಏಕೆಂದರೆ ಅದು ಯಾವಾಗಲೂ ಸಕ್ರಿಯವಾಗಿರಬಹುದು.
• ಸ್ಕೇಲೆಬಲ್ ಗ್ರಾಫಿಕ್ಸ್‌ಗಾಗಿ SVG: ಲೋಗೋಗಳು ಮತ್ತು ಐಕಾನ್‌ಗಳಿಗಾಗಿ SVG (ಸ್ಕೇಲೆಬಲ್ ವೆಕ್ಟರ್ ಗ್ರಾಫಿಕ್ಸ್) ಬಳಸಿ, ಅವುಗಳು ವಿವಿಧ ರೆಸಲ್ಯೂಶನ್‌ಗಳಲ್ಲಿ ಮುದ್ರಿಸಿದಾಗ ತೀಕ್ಷ್ಣವಾಗಿ ಮತ್ತು ಸ್ಪಷ್ಟವಾಗಿ ಕಾಣುವುದನ್ನು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ.
• ಸಿಎಸ್ಎಸ್ ಫ್ರೇಮ್‌ವರ್ಕ್ ಬಳಸುವುದನ್ನು ಪರಿಗಣಿಸಿ: ಕೆಲವು ಸಿಎಸ್ಎಸ್ ಫ್ರೇಮ್‌ವರ್ಕ್‌ಗಳು ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್‌ಗಳಿಗೆ ಅಂತರ್ನಿರ್ಮಿತ ಬೆಂಬಲವನ್ನು ನೀಡುತ್ತವೆ, ಇದು ಸ್ಥಿರ ಮತ್ತು ಉತ್ತಮವಾಗಿ ರಚಿಸಲಾದ ಪ್ರಿಂಟ್ ವಿನ್ಯಾಸವನ್ನು ರಚಿಸುವುದನ್ನು ಸುಲಭಗೊಳಿಸುತ್ತದೆ.
• ಮುದ್ರಣಕ್ಕಾಗಿ ಚಿತ್ರಗಳನ್ನು ಉತ್ತಮಗೊಳಿಸಿ: ನೀವು ಚಿತ್ರಗಳನ್ನು ಸೇರಿಸಲೇಬೇಕಾದರೆ, ಪಿಕ್ಸೆಲೇಷನ್ ಅಥವಾ ಮಸುಕಾದ ಚಿತ್ರಗಳನ್ನು ತಪ್ಪಿಸಲು ಅವುಗಳನ್ನು ಪ್ರಿಂಟ್ ರೆಸಲ್ಯೂಶನ್‌ಗೆ (300 DPI) ಉತ್ತಮಗೊಳಿಸಿ.

ತೀರ್ಮಾನ

ಪರಿಣಾಮಕಾರಿ ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್‌ಗಳನ್ನು ರಚಿಸುವುದು ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಒಂದು ಅತ್ಯಗತ್ಯ ಭಾಗವಾಗಿದೆ, ಇದು ನಿಮ್ಮ ವಿಷಯವನ್ನು ಮುದ್ರಿಸಬೇಕಾದವರಿಗೆ ಸಕಾರಾತ್ಮಕ ಬಳಕೆದಾರ ಅನುಭವವನ್ನು ಖಾತ್ರಿಗೊಳಿಸುತ್ತದೆ. @page ನಿಯಮವನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವ ಮೂಲಕ ಮತ್ತು ಈ ಮಾರ್ಗದರ್ಶಿಯಲ್ಲಿ ವಿವರಿಸಲಾದ ಉತ್ತಮ ಅಭ್ಯಾಸಗಳನ್ನು ಅನುಸರಿಸುವ ಮೂಲಕ, ನೀವು ವೃತ್ತಿಪರವಾಗಿ ಕಾಣುವ ಮತ್ತು ಜಾಗತಿಕ ಪ್ರೇಕ್ಷಕರಿಗೆ ಪ್ರವೇಶಿಸಬಹುದಾದ ಪ್ರಿಂಟರ್-ಸ್ನೇಹಿ ವೆಬ್ ಪುಟಗಳನ್ನು ರಚಿಸಬಹುದು. ಉತ್ತಮ ಫಲಿತಾಂಶಗಳನ್ನು ಸಾಧಿಸಲು ಓದುವಿಕೆಗೆ ಆದ್ಯತೆ ನೀಡಲು, ವಿನ್ಯಾಸವನ್ನು ಉತ್ತಮಗೊಳಿಸಲು ಮತ್ತು ನಿಮ್ಮ ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್ ಅನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಪರೀಕ್ಷಿಸಲು ಮರೆಯದಿರಿ.

ಪ್ರಿಂಟ್ ಸ್ಟೈಲ್‌ಶೀಟ್‌ಗಳಿಗೆ ಗಮನ ಕೊಡುವ ಮೂಲಕ, ನಿಮ್ಮ ಬಳಕೆದಾರರು ನಿಮ್ಮ ವಿಷಯವನ್ನು ಹೇಗೆ ಬಳಸಲು ಆಯ್ಕೆ ಮಾಡುತ್ತಾರೆ ಎಂಬುದನ್ನು ಲೆಕ್ಕಿಸದೆ, ಸಂಪೂರ್ಣ ಮತ್ತು ಪ್ರವೇಶಿಸಬಹುದಾದ ಬಳಕೆದಾರ ಅನುಭವವನ್ನು ಒದಗಿಸುವ ಬದ್ಧತೆಯನ್ನು ನೀವು ಪ್ರದರ್ಶಿಸುತ್ತೀರಿ. ಈ ವಿವರಗಳಿಗೆ ಗಮನ ಕೊಡುವುದು ನಿಮ್ಮ ಬ್ರ್ಯಾಂಡ್‌ನ ಖ್ಯಾತಿಯನ್ನು ಗಮನಾರ್ಹವಾಗಿ ಹೆಚ್ಚಿಸುತ್ತದೆ ಮತ್ತು ವಿಶ್ವಾದ್ಯಂತ ನಿಮ್ಮ ಪ್ರೇಕ್ಷಕರೊಂದಿಗೆ ನಂಬಿಕೆಯನ್ನು ಬೆಳೆಸುತ್ತದೆ.