Department of Information Technology e-Michigan Web Development.

Slides:

Advertisements

Similar presentations

Session 4: CSS Positioning Fall 2006 LIS Web Team.

Advertisements

D4912 – Website Rebranding, Day 1 Impact clarification June 2006 V4.0.

Web Design Graphical User Interface Navigation. Website Prototyping Plan your website Take time to plan the goal And outcome for your site Based on target.

CREATE A WEBPAGE WEB DESIGN. EXAMPLE LAYOUT 2 WEB COMPONENTS Header Banner and logo Footer Copyright information or Address Horizontal Navigation For.

DIVISIONS FOR ALL WEB PAGES Web Page Elements.  All Web Pages should have the following 4 elements (Also called divisions).  header  navigation  content.

Penn State Graphic Standards: Why Are They Important on the Web? Jeff Hermann University Editor and Director of University Publications.

Click to add text State of Michigan Web 2.0 Standards Update CMA User Group Meeting April 15, 2009 Michelle Stiffler eMichigan Web Development.

The New UA Web Banners. UA Web Banner Policy Level One Websites Colleges and Schools Non-academic departments Service units that are focused on external.

1 Grundlæggende Web Design Final Project Bon Appetite Café Website By Mohammed Marouf Course Manager Michael Hammel Mohammed Marouf Bon Appetite.

Art 128 Interface Programming 1 In-class Presentation Week 11B.

FINAL PROJECT By Beverly O’Keeffe GBA System Design and Implementation GTAT Web Site Implementation.

Hyperlinks. Working with Linked Images  A standard practice on the Web is to turn the Web site’s logo into a hypertext link pointing to the home page.

Website Development Presentation for Project 1 and 2 Pavel Florea.

Business Definition Analysis & Design Phase. Development Team Smit Shah (System Analyst, Web Developer) Harsha Balagere (Web Designer) Abdullah Alsubaiei.

TUTORIAL 8: Enhancing a Web Site with Advanced CSS

Slide 1 Consider the page layouts for: Layout design – does it look balanced and even Size of box relative to its importance – the Heading (or title) of.

EIA Products Portal Information Website for EMT India Associates

 Agency must be an IBG intermediary contracted and appointed with at least one of the IBG companies.  Agency must link to the site by utilizing one of.

Using Adobe ® Dreamweaver ® and Photoshop ® An Introduction PART ONE The design phase before launching Dreamweaver.

Content Typography & colours. Typography principles The objectives for typography in our web appearance are to help us maintain consistency with our overall.

MI.GOV Site Design Evaluation October MI.GOV Usability Review  MSU Usability and Accessibility Center (UAC)  Reviewed rankings by studies like.

Logotype 1 Our logotype is the core of our brand identity and connects all of our communication – offline and online. Use it with care. An important aspect.

Instructions Don’t waste time trying to make things pretty. That comes later. Group common elements to make it easy to move things around. Remember to.

Evaluating web graphics Unit 21 – AO1. Your evaluation must include At least one advertising banner At least one set of navigation buttons At least one.

Each year, our Michigan.gov suite of Websites is included in numerous ranking studies conducted by organizations across the country.

Dawn Pedersen Art Institute. What Are CSS Sprites? Back in the day, sprites were the images in games that swapped one little image for another in a specific.

11/12/2015 Box Model Reed Crouch. 11/12/2015  HTML elements can be considered as boxes. In CSS, the term "box model" is used when referring to layout.

Website Advertising Rates Appears in the “Sponsor’s Widget” in Right Column Appears on Home Page, & all Story Pages & Site Pages for maximum “impressions”.

Content Administration 08/19/13 & 08/20/13.

Department web platform Background of “MST Network” MST Network is –a network-based platform for all ECAs, Classes and Departments –a communication.

Website Advertising Rates Appears in the “Sponsor’s Widget” in Left Column Appears on Home Page, & all Story Pages & Site Pages for maximum “impressions”.

Main page banner area Navigation bar area Main area for information content Look at a simple page from the Waitrose supermarket site. It has three main.

Branding with:. What is Branding? All About Hawaii / Tours allows you to utilize their web site and develop a site to suit your own needs, for your own.

Ecommerce Applications 2009/10 Session 41 E-Commerce Applications Step by step building of a shop in Shopcreator.

Michigan.gov Portal II Design Changes Thursday, March 4, 2004.

Home logo Home contact This is your content. contact sample sample home This is some more content dawg!!! Contact logo.

CROP CIRCLES Photographs and Images collected from Web Sites.

Images were sourced from the following web sites: Slide 2:commons.wikimedia.org/wiki/File:BorromeanRing...commons.wikimedia.org/wiki/File:BorromeanRing...

Planning a Web Site Planning a Web Site. The Home Page Think of this as your storefront. It is the first thing seen by your customer when they log on.

1. Storyboarding a Website. How to start a storyboard: Have Blank Squares!

Corporate Identity Guidelines C o r p o r a t e I d e n t i t y

Direct Marketing & Brand Building

LESSON 4 Module 4: Working with Images Navigation Tools.

Music festival web banner

This page is for your Summary.

NSCF WEB DEVELOPMENT SCOPE AND FEATURES.

Social Media Materials Design, Social Media Landing Page Design Services URL:

Refer-A-Friend APP DESIGN GUIDELINES

Music festival web banner

Logo Designs Banner Designs.

Proposal For: TO YOUR COMPANY 2017.

Customer Branding Specifications

How To Use This Template

Fixed Positioning.

Affiliate Brand Guidelines

Mobile Web App Instructions

Creating a Webpage with External CSS

Important Information about Poster Resizing

Important Information about Poster Resizing

Step-by-Step Banner Creation Guide

D4912 – Website Rebranding, Day 1 Impact clarification

ICT – Y11GCSE Unit 4 – Web Site Design – Practical Task (3 lessons)

Important Information about Poster Resizing

2019 MEDIA PARTNERSHIPS Please choose your level from the options below Elements LEVEL 1 LEVEL 2 LEVEL 3 LEVEL 4 LEVEL 5 Website Banner(s) X2 Site-Wide.

Important Information about Poster Resizing

Important Information about Poster Resizing

Communication Guideline

Important Information about Poster Resizing

Important Information about Poster Resizing

Important Information about Poster Resizing

Presentation transcript:

Department of Information Technology e-Michigan Web Development

Things that are not changing Things that are not going to change are the location and position of the: Agency/Generic logo Department/Site/Application Name Agency/Generic logoAgency/Site/Application Name

Department of Information Technology e-Michigan Web Development Things that can be changed Things that are/can be changed are the: Michigan.gov branding area Background image of the banner Michigan.gov branding area

Department of Information Technology e-Michigan Web Development Michigan.gov branding area Michigan.gov branding area has been reduced to 150 px wide branding image. The color of the branding area may be customized to harmonize with the other banner elements and site colors on request.

Department of Information Technology e-Michigan Web Development The new agency banner minimum height is 80 pixels. Minimum Height Requirements The current agency banners height is 100 pixels. 20 pixels 100 pixels80 pixels 20 pixels 100 pixels 20 pixels 80 pixels 20 pixels

Department of Information Technology e-Michigan Web Development BAnner Header Art All banner header art is produced exclusively by the e-Michigan Web Development Team. Contact Anne Nolan of e-Michigan Web Development, to receive final art. Banner header art must never be cropped or altered in any way. Banners headers must include an image map link area for application home page and Michigan.gov portal.

Department of Information Technology e-Michigan Web Development Questions