SlideShare ist ein Scribd-Unternehmen logo
1 von 4
Downloaden Sie, um offline zu lesen
Do you want to make your Overview
Section look like a Whiteboard??
BASIC STEPS …
1.   Start with a blank “whiteboard” – I start with a blank white page in
     PowerPoint or Symphony
2.   Using writing fonts (like the ones I’m using MV Boli or Frank the Architect)
     and blank sticky images (you can use the ones I’ve shown here in this deck),
     create a mockup page.
3.   Using a screen capture tool, capture the image of your mockup page
4.   Crop sections of your page and save each as an image. I have an example in
     this deck showing the “sections” that I used. The main thing you will need
     to think about is whether you want a link behind the image … like a sticky
     image. So each sticky is it’s own image.
5.   Make sure that the sizes of your entire whiteboard image will fit on your
     page. I usually try and keep the entire whiteboard space less than 650px
     wide. You can adjust the size of your images that you cropped using a
     drawing tool (like Paint) I figure out the size of the whiteboard area and
     adjust the size of each image by the same percentage.
6.   Upload each image to your blog (in the File Uploads section as part of the
     Settings) – this will give you a url for each image.
7.   Build your whiteboard on a wiki page – adding one image at a time.
8.   Add links to any images that you want to make hot
9.   Copy and paste from wiki page to your overview section (Edit Community)
A STARTING POINT …
COMMUNITY BANNER SPACE
LINK 1 | LINK 2 | LINK 3 | LINK 4
EXAMPLE OF HOW TO BREAK
   PAGE INTO SECTIONS

Weitere ähnliche Inhalte

Was ist angesagt? (18)

Creation of the website
Creation of the websiteCreation of the website
Creation of the website
 
L5 kongl
L5 konglL5 kongl
L5 kongl
 
English project
English projectEnglish project
English project
 
How To Create Shortcuts
How To Create ShortcutsHow To Create Shortcuts
How To Create Shortcuts
 
Wozniak web design
Wozniak web designWozniak web design
Wozniak web design
 
How to Vibby
How to VibbyHow to Vibby
How to Vibby
 
Sea..Relax
Sea..RelaxSea..Relax
Sea..Relax
 
Building Partnerships Slideshow
Building Partnerships SlideshowBuilding Partnerships Slideshow
Building Partnerships Slideshow
 
Puruchuco
PuruchucoPuruchuco
Puruchuco
 
Mountain Rallye
Mountain RallyeMountain Rallye
Mountain Rallye
 
South Of Spain
South Of SpainSouth Of Spain
South Of Spain
 
Various spots in my career.
Various spots in my career.Various spots in my career.
Various spots in my career.
 
C21 Loop
C21 LoopC21 Loop
C21 Loop
 
Great Advertisements
Great AdvertisementsGreat Advertisements
Great Advertisements
 
Ile Aux Coudres
Ile Aux CoudresIle Aux Coudres
Ile Aux Coudres
 
USA slideshow
USA slideshowUSA slideshow
USA slideshow
 
10 Steps To Quicktime
10 Steps To Quicktime10 Steps To Quicktime
10 Steps To Quicktime
 
Advance Features: Building & Vehicles in SL
Advance Features:  Building & Vehicles in SLAdvance Features:  Building & Vehicles in SL
Advance Features: Building & Vehicles in SL
 

Ähnlich wie Making your Overview Page Look Lke a Whiteboard

Term 2 other handouts and notes
Term 2 other handouts and notesTerm 2 other handouts and notes
Term 2 other handouts and notes
Ghaundar
 
G8 Term 2 other handouts and notes
G8 Term 2 other handouts and notesG8 Term 2 other handouts and notes
G8 Term 2 other handouts and notes
Ghaundar
 
G7 Term 2 other handouts and notes
G7 Term 2 other handouts and notesG7 Term 2 other handouts and notes
G7 Term 2 other handouts and notes
Ghaundar
 
Term 2 other handouts and notes
Term 2 other handouts and notesTerm 2 other handouts and notes
Term 2 other handouts and notes
Ghaundar
 
G7 Term 2 other handouts and notes
G7 Term 2 other handouts and notesG7 Term 2 other handouts and notes
G7 Term 2 other handouts and notes
Ghaundar
 
A2 w press coveradocs
A2 w press coveradocsA2 w press coveradocs
A2 w press coveradocs
A2WPress
 
A2WPress Themia Documentation
A2WPress Themia DocumentationA2WPress Themia Documentation
A2WPress Themia Documentation
A2WPress
 

Ähnlich wie Making your Overview Page Look Lke a Whiteboard (20)

Term 2 other handouts and notes
Term 2 other handouts and notesTerm 2 other handouts and notes
Term 2 other handouts and notes
 
G8 Term 2 other handouts and notes
G8 Term 2 other handouts and notesG8 Term 2 other handouts and notes
G8 Term 2 other handouts and notes
 
How to Create “Stunning Social Media Graphics WITHOUT Photoshop” Tutorial
How to Create “Stunning Social Media Graphics WITHOUT Photoshop” TutorialHow to Create “Stunning Social Media Graphics WITHOUT Photoshop” Tutorial
How to Create “Stunning Social Media Graphics WITHOUT Photoshop” Tutorial
 
G7 Term 2 other handouts and notes
G7 Term 2 other handouts and notesG7 Term 2 other handouts and notes
G7 Term 2 other handouts and notes
 
Term 2 other handouts and notes
Term 2 other handouts and notesTerm 2 other handouts and notes
Term 2 other handouts and notes
 
G7 Term 2 other handouts and notes
G7 Term 2 other handouts and notesG7 Term 2 other handouts and notes
G7 Term 2 other handouts and notes
 
A2WPress Swiftray Theme Documentation
A2WPress Swiftray Theme DocumentationA2WPress Swiftray Theme Documentation
A2WPress Swiftray Theme Documentation
 
Creating a Blog
Creating a BlogCreating a Blog
Creating a Blog
 
2 presentation management
2 presentation management2 presentation management
2 presentation management
 
A2WPress Cloriato Theme Documentation
A2WPress Cloriato Theme DocumentationA2WPress Cloriato Theme Documentation
A2WPress Cloriato Theme Documentation
 
A2WPress Squirrel Theme Documentation
A2WPress Squirrel Theme DocumentationA2WPress Squirrel Theme Documentation
A2WPress Squirrel Theme Documentation
 
A2WPress Dzonia Theme Documentation
A2WPress Dzonia Theme DocumentationA2WPress Dzonia Theme Documentation
A2WPress Dzonia Theme Documentation
 
Power point by Gulshan K Maheshwari(QAU)
Power point by Gulshan  K Maheshwari(QAU)Power point by Gulshan  K Maheshwari(QAU)
Power point by Gulshan K Maheshwari(QAU)
 
Microsoft Powerpoint part 1
Microsoft Powerpoint part 1Microsoft Powerpoint part 1
Microsoft Powerpoint part 1
 
A2 w press coveradocs
A2 w press coveradocsA2 w press coveradocs
A2 w press coveradocs
 
A2WPress Themia Documentation
A2WPress Themia DocumentationA2WPress Themia Documentation
A2WPress Themia Documentation
 
Training proper
Training properTraining proper
Training proper
 
A2WPress Woodberry Theme Documentation
A2WPress Woodberry Theme DocumentationA2WPress Woodberry Theme Documentation
A2WPress Woodberry Theme Documentation
 
A2WPress Rethink Theme Documentation
A2WPress Rethink Theme DocumentationA2WPress Rethink Theme Documentation
A2WPress Rethink Theme Documentation
 
Facebook cover photo template
Facebook cover photo templateFacebook cover photo template
Facebook cover photo template
 

Mehr von Darrel Rader

Steps to share useful resources with learning circles
Steps to share useful resources with learning circlesSteps to share useful resources with learning circles
Steps to share useful resources with learning circles
Darrel Rader
 
Rit 8.5.0 virtualization training student's guide
Rit 8.5.0 virtualization training student's guideRit 8.5.0 virtualization training student's guide
Rit 8.5.0 virtualization training student's guide
Darrel Rader
 
Rit 8.5.0 virtualization training slides
Rit 8.5.0 virtualization training slidesRit 8.5.0 virtualization training slides
Rit 8.5.0 virtualization training slides
Darrel Rader
 
Rit 8.5.0 training release notes
Rit 8.5.0 training release notesRit 8.5.0 training release notes
Rit 8.5.0 training release notes
Darrel Rader
 
Rit 8.5.0 training cloud instructions
Rit 8.5.0 training cloud instructionsRit 8.5.0 training cloud instructions
Rit 8.5.0 training cloud instructions
Darrel Rader
 
Rit 8.5.0 platform training student's guide
Rit 8.5.0 platform training student's guideRit 8.5.0 platform training student's guide
Rit 8.5.0 platform training student's guide
Darrel Rader
 
Rit 8.5.0 platform training slides
Rit 8.5.0 platform training slidesRit 8.5.0 platform training slides
Rit 8.5.0 platform training slides
Darrel Rader
 
Rit 8.5.0 performance testing training student's guide
Rit 8.5.0 performance testing training student's guideRit 8.5.0 performance testing training student's guide
Rit 8.5.0 performance testing training student's guide
Darrel Rader
 
Rit 8.5.0 integration testing training student's guide
Rit 8.5.0 integration testing training student's guideRit 8.5.0 integration testing training student's guide
Rit 8.5.0 integration testing training student's guide
Darrel Rader
 
Suse service virtualization_image_set up_guide_140214
Suse service virtualization_image_set up_guide_140214Suse service virtualization_image_set up_guide_140214
Suse service virtualization_image_set up_guide_140214
Darrel Rader
 
Steps for following a community forum or an individual topic
Steps for following a community forum or an individual topicSteps for following a community forum or an individual topic
Steps for following a community forum or an individual topic
Darrel Rader
 
A tour of the rational lab services community
A tour of the rational lab services communityA tour of the rational lab services community
A tour of the rational lab services community
Darrel Rader
 
Doorsng po t_core_workbook_sse_imagev3.3.1_v6moda_final_letter
Doorsng po t_core_workbook_sse_imagev3.3.1_v6moda_final_letterDoorsng po t_core_workbook_sse_imagev3.3.1_v6moda_final_letter
Doorsng po t_core_workbook_sse_imagev3.3.1_v6moda_final_letter
Darrel Rader
 
Steps for finding and sharing customer result stories for industry communities
Steps for finding and sharing customer result stories for industry communitiesSteps for finding and sharing customer result stories for industry communities
Steps for finding and sharing customer result stories for industry communities
Darrel Rader
 
dW Sharing your Profile
dW Sharing your ProfiledW Sharing your Profile
dW Sharing your Profile
Darrel Rader
 
Steps for creating an engagement activity
Steps for creating an engagement activitySteps for creating an engagement activity
Steps for creating an engagement activity
Darrel Rader
 
Steps for creating a personal learning roadmap
Steps for creating a personal learning roadmapSteps for creating a personal learning roadmap
Steps for creating a personal learning roadmap
Darrel Rader
 
2012 10 23_2649_rational_integration_tester_vi
2012 10 23_2649_rational_integration_tester_vi2012 10 23_2649_rational_integration_tester_vi
2012 10 23_2649_rational_integration_tester_vi
Darrel Rader
 
2012 10 23_3013_rational_integration_tester_fo
2012 10 23_3013_rational_integration_tester_fo2012 10 23_3013_rational_integration_tester_fo
2012 10 23_3013_rational_integration_tester_fo
Darrel Rader
 

Mehr von Darrel Rader (20)

DevOps Community Blueprint
DevOps Community BlueprintDevOps Community Blueprint
DevOps Community Blueprint
 
Steps to share useful resources with learning circles
Steps to share useful resources with learning circlesSteps to share useful resources with learning circles
Steps to share useful resources with learning circles
 
Rit 8.5.0 virtualization training student's guide
Rit 8.5.0 virtualization training student's guideRit 8.5.0 virtualization training student's guide
Rit 8.5.0 virtualization training student's guide
 
Rit 8.5.0 virtualization training slides
Rit 8.5.0 virtualization training slidesRit 8.5.0 virtualization training slides
Rit 8.5.0 virtualization training slides
 
Rit 8.5.0 training release notes
Rit 8.5.0 training release notesRit 8.5.0 training release notes
Rit 8.5.0 training release notes
 
Rit 8.5.0 training cloud instructions
Rit 8.5.0 training cloud instructionsRit 8.5.0 training cloud instructions
Rit 8.5.0 training cloud instructions
 
Rit 8.5.0 platform training student's guide
Rit 8.5.0 platform training student's guideRit 8.5.0 platform training student's guide
Rit 8.5.0 platform training student's guide
 
Rit 8.5.0 platform training slides
Rit 8.5.0 platform training slidesRit 8.5.0 platform training slides
Rit 8.5.0 platform training slides
 
Rit 8.5.0 performance testing training student's guide
Rit 8.5.0 performance testing training student's guideRit 8.5.0 performance testing training student's guide
Rit 8.5.0 performance testing training student's guide
 
Rit 8.5.0 integration testing training student's guide
Rit 8.5.0 integration testing training student's guideRit 8.5.0 integration testing training student's guide
Rit 8.5.0 integration testing training student's guide
 
Suse service virtualization_image_set up_guide_140214
Suse service virtualization_image_set up_guide_140214Suse service virtualization_image_set up_guide_140214
Suse service virtualization_image_set up_guide_140214
 
Steps for following a community forum or an individual topic
Steps for following a community forum or an individual topicSteps for following a community forum or an individual topic
Steps for following a community forum or an individual topic
 
A tour of the rational lab services community
A tour of the rational lab services communityA tour of the rational lab services community
A tour of the rational lab services community
 
Doorsng po t_core_workbook_sse_imagev3.3.1_v6moda_final_letter
Doorsng po t_core_workbook_sse_imagev3.3.1_v6moda_final_letterDoorsng po t_core_workbook_sse_imagev3.3.1_v6moda_final_letter
Doorsng po t_core_workbook_sse_imagev3.3.1_v6moda_final_letter
 
Steps for finding and sharing customer result stories for industry communities
Steps for finding and sharing customer result stories for industry communitiesSteps for finding and sharing customer result stories for industry communities
Steps for finding and sharing customer result stories for industry communities
 
dW Sharing your Profile
dW Sharing your ProfiledW Sharing your Profile
dW Sharing your Profile
 
Steps for creating an engagement activity
Steps for creating an engagement activitySteps for creating an engagement activity
Steps for creating an engagement activity
 
Steps for creating a personal learning roadmap
Steps for creating a personal learning roadmapSteps for creating a personal learning roadmap
Steps for creating a personal learning roadmap
 
2012 10 23_2649_rational_integration_tester_vi
2012 10 23_2649_rational_integration_tester_vi2012 10 23_2649_rational_integration_tester_vi
2012 10 23_2649_rational_integration_tester_vi
 
2012 10 23_3013_rational_integration_tester_fo
2012 10 23_3013_rational_integration_tester_fo2012 10 23_3013_rational_integration_tester_fo
2012 10 23_3013_rational_integration_tester_fo
 

Making your Overview Page Look Lke a Whiteboard

  • 1. Do you want to make your Overview Section look like a Whiteboard??
  • 2. BASIC STEPS … 1. Start with a blank “whiteboard” – I start with a blank white page in PowerPoint or Symphony 2. Using writing fonts (like the ones I’m using MV Boli or Frank the Architect) and blank sticky images (you can use the ones I’ve shown here in this deck), create a mockup page. 3. Using a screen capture tool, capture the image of your mockup page 4. Crop sections of your page and save each as an image. I have an example in this deck showing the “sections” that I used. The main thing you will need to think about is whether you want a link behind the image … like a sticky image. So each sticky is it’s own image. 5. Make sure that the sizes of your entire whiteboard image will fit on your page. I usually try and keep the entire whiteboard space less than 650px wide. You can adjust the size of your images that you cropped using a drawing tool (like Paint) I figure out the size of the whiteboard area and adjust the size of each image by the same percentage. 6. Upload each image to your blog (in the File Uploads section as part of the Settings) – this will give you a url for each image. 7. Build your whiteboard on a wiki page – adding one image at a time. 8. Add links to any images that you want to make hot 9. Copy and paste from wiki page to your overview section (Edit Community)
  • 3. A STARTING POINT … COMMUNITY BANNER SPACE LINK 1 | LINK 2 | LINK 3 | LINK 4
  • 4. EXAMPLE OF HOW TO BREAK PAGE INTO SECTIONS