SlideShare ist ein Scribd-Unternehmen logo
1 von 18
TODAY Stuff Additional stuff Cool stuff with other stuff
MOD 5 You might want to pull this up on the website– most of the info will be verbatim.  As we have looked at various websites this semester, we have noted that some of the best designs are either partnered with or the result of careful, calculated branding. This could be as simple as what I’ve used for the course syllabus/website: a shared layout, shared colors, shared fonts, but it will often include specific logos, specific stylistic treatments, etc.
MOD 5 Your fifth module assignment is to craft a sort of identity template (a sort of “not actually a CSS stylesheet style sheet) for your final project website. This will start with a 1-2 page written description of what your website is meant to do, who the audience is, what the page will need (in terms of resources, what you need to know how to create or where to access, etc.).
MOD 5 You will then generate a set of color samples (I will provide an example of what these should look like), a series of potential banner images, and a series of small icon-images.
MOD 5 Your final product, then, will be: 1) your 1-2 page explanation of what your site will do/will need2) at least 3 color pallete samples3) at least 2 banner images4) at least 2 smaller icon images5) brief, but informed (from previous work in the semester, readings, etc.) explanations of why the proposed colors and images would work well for your site.
MOD 5 This will be due to your web folder by 1pm on April 5th via upload to my drop box from the class site. You will be graded on the following criteria:  1) Does your explanation set the stage for a successful site? (50 points) 2) Are all the samples there? (50 points) 3) Do the samples and the justification indicate that these are good options for the final project? (100 points)
MOD 5 Any questions about Module 5?
SKED Make sure to look closely at the schedule over the next few weeks. I will be populating the lesser-filled days with activities you requested via Twitter and those mid-term reflections on Tumblr.  The first one will be on next Tuesday. I will be giving you a web task to complete in pairs– it’s a full site (the skeleton of it, anyway) and all you get as an explanation is a one page PDF with a logo and some description.
READINGS You’ve read several chapters in the Zeldman book that we haven’t gone over yet. Here is how I’d like you to spend the rest of class. Team up with one or two other students, and from the prompts (I will show them to you on the powerpoint, but they are all also posted to my Tumblr for easy access) I want you to pick ONE in each group to respond to.Choose a group recorder, and record your response to the questions on his/her Tumblr.
READINGS You’ve read several chapters in the Zeldman book that we haven’t gone over yet. Here is how I’d like you to spend the rest of class. Team up with one or two other students, and from the prompts (I will show them to you on the powerpoint, but they are all also posted to my Tumblr for easy access) I want you to pick ONE in each group to respond to.Choose a group recorder, and record your response to the questions on his/her Tumblr.
ZELDMAN 5 Q1: What is PHP, and why is it important to understanding how to write for the web? Q2: What is bad URL syndrome? How do we prevent it? How often have you seen it in practice? Q3: on page 109 Zeldman gives 5 reasons to stick with HTML. Pick one and explain why that one of the five is important to your understanding of how you will code/design in the future.
ZELDMAN 6 Q1: What  is Doctype, and why is it essential to XHTML but rarely present in HTML?  Q2: What is Tidy? How’s that work?  Q3: There are a number of small things that must be changed from HTML to XHTML. List a few of them and talk about how they function/why they must be done.
ZELDMAN 7 Q1: Why is HTML5 “The New Hope” (shameless Star Wars reference by Z3P0)? What is different about how it came to exist?  Q2: What does HTML5 add that isn’t present in old school HTML (HTML4, if you will)? Why are these changes important for us to understand?  Q3: What does Zeldman (and do coders) mean by “semantics?”
ZELDMAN 8 Q1: What is a div? Why is it so important?  Q2: What is outline structure, and why does it matter?   Q3: What is a cookie? No, not the baked kind, the web kind. And what do they enable coders to do?
HOMEWORK Read for class: Audience (for composition), Understanding Your Web Audience , Design Decisions vs. Audience Consideration, and Online Technical Writing: Audience Analysis In class we will talk about “Audience.” Crazy, right?  Your Twitter question: Would you like more involvement with the Zeldman readings, less, or is it juuuuust right?

Weitere ähnliche Inhalte

Was ist angesagt?

Hamilton and Lester Digital Text Narrated Presentation Zen Requirements Spri...
Hamilton and Lester Digital Text Narrated Presentation Zen Requirements  Spri...Hamilton and Lester Digital Text Narrated Presentation Zen Requirements  Spri...
Hamilton and Lester Digital Text Narrated Presentation Zen Requirements Spri...
B. Hamilton
 

Was ist angesagt? (10)

5. pre production
5. pre production5. pre production
5. pre production
 
Prototype that first
Prototype that first Prototype that first
Prototype that first
 
How To Workshop
How To WorkshopHow To Workshop
How To Workshop
 
What is Drupal Answers?
What is Drupal Answers?What is Drupal Answers?
What is Drupal Answers?
 
Interaction Design & Psychology (2002)
Interaction Design & Psychology (2002)Interaction Design & Psychology (2002)
Interaction Design & Psychology (2002)
 
Permanent hosting at Joomla.com
Permanent hosting at Joomla.comPermanent hosting at Joomla.com
Permanent hosting at Joomla.com
 
Ruining The User Experience (The Ajax Experience Boston 2007)
Ruining The User Experience (The Ajax Experience Boston 2007)Ruining The User Experience (The Ajax Experience Boston 2007)
Ruining The User Experience (The Ajax Experience Boston 2007)
 
23 jan14lightbulb
23 jan14lightbulb23 jan14lightbulb
23 jan14lightbulb
 
Hamilton and Lester Digital Text Narrated Presentation Zen Requirements Spri...
Hamilton and Lester Digital Text Narrated Presentation Zen Requirements  Spri...Hamilton and Lester Digital Text Narrated Presentation Zen Requirements  Spri...
Hamilton and Lester Digital Text Narrated Presentation Zen Requirements Spri...
 
Product Design at Wiredcraft - May 2016 UI/UX Meetup Shanghai
Product Design at Wiredcraft - May 2016 UI/UX Meetup ShanghaiProduct Design at Wiredcraft - May 2016 UI/UX Meetup Shanghai
Product Design at Wiredcraft - May 2016 UI/UX Meetup Shanghai
 

Andere mochten auch (6)

Summer WRA 110: Lessig/Remix PowerPoint (week 4)
Summer WRA 110: Lessig/Remix PowerPoint (week 4)Summer WRA 110: Lessig/Remix PowerPoint (week 4)
Summer WRA 110: Lessig/Remix PowerPoint (week 4)
 
Sept27
Sept27Sept27
Sept27
 
Visual Rhetoric, Feb 21st
Visual Rhetoric, Feb 21stVisual Rhetoric, Feb 21st
Visual Rhetoric, Feb 21st
 
ENG IMS 224, March 19th
ENG IMS 224, March 19thENG IMS 224, March 19th
ENG IMS 224, March 19th
 
Visual rhetoric March 18th, 2013
Visual rhetoric March 18th, 2013Visual rhetoric March 18th, 2013
Visual rhetoric March 18th, 2013
 
Remix Culture by Lawrence Lessig - Infographic
Remix Culture by Lawrence Lessig - InfographicRemix Culture by Lawrence Lessig - Infographic
Remix Culture by Lawrence Lessig - Infographic
 

Ähnlich wie WRA 210 March 17th, 2011

Topic based and structured authoring - slides
Topic based and structured authoring - slidesTopic based and structured authoring - slides
Topic based and structured authoring - slides
Neil Perlin
 
Html journal chris kweks (microbold)
Html journal   chris kweks (microbold)Html journal   chris kweks (microbold)
Html journal chris kweks (microbold)
Chris Kwekowe
 
Java Design Pattern Interview Questions
Java Design Pattern Interview QuestionsJava Design Pattern Interview Questions
Java Design Pattern Interview Questions
jbashask
 

Ähnlich wie WRA 210 March 17th, 2011 (20)

WRA 210 February 24, 2011
WRA 210 February 24, 2011WRA 210 February 24, 2011
WRA 210 February 24, 2011
 
WRA 210 March 24, 2011
WRA 210 March 24, 2011WRA 210 March 24, 2011
WRA 210 March 24, 2011
 
WRA 210 January 13, 2011
WRA 210 January 13, 2011WRA 210 January 13, 2011
WRA 210 January 13, 2011
 
WRA 210 January 11, 2011
WRA 210 January 11, 2011WRA 210 January 11, 2011
WRA 210 January 11, 2011
 
Going native with html5 web components
Going native with html5 web componentsGoing native with html5 web components
Going native with html5 web components
 
How to get a Job as a Front End Developer
How to get a Job as a Front End DeveloperHow to get a Job as a Front End Developer
How to get a Job as a Front End Developer
 
WRA 210 February 15, 2011
WRA 210 February 15, 2011WRA 210 February 15, 2011
WRA 210 February 15, 2011
 
Topic based and structured authoring - slides
Topic based and structured authoring - slidesTopic based and structured authoring - slides
Topic based and structured authoring - slides
 
Topic based and structured authoring - slides
Topic based and structured authoring - slidesTopic based and structured authoring - slides
Topic based and structured authoring - slides
 
Website Planning 201 by Jen McKibben
Website Planning 201 by Jen McKibbenWebsite Planning 201 by Jen McKibben
Website Planning 201 by Jen McKibben
 
Learning Joomla! in a weekend (for developers)
Learning Joomla! in a weekend (for developers)Learning Joomla! in a weekend (for developers)
Learning Joomla! in a weekend (for developers)
 
Html journal chris kweks (microbold)
Html journal   chris kweks (microbold)Html journal   chris kweks (microbold)
Html journal chris kweks (microbold)
 
Visual rhetoric, April 22, 2013
Visual rhetoric, April 22, 2013Visual rhetoric, April 22, 2013
Visual rhetoric, April 22, 2013
 
Dopp xhtml tutorial
Dopp xhtml tutorialDopp xhtml tutorial
Dopp xhtml tutorial
 
WRA 210 March 29, 2011
WRA 210 March 29, 2011WRA 210 March 29, 2011
WRA 210 March 29, 2011
 
Developing Joomla! 1.5 Extensions, Explained
Developing Joomla! 1.5 Extensions, ExplainedDeveloping Joomla! 1.5 Extensions, Explained
Developing Joomla! 1.5 Extensions, Explained
 
Wireframing
WireframingWireframing
Wireframing
 
Meet Windows PowerShell
Meet Windows PowerShellMeet Windows PowerShell
Meet Windows PowerShell
 
Java Design Pattern Interview Questions
Java Design Pattern Interview QuestionsJava Design Pattern Interview Questions
Java Design Pattern Interview Questions
 
Design for developers (april 25, 2017)
Design for developers (april 25, 2017)Design for developers (april 25, 2017)
Design for developers (april 25, 2017)
 

Mehr von Miami University

Mehr von Miami University (20)

At nasty
At nastyAt nasty
At nasty
 
Crap
CrapCrap
Crap
 
Rhetanal
RhetanalRhetanal
Rhetanal
 
Visual Rhetoric 4
Visual Rhetoric 4Visual Rhetoric 4
Visual Rhetoric 4
 
Visual Rhetoric 3
Visual Rhetoric 3Visual Rhetoric 3
Visual Rhetoric 3
 
Capstone Day 3
Capstone Day 3Capstone Day 3
Capstone Day 3
 
Capstone Day 4
Capstone Day 4Capstone Day 4
Capstone Day 4
 
Capstone Day 2
Capstone Day 2Capstone Day 2
Capstone Day 2
 
Capstone Day 1
Capstone Day 1Capstone Day 1
Capstone Day 1
 
Visual Rhetoric 2
Visual Rhetoric 2Visual Rhetoric 2
Visual Rhetoric 2
 
Visual Rhetoric 1
Visual Rhetoric 1Visual Rhetoric 1
Visual Rhetoric 1
 
224 summerfinal
224 summerfinal224 summerfinal
224 summerfinal
 
Dr philleval211
Dr philleval211Dr philleval211
Dr philleval211
 
211 finalreview
211 finalreview211 finalreview
211 finalreview
 
Week 2
Week 2Week 2
Week 2
 
Brief Video Game History
Brief Video Game HistoryBrief Video Game History
Brief Video Game History
 
Dungeons & Dragons history
Dungeons & Dragons historyDungeons & Dragons history
Dungeons & Dragons history
 
Rhetoric of Advertising
Rhetoric of AdvertisingRhetoric of Advertising
Rhetoric of Advertising
 
Logos
LogosLogos
Logos
 
411 Personal Logo PowerPoint
411 Personal Logo PowerPoint411 Personal Logo PowerPoint
411 Personal Logo PowerPoint
 

WRA 210 March 17th, 2011

  • 1.
  • 2.
  • 3. TODAY Stuff Additional stuff Cool stuff with other stuff
  • 4. MOD 5 You might want to pull this up on the website– most of the info will be verbatim. As we have looked at various websites this semester, we have noted that some of the best designs are either partnered with or the result of careful, calculated branding. This could be as simple as what I’ve used for the course syllabus/website: a shared layout, shared colors, shared fonts, but it will often include specific logos, specific stylistic treatments, etc.
  • 5. MOD 5 Your fifth module assignment is to craft a sort of identity template (a sort of “not actually a CSS stylesheet style sheet) for your final project website. This will start with a 1-2 page written description of what your website is meant to do, who the audience is, what the page will need (in terms of resources, what you need to know how to create or where to access, etc.).
  • 6. MOD 5 You will then generate a set of color samples (I will provide an example of what these should look like), a series of potential banner images, and a series of small icon-images.
  • 7. MOD 5 Your final product, then, will be: 1) your 1-2 page explanation of what your site will do/will need2) at least 3 color pallete samples3) at least 2 banner images4) at least 2 smaller icon images5) brief, but informed (from previous work in the semester, readings, etc.) explanations of why the proposed colors and images would work well for your site.
  • 8. MOD 5 This will be due to your web folder by 1pm on April 5th via upload to my drop box from the class site. You will be graded on the following criteria: 1) Does your explanation set the stage for a successful site? (50 points) 2) Are all the samples there? (50 points) 3) Do the samples and the justification indicate that these are good options for the final project? (100 points)
  • 9.
  • 10. MOD 5 Any questions about Module 5?
  • 11. SKED Make sure to look closely at the schedule over the next few weeks. I will be populating the lesser-filled days with activities you requested via Twitter and those mid-term reflections on Tumblr. The first one will be on next Tuesday. I will be giving you a web task to complete in pairs– it’s a full site (the skeleton of it, anyway) and all you get as an explanation is a one page PDF with a logo and some description.
  • 12. READINGS You’ve read several chapters in the Zeldman book that we haven’t gone over yet. Here is how I’d like you to spend the rest of class. Team up with one or two other students, and from the prompts (I will show them to you on the powerpoint, but they are all also posted to my Tumblr for easy access) I want you to pick ONE in each group to respond to.Choose a group recorder, and record your response to the questions on his/her Tumblr.
  • 13. READINGS You’ve read several chapters in the Zeldman book that we haven’t gone over yet. Here is how I’d like you to spend the rest of class. Team up with one or two other students, and from the prompts (I will show them to you on the powerpoint, but they are all also posted to my Tumblr for easy access) I want you to pick ONE in each group to respond to.Choose a group recorder, and record your response to the questions on his/her Tumblr.
  • 14. ZELDMAN 5 Q1: What is PHP, and why is it important to understanding how to write for the web? Q2: What is bad URL syndrome? How do we prevent it? How often have you seen it in practice? Q3: on page 109 Zeldman gives 5 reasons to stick with HTML. Pick one and explain why that one of the five is important to your understanding of how you will code/design in the future.
  • 15. ZELDMAN 6 Q1: What is Doctype, and why is it essential to XHTML but rarely present in HTML? Q2: What is Tidy? How’s that work? Q3: There are a number of small things that must be changed from HTML to XHTML. List a few of them and talk about how they function/why they must be done.
  • 16. ZELDMAN 7 Q1: Why is HTML5 “The New Hope” (shameless Star Wars reference by Z3P0)? What is different about how it came to exist? Q2: What does HTML5 add that isn’t present in old school HTML (HTML4, if you will)? Why are these changes important for us to understand? Q3: What does Zeldman (and do coders) mean by “semantics?”
  • 17. ZELDMAN 8 Q1: What is a div? Why is it so important? Q2: What is outline structure, and why does it matter? Q3: What is a cookie? No, not the baked kind, the web kind. And what do they enable coders to do?
  • 18. HOMEWORK Read for class: Audience (for composition), Understanding Your Web Audience , Design Decisions vs. Audience Consideration, and Online Technical Writing: Audience Analysis In class we will talk about “Audience.” Crazy, right? Your Twitter question: Would you like more involvement with the Zeldman readings, less, or is it juuuuust right?