How to Build a Better Web site: The Story of Web Design.

Slides:

Advertisements

Similar presentations

AS Media Studies Summer Work: Magazine Analysis Jack Tunstall 12EIB.

Advertisements

Web design Most digitisation projects are made available through Websites Effective Access depends on good web design Identify users and their information.

Refinement Production Implementation Design and Development Stages.

Office Clipart Just copy and paste the images you need into your presentation, place them in layers and scale them to suit your needs.

Project Two Art3870 fall Web Services Concept Selling web services to Art Galleries ◦ Our group sells web site development for art galleries: the.

Principles of Web Design for Online Educators Rodger Hergert Illinois Online Network May 18, 2005.

Mass Communications Web Design Jill Andes Computer Applications Comm. 115.

Structural/Navigational Design Site View Viewing the project from a bird’s eye perspective is a chance to see how the site is organized and how the user.

Chapter 6 Color Image Processing Chapter 6 Color Image Processing.

Visual Design for the Web. Keep the end in mind What is the purpose of the webpage?

Web Design HTML CSS Creating Web Sites Design Principles.

A02 Creating my website NAME ______________. UNIT 2 – A02 – Creating my Website The purpose of this assessment objective is to create 5 web pages containing.

Creating an Online Portfolio Creating your Electronic Portfolio.

Basics of HTML. Example Code Hello World Hello World This is a web page.

MAT153 Web Design 1 A Brief Overview of the Web Design Process.

1 Advanced Frame Options Using NORESIZE  By default, users may resize frames unless you specify the NORESIZE attribute in the tag  Examples:

NEW IDENTITY.. “New identity” is a group of first year social digital students who look to develop their understanding of design and expand their identity.

Web Technologies Website Development Trade & Industrial Education

Unit 21 – Creating Computer Graphics. Logo Static ButtonRoll Over Button Advertising Banner Navigation Bar.

Adobe FLASH What & Why? Where & When? Is Flash dead? What about HTML5?

The Five Elements of Design. Color  When choosing colors to use in a Web site, a designer should use colors that are complementary.  One color allows.

Designing Web Sites Using “tags” Tags are codes inserted among the text to tell the text how to behave Their format is very rigid; they always look like.

Productive Resources for Making Apple Pie Images from Discoveryhttp://school.discoveryeducation.com/clipart/

CIS 451: "Shopping Cart" Design Research Exercises Dr. Ralph D. Westfall January, 2009.

Your logo. There’s no doubt you understand the importance of your logo when it comes to branding. Your website should display your logo prominently, and.

Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.

Planning your site/organization on the Web Please use speaker notes for additional information!

5 Elements of Good Web Design A powerpoint by Himyt Kang & Harman Lidder.

1 Creating the Header Page The header frame always displays on the AHS Web site The image (screagle.gif) that will go in the header is contained on the.

How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.

Web Design and Digital Literacy. Initial impressions: Is this a good website? Why/why not? (One reason)

Saving PowerPoint Presentations as Web Pages Your Logo Here Open the PowerPoint Presentation. To convert to a format compatible with web browsers, launch.

Web Design Part I. Click Menu Site to create a new site root.

DIGITAL DESIGN Digital Design is the art and process of creating a single Web page or entire Web sites and may involve both the aesthetics and the mechanics.

Differentiation “Creating and Building an Internet Presence” means answering (at least) three questions: “Creating and Building an Internet Presence” means.

Principles of Web Design Keep it simple Content is critical--Form is not. Speed is “King”. Consistent filenames are key. Design efficiently. Cite your.

GOOD VERSUS BAD WEBSITES Everybody assumes that their website is great. But that’s not always true. When one has a website that is bad they often wonder.

+ Group Activity for VT Library web site Zerrin Ondin Mahdi Nabiyouni T.C.Jones Farzaneh Tabataba Ahmed Elbery Mohammed Farghally.

ACM 262 INTRODUCTION TO WEB DESIGN Week-7 ACM 262 Course Notes.

English for Careers Chapter 14 Writing for Multimedia.

Creating Reader-Centered Web pages and Websites. Designing Websites Design with same qualities as other workplace communications ▫Usability and Persuasiveness.

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

Your final site CSS WP Hand- code, using TextEdit, TextWrangler, Dreamweaver or any other wysiwyg editor. Site doesn’t require to be hosted Deliver all.

UNIT 3 – WEB DESIGN FINAL PROJECT – DAY 2 Exploring Computer Science – Lesson 3-11.

Planning and Creating a Web Site. Stages in planning a web site planning the project decide on the purpose and audience for the web site create mind map.

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...

CM143- WEB CM143-WEB Page Layout live sites HTML Images User Considerations Planning Navigation CSS Architecture File Management Cascading Style Sheets.

MIT 511- Web Design & Usability

Electronic Newsletter Options

Tips and Tricks for Creating Story Maps

Unit 3 – Web design Final Project

Web Site Design Plan Checklist

LESSON 4 Module 4: Working with Images Navigation Tools.

Creating Visual Effects and Animation

Navigation Design/Structure

Page plans A01 Design.

4.01 Examine web page development and design.

Is it a Good Web Site to use?

4.01 Examine web page development and design.

Exam1 Review CSE111 B.Ramamurthy 2/17/2019 B.Ramamurthy.

For use on your feedback page

Color Image Processing

Apply programming techniques to design and create a web page

A02 Creating my website NAME ______________.

Web Site Development Careers

Presentation transcript:

How to Build a Better Web site: The Story of Web Design

We spin a yarn.

We tell a tale.

We weave a web.

It’s always a story.

Who you are What you do What you sell Why it is good And why they should buy it.

That’s a story!

What should go where?

LAYOUT NAVIGATION SCALE COLORS IMAGE TYPE

LAYOUT NAVIGATION SCALE COLORS IMAGE TYPE html

LAYOUT NAVIGATION SCALE COLORS IMAGE TYPE html

In essence, he’s leading the user, while creating the impression that they are making the choices.

Like a Pied Piper.