building history websites: software and technical tips
DESCRIPTION
Presented by Dave Lester (http://davelester.org) at National History Day. June 15, 2008.TRANSCRIPT
![Page 1: Building History Websites: Software and Technical Tips](https://reader034.vdocument.in/reader034/viewer/2022052523/55550210b4c905c35e8b4aed/html5/thumbnails/1.jpg)
Building History Websites:Software and Technical Tips
Presented by Dave LesterNational History DayJune 15th, 2008
![Page 2: Building History Websites: Software and Technical Tips](https://reader034.vdocument.in/reader034/viewer/2022052523/55550210b4c905c35e8b4aed/html5/thumbnails/2.jpg)
Things Covered in this Presentation
• WYSIWYG editors– What You See Is What You GetExample: Google Pages
• Improving a Simple Web Page– Embedding Video and MapsExamples: YouTube and CommunityWalk
![Page 3: Building History Websites: Software and Technical Tips](https://reader034.vdocument.in/reader034/viewer/2022052523/55550210b4c905c35e8b4aed/html5/thumbnails/3.jpg)
What You See Is What You Get
• Allows you to see webpage as you edit it
• No knowledge of HTML code is needed
• The simplest way to build a webpage
![Page 4: Building History Websites: Software and Technical Tips](https://reader034.vdocument.in/reader034/viewer/2022052523/55550210b4c905c35e8b4aed/html5/thumbnails/4.jpg)
WYSIWYG Example: Google Pages
• Web-based editor that doesn’t require a download
• Free• Your site is
published with the click of a button
![Page 5: Building History Websites: Software and Technical Tips](https://reader034.vdocument.in/reader034/viewer/2022052523/55550210b4c905c35e8b4aed/html5/thumbnails/5.jpg)
Google Page Creator: Templates
![Page 6: Building History Websites: Software and Technical Tips](https://reader034.vdocument.in/reader034/viewer/2022052523/55550210b4c905c35e8b4aed/html5/thumbnails/6.jpg)
Formatting and Adding Content
• WYSIWYG editors use toolbars similar to Microsoft Word to format text and add images/video
![Page 7: Building History Websites: Software and Technical Tips](https://reader034.vdocument.in/reader034/viewer/2022052523/55550210b4c905c35e8b4aed/html5/thumbnails/7.jpg)
Examples of WYSIWYG Editors
• Microsoft Expression Web – (formerly FrontPage)
• KompoZer– http://www.kompozer.net
• Adobe Dreamweaver• Google Page Creator– http://pages.google.com
![Page 8: Building History Websites: Software and Technical Tips](https://reader034.vdocument.in/reader034/viewer/2022052523/55550210b4c905c35e8b4aed/html5/thumbnails/8.jpg)
Embedding Content in Webpages
• Videos, images, and maps are easy to embed into a webpage
• Copy and paste embed HTML codes into WYSIWYG editor
![Page 9: Building History Websites: Software and Technical Tips](https://reader034.vdocument.in/reader034/viewer/2022052523/55550210b4c905c35e8b4aed/html5/thumbnails/9.jpg)
Embedding A YouTube Video
![Page 10: Building History Websites: Software and Technical Tips](https://reader034.vdocument.in/reader034/viewer/2022052523/55550210b4c905c35e8b4aed/html5/thumbnails/10.jpg)
Maps using CommunityWalk
• CommunityWalk is a website dedicated to creating simple and easy to use interface for creating informational, interactive, and engaging maps. (http://comunitywalk.com)
• Add Images to plotted points• Map paths of travel between points• Embed maps into your site
![Page 11: Building History Websites: Software and Technical Tips](https://reader034.vdocument.in/reader034/viewer/2022052523/55550210b4c905c35e8b4aed/html5/thumbnails/11.jpg)
Example of CommunityWalk Map
![Page 12: Building History Websites: Software and Technical Tips](https://reader034.vdocument.in/reader034/viewer/2022052523/55550210b4c905c35e8b4aed/html5/thumbnails/12.jpg)
Additional Places to Visit
• Web Monkey, HTML Tutorials (http://www.webmonkey.com/tutorial/)
• CHNM’s Timeline Builder(http://chnm.gmu.edu/tools/timelines/)
• Additional History Video Content– Internet Archive (http://www.archive.org)