Soumettre la recherche
Mettre en ligne
Preview Class Handout "
•
Télécharger en tant que DOC, PDF
•
1 j'aime
•
378 vues
B
butest
Suivre
Signaler
Partager
Signaler
Partager
1 sur 10
Télécharger maintenant
Recommandé
Web design1 2010/11
Web design1 2010/11
Matthew Mobbs
18 basic php_webprogramming
18 basic php_webprogramming
babybin2100
Certificate
Certificate
George Floros
Project 7.4.1
Project 7.4.1
lizard5790
Acceptable Use Policy
Acceptable Use Policy
butest
ML.ppt
ML.ppt
butest
บทที่ 1
บทที่ 1
butest
November, 2006 CCKM'06 1
November, 2006 CCKM'06 1
butest
Recommandé
Web design1 2010/11
Web design1 2010/11
Matthew Mobbs
18 basic php_webprogramming
18 basic php_webprogramming
babybin2100
Certificate
Certificate
George Floros
Project 7.4.1
Project 7.4.1
lizard5790
Acceptable Use Policy
Acceptable Use Policy
butest
ML.ppt
ML.ppt
butest
บทที่ 1
บทที่ 1
butest
November, 2006 CCKM'06 1
November, 2006 CCKM'06 1
butest
Preview Class Handout "
Preview Class Handout "
butest
HRM 517 SU Progress Results and Finalizing the HR Project.docx
HRM 517 SU Progress Results and Finalizing the HR Project.docx
bkbk37
HRM 517 SU Progress Results and Finalizing the HR Project.docx
HRM 517 SU Progress Results and Finalizing the HR Project.docx
write4
Greattechtools
Greattechtools
ICTesol
ORGANIZATIONAL STRUCTURE EXERCISEInstructions Copy and paste yo.docx
ORGANIZATIONAL STRUCTURE EXERCISEInstructions Copy and paste yo.docx
honey690131
ORGANIZATIONAL STRUCTURE EXERCISEInstructions Copy and paste yo.docx
ORGANIZATIONAL STRUCTURE EXERCISEInstructions Copy and paste yo.docx
jacksnathalie
My Professional Resume
My Professional Resume
Mark Reha
Develop a research paper on the project charter process. Follow th.docx
Develop a research paper on the project charter process. Follow th.docx
hcheryl1
Develop a research paper on the project charter process. Follow th.docx
Develop a research paper on the project charter process. Follow th.docx
tenoelrx
2 page apa with scholarly journal reference and intext.docx
2 page apa with scholarly journal reference and intext.docx
write4
2 page apa with scholarly journal reference and intext.docx
2 page apa with scholarly journal reference and intext.docx
write22
2 page apa with scholarly journal reference and intext.docx
2 page apa with scholarly journal reference and intext.docx
write12
Msp
Msp
graspskills
3 Response Questions.docx
3 Response Questions.docx
write4
3 Response Questions.docx
3 Response Questions.docx
write12
University of the Cumberlands Project Management Worksheet.docx
University of the Cumberlands Project Management Worksheet.docx
write5
Casa De Paz Development Project Case Study the following.docx
Casa De Paz Development Project Case Study the following.docx
bkbk37
Casa De Paz Development Project Case Study the following.docx
Casa De Paz Development Project Case Study the following.docx
studywriters
ContemporaryProject ManagementTimothy J. Kloppenborg Th i.docx
ContemporaryProject ManagementTimothy J. Kloppenborg Th i.docx
aidaclewer
ContemporaryProject ManagementTimothy J. Kloppenborg Th i.docx
ContemporaryProject ManagementTimothy J. Kloppenborg Th i.docx
donnajames55
EL MODELO DE NEGOCIO DE YOUTUBE
EL MODELO DE NEGOCIO DE YOUTUBE
butest
1. MPEG I.B.P frame之不同
1. MPEG I.B.P frame之不同
butest
Contenu connexe
Similaire à Preview Class Handout "
Preview Class Handout "
Preview Class Handout "
butest
HRM 517 SU Progress Results and Finalizing the HR Project.docx
HRM 517 SU Progress Results and Finalizing the HR Project.docx
bkbk37
HRM 517 SU Progress Results and Finalizing the HR Project.docx
HRM 517 SU Progress Results and Finalizing the HR Project.docx
write4
Greattechtools
Greattechtools
ICTesol
ORGANIZATIONAL STRUCTURE EXERCISEInstructions Copy and paste yo.docx
ORGANIZATIONAL STRUCTURE EXERCISEInstructions Copy and paste yo.docx
honey690131
ORGANIZATIONAL STRUCTURE EXERCISEInstructions Copy and paste yo.docx
ORGANIZATIONAL STRUCTURE EXERCISEInstructions Copy and paste yo.docx
jacksnathalie
My Professional Resume
My Professional Resume
Mark Reha
Develop a research paper on the project charter process. Follow th.docx
Develop a research paper on the project charter process. Follow th.docx
hcheryl1
Develop a research paper on the project charter process. Follow th.docx
Develop a research paper on the project charter process. Follow th.docx
tenoelrx
2 page apa with scholarly journal reference and intext.docx
2 page apa with scholarly journal reference and intext.docx
write4
2 page apa with scholarly journal reference and intext.docx
2 page apa with scholarly journal reference and intext.docx
write22
2 page apa with scholarly journal reference and intext.docx
2 page apa with scholarly journal reference and intext.docx
write12
Msp
Msp
graspskills
3 Response Questions.docx
3 Response Questions.docx
write4
3 Response Questions.docx
3 Response Questions.docx
write12
University of the Cumberlands Project Management Worksheet.docx
University of the Cumberlands Project Management Worksheet.docx
write5
Casa De Paz Development Project Case Study the following.docx
Casa De Paz Development Project Case Study the following.docx
bkbk37
Casa De Paz Development Project Case Study the following.docx
Casa De Paz Development Project Case Study the following.docx
studywriters
ContemporaryProject ManagementTimothy J. Kloppenborg Th i.docx
ContemporaryProject ManagementTimothy J. Kloppenborg Th i.docx
aidaclewer
ContemporaryProject ManagementTimothy J. Kloppenborg Th i.docx
ContemporaryProject ManagementTimothy J. Kloppenborg Th i.docx
donnajames55
Similaire à Preview Class Handout "
(20)
Preview Class Handout "
Preview Class Handout "
HRM 517 SU Progress Results and Finalizing the HR Project.docx
HRM 517 SU Progress Results and Finalizing the HR Project.docx
HRM 517 SU Progress Results and Finalizing the HR Project.docx
HRM 517 SU Progress Results and Finalizing the HR Project.docx
Greattechtools
Greattechtools
ORGANIZATIONAL STRUCTURE EXERCISEInstructions Copy and paste yo.docx
ORGANIZATIONAL STRUCTURE EXERCISEInstructions Copy and paste yo.docx
ORGANIZATIONAL STRUCTURE EXERCISEInstructions Copy and paste yo.docx
ORGANIZATIONAL STRUCTURE EXERCISEInstructions Copy and paste yo.docx
My Professional Resume
My Professional Resume
Develop a research paper on the project charter process. Follow th.docx
Develop a research paper on the project charter process. Follow th.docx
Develop a research paper on the project charter process. Follow th.docx
Develop a research paper on the project charter process. Follow th.docx
2 page apa with scholarly journal reference and intext.docx
2 page apa with scholarly journal reference and intext.docx
2 page apa with scholarly journal reference and intext.docx
2 page apa with scholarly journal reference and intext.docx
2 page apa with scholarly journal reference and intext.docx
2 page apa with scholarly journal reference and intext.docx
Msp
Msp
3 Response Questions.docx
3 Response Questions.docx
3 Response Questions.docx
3 Response Questions.docx
University of the Cumberlands Project Management Worksheet.docx
University of the Cumberlands Project Management Worksheet.docx
Casa De Paz Development Project Case Study the following.docx
Casa De Paz Development Project Case Study the following.docx
Casa De Paz Development Project Case Study the following.docx
Casa De Paz Development Project Case Study the following.docx
ContemporaryProject ManagementTimothy J. Kloppenborg Th i.docx
ContemporaryProject ManagementTimothy J. Kloppenborg Th i.docx
ContemporaryProject ManagementTimothy J. Kloppenborg Th i.docx
ContemporaryProject ManagementTimothy J. Kloppenborg Th i.docx
Plus de butest
EL MODELO DE NEGOCIO DE YOUTUBE
EL MODELO DE NEGOCIO DE YOUTUBE
butest
1. MPEG I.B.P frame之不同
1. MPEG I.B.P frame之不同
butest
LESSONS FROM THE MICHAEL JACKSON TRIAL
LESSONS FROM THE MICHAEL JACKSON TRIAL
butest
Timeline: The Life of Michael Jackson
Timeline: The Life of Michael Jackson
butest
Popular Reading Last Updated April 1, 2010 Adams, Lorraine The ...
Popular Reading Last Updated April 1, 2010 Adams, Lorraine The ...
butest
LESSONS FROM THE MICHAEL JACKSON TRIAL
LESSONS FROM THE MICHAEL JACKSON TRIAL
butest
Com 380, Summer II
Com 380, Summer II
butest
PPT
PPT
butest
The MYnstrel Free Press Volume 2: Economic Struggles, Meet Jazz
The MYnstrel Free Press Volume 2: Economic Struggles, Meet Jazz
butest
MICHAEL JACKSON.doc
MICHAEL JACKSON.doc
butest
Social Networks: Twitter Facebook SL - Slide 1
Social Networks: Twitter Facebook SL - Slide 1
butest
Facebook
Facebook
butest
Executive Summary Hare Chevrolet is a General Motors dealership ...
Executive Summary Hare Chevrolet is a General Motors dealership ...
butest
Welcome to the Dougherty County Public Library's Facebook and ...
Welcome to the Dougherty County Public Library's Facebook and ...
butest
NEWS ANNOUNCEMENT
NEWS ANNOUNCEMENT
butest
C-2100 Ultra Zoom.doc
C-2100 Ultra Zoom.doc
butest
MAC Printing on ITS Printers.doc.doc
MAC Printing on ITS Printers.doc.doc
butest
Mac OS X Guide.doc
Mac OS X Guide.doc
butest
hier
hier
butest
WEB DESIGN!
WEB DESIGN!
butest
Plus de butest
(20)
EL MODELO DE NEGOCIO DE YOUTUBE
EL MODELO DE NEGOCIO DE YOUTUBE
1. MPEG I.B.P frame之不同
1. MPEG I.B.P frame之不同
LESSONS FROM THE MICHAEL JACKSON TRIAL
LESSONS FROM THE MICHAEL JACKSON TRIAL
Timeline: The Life of Michael Jackson
Timeline: The Life of Michael Jackson
Popular Reading Last Updated April 1, 2010 Adams, Lorraine The ...
Popular Reading Last Updated April 1, 2010 Adams, Lorraine The ...
LESSONS FROM THE MICHAEL JACKSON TRIAL
LESSONS FROM THE MICHAEL JACKSON TRIAL
Com 380, Summer II
Com 380, Summer II
PPT
PPT
The MYnstrel Free Press Volume 2: Economic Struggles, Meet Jazz
The MYnstrel Free Press Volume 2: Economic Struggles, Meet Jazz
MICHAEL JACKSON.doc
MICHAEL JACKSON.doc
Social Networks: Twitter Facebook SL - Slide 1
Social Networks: Twitter Facebook SL - Slide 1
Facebook
Facebook
Executive Summary Hare Chevrolet is a General Motors dealership ...
Executive Summary Hare Chevrolet is a General Motors dealership ...
Welcome to the Dougherty County Public Library's Facebook and ...
Welcome to the Dougherty County Public Library's Facebook and ...
NEWS ANNOUNCEMENT
NEWS ANNOUNCEMENT
C-2100 Ultra Zoom.doc
C-2100 Ultra Zoom.doc
MAC Printing on ITS Printers.doc.doc
MAC Printing on ITS Printers.doc.doc
Mac OS X Guide.doc
Mac OS X Guide.doc
hier
hier
WEB DESIGN!
WEB DESIGN!
Preview Class Handout "
1.
Technology Training: Basics of
Web Design Summary Overview...........................................................................................................................2 Preplan..............................................................................................................................2 Purpose...................................................................................................................2 Audience.................................................................................................................2 Formatting & Hosting..............................................................................................3 Plan & Organize...............................................................................................................3 Content....................................................................................................................3 Pages & Files..........................................................................................................4 Site Map Example...................................................................................................4 Design...............................................................................................................................4 Mockups & Prototypes............................................................................................4 Layout – Principles of Web Design.........................................................................5 Print to Web............................................................................................................5 Accessibility.............................................................................................................6 Revise...............................................................................................................................7 Get a Second Opinion.............................................................................................7 Spring Cleaning.......................................................................................................7 Resources........................................................................................................................8 General...................................................................................................................8 Content....................................................................................................................8 Layout.....................................................................................................................8 Accessibility.............................................................................................................8 Examples of Websites............................................................................................8 © 2009 Santa Clara University 1 of 9 preview-class-handout3031.doc Technology Training: 554-5430 or 554-5014 www.scu.edu/training
2.
Overview Preplan Purpose Websites function to: −
Present information (catalogs, profiles) − Gather data (forms, surveys) − Facilitate collaboration and discussion (wikis, forums) The Web as a format − The best format to reach your goals? − What aspects of the web will you utilize? − The best format to reach your audience? Audience Your target audience − Why would they use your website? − What kinds of information will they need to access? − How easily can they find what they need? − How easily can they get what they need? Accessibility: how easily can they get what they need? − Disability − Usability − Device independence © 2009 Santa Clara University 2 of 9 preview-class-handout3031.doc Technology Training: 554-5430 or 554-5014 www.scu.edu/training
3.
Formatting & Hosting Web
Publishing options @ SCU Hosting Options @ SCU Plan & Organize Content Choose appropriate content − Text − Images − Video and other media Keep your audience in mind − Short and simple − Intro. Body. Conclusion. Repeat. − Use keywords − Drive user action (Read More, Contact Us, etc.) Proofread − No spelling/grammatical errors Revise − Is it clear? − Is there a simpler way to say this? − Is there a shorter way to say this? − Is it necessary? Get a second opinion © 2009 Santa Clara University 3 of 9 preview-class-handout3031.doc Technology Training: 554-5430 or 554-5014 www.scu.edu/training
4.
Pages & Files −
Project folder for notes, sketches, content, etc. − List and group pages into categories o Primary navigation o Create effective homepage o Avoid dead-end pages o Multiple access points − Sketch page layout − Site maps: site architecture Site Map Example Design Mockups & Prototypes © 2009 Santa Clara University 4 of 9 preview-class-handout3031.doc Technology Training: 554-5430 or 554-5014 www.scu.edu/training
5.
Layout – Principles
of Web Design − Fixed width vs. liquid o Varying screen resolutions − Teasers and links vs. scrolling − Balance graphics and text − Web-safe colors Print to Web − Linear vs. Non‐linear − Author‐driven vs. Reader‐driven − Not everything can be converted − Organize layout to maximize web capabilities o Keep content from print in the same section o Use table of contents for navigation o Break pages into thematic sections © 2009 Santa Clara University 5 of 9 preview-class-handout3031.doc Technology Training: 554-5430 or 554-5014 www.scu.edu/training
6.
Accessibility Web Content Accessibility
Guidelines • Text Alternatives for Non-Text • Alternatives for Time-based Media • Adaptable • Distinguishable • Keyboard Accessible • Well-timed • Avoid Seizures • Navigable • Readable • Predictable • Input Assistance • Compatible © 2009 Santa Clara University 6 of 9 preview-class-handout3031.doc Technology Training: 554-5430 or 554-5014 www.scu.edu/training
7.
Dos and Don’ts Revise Get
a Second Opinion − Solicit user feedback o Comment box/form o E-mail webmaster o Focus groups − Office of Communications and Marketing − Colleagues Spring Cleaning − Check monthly or quarterly − Look for broken links − Keep content fresh o Commonspot automated freshnesss − Replace images frequently o Update content: update images © 2009 Santa Clara University 7 of 9 preview-class-handout3031.doc Technology Training: 554-5430 or 554-5014 www.scu.edu/training
8.
Resources General − Web Publishing
at Santa Clara University o http://www.scu.edu/webpublishing/ − Commonspot Help o http://www.scu.edu/webpublishing/cms/ − Before You Start a Website o http://webdesign.about.com/od/beforeyoustartawebsite/Before_You_Start_a_ Website.htm − Building a Web Page for the Totally Lost o http://webdesign.about.com/od/beginningtutorials/a/aa033103a.htm − Web Design Basics o http://webdesign.about.com/od/webdesignbasics/u/webdesignbasics.htm Content − Writing and Editing for the Web o http://www.scu.edu/webpublishing/content/writing.cfm − Writing for the Web o http://websitetips.com/webcontent/ Layout − Commonspot Design Resources o http://www.scu.edu/webpublishing/design/ − Web Layout Basics o http://webdesign.about.com/od/webdesignbasics/u/webdesignbasics.htm#s5 Accessibility − What do the Accessibility Guidelines Mean to Me? o http://webdesign.about.com/od/accessibility/a/accessibility_g.htm − Usability on the Web o http://webdesign.about.com/od/usability/Usability_on_the_Web.htm − Web Accessibility o http://webdesign.about.com/od/accessibility/Web_Accessibility_Web_Usability.ht m − WDG Accessibility Tips o http://htmlhelp.com/design/accessibility/tips.html − Web Accessibility Initiative (WAI) o http://www.w3.org/WAI/ Examples of Websites − CSS Beauty o http://cssbeauty.com/ © 2009 Santa Clara University 8 of 9 preview-class-handout3031.doc Technology Training: 554-5430 or 554-5014 www.scu.edu/training
9.
− No Resolution o
http://cssliquid.com/ − Web Design - Design Gallery o http://webdesign.about.com/od/layout/ig/Web-Design-Design-Gallery/ © 2009 Santa Clara University 9 of 9 preview-class-handout3031.doc Technology Training: 554-5430 or 554-5014 www.scu.edu/training
10.
− No Resolution o
http://cssliquid.com/ − Web Design - Design Gallery o http://webdesign.about.com/od/layout/ig/Web-Design-Design-Gallery/ © 2009 Santa Clara University 9 of 9 preview-class-handout3031.doc Technology Training: 554-5430 or 554-5014 www.scu.edu/training
Télécharger maintenant