Tools For State and Local Web Sites Web Style, Site Headers and Promotion Banners.

Slides:

Advertisements

Similar presentations

Section 6.1 Write Web text Use a mission statement Generate and organize content ideas Section 6.2 Use page dimension guidelines Determine content placement.

Advertisements

Tel: WEB DESIGN o Site Design o Site Build o XHTML o CSS o W3C Standards GRAPHIC DESIGN o Corporate Identity o Brochures.

M I S Dr. Ernst-Gerd vom Kolke 1 Web Design - Introduction n Design for printed and electronic information isn’t very different n Special aspects for web.

INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.

Create head content and set page properties Create, import, and format text Add links to Web pages Use the History panel and Code Inspector Modify and.

Basic Web Design Considerations CS /6/07. Basic terms Web page Web page Web site Web site Home page Home page Sub pages Sub pages.

Page Design Web Design Professor Frank. Page Design Effective web design creates visual logic and seeks an optimal balance between visual sensation and.

HTML. Goals How to use the Komodo editor HTML coding and testing Basic HTML tags List and Images Tables and Links At least 2 pages and navigation

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 5 Key Concepts 1 Copyright © Terry Felke-Morris.

7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.

?v=4k4mkL70E3g.  Business Cards are often considered to be the strongest marketing tool for a company.  Business cards.

Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.

So You Want a Web Page!. What is a Web Page? According to Webopedia, a web page is: A document on the World Wide Web. A Web site is really a bunch of.

Rita Bilbro Technology Consultant, ITCS East Carolina University.

Drboots presents. Web 101 Utility links | Join SWIFT | Pylons Navigation links Some place Another place Links Nothinghere Content goes here This is content…seriously.

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.

Successful Website Layout EWD Chapter 2. Defining Client’s Needs Many clients don’t know exactly what they want What they ask for may not be what’s needed.

Web Technologies Website Development Trade & Industrial Education

Creating an Attractive Site How will your site look. Think about what your customers are seeking and what type of Web site they find attractive.

Web Development & Design Foundations with XHTML Chapter 5 Key Concepts.

XP Modifying the Slide Master Click the View tab on the Ribbon, and then, in the Master Views group, click the Slide Master button Click the Slide Master.

Developing Content and Layout Lesson 6. Creating Web Site Content Online users scan a page, read key words of text, and check out graphics Reading from.

OBJECTIVES  What is HTML  What tools are needed  Creating a Web drive on campus (done only once)  HTML file layout  Some HTML tags  Creating and.

Progress Report: Project 4 Web Solutions. Interviews (Jennifer) Usability Testing (Andrea Kayne) Final Report due Accessibility Analysis (Andrea.

Copyright © 2002 by Pearson Education, Inc., publishing as Longman publishers. All rights reserved. Chapter 8 Designing Pages and Screens Professional.

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

Web Design and Development for E-Business By Jensen J. Zhao Copyright 2003 Prentice Hall, Inc. Web Design and Development for E-Business Jensen J. Zhao.

Website Development Instructor: Brad Atkinson. Planning Save valuable time Create mock-up drawing Provide useful content.

1 After completing this lesson, you will be able to: Transfer your files to the Internet. Choose a method for posting your Web pages. Use Microsoft’s My.

Introduction to Web Page Design. General Design Tips.

CPSC 203 Introduction to Computers Lab 33 By Jie Gao.

Website Design Presentation to Members Of The American Morgan Horse Association By Bill Lere August 22, 2012 Copyright, Bill Lere, 08/22/2012, Minneapolis,

Testing and Maintaining a Web Site Presented by: Angelo Russo Student number: 10 Acknowledgement: This information is primarily gathered from: – Web Design,

IT: Web Technologies: Web Animation 1 Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Designing Web Site Layout Using.

Web Design Basics Creating Appealing Websites Basics of Web Design: HTML 5 and CSS3, Felke-Morris, T.c.

Web Site Design: Layout Fall Basic Concepts Basic Web Design Concepts – Proximity – Alignment – Repetition – Contrast

Development and Design of Multimedia. Planning Your Title 1)Develop the concept or idea – a multimedia project starts with an idea that supports a vision.

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 5 Key Concepts 1 Copyright © Terry Felke-Morris.

Web Page Concept and Design :

Microsoft Expression Web 3 – Illustrated Unit F: Enhancing a Design with CSS.

Macromedia Dreamweaver 8 Revealed WEB PAGE DEVELOPING A.

Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.

Planning Site Design and Page Layout. Identify Best Practices Demonstrate Consistency: – One way to ensure a professional look and feel to a website –

Adobe Dreamweaver CS3 Developing a Web Page. Planning the Page Layout Use White SpaceUse White Space Limit media objectsLimit media objects KISSKISS Use.

?. When designing, you should analyze your target audience. Design you webpage around your target audience Target Audience.

3/30/15.  Who is Tim Berners-Lee? 1. Assessing needs 2. Determining content structure 3. Determining site structure 4. Determining navigation structure.

So – You want to learn how to put an article onto the state website. (Note: If you have not done so, you will need to review the web training provided.

Web Site Development - Process of planning and creating a website.

Thực hiện: D3 GVLT: BROWERS. Browser Compatibility I Check the compatibility II Tools III.

Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.

Copyright © Terry Felke-Morris Learning Outcomes  In this chapter...  common types of website organization  principles of visual design  your target.

+ CIW LESSON 4 Web Browsers. + Basic Functions of Web Browsers Provide a way for users to access and navigate Web pages Display Web pages properly Provide.

Web Design Principles. Designing a Website Choice of a site color scheme. Choice of text font and size. Placeholder text. Use of white space. Location.

Section 6.1 Section 6.2 Write Web text Use a mission statement

Understanding the principles of website development

Planning Site Design and Page Layout

Web Page Elements Writing For the Web

Web Design Principles.

Basics of Website Development

15 Basic Web Designing Tips

Basic Knowledge of Web creation

Objective % Explain concepts used to create websites.

Web Design Techniques.

Fixed Positioning.

Web Development & Design Foundations with H T M L 5

Web Design Principles.

Web Design Principles.

Designing Web Site Layout Using Fireworks

Presentation transcript:

Tools For State and Local Web Sites Web Style, Site Headers and Promotion Banners

Identity and Site Guidelines Font: On the Web, NAIFA uses Arial for site content. Arial is a universally available font. It’s use ensures most of your audience will be able to properly access your content. Color / NAIFA Blue: PMS: 293 C CMYK: C:100 M:57 Y:0 K:2 RGB:R:0 G:103 B:177 Web:# Arial abcdefghijklmnopqrstuvxyz ABCDEFGHIJKLMNOPQRSTUVXYZ

Identity and Site Guidelines: Web Basics Page Layout Should Appeal to target audience Consistent site header/logo Consistent navigation area Informative page title that includes the company/organization/site name Page footer area — copyright, last update, contact address Good use of basic design principles: repetition, contrast, proximity, and alignment Displays without horizontal scrolling at 1024x768 and higher resolutions Balance of text/graphics/white space on page Good contrast between text and background Repetitive information (header/logo and navigation) takes up no more than one-quarter to one-third of the top portion of the browser window at 1024x768 resolution Home page has compelling, interesting information above the fold (before scrolling down) at 1024x768 Home page downloads within 5 seconds Browser Compatibility The following browsers all enjoy popularity, so new sites should be compatible with each: Internet Explorer Firefox Opera Chrome Safari (both Mac and Windows)

Example with Association Name Site Headers Example:

Online Promotion All promotions or links for new and renewing members should direct readers to: