architectural structure for websites (part 1 of 2) kaplan university cm270 ~ writing for multimedia...

26
Architectural Architectural Structure Structure for Websites for Websites (Part 1 of 2) (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor

Upload: ethan-floyd

Post on 28-Dec-2015

218 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Architectural Structure for Websites (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor

Architectural StructureArchitectural Structurefor Websitesfor Websites

(Part 1 of 2)(Part 1 of 2)

Kaplan University

CM270 ~ Writing for Multimedia

Mark Lambertson, Instructor

Page 2: Architectural Structure for Websites (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor

www.MarkLambertson.com

Writing samples

Audio from radio commercials

Throw in a Throw in a couple couple storiesstories

Graphic design

samples

Need some way for potential clients to contact me

Brief bio about me

Videos would be nice

Link to Linkedin

Art & Creative Direction

Page 3: Architectural Structure for Websites (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor

www.MarkLambertson.com

Writing samples

Throw in a Throw in a couple couple storiesstories

Audio from radio commercials

Graphic design

samples

Need some way for potential clients to contact me

Brief bio about me

Videos would be nice

Link to Linkedin

Art & Creative Direction

Page 4: Architectural Structure for Websites (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor

www.MarkLambertson.com

Graphic design

samples

Videos would be nice

Art & Creative Direction

Writing samples

Audio from radio commercials

Throw in a Throw in a couple couple storiesstories

Need some way for potential clients to contact me

Brief bio about me

Link to Linkedin

Page 5: Architectural Structure for Websites (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor

www.MarkLambertson.com

Writing samples

Audio from radio commercials

Throw in a Throw in a couple couple storiesstories

Graphic design

samples

Need some way for potential clients to contact me

Brief bio about me

Videos would be nice

Link to Linkedin

Art & Creative Direction

Page 6: Architectural Structure for Websites (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor

www.MarkLambertson.com

WORDS:

•Writing samples

•Audio (radio commercials)

•Stories

PICTURES:

•Graphic design samples

•Art & Creative direction (mostly photos)

•Videos

ABOUT ME:

•Brief bio

•Linkedin link

•Contact request form

Page 7: Architectural Structure for Websites (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor

Two written pages: one down, one to go

During this course you will write just two pages for your site.

You did the first page in Unit 3: the “about us” (or “informative”) web page.

You’ll do the next one in Unit 6.

The Unit 6 web page and the Unit 3 web page are two different pages.

Page 8: Architectural Structure for Websites (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor

Unit 6’s Web Page

The Unit 6 web page is the “persuasive” page.

You’ll learn more about it in a couple weeks.

For now, just know that you have to identify one page that has a persuasive purpose.

But that page won’t be called the “persuasive” page.

Page 9: Architectural Structure for Websites (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor

Unit 6’s Web Page

It won’t be called the “persuasive” page because no website visitor will want to read a page called a “persuasive” page.

Page 10: Architectural Structure for Websites (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor

www.MarkLambertson.com

WORDS:

•Writing samples

•Audio (radio commercials)

•Stories

PICTURES:

•Graphic design samples

•Art & Creative direction (mostly photos)

•Videos

ABOUT ME:

•Brief bio

•Linkedin link

•Contact request form

Page 11: Architectural Structure for Websites (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor

www.MarkLambertson.com

Homepage

1. Words2. Pictures

3. About Mark (bio & contact info) a) Video(s)

a) Request formb) Linkedin (off-site link)

Page 12: Architectural Structure for Websites (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor

hierarchy ’hī(ə)r-ärkē

noun ( plural: hierarchies)

a system or organization in which people or groups are ranked one above the other according to status or authority.

Page 13: Architectural Structure for Websites (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor

www.MarkLambertson.com

Homepage

1. Words2. Pictures

3. About Mark (bio & a) Video(s)

a) Request formb) Linkedin (off-site link)

Page 14: Architectural Structure for Websites (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor

tier ti(ə)r

noun ( plural: tiers)

• a row or level of a structure, typically one of a series of rows placed one above the other and successively receding or diminishing in size: a tier of seats

• a level or grade within the hierarchy of an organization or system: companies have taken out a tier of management to save money.

Page 15: Architectural Structure for Websites (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor

www.MarkLambertson.com

Homepage

1. Words2. Pictures

3. About Marka) Video(s)

a) Request formb) Linkedin (off-site link)

Page 16: Architectural Structure for Websites (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor

www.MarkLambertson.com

The homepage (or “home page”) is also known as:

• the “start page”• the “front page”• the “landing page”

Page 17: Architectural Structure for Websites (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor

www.MarkLambertson.com

Homepage

1. Words2. Pictures

3. About Marka) Video(s)

a) Request formb) Linkedin (off-site link)

Page 18: Architectural Structure for Websites (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor

www.MarkLambertson.com

Homepage

1. Words2. Pictures

3. About Marka) Video(s)

a) Request formb) Linkedin (off-site link)

Page 19: Architectural Structure for Websites (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor

www.MarkLambertson.com

Homepage

1. Words2. Pictures

3. About Marka) Video(s)

a) Request formb) Linkedin (off-site link)

(persuasive web copy)(persuasive web copy)

Page 20: Architectural Structure for Websites (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor

copy ’käpē

1. a thing made to be similar or identical to another, a duplicate

2. a single specimen of a particular book, record, or other publication or issue: the record has sold more than a million copies.

3. text (or prose) to be printed: copy for the next issue must be submitted by the beginning of the month.• text for a newspaper or magazine article: it is an unfortunate truth of today's media that bad news makes good copy.• the text of an advertisement: “No more stubble—no more trouble,” trumpeted their ad copy.

Page 21: Architectural Structure for Websites (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor

Unit Four’s Discussion

Your Unit 4 discussion will present a draft of your site’s architecture.

I strongly suggest that you use a hierarchical structure. 99.9% of all sites use this type because it is simple and logical. It also allows for easy navigation for the user.

Page 22: Architectural Structure for Websites (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor

Unit Four’s Discussion

Your site’s architecture must be original.

Imitate the approach I took as I created my site, but do not copy my site’s architecture.

My site’s architecture is very simple. Yours might be more complicated. That’s probably okay too.

Simple is best.

Page 23: Architectural Structure for Websites (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor
Page 24: Architectural Structure for Websites (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor

MarkLambertson.comMarkLambertson.com©2010 Mark W. Lambertson©2010 Mark W. Lambertson

all rights reserved.all rights reserved.

Page 25: Architectural Structure for Websites (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor

Images and text appearing on Images and text appearing on MarkLambertson.com are wholly ownedMarkLambertson.com are wholly owned

by their respective copyright holders by their respective copyright holders and used with permission.and used with permission.

Page 26: Architectural Structure for Websites (Part 1 of 2) Kaplan University CM270 ~ Writing for Multimedia Mark Lambertson, Instructor

to be continuedto be continued