Infosite Style A _____________________ Conservative, Traditional (decorative) A1 (Center design with division for the left navigation) A2 (Left design.

Slides:

Advertisements

Similar presentations

Use Tables for Layout Control Day 7. You will learn to: Understand Tables Create a Simple Table Modify Your Tables Appearance Create Page Layouts with.

Advertisements

Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.

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

Corinthian Travel & Company Ashley Carlow. Memo Contrast: The black and white Repetition: Color choices and alignment are consistent throughout. Alignment:

ABSTRACT Title Authors Department/College Address This is a template for creating a poster to be printed on the 42” printer. If printed at 100% size, the.

Customizing your Twitter Background. Agenda Why bother? What to consider Design specifics Other elements Samples.

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.

Computer Science 1611 Internet & Web Creating Webpages with Style Hypertext and the HTML Markup Language (continued)

Chapter 8 Designing with Cascading Style Sheets. Chapter 8 Topics Building three different types of complete Web pages using CSS: Build a style sheet.

What colour will the background be? What style will the title be? What style will the body text be? What hyperlinks will there be? What transitions/animations.

What colour will the background be? What style will the title be? What style will the body text be? What hyperlinks will there be? What transitions/animations.

Chapter 6 Color Image Processing Chapter 6 Color Image Processing.

Website Development Presentation for Project 1 and 2 Pavel Florea.

INTRODUCTION TO WEB DEVELOPMENT AND HTML Lecture 06: Tables - Spring 2011.

You can identify the architectural style of a building from a number of its features.. These include The shape of the structure Roof design Chimney style.

CHAPTER 11 Tables. How Are Tables Used Data Display  Very tidy and very useful Better Text Alignment  Putting text in tables allows you to format indents.

ITP 104.  While you can do things like this:  Better to use styles instead:

BASIC PRINCIPLES OF DESIGN DESIGN, MULTIMEDIA, AND WEB TECHNOLOGIES (DMWT)

Continued BrokersLink Redesign. General Changes All Headlines, Main Nav options and Sub Nav options will be in the Google font Roboto Slab (Normal 400.

More Basic XHTML Module 2: XHTML Basics LESSON 2.

Design Visualization and Character Development Artistic Rendering Using Illustration Software.

the rhetorical situation  audience  purpose  context design principles  arrangement  emphasis  contrast  repetition  alignment  proximity (some)

Log In to your User Start: Photoshop Elements. Start a new document 700x120 pixels with white background. Create a new layer by clicking Layer -> New.

Design Principles The good and the bad Alyssa Mendiola Summer 2009.

Linking Frames. How to load frames For example you have the following frame: Left Links Main.

ImageCenter Facilitation Class 2: Visual Decoder Chart.

Basic Design Tips for Web Pages. Alignment Left, right, center Choose one alignment and use it on the entire page Align form elements, table elements,

By: Caitlin McCullough, Kaitlyn Kauffman, and Alexis Bergquist.

G040: Lecture 07 Business Logos Mr C Johnston ICT Teacher

Gradients. What are Gradients? Gradients are graphics files that gradually blend from one shade of color to another. By using gradients as background.

Children’s Literature A Look Back In Time. Genres Nursery Rhymes Counting Books Letter Books Color Books Fables Picture Books Simple Concept books.

INSTRUCTIONS 1.Provide 5-10 examples of your artwork. 2.The quality of selected images is important. Do not submit poorly composed, under or over exposed,

Grade 4 Science.  -Click Start  -Click Programs  -Click IHMC Cmap Tools  -Click Cmap Tools.

Web Page Design Mrs. Ricke. Graphics Interchange Format 256 colors only Good for icons, clipart, logos Not good for high quality pictures.

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.

Digital Image Processing Part 2 Contrast processing.

{ User Centered Design Final Presentation Donia Canaveral }

Art 155 Information Architecture In-class Presentation Week 16A.

Desktop Publishing Lesson 5 — Enhancing Publications.

LOGO Организация кредитования в Республике Беларусь Костенко А.К., к.э.н., доцент.

Department of Information Technology e-Michigan Web Development.

涉外合同中的法律适用问题 --- 以上海地区为例 Group 2 吕雅丽王燕玉刘彧孙煜韦卫玲李天奇 LOGO.

8/18/2016 Web Development and Interactive Media

Your GIMP Portfolio Final Site.

Unit 17 Website Development

NSCF WEB DEVELOPMENT SCOPE AND FEATURES.

Halloween Card Tutorial.

P.P.T TEMPLATE KOREA NATURE GREEN ECO.

Best Elegant Furniture In Las Vegas

Web Development & Design Foundations with HTML5 7th Edition

Web Design History By Jayam Web Solutions.

Fixed Positioning.

P.P.TEMPLATE KOREA Captivate your viewing audience - PowerPoint Templates & Backgrounds, Sleek Diagram & Charts For Your Presentation.

PRESENTATION LAYOUTS This is a title slide

Creating a Webpage with External CSS

PowerPoint Presentation

CLICK TO TYPE SLIDE TITLE

Start: Photoshop Elements

Color Image Processing

Common Page Design Elements

PUBLISHING TO THE WORLD WIDE WEB

Visual Appealing Subtle Touch Animation PowerPoint 1

Can you calculate the actual file size of a computer image

The Image The pixels in the image The mask The resulting image 255 X

“Drive Me Wild” *.

Cascading Style Sheets

In Text Citations – MLA Style

Choosing your theme and background

Presentation transcript:

Infosite Style A _____________________ Conservative, Traditional (decorative) A1 (Center design with division for the left navigation) A2 (Left design continuing without division into the navigation area) A3 (Full design with background color/pattern extending across page)

Infosite Style A _____________________ Conservative, Traditional (decorative) A1 (Center design with division for the left navigation) A2 (Left design continuing without division into the navigation area) A3 (Full design with background color/pattern extending across page) BACKGROUND 30 pixels tall Less than 1K IMAGE Approx. 380pixels tall 23K

B1 (Center design with division for the left navigation) B2 (Left design continuing without division into the navigation area) B3 (Full design with background color/pattern extending across page) Infosite Style B _____________________ Fun, colorful, youthful, bright (decorative)

B1 (Center design with division for the left navigation) B2 (Left design continuing without division into the navigation area) B3 (Full design with background color/pattern extending across page) Infosite Style B _____________________ Fun, colorful, youthful, bright (decorative) BACKGROUND 250 pixels tall 5K IMAGE Approx. 420pixels wide 26K LOGO 235 pixels wide 3K

C1 (Center design with division for the left navigation) C2 (Left design continuing without division into the navigation area) C3 (Full design with background color/pattern extending across page) Infosite Style C _____________________ Upscale, elegant, graceful (decorative)

C1 (Center design with division for the left navigation) C2 (Left design continuing without division into the navigation area) C3 (Full design with background color/pattern extending across page) Infosite Style C _____________________ Upscale, elegant, graceful (decorative) BACKGROUND 150 pixels tall 8K a IMAGE 350 pixels wide 22K LOGO 235 pixels wide 8K

D1 (Center design with division for the left navigation) D2 (Left design continuing without division into the navigation area) D3 (Full design with background color/pattern extending across page) Infosite Style D _____________________ Contemporary, vigorous, dynamic (decorative)

D1 (Center design with division for the left navigation) D2 (Left design continuing without division into the navigation area) D3 (Full design with background color/pattern extending across page) Infosite Style D _____________________ Contemporary, vigorous, dynamic (decorative) BACKGROUND 250 pixels tall 6K IMAGE 380 pixelsWIDE 24K

E1 (Center design with division for the left navigation) E2 (Left design continuing without division into the navigation area) E3 (Full design with background color/pattern extending across page) Infosite Style E _____________________ Simple, plain (no patterned backgrounds, slightly larger images)

E1 (Center design with division for the left navigation) E2 (Left design continuing without division into the navigation area) E3 (Full design with background color/pattern extending across page) Infosite Style E _____________________ Simple, plain (no patterned backgrounds, slightly larger images) BACKGROUND 30 pixels tall 2K IMAGE 380 pixels wide 23K