Home Page Layout and Structure

  • District/Site homepages are required to have the same general layout for app location.  There are four content regions and a footer on this page.  These content regions are as follows

    • Region A has the following components in order:
      • The "Mega Menu"
        • It is located at the very top of the homepage.
        • It is the primary navigation menu for each site.
        • It is persistent on all other pages for the site.
        • It has required structure components for each site.
      • The Multimedia Gallery App
        • Located at the top of the page below the "Mega Menu"
        • Contains graphics with descriptive captions promoting current events.
        • Gallery Images require high resolution images with 1500x703 dimensions.
      • The Sub-Menu
        • Located below the Multimedia gallery.
        • Components vary based on school level.
        • Location is persistent below the Multimedia gallery and scrolls up with the rest of the page.
    • Region B
      • Upcoming Events App
        • Located below the Sub-Menu in region A.
        • It is integrated with the calendar used to display the next five upcoming district/school calendar events. 
        • There is a button on the right side to view the full district/school calendar.
        • The linked calendar must be shared with website administration account with edit rights.
    • Region C
      • Quick Links App
        • Is located below the "Upcoming Events App" to the left.
        • This location is used for addition school based programs not listed in the site channels.
        • Link posting requres approval from the school administrator and school based web manager.
    • Region D
      • Headlines/News App for District/School announcements.
        • Is located below the "Upcoming Events App" to the right of the "Quick Links App".
        • This is the location to post upcoming district/school events.
        • Allows for the display of a graphic representing the event being featured.
        • Article posting requres approval from the school administrator and school based web manager.
    • Footer Banner
      • Contains the location address, main phone number, and fax line to the left side.
      • Contains social media, non-discrimination, accessibility, and site map links.
        • Facebook, Twitter, Vimeo, and Peachjar are permitted social media links.
        • Each school must submit the social media URL to the District Website Administration team to be posted on the homepage.

     

     

Mega Menu Layout

  • The Mega Menu is the primary menu for district websites.  It has a defined structure that varies based on the website's location.  There are defined structures for the district location, elementary schools, middle schools, and high schools.  There are mandatory channels and sections for each of these locations.  Here is a breakdown of these components:

    Elementary Schools

    • Channels and Sections
      • Our School
        • Administration
          • This is local school information.
        • School Improvement
          • This is local school information.
        • PTA
          • This is local school information.
        • Staff Directory
          • This is local school information.
        • NC School Report Card
          • Linked to external website.
        • Find Us
          • This is local school information.
        • School Supplies
          • This is local school information.
      • Academics
        • Testing
          • Linked to district pages.
        • Read to Achieve
          • Linked to district pages.
        • Exceptional Children
          • Linked to district pages.
        • Digital Learning
          • Linked to district pages.
        • English Language Learners
          • This is local school information.
        • Pre-K
          • Linked to district pages.
        • Gifted Services
          • Linked to district pages.
        • Academic Resources
          • This is local school information.
        • Classrooms
          • This is local school information.
      • Families - All sections in this channel are linked to the district pages.
        • Transportation
        • Health Services
        • Powerschool
        • Meals and Nutrition
        • Handbook and Conduct
        • Changes of Address/Contact Info
        • Attendance
        • Parent University
        • Family Resource
        • After School and Summer Programs
        • Student Code of Conduct
        • System of Care
      • Programs - All sections in this channel are linked to the district pages.
        • PBIS
        • Title I
        • AVID
        • Summer Options
        • Blue Ribbon Mentor-Advocate (BRMA)
      • Library
      • Community
        • Volunteer
          • Linked to district pages.
        • Facility Rental
          • Linked to district pages.
        • Flyer Distribution
          • Linked to district pages.
        • Public School Foundation
          • Linked to external website.
        • PTA Council
          • Linked to external website.