Advanced Technical Writing 2008 Session #2. Web Space? You have access to an account provided by MSU– your AFS Space.

Slides:



Advertisements
Similar presentations
HTML Basics Customizing your site using the basics of HTML.
Advertisements

© 2011 Delmar, Cengage Learning Chapter 1 Getting Started with Dreamweaver.
Nvu - How to Create Your Own Website From Start to Finish!Dr. Dawn Sherry & Dr. Barry J. Monk Dr. Dawn Sherry Dr. Barry J. Monk Assistant Professor of.
Introduction to HTML & CSS
Cascading Style Sheets
Making Things Look Nice: Visual Appearance and CSS CMPT 281.
Chapter 3 Working with Text and Cascading Style Sheets.
HTML and Web Page Design Presented by Frank H. Osborne, Ph. D. © 2005 ID 2950 Technology and the Young Child.
Developing Effective Civic Websites An effective website balances what the client wants, what users need, and what constitutes good design by considering:
Advanced Technical Writing 2005 Session #2. Today in Class… ► Show-n-tell, your “CSS objects exercise” ► P1 sample files - seeing objects ► Editorial.
Cascading Style Sheets Controlling the Display Of Web Content.
Advanced Technical Writing 2006 Session #3. Today in Class… ► Teams pitch poster concepts:  Meet with your editorial team, show us how your material.
Advanced Technical Writing 2008 Session #1. Welcome to the Class! Notes, news, etc. available at Readings in PDF.
Web Page Development Identify elements of a Web Page Start Notepad
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 5, Day 1 (10/28)
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Computer Science 103 Chapter 2 HyperText Markup Language (HTML)
Dobrin / Keller / Weisser : Technical Communication in the Twenty-First Century. © 2008 Pearson Education. Upper Saddle River, NJ, All Rights Reserved.
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.
Working with Text and Cascading Style Sheets Adobe Dreamweaver Chapter 3.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
Dobrin / Keller / Weisser : Technical Communication in the Twenty-First Century. © 2008 Pearson Education. Upper Saddle River, NJ, All Rights Reserved.
 Using Microsoft Expression Web you can: › Create Web pages and Web sites › Set what you site will look like as you design it › Add text, images, multimedia.
COMPUTATIONAL THINKING FOR INFORMATION TECHNOLOGY HOMEHOME | OBJECTIVES | TASK 1 | TASK 2 | TASK 3 | TASK 4 | TASK 5 | TASK 6 | TASK 7 | HELPOBJECTIVESTASK.
Chapter 4 Dreamweaver: Part II The Web Warrior Guide to Web Design Technologies.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
HTML Web Authoring Tonya L. DeZarn Janice Thompson Juana Wallace.
Today’s Topic Language of web page - HTML (Hypertext Markup Language)
Lesson 4: Using HTML5 Markup.  The distinguishing characteristics of HTML5 syntax  The new HTML5 sectioning elements  Adding support for HTML5 elements.
Creating Web Pages: Week 4, continued Is a picture worth 1000 words? HTML: body tag, text tags, lists Typography & Editorial Style Homework: Look at schedule.
IT Introduction to Website Development Welcome!
Bare bones notes. Suggested organization for main folder. REQUIRED organization for the 115 folder.
HTML and Style. Session overview Leveling-off on the basic concepts of HTML and Styles Discuss Web authoring options.
Technical Writing 2013 Unit #1. Welcome to the Class! Notes, news, etc. available at Readings in PDF available on.
Website Development with Dreamweaver
Section 4.1 Format HTML tags Identify HTML guidelines Section 4.2 Organize Web site files and folder Use a text editor Use HTML tags and attributes Create.
Design and Construction of Accessible Web Sites Michael Burks Chairman Internet Society SIG For Internet Accessibility for People with Disabilities June.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
Going Live with a Basic Web Page Bill Hart-Davidson AIM: billhd30 pfworkshop.
 cascade Style Sheets (CSS) is a mark-up language that was first proposed in 1994 by Håkon Wium Lie. CSS works in conjunction with HTML to greatly increase.
Introduction to web development and HTML MGMT 230 LAB.
INP 150: Basic HTML Term: Winter 2002 Section: H1 Time: Mon/Wed 5:30- 7:25 pm Place: TI237 Instructor: Paul J. Millis.
Introduction to Web Authoring Ellen Cushman Class mtg. #14.
Web Design Unit 10 Mrs. Christine McManus ITT Technical Institute VC-240 Visual Design for the Web.
Introduction to Web Authoring Ellen Cushman Class mtg. #15.
© 2011 Delmar, Cengage Learning Chapter 3 Working with Text and Cascading Style Sheets.
Advanced Technical Writing 2006 Session #4. Today in Class… ► Meet with your editorial team, refine/post deliverables ► Send URL for deliverables to Bill.
Introduction to Web Authoring Ellen Cushman /wra210.htm.
Creating a Web Site Review of Concepts. Templates Templates are special HTML files that are used to quickly create pages on a web site. They contain the.
Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Lecture 3- Microsoft Word COE 201- Computer Proficiency.
Microsoft Expression Web 3 – Illustrated Unit D: Structuring and Styling Text.
LBSC 690 Session 4 Programming. Languages How do we learn a language? Learn by listening Then reading Then writing How do we teach programming? Learn.
Advanced Technical Writing 2008 Session #2. Today ► P1 schedule revisited ► Sample exam questions:  Writing/reflection  Discussion  Post outline of.
Introduction to Web Authoring Bill Introduction #WRA210.
Advanced Technical Writing 2006 Session #2. About ATW Projects… Typical practices a content person uses  Know available technologies and know the issues.
Introduction to Web Authoring Ellen Cushman Class mtg. #13.
Here are some things you can do while you wait 1.Open your omeka.net site in your browser (e.g. 2.Open.
ICAD3218A Create User Documentation.  Before starting to create any user documentation ask ‘What is the documentation going to be used for?’.  When.
Getting Started with CSS
Getting Started with Dreamweaver
Introduction to Web Authoring
Introduction to Web Authoring
Introduction to Web Authoring
Introduction to Web Authoring
Introduction to Web Authoring Ellen Cushman cushmane
Introduction to Web Authoring Ellen Cushman cushmane
Chapter 17 Technical Instructions
Introduction to Web Authoring
Presentation transcript:

Advanced Technical Writing 2008 Session #2

Web Space? You have access to an account provided by MSU– your AFS Space. To put stuff there, FTP to ftp.msu.edu and store files in the directory called public_html; Or, in a networked lab, map the drive and navigate to your public_html directory ftp.msu.edu Did that last bit of jargon confuse you?

Project 1: Ergonomics Poster For the first project, we’ll be building a poster that helps folks working in Bessey 317 to work in egonomically appropriate ways. Individually, your job will be to develop content for the poster & play an editorial role in its production. You should also document your participation carefully.

Project 1, Continued Information will come from… But we will… OSHA online site + MSU Ergonomic Info Center Customize the information for the specific users and specific ergonomic challenges of EBH 317 We will also Test the poster with real users to be sure that it is a useful and usable resource

Project 1, Continued We will consider four key topics, each of which will be assigned to an editorial team:  Workstations (chairs, tables, computers)  Non-Workstation areas (tables, laptops)  Lighting & displays (monitors, projector, overhead lights, resolutions)  Work Processes (timing, group dynamics) We will negotiate issues of design, sequence, real estate, etc. for each of these areas on the poster.

Project 1, continued In addition to reviewing key TC concepts & skills, we’ll learn other valuable things: ► We’ll explore the complexities of managing multiple content-providers, including managing format & content consistency ► You’ll learn important content management concepts …and there might be a few twists thrown in along the way…

Project 1, Requirements ► A poster, suitable for hanging up in 317, is our final deliverable; you will produce all the digital assets needed for the final production of the poster ► A portfolio, compiled by each person, of work contributed to the poster project ► Your portfolio will be a section of your project page that makes your contributions to the project visible

Project 1, Timeline ► 1/10 Choose editorial team, review information in your topic area ► 1/15 Teams propose poster concepts ► 1/17 Teams work out semantic markup scheme for poster content; individuals create content assets ► 1/22 Teams create wireframes of posters; individuals plug assets into wireframes ► 1/24 Teams create poster draft for testing ► 1/31 Teams make adjustments to semantic structure; Individuals revise digital assets for poster ► 2/2 Poster ready to ship to post-production shop

Review: writing procedures ► Parts: Title, Title Image, Byline, Introduction, Alerts, Warnings, Advance Organizers, Steps, Process Images, Outcome Images, Troubleshooting ► Writing Steps:  Number the steps  Do the steps as you write them  Begin each step with a verb  Use positive commands whenever you can  Include one action per step  Group steps together in meaningful ways  Use visual cues to keep steps distinct and cue sequence  Clarify steps with visual information Dobrin, Keller, & Weisser Technical Communication in the Twenty-First Century

Seeing a document as a collection of objects… Markup… All of these tags, attributes, rules, selectors, declarations…what do they mean for information designers? They are all tools you use well ONLY if you can start to see a document as a collection of objects…so, let’s practice.

Workshop Time!

Take a look at the OSHA source material. Break it up into the objects that would be defined in a Cascading Style Sheet… Now…break it up into objects (chunks of text and or images with semantic lables) that you think are useful for the poster… Grad students…represent the whole semantic structure of one of the subgenres

Objects for CSS subsection title List item in body text …and what else? Defining objects for CSS is largely a question of asking what elements on the page will need special display rules

Objects for Poster Subsection theme lead image Defining objects for the poster is largely a question of asking what semantic elements on the page can be reused? (not a question of display…yet) Quick Tip

Objects for Poster Subsection theme lead image Defining objects for the poster is largely a question of asking what semantic elements on the page can be reused? (not a question of display…yet) Quick Tip

Semantic Structure Making the semantic structure explicit involves locating all the relevant content objects, showing how they are related to one another, and noting their attributes (e.g. required or optional?) Title Overview Key Terms Advance Organizer Section

Next Time… ► Editorial teams present poster concepts ► Read Applen, Crowley, Geisler et. al., & Carliner (this will take you a while)