adobe contribute workshop - the uwi st augustine campus
TRANSCRIPT
![Page 1: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/1.jpg)
Adobe Contribute
WorkshopThursday, February 14th, 2008
9:00 a.m. – 4:00 p.m.
Aisha [email protected]
662-2002 ext. 2295
![Page 2: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/2.jpg)
Aim & Objectives●Aim
oBy the end of this training, participants will be able to use Adobe Contribute to create, review, and publish websites.
●ObjectivesoUsing Adobe Contribute, the participant will:
Create web pages. Edit web pages. Review web pages. Publish web pages. Apply web design principles to web pages they create. Apply web writing principles to web pages they create.
![Page 3: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/3.jpg)
Housekeeping
●Limit computer use to training related activities
●Place cell phones on silent
●Hands on, interactive session, feel free to ask
questions and make comments
![Page 4: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/4.jpg)
Importance of Web Writing &
Design Guidelines
●Departmental websites represent The University
of the West Indies
●First interaction with potential students, staff, and
others
●Effective Communication
●Ensure Readability & Accessibility
![Page 5: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/5.jpg)
Web Writing – Activity 1
1.Double click on the Travel Nebraska in the
Training Materials folder on the desktop.
2.Read the website.
3.Respond to the Questionnaire.
4.Share & discuss.
![Page 6: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/6.jpg)
Web Writing– Research
F-Shaped Pattern for Reading Web Content
Source: Jacob Nielsen, Ph. D.
http://www.useit.com/alertbox/reading_pattern.html
![Page 7: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/7.jpg)
Differences between Age GroupsAnimation
andsound effects
Mine sweepingfor links
Advertising Scrolling Reading
Kids
Teens
Adults
Source: Jacob Nielsen, Ph. D.
http://www.useit.com/alertbox/20050131.html
![Page 8: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/8.jpg)
Web Writing Guidelines●Web content should be Scannable
oStructure information Use the inverted pyramid model - Most important information
first Use bullets, numbered lists, and tables Use paragraph breaks
oAdd headlines Break up information on pages with more than 1 ½ screen
lengths Use bold and colored headlines
oShow numbers as numerals unless it is representing a specific fact
![Page 9: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/9.jpg)
Inverted Pyramid Model
HeaderSubheader
Content
Small
![Page 10: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/10.jpg)
Web Writing Guidelines
●Web content should be ConciseoCut out overly detailed information
oTighten language
oSentences should not exceed 17 words
oParagraphs should have 4-5 sentences
oWeb pages should stay between 5-8 screen lengths
oUse bullets/lists
![Page 11: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/11.jpg)
Web Writing Guidelines●Use humor carefully
●Graphics and text should complement each other
●Avoid jargon, abbreviations, and acronyms
●Remember writing conventionsoGrammaroSpellingoPunctuationoOrganization of ideas
![Page 12: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/12.jpg)
Web Writing– Activity 2
1.Revise the paragraph provided in the
webwritingactivity2.doc in your e-folders so
that it reflects the web writing guidelines.
2.Share and discuss.
![Page 13: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/13.jpg)
Revised paragraphIn 1996, six of the most-visited places in Nebraska were:
●Fort Robinson State Park
●Scotts Bluff National Monument
●Arbor Lodge State Historical Park & Museum
●Carhenge
●Stuhr Museum of the Prairie Pioneer
●Buffalo Bill Ranch State Historical Park
![Page 14: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/14.jpg)
UWI Web Content Guidelines
●When linking to the university use:
http://www.sta.uwi.edu
●When providing staff e-mail addresses, use
university e-mail accounts. For example:
![Page 15: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/15.jpg)
UWI Web Content Guidelines●The following should not be replicated on your website.
oSend News & Events to:[email protected]
oLink to the Staff Directoryhttp://sta.uwi.edu/directory/
oLink to the Job Opportunities pagehttp://sta.uwi.edu/jobs/index.asp
![Page 16: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/16.jpg)
Web Writing– Activity 3
1.Review the page you were assigned to on the
Department website
2.Note things that are written well for the web
3.Note things that may need to be changed based
on the writing for the web principles
![Page 17: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/17.jpg)
Importance of Web Writing &
Design Guidelines
●Departmental websites represent The University
of the West Indies
●First interaction with potential students, staff, and
others
●Effective Communication
●Ensure Readability & Accessibility
![Page 18: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/18.jpg)
Designing for the Web – Activity 1●Select a website from the Designing for the web Activity
1 folder
●Be prepared to comment on the web page design including:oNavigationoFontoGraphicsoLinksoWeb site elements:
Balance Proximity Unity
●What recommendations would you make to the designer?
●Share and discuss
![Page 19: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/19.jpg)
Designing for the Web – Activity
2
●Select a website from the Designing from
the web Activity 2 folder
●What aspects of good design principles
does it follow?
●Share and discuss
![Page 20: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/20.jpg)
Designing for the Web – Activity
3
1.Visit your department’s website
2.Note things that “good” design elements
3.Note things that may need to be changed based
on the design principles
![Page 21: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/21.jpg)
Copyright
●The Intellectual Property Officeohttp://www.ipo.gov.tt/home.asp
●Trinidad and Tobago Copyright Act of 1997ohttp://www.nalis.gov.tt/copyrightact/CopyrightAct1997_
Index.htm
![Page 22: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/22.jpg)
Macromedia Contribute
●Software that allows users to create, edit,
publish, and browse websites
●Selected to:oAssist Departments in adding their own content to
their website
oAssist Web Developers in managing websites
●No html knowledge needed
![Page 23: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/23.jpg)
User Roles●Web Administrators & Contribute Administrators (Daren
and Kerry)oPlan, design, develop, test, and make the website live
oSet up Contribute users and permissions
●Contribute Users – maintain the websiteoEditors
oPublishers (publish to Content Management Server)
![Page 24: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/24.jpg)
User Names and Passwords
●Accessing ContributeoFirst Name
First Initial Last Name e.g. AWoodJackson
oPassword Password
oE-mail [email protected]
![Page 25: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/25.jpg)
Contribute Templates
Style Example
●Vet School Without Styleohttp://sta.uwi.edu/vet/prospectivestudentsnostyle.asp
●Vet School With Styleohttp://sta.uwi.edu/vet/prospectivestudents.asp
![Page 26: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/26.jpg)
Style Levels
●Inverted Pyramid
●sectionHeaderosectionSubHeader
content small
![Page 27: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/27.jpg)
Image File Types
●JPG
●GIF
●PNG (16)
![Page 28: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/28.jpg)
File Naming Tips●Use all lowercase letters●Use only letters or numbers●You can use the underscore (_) or hyphen (-). ●Never use a space in any file name. ●Keep file names as short as possible.●Create relevant titles.
![Page 29: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/29.jpg)
Contribute Resources
●Quick Start Guide
●How do I panel
●Tutorial
●Online help system
![Page 30: Adobe Contribute Workshop - The UWI St Augustine Campus](https://reader030.vdocument.in/reader030/viewer/2022032513/55d2cb90bb61eb7e7e8b474f/html5/thumbnails/30.jpg)
Final Activity●Open the Training Materials folder on the desktop. ●Edit your assigned webpage using the content in the Business file
Training Materials folder. ●Apply web writing and design guidelines. ●Tasks:
oCreate a new pageoApply templateoInclude a:
numbered or bulleted list resized image with alternate text (consider Copyright) link of your choice Table Apply styles
●Send it to me to review - awoodjackson