people.ua.edu
  • About
    • FAQs
  • Getting Started
    • Themes
    • Workshops
    • Site Request
  • Learn
    • Accessibility Guidelines
    • Online Training Guide
  • Go Live
  • Showcase
  • Our Blog
  • Log In
online guide icon

TRAINING GUIDE


First Things First

If you did not attend a workshop, please complete this short tutorial before creating your site.

Quick Start Tutorial

Web Design Basics

A good website is more than just content. It's also about capturing attention with design and usability, too! 

Web Design Guidelines

Go-Live!

Think your site is ready to publish?
Keeping in mind that we take accessibility very seriously, use this checklist to ensure your site really IS ready for the world to see!
Go-Live Checklist

VIDEO TUTORIALS

Can't attend a workshop? The following videos will help you get started.

1. First Things First

This video covers:
  • Training & Support Resources
  • UA Compliance
  • ADA Compliance
  • Login and Security​

2. Site Editor Basics

This video covers:
  • Overview of the Site Editor
  • Text element
  • Title element
  • Image element

 3. Pages and Links

This video covers:
  • Add, delete, copy pages​
  • Rearrange pages & sub-menus
  • Password protect pages
  • ​Hyperlinks

ACCESSIBILITY QUIZ

How much did you learn by watching the First Things First video? Take this 20-question quiz to find out. It's "open-website" with no time limit. Give it go!
​People.ua.edu Accessibility Quiz

Search


How to Do Everything

Accessibility
Beginner's Guide
Blogs
Common Questions
Custom HTML and Embedding
Forms
Membership
Page Header Images and Text
Pages and Navigation
Site Header
Stats, Search & Settings
Text and Images
Video and Audio

 
Beginner's Guide
  • Adding Text
  • Adding Pictures
  • Adding Pages for Your Site​
 
Top of page
Blogs
  • Blog Post Categories
  • The Blog Sidebar
  • Create a Blog Post
  • Manage Blog Comments
  • Scheduling A Blog Post
  • Start a New Blog
  • Using Disqus Comments on Your Blog
  • Using Facebook Comments on Your Blog
 
Top of page
Common Questions:
  • How can I copy or move a set of columns?
  • I'm not receiving my contact form submissions. Why not?
  • How do I change my contact form email address?
  • I can't upload images or files. Why not?
  • How do I edit my site after I publish it?
 
Top of page
Custom HTML & Embedding
  • Add a Facebook Like Button to Your Site
  • Add a Map to Your Site
  • Add Widgets, Video, and Other Content by Embedding Code
  • Add Your Twitter Feed / Badge to a Site
  • Add custom colored text boxes to a Site
 
Top of page
Forms
  • Create a Form
  • Edit the Contact Form Address
  • Form Options
  • View and Manage Form Entries
 
Top of page
Page Header Images and Text
  • Edit the Header Image
  • Multiple Headers
 
Top of page
Pages & Navigation
  • Create Pages and Arrange Navigation
  • Create Subpages / Dropdowns
  • Reorder Pages
 
Top of page
Site Header
  • Social Media Icons
  • Title / Logo
 
Top of page
Stats, Search, & Settings
  • Google Analytics
  • Improving Your Search Ranking
  • Keywords and Descriptions
  • Verify Your Site with Search Engines
  • Your Site's Stats Dashboard
 
Top of page
Text & Images
  • Add and Edit Text
  • The Block Quote Element
  • Change the Look of a Page with Columns 
  • Create Button Links
  • Create Image Links
  • Create Text Links
  • Problems Uploading Pictures or Files?
  • Upload an Image
  • Upload an Image Gallery
  • Upload an Image Slideshow
  • Upload PDFs, PowerPoint Slides, and other Docs
  • Use Professional or Free Stock Photos
 
Top of page
Video & Audio
  • Embed Videos from Vimeo and Other Hosts
  • Embed Videos from YouTube
  • Upload Music Using the Audio Element
  • Uploading Video Using the HD Video Element

Download a printable pdf of the complete guide.

Guide Index

Alternative Text (Alt Text)
Americans with Disabilities Act - ADA
Anchors
Audio Element
Block Quote Element
Blogs
Button Element
Colored Text Boxes
Columns
Contact Form Element
Contact Form Address
Contact Form Submissions
​
Design Guidelines
Disable Image Downloads
Drop-down Boxes and Checkboxes
​Drop-down Menus
Document uploads
Embed Code Element
Embed Video and Audio
Embed Audio
Email links
Facebook Like (Share) Button
Feed Reader Element
File Element
File Upload
Flexible Header
Flickr Feed
Forms
Form Entries
Form Options
Gallery Element
​
Go Live Checklist
Google Analytics
Google Calendar
​Gmail
HD Video Element
​Header Image
HTML Code – Embed Code
Image Element
Key Points
Link to a Document (or Other File)
Login
Login Issues with Safari
Logo and Site Title
Map Element
Membership
Meta Keywords
Mobile Preview
Mobile Settings
Multiple Headers
Navigation
Pages
PDF Documents - Accessibility
Photography
Picture Element
Picture Links
Screen Reader
Scribd Document Element
​Sections
Security
SEO (Search Engine Optimization)
Settings Tab
Sidebar
Site Description
Site Title / Logo
Slideshow Element
Social Icons
Special Characters
Stats Dashboard
Subscripts and Superscripts
Survey Element
Text Box Fields
Text Element
Title Element
Text Links
Training and Support Resources
Twitter Feed / Badge
UA Policy for Unofficial Websites
UA Logos
URLs as Links
Video Element (or HD Video Element)
​
Web Design Guidelines
YouTube Element
Download a printable pdf of the complete guide.

(205) 348-3532
Accessibility | Equal Opportunity | UA Disclaimer | Site Disclaimer | Privacy
 Copyright © 2023 | The University of Alabama | Tuscaloosa, AL 35487 | (205) 348-6010
Website provided by the Center for Instructional Technology, Office of Information Technology
  • About
    • FAQs
  • Getting Started
    • Themes
    • Workshops
    • Site Request
  • Learn
    • Accessibility Guidelines
    • Online Training Guide
  • Go Live
  • Showcase
  • Our Blog
  • Log In