Your SlideShare is downloading. ×
0
Building History Websites: Software and Technical Tips
Building History Websites: Software and Technical Tips
Building History Websites: Software and Technical Tips
Building History Websites: Software and Technical Tips
Building History Websites: Software and Technical Tips
Building History Websites: Software and Technical Tips
Building History Websites: Software and Technical Tips
Building History Websites: Software and Technical Tips
Building History Websites: Software and Technical Tips
Building History Websites: Software and Technical Tips
Building History Websites: Software and Technical Tips
Building History Websites: Software and Technical Tips
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Building History Websites: Software and Technical Tips

2,385

Published on

Presented by Dave Lester (http://davelester.org) at National History Day. June 15, 2008.

Presented by Dave Lester (http://davelester.org) at National History Day. June 15, 2008.

Published in: Technology, Design
1 Comment
3 Likes
Statistics
Notes
No Downloads
Views
Total Views
2,385
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
31
Comments
1
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Building History Websites: Software and Technical Tips Presented by Dave Lester National History Day June 15 th , 2008
  • 2. Things Covered in this Presentation <ul><li>WYSIWYG editors </li></ul><ul><ul><li>W hat Y ou S ee I s W hat Y ou G et </li></ul></ul><ul><ul><li>Example: Google Pages </li></ul></ul><ul><li>Improving a Simple Web Page </li></ul><ul><ul><li>Embedding Video and Maps </li></ul></ul><ul><ul><li>Examples: YouTube and CommunityWalk </li></ul></ul>
  • 3. W hat Y ou S ee I s W hat Y ou G et <ul><li>Allows you to see webpage as you edit it </li></ul><ul><li>No knowledge of HTML code is needed </li></ul><ul><li>The simplest way to build a webpage </li></ul>
  • 4. WYSIWYG Example: Google Pages <ul><li>Web-based editor that doesn’t require a download </li></ul><ul><li>Free </li></ul><ul><li>Your site is published with the click of a button </li></ul>
  • 5. Google Page Creator: Templates
  • 6. Formatting and Adding Content <ul><li>WYSIWYG editors use toolbars similar to Microsoft Word to format text and add images/video </li></ul>
  • 7. Examples of WYSIWYG Editors <ul><li>Microsoft Expression Web </li></ul><ul><ul><li>(formerly FrontPage) </li></ul></ul><ul><li>KompoZer </li></ul><ul><ul><li>http://www.kompozer.net </li></ul></ul><ul><li>Adobe Dreamweaver </li></ul><ul><li>Google Page Creator </li></ul><ul><ul><li>http://pages.google.com </li></ul></ul>
  • 8. Embedding Content in Webpages <ul><li>Videos, images, and maps are easy to embed into a webpage </li></ul><ul><li>Copy and paste embed HTML codes into WYSIWYG editor </li></ul>
  • 9. Embedding A YouTube Video
  • 10. Maps using CommunityWalk <ul><li>CommunityWalk is a website dedicated to creating simple and easy to use interface for creating informational, interactive, and engaging maps. (http://comunitywalk.com) </li></ul><ul><li>Add Images to plotted points </li></ul><ul><li>Map paths of travel between points </li></ul><ul><li>Embed maps into your site </li></ul>
  • 11. Example of CommunityWalk Map
  • 12. Additional Places to Visit <ul><li>Web Monkey, HTML Tutorials </li></ul><ul><li>( http://www.webmonkey.com/tutorial/ ) </li></ul><ul><li>CHNM’s Timeline Builder </li></ul><ul><li>( http://chnm.gmu.edu/tools/timelines/ ) </li></ul><ul><li>Additional History Video Content </li></ul><ul><ul><li>Internet Archive ( http://www.archive.org ) </li></ul></ul>

×