Homepage Content

The first part of the website you should focus on is the content. What information will your school's parents access and use most? What information do you want your viewers to know about your school? That is what should on your homepage. 

Some examples of what should be on the homepage:

• News and Announcements
• School-based events 
• Photo Gallery
• School Highlight videos
• Social Media Links

Basic Site Standards

Below are the basic website standards. We want to make sure these elements are consistent across all school sites. If you meet this criteria, your site should look great and have all the important information to keep your families informed. 

• Logo, school colors & tagline
• Images or video in the main gallery
• Calendar and directory populated
• Find It Fast links added
• Social media connected
• District news and updates on the homepage

How to Change Your Site's Colors

Having the colors on your website match the school's official colors is important to the branding of your site. It helps parents and viewers associate the site with your school and helps build confience in your site. 

The site template colors can be changed in the site settings. Click HERE for instructions on how to adjust your site colors.

How to Find Your School's Colors

To identify your true school colors to apply to your site. You can use these free color picker tools to easily identify your colors:  Colorzilla  for Firefox & Chrome or ColorPick Eyedropper  for Chrome.

*Remember, no light text on light backgrounds or dark text on dark background for ADA accessibility. Contrast is important.

ACCESS YOUR SITE MANAGER ACCOUNT:

Blackboard Site Manager  (Bookmark this!)

LOGIN REMINDERS:

Your username is your full SCS email address unless you changed it. Save your password, and make sure you have an email address associated with your account so you can click the "Forgot Password" link if you ever forget it.

USER ACCOUNTS & GENERAL SUPPORT CONTACTS:

Kyle Bullock: bullockkd@scsk12.org

Douglas Angram: angramd@scsk12.org

BLACKBOARD HELP SITE:

Click the "How do I?" tab at the top of whatever page you are editing to access the online help guide for managing that area of the site. You can also visit the help site here: 

Making sure your photos are sized to fit properly is key to keeping your site looking right. If the photo is not sized properly, you wind up with blurry, extremely large or extremely small photos. 

Here is a list of of the proper image sizes by homepage section:

• HOMEPAGE A: MULTIMEDIA GALLERY 1500px wide x 750px high
• HOMEPAGE B & C: Any App with Images 120px wide x 90px high
• HOMEPAGE D: Any App with Images 340px wide x 220px high
• HOMEPAGE E, F & G: Any App with Images 120px wide x 90px high
• HOMEPAGE SCHOOL LOGOS: 325px wide x 160px high. Transparent background is preferred. If your logo has a white background, you must use white as your web header color.
• HOMEPAGE – Region D Background Image 1500px wide x 915 px high

Using High-Quality Photos

Just as important as having the right size is the quality of the photo. All photos on your website should be HIGH Quality. This means the photo needs to be a large size file. Small file photos can not be resized to be larger without causing major distortion to the photo. If you upload a photo and it appears blurry, DO NOT USE IT! 

Here are few key reminders when adding a photo to your website:

• Homepage images should be pre-sized for best view. Images on content pages can be sized differently.
• High quality images – must be at least as large as the space; smaller images will be distorted.
• PNG files will display best.
• Add descriptive Alt tags for ADA compliance.
• You can set a duration for the photos to appear.
• Never use a photo that is smaller than the size of the space. Large photos can scale down, but small photos cannot scale up. They'll be stretched and blurry.
• All images require Alt text for ADA accessibility , which is a short description of the image. This ensures the image description is read to people with visual impairments. Every time you add an image to your site, add a description in the "alt text" box.