ACF Internet Design Guide

Last Revised: August 15, 2008 (Revision History)

Note: If you are creating a new site using the Guide for the 1st time, please be sure to use the tier pages available in the latest site.zip file (Version 2.3)

---

0.0 Introduction

• 0.0.1 Overview
• 0.0.2 How to Use this Guide

1.0 Design Guidelines

1.1 Site Architecture

• 1.1.1 Overview
• 1.1.2 Tier Architecture
• Tier 1 - ACF Home Page [ex: ACF Home Page]
• Tier 2 - Main Section Directory Pages [ex: ACF Policy/Planning]   
• Tier 3 - "Home" Pages for Program Offices, Staff Offices, Initiatives & Committees and ACF Topic Index Pages
• Program Offices
• Staff Offices
• Initiatives & Committees [ex: Human Trafficking]    
• ACF Topic Index Pages
• Tier 4 - Main Topic Pages [ex: Human Trafficking Specific Topic]  
• Tier 5 - Content Pages [ex: Human Trafficking Specific Content Item]  
• Supplementary Pages [ex: ACF Web Site Disclaimers]  
• Customization

1.2 Technical Specifications

• 1.2.1 Accessibility
• 1.2.2 File Naming Conventions
• 1.2.3 Header Tags
• Document Type Definition
• Title Tag
• Meta Tags
• 1.2.4 Screen Display
• Browser and Platform Support
• Screen Resolution and Color Range
• 1.2.5 Skip Navigation
• 1.2.6 Style Sheets  
• 1.2.7 Usability
• 1.2.8 External Links (non-ACF websites)
• 1.2.9 Web Standards

2.0 Site Building Process

2.1 Working with Templates

• 2.1.1 Overview
• 2.1.2 How to Build Your Site
• 2.1.3 Site Development Kit
  • Directories
  • Templates
  • Include Files
  • Source Art Files

2.2 Page Layout

• Tier 3 - Program Offices, Staff Offices, Initiatives & Committees and ACF Topic Index Pages
  [generic page] | [explanation] | [source code] | [ex: Human Trafficking]  
• Tier 4 - Main Topic Pages
  [generic page] | [explanation] | [source code] | [ex: Human Trafficking Specific Topic]  
• Tier 5 - Content Pages
  [generic page] | [explanation] | [source code] | [ex: Human Trafficking Specific Content Item]  

2.3 Page Elements

• 2.3.1 ACF Global Elements
• ACF Global Banner Include File
• ACF Global Footer Include File
• 2.3.2 Site Elements
• Graphics:
• Site Banner: Title and Slogan — All pages  
• Site Brand — Tier 3 and Tier 4 only  
• Optional Site Image — Tier 3 only
• Navigation:
• Breadcrumb Navigation — Tier 5 only
• Related ACF Sites/Topics 
• Footer Navigation: (Tier 3 and 4, Tier 5)
• Main Menu — Tier 3 and Tier 4 only  

2.4 Customization Guidelines

• 2.4.1 Overview
• 2.4.2 Fixed Elements
• 2.4.3 Required Customization
• 2.4.4 Optional Customization
• 2.4.5 Recommendations
• 2.4.6 F.A.Q. (RightNow Web)
• 2.4.7 Word Usage

2.5 HTML Code Format

• 2.5.1 Code Notes
• 2.5.2 Data Tables
• 2.5.3 File Formats
• 2.5.4 Fonts and Spacing
• 2.5.5 Forms
• 2.5.6 Graphics
• 2.5.7 Headings and Titles
• Tier 3 Pages
• Tier 4 Pages
• Tier 5 Pages
• Tables and Captions
• 2.5.8 Skip Navigation
• 2.5.9 Special Characters
• 2.5.10 Special Content

3.0 References

3.1 Overview

3.2 Checklists

• 3.2.1 Download the Quality Assurance Review Checklist
• 3.2.2 Download the Designer Review Checklist

3.3 Instructions

• 3.3.1 Download the Site Development Kit (site.zip)
• 3.3.2 Download instructions for creating a new ACF Internet website using the
  ACF Internet Design Guide and Dreamweaver MX