Copy

    TOPIC     

Displaying PDFs & Documents
February 2020

This issue is hopefully sweet and simple. School site visits are under way! I will be sending out an email to schedule our time together about the week before your area's slot. Visits have been awesome and I look forward to continuing seeing you in your element!

The following information is focused on ways to display a PDF or a poster or document, all while remaining ADA compliant. We are continuing to learn more and more about ADA, but check out below to see some new tricks.
 
Sincerely,
Leslie Ashford
 

Should I be displaying any PDFs?

ABSOLUTELY! Especially for information that a user would want to get without having to click on yet another link, such as:
  • Bell Schedules, PE Schedules, Sports Schedules and Newsletters
  • Advertising Fliers: Plays, School Events etc.
  • Counseling Pages and other resource pages.
  • Even Google Docs/Sheets can be displayed. Copy the share link (set to Anyone with Link Can View Only so they can't edit)!

                 Option 1. PDF Saved as JPEG                

  1. Make sure it is still ADA compliant by adding a Downloads component with the PDF and RTF files so that the information can be read by a screen reader.
  2. Open the PDF file on your computer. Make sure it is Adobe Acrobat Pro DC. Contact Technology if you do not have this version on your computer.
  3. File > Export to > Image > JPEG
  4. Choose Save Location. This will save all pages as JPEGs onto your computer.
  5. On the desired website page, click Edit Page at the top bar.
  6. Add a new component: Photo Gallery
  7. Add the JPEGs to the same Gallery component.
  8. Add Alt Text descriptions and Upload.
  9. Click Gallery Options.
  10. Uncheck Thumbnail.
  11. Check Display Full Screen and any other desired settings.
  12. Save.

  PRO:  
  • What we've already been practicing.
  CON:  
  • Degrades the quality of words when converted to a JPEG.
  EXAMPLES:  

                 Option 2. PDF as an iframe                  


  PRO:  
  • Clear text; no degradation or fuzziness.
  • Displays actual PDF, making it undeniably ADA compliant.
  • Can be used in a News Component!
  CON:  
  • Have to get comfortable with a little bit of code.
  EXAMPLES:  
  1. To add a new component, click Edit Page in the top bar.
  2. Add your PDF to a Downloads Component.
  3. On your page, right click the PDF and click Open in New Tab.
  4. Add a Text Window to your page.
  5. Edit the text window and click the <> arrows at the bottom of the text window.
  6. Copy this code and pasted in the text window: <iframe width="100%" height="500" src="https://chs.cusd.com/Downloads/Bell%20Schedule%2019-20%20normal4.pdf" allowfullscreen></iframe>
  7. Click on the tab you opened earlier of the PDF and copy the URL
  8. Click back to the tab where you've been editing the "code" in your text window.
  9. Highlight the https://chs.cusd.com/Downloads/Bell%20Schedule%2019-20%20normal4.pdf link of the code snipet in and paste your new URL (the shortkey for copy is ctrl c and the shortkey for paste is ctrl v)
  10. Click Save. Now you have an iframe of the pdf from your page.
  11. To adjust the height or width of the iframe, you can change the numbers of the code: width="100%" height="500"
Displaying PDFs Tutorial >>

UPDATES
 

App Marketing Push

A CUSD App marketing push will be coming eerily this spring. This will include banners, copy, social media, fliers and more that will need to be posted on your website. We want to see our numbers boost in our CUSD App downloads and will go over some of this data during our meeting. 

Why does this involve you? Well, aside from posting materials we provide you with, the website is what feeds your school's app section. Furthermore, your website is a great way to promote our parents to download and stay in the know as we aim to train them in relying on our app to get information and in turn, it will help us make the app better.

Using Spacers

When we're logged into our sites and see the black bars, it can be hard to see if the page is properly spaced out. When the average user sees your page, does it look like your components are squished too close together? Consider using spacers!
  • Add a new component - Text Window - Internal Name: Spacer
  • Go into the compo net and press the "enter" or "return" in the body area. 
  • Place the spacer in between any two components to give them a little breathing room!
  • Give it a try and let me know if you're in need of assistance! 
Spacers Tutorial >>
Zenfolio Photos >>
Photo Policy >>
DIGITAL COMMUNICATIONS TRAINING PORTAL

Does someone at your school need web access?
 

If you have a webmaster change or need to add another staff member to be able to edit the athletics pages or counseling, etc., please have your principal fill out the form below. It is important that we have a paper trail in regards to whom has access to edit the sites.
Website Access Request Form - for Principals >>

For questions or help:
LeslieAshford@cusd.com
JonathanMathis @cusd.com
(559) 327-9031
(559) 327-9117