NESDIS – Corporate Web Identity WebShop 2002, Longmont, CO August 7, 2002 Susan McLean – Andrew Allegra -

Slides:



Advertisements
Similar presentations
Internet Basics Instructors : Connie Hutchison & Christopher McCoy.
Advertisements

A Guide to INCTR s Portal Enhancing international communication in the service of global cancer control.
Basic Computer Skills Windows & the Internet.
Website Design What is Involved?. Web Design ConsiderationsSlide 2Bsc Web Design Stage 1 Website Design Involves Interface Design Site Design –Organising.
© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Intro. Website Purposes  Provide templates and resources for developing early childhood interagency agreements and collaborative procedures among multiple.
Eric Perkins and Mike Treagy Website Topic Report Update.
MSc. Publishing on WWW Tables and Style Sheets. Tables Tables are used to: Organize and display tabular data To create a layout for web pages.
XP 1 Designing a Web Site with Frames Using Frames to Display Multiple Web Pages Tutorial 5.
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
1 of 5 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
1 of 7 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
1 of 5 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2006 Microsoft Corporation.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Create a Web Site with Frames
IWebFolio Using a Template Tutorial Images in this tutorial:
XP Tutorial 5New Perspectives on HTML, XHTML, and DHTML, Comprehensive 1 Designing a Web Site with Frames Using Frames to Display Multiple Web Pages Tutorial.
Working with SharePoint Document Libraries. What are document libraries? Document libraries are collections of files that you can share with team members.
Dawn Pedersen Art Institute. Introduction All your hard design work will suffer in anonymity if people can't find your site. The most common way people.
TUTORIAL 8: Enhancing a Web Site with Advanced CSS
Web Browser: Netscape Navigator and Internet Explorer By Bhupendra Ratha, Lecturer School of Library and Information Science Devi Ahilya University, Indore.
Windows & The Internet. Objectives: Identify and use computer hardware Open and close a desired program Switch back and forth between open windows Create.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Susan McLean NOAA/NESDIS NOAA Web Shop 2004 NOAA Policy Directive on Internet Services What does it mean to me? Susan McLean NESDIS
XP Using Frames in a Web Site Ali Alfayly. XP Tutorial Objectives Create frames for a Web site Control the appearance and placement of frames Control.
Web Technologies Website Development Trade & Industrial Education
EPA Web Procedures and Standards October 26, 2010.
– Strategies for Effective Navigation Design & Prototype Phases.
Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation.
Website Development with Dreamweaver
WEB DESIGN SOLUTIONS. 2 Presentation by JAVANET SYSTEMS 1st Floor, ROFRA House, Suite 4, Kansanga, Gaba Road P.O Box 31586, Kampala, Uganda Tel: +256(0) ,
An Introduction To Websites With a little of help from “WebPages That Suck.
eCommerce Technologies Design & Development for the Web MIS Spring 2004 Instructors: Kelly Fish, Ph.D. John Seydel, Ph.D.
Web Standards Web Design – Sec 2-4 Part or all of this lesson was adapted from the University of Washington’s “Web Design & Development I” Course materials.
M u l t I b e a m III W o r k s h o p M u l t I b e a m III W o r k s h o p National Geophysical Data Center / World Data Centers NOAA Slide 1 End-to-End.
Group 3: Art Gallery Monica Almendarez Content/Project Manager Willliam Egle Technology Manager Christina Pié Usability/ADA Compliance Manager Mirjana.
Lecture 6 Title: Web Planning, Designing, Developing for E-Marketing By: Mr Hashem Alaidaros MKT 445.
DOC Web Policies & Best Practices Jennifer Hammond NOAA Research WebShop 2002 August 7, 2002.
1 E-Gov Act of 2002 and ICGI Recommendations for Federal Web Content Policies and Guidelines Sheila Campbell, Co-chair ICGI Web Content Standards Working.
Creating Successful Theme-based Web Pages Theme-based web sites provide users with a coherent in-depth narrative on a single topic Nancy N. Soreide NOAA/PMEL.
VIVA Web Revision Outreach Committee VIVA Users Group Meeting November 1, 2007.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Creating Google Sites Laura Assem, Director of Technology.
 Network  A _____ of computers that can _________ w/ each other  Examples of hardware  ______________ & communication lines  Internet  Hardware.
University Website Office August 2002 University Web Guidelines ● Objectives ● Outline ● Development Process.
Web Site Development - Process of planning and creating a website.
WHY DO YOU NEED IT? What is a wireframe?. A wireframe is… A wireframe is a simple visual guide to show you what a Web page would look like. Wireframes.
Microsoft Office 2008 for Mac – Illustrated Unit D: Getting Started with Safari.
Creating Web Pages with Links, Images, and Embedded Style Sheets
Introduction. Internet Worldwide collection of computers and computer networks that link people to businesses, governmental agencies, educational institutions,
What Is Firefox? __________ is a Web ___________ that you use to search for and view Web pages, save pages for use in the future, and maintain a list.
Basic Computer Skills Windows & the Internet vfu.bg/en/e-Learning/
 Accessibility & Information Architecture Presented by Liz Molleur INF385E April 5 th, 2009.
Creating & Customizing Business for Sale Websites
Web Page Elements Writing For the Web
About SharePoint Server 2007 My Sites
East Africa Resilience Innovation Hub Web Development Proposal
Getting Started with Dreamweaver
Objective % Explain concepts used to create websites.
Website Design and Management Section 3 - Design
Web Development Life Cycle from Beginning to End…and BEYOND!
International University of Japan
Web Standards and Accessible Design.
Common Page Design Elements
Objective Explain concepts used to create websites.
Presentation transcript:

NESDIS – Corporate Web Identity WebShop 2002, Longmont, CO August 7, 2002 Susan McLean – Andrew Allegra -

NESDIS – Corporate Web Identity Web Banner Sub Team: Andrew Allegra (NODC) Susan McLean (NGDC) Steve Fleming (NCDC) NESDIS Web Team members : Marcus Ertle John Bradway Darrel Knoll David Ngo Sunny Salman Robert Carey Forrest Gray Andre Hammond Keshia Sanders Maurice Dulic Charlie Vance Jason Taylor Nancy Merckle Kathy Moore Sylvia Graff Charles Macfarland Parmesh Dwivedi Marc Pulliam

NESDIS – Corporate Web Identity Why a “Corporate Web Identity”? NESDIS Outreach Team formed with an objective of ensuring awareness of NESDIS activities and data. Outcomes desired: Have more people aware of NOAA/NESDIS. Increase customer satisfaction. Growing constituents base. Creation of NESDIS corporate image that enhances NOAA and easily locates web visitors within NOAA/NESDIS

NESDIS – Corporate Web Identity Goal: Increase user awareness of NOAA / NESDIS. Method: Implement a similar “look and feel” of corporate identity on main NESDIS web pages. (This immediately allows user to identify browsing “in NOAA” and associates contents with NESDIS).

NESDIS – Corporate Web Identity Outreach (Web Identity) Milestones 2 nd Quarter – Identify NESDIS Operating Unit Homepages and Major Points of Entry - complete 3 rd Quarter – Implement the NESDIS Web Corporate Banner – waiting for approval 4 th Quarter – Redesign NESDIS headquarters website with new look and feel – will start in August 2002

NESDIS – Corporate Web Identity Timeline: The Banner Sub Team was formed and collaborated on an approach and proposal…then presented to the ITAT Web Team for concurrence and additional direction. - Jan Milestone: Identified which NESDIS web pages will contain the Web Banner (homepages and “major points of entry”) – Feb Requirements list was compiled, and consensus on Web and Banner requirements reached – Mar. 2002

NESDIS – Corporate Web Identity Considerations: Must be easy to implement and maintain Must have minimal impact on web page real-estate while still accomplishing goal Must be W3, 508, and DOC compliant Should be visually appealing Design should allow slight modification of banner on lower level pages for “Office” identity while still being obviously NOAA/NESDIS

NESDIS – Corporate Web Identity NESDIS Web Banner Requirements: 1. Banner location - at top of all NESDIS main points of entry, including all Office and Branch home pages and any other page the Office considers a main point of entry. 2. Banner will have SAME appearance on all pages. 3. Banner size - not to exceed 50 pixels in height and - not to exceed 15 kbytes in file size. 4. Must be W3C compliant. (At this time, this means background table images are not allowed). Current html level: version Must be Section 508 compliant – Accessible to persons with disabilities.

NESDIS – Corporate Web Identity NESDIS Web Banner Requirements – continued 6.Banner must “look good” with major browsers in a resizable window. Current browsers tested: - Netscape 4.x and 6.x - Internet Explorer 5.x and 6.x - Minimum screen resolution of 800 x Printed pages must appear as they did in the browser window without user intervention. (This means, any banner using a background table color or background table image does NOT meet the requirements).

NESDIS – Corporate Web Identity NESDIS Web Banner Requirements – continued 8.Banner should print with reasonable appearance and ease. 9.The top left side must have a recognizable NOAA icon. The icon need not be the official logo, BUT MUST be recognizable as NOAA. 10.Banner must include the text, “ NOAA” and “National Environmental Satellite, Data, and Information Service.” And, include links to both the NOAA and NESDIS home pages.

NESDIS – Corporate Web Identity Additional Web page Requirements established by the ITAT Web Team 1. Link to the Privacy Statement must be clearly visible in the top part of the web page. It's exact placement can determined by the website author. 2. The first line in each html file should be the tag specifying the level of html with which the page is compliant. For example: 3. All web pages must meet the DOC “Best Practices” and “Web Policy” standards as described by the DOC Web Advisory Group.

NESDIS – Corporate Web Identity Timeline - continued Held a banner making contest among the NESDIS Offices and voted for a winner - late Mar. / early Apr In the preparation for presentation, the Banner Team discovered problems with the winning design: –Unacceptable print quality –Inconsistencies in display –Not HTML (W3C) compliant (background image in table) Entire Web Team concurred to redefine the requirements and we had another banner making contest. Any banners not meeting the requirements were thrown out. - Apr. / May 2002

NESDIS – Corporate Web Identity Timeline – continued This time, Each candidate banner was tested for W3 and 508 compliance. A tool was developed to see the various banners on each NESDIS homepage. - May 2002 A new winner was determined by a vote. – Jun The winning banner and documentation was presented to the NESDIS CIO to obtain approval and move forward. - Jun The winning design…

NESDIS – Corporate Web Identity Logo links to NOAA Homepage Text links to NESDIS Homepage Organizational component (reflects which homepage you are visiting)

NESDIS – Corporate Web Identity Examples of the winning banner implemented on the Data Center Homepages: NODC Homepage NCDC Homepage NGDC Homepage NGDC Homepage Sample of subpage at NGDCsubpage at NGDC

NESDIS – Corporate Web Identity After approval, we will start the implementation of the NESDIS banner. Redesign of the NESDIS HQ Web pages. New Directive – NOAA Web –NESDIS ITAT-Web Team has already started supporting the NOAA- wide effort for a NOAA Corporate Web “look and feel”. –NOAA Web Standards may be set. –NESDIS reps: Andrew Allegra, Susan McLean, & Steve Fleming What’s Next ?

DOC Web Policies: 1.Links to the DOC Home Page: The home page of every DOC organization shall identify that it is part of the Department of Commerce and link to the Department's homepage. 2.Links to Organizational Home Pages: Any home page maintained by or for a Department of Commerce organization shall include a navigational link to the home page of a higher level organization within its hierarchy. 3.Identification of Web Site Owner: All Department of Commerce organizations' Web pages shall identify the "Web site owner."

DOC Web Policies continued: 4.Web Site Contact Information: Every Web site of a Department of Commerce organization shall provide an address for comments, inquiries and accessibility issues. 5.Domain Names: All Web sites of Department of Commerce organizations shall have.gov as the top level domain. 6.Web Site Accessibility for Persons with Disabilities: All Web sites of Department of Commerce organizations shall be designed to ensure that members of the public with disabilities, and Federal employees with disabilities, have access to, and use of, information and data that is comparable to the access and use available to persons who do not have disabilities, unless an undue burden would be imposed on the agency.

DOC Web Policies continued: 7.Privacy of Visitors to DOC Web Sites: It is the policy of the Department of Commerce (DOC) to respect the privacy of visitors to Web sites of Department of Commerce organizations to the maximum extent possible, consistent with law. 8.Privacy Statements and Information Collection: Major points of entry and any page where information is collected on any Department of Commerce organization's Web site shall include a clearly identifiable link to the Privacy Statement, which shall be labeled either "Privacy Statement" or "Privacy Notice.“ 9.Persistent Cookies: It is the policy of the Department to prohibit the use of persistent cookies on Department of Commerce Web sites except where: there is a compelling need; there are appropriate safeguards in place; the use is personally approved by the Secretary of Commerce; and there is clear and conspicuous notice to the public.

DOC Web Policies continued: 10.Annual Web Site Certification: The CIOs shall annually certify to the Department's CIO that all Web sites of their organization comply with the Department's Web policies, located at: 11.Content Management Policy: Web sites of Department of Commerce organizations shall be related to the mission, goals, and objectives of the Department and be subject to appropriate management controls. 12.Endorsement Disclaimer Policy: All Department of Commerce Web sites shall have a disclaimer stating that links to non-Federal Government Web sites do not imply endorsement of any particular product, service, organization, company, information provider, or content. Waiting – approval Waiting -- approval

DOC Web Best Practices: Identification of Content Source - If the source of the content of a Web page of a Department of Commerce organization is not the "Web site owner," the source of the content should be identified. A process should be in place to support annual Web site certification so that as new Web sites are launched and existing Web sites are modified, ongoing compliance with Department Web site policies is maintained. 508 Testing: All Department of Commerce organizations should establish a policy and procedures for testing their Web sites for compliance with the Accessibility Policy. All Department of Commerce (DOC) organizations should use HTML title tags and appropriate meta tags to make their Web pages easier to find by Web search engines, and should consider submission to the major search engines.

NESDIS – Corporate Web Identity Contact Information: Susan McLean: NOAA-NESDIS-National Geophysical Data Center Andrew Allegra: NOAA-NESDIS-National Oceanographic Data Center