Web Management Best Practices
- Scanning the websites to make sure content aligns with accessibility and branding practices (can utilize Siteimprove for some of this) (see below for more informatIon) LINK HERE
- Reviewing the website for errors, grammar, etc.
- Organizing code - commenting throughout
Breaking Pages
CleanSlate deploys a cache that will not show your updates right away. To see your most updated page, you can break the page by typing "/?" + any 4 or more letters. (Must be different letters each time you break the page.)
Web Standards
Media | Dimensions | Resolution | File Type | Quality |
Backpage Image | 877 x 375 px
|
72 ppi | .jpg | 8 (High) |
Events Photo | 1600 x 1067 px | 72 ppi | .jpg | 8 (High) |
Featurettes Style | 960 x 640 px or
770 x 330 px |
72 ppi |
.jpg | 8 (High) |
Hero Image | 1903 x 600 px (informal) | 72 ppi | .jpg | 8 (High) |
Staff Profile Thumbnail Image | 250 x 250 px | 72 ppi | .jpg | 8 (High) |
Programs
Bootstrap
- Bootstrap provides a number of built-in classes that can used in place of css styles: https://getbootstrap.com/docs/5.0/components
- Instead of style="background-color:#eaaa00;" you can use class="bg-wvu-gold"
- Instead of style="margin-top:10px;" you can use class="mt-1"
- (You can still use normal styling if you want)
- Color classes: designsystem.wvu.edu/utilities/color
- Other useful Bootstrap classes: text-center, text-dark, text-light, text-decoration-none
Cleanslate
WVU's content management system.
Siteimprove
Here you can work to improve the scores with digital certainty index, quality assurance and accessibility.
Reference Resources
Accessibility
AccessibilityBranding
Logos
Utilities
Theme Development
Other Resources
View a full directory of the WVU websites for reference.
YouTube Tutorials
CleanSlate
Updating the Group Fitness Schedule
Adding Photos to Articles