Published on

Published in: Technology, Design
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • Wysiwyg

    1. 1. The Fastest Way to Have Web Presence! Presented by: Cathy Nelson & Liz Martin Rock Hill School District #3 WYSIWYG? Do You
    2. 3. Our Future Students!
    3. 4. W hat Y ou S ee I s W hat Y ou G et! <ul><li>Html editors that show you the end results as you type </li></ul><ul><li>You see what the final product will look like as you create it. </li></ul>
    4. 5. Plan, Plan, Plan <ul><li>Before Beginning </li></ul><ul><ul><li>What do I want it to say? </li></ul></ul><ul><ul><li>Why do I want it to say it? </li></ul></ul><ul><ul><li>Who is my primary audience? Secondary? </li></ul></ul><ul><ul><li>How can this information be presented? </li></ul></ul><ul><ul><ul><li>Textually </li></ul></ul></ul><ul><ul><ul><li>graphically </li></ul></ul></ul><ul><ul><ul><li>both </li></ul></ul></ul>
    5. 6. Develop a Strategy <ul><li>One page or multiple pages </li></ul><ul><li>connected </li></ul><ul><li>navigation </li></ul><ul><li>appearance </li></ul><ul><ul><li>titles </li></ul></ul><ul><ul><li>pictures </li></ul></ul>
    6. 7. Under Construction! <ul><li>Select an html editor </li></ul><ul><ul><li>Microsoft Word </li></ul></ul><ul><ul><li>Microsoft Publisher </li></ul></ul><ul><ul><li>Netscape Composer </li></ul></ul><ul><ul><li>Microsoft FrontPage </li></ul></ul><ul><ul><li>Macromedia Dreamweaver </li></ul></ul><ul><li>Enables user to produce an html document without needing to know html language </li></ul>
    7. 8. Netscape Composer <ul><li>Media Center Template </li></ul><ul><li>Netscape Composer Tutorial </li></ul>
    8. 9. The Composer Environment <ul><li>Opens to a blank page like this </li></ul><ul><li>Many of its features are similar to a word processor. </li></ul>
    9. 10. Toolbars <ul><li>Menu Bar </li></ul><ul><ul><li>access functions of composer with “drop-down” menus </li></ul></ul><ul><li>Composition Toolbar </li></ul><ul><ul><li>shortcuts to several of the more common functions used </li></ul></ul>
    10. 11. <ul><li>Print - Print all the pages of the current document </li></ul><ul><li>New - make a new page </li></ul><ul><li>Open - open an existing page </li></ul><ul><li>Save - save the current page </li></ul><ul><li>Publish - Upload the current document to the proper server </li></ul><ul><li>Cut - cut text or an object </li></ul><ul><li>Copy - Copy text or an object </li></ul><ul><li>Paste - Paste the things you copied </li></ul><ul><li>Find - find a word or phrase in the current page </li></ul><ul><li>Link - create a link to a different page </li></ul><ul><li>Image - insert a picture </li></ul><ul><li>H. Line - insert a horizontal rule </li></ul><ul><li>Table - Insert a table </li></ul><ul><li>Spelling - Spell check your work </li></ul><ul><li>Preview - view the page in browser format </li></ul><ul><li>Target - create a target to a specific point in a page </li></ul>
    11. 12. Formatting Toolbar <ul><li>Very similar to the formatting toolbar in Microsoft Word </li></ul><ul><li>Type of text </li></ul>
    12. 24. To add a text hyperlink, highlight text, then click the link icon.
    13. 28. Microsoft FrontPage <ul><li>Front Page Guide </li></ul>
    14. 34. Tool Bar Button used to make hyperlink
    15. 35. Beside the box for URL, type in the complete address
    16. 41. Be sure to save often! Use the disk icon on the toolbar!
    17. 42. <ul><li>Choose where to save it </li></ul><ul><ul><li>web folder </li></ul></ul><ul><ul><li>my documents </li></ul></ul><ul><ul><li>desktop </li></ul></ul>
    18. 43. <ul><li>Choose File name </li></ul><ul><ul><li>what appears in the URL </li></ul></ul><ul><ul><li>simple </li></ul></ul><ul><ul><li>avoid spaces </li></ul></ul><ul><li>Click Save </li></ul>
    19. 44. <ul><li>Notice the name of the Page Title </li></ul><ul><li>It appears across the top blue line on web pages </li></ul>Change it to a more appropriate name here.
    20. 46. When you save, you will be prompted to save embedded objects, like images.
    21. 47. A folder will be created. Inside will be the web page file and image files used
    22. 48. <ul><li>2 ways: </li></ul><ul><ul><li>Click the plain white page icon </li></ul></ul><ul><ul><li>Go to “File,” “New Page” </li></ul></ul>
    23. 49. <ul><li>Make the new page </li></ul><ul><li>Save it in the same folder </li></ul><ul><li>It appears on left side of screen as another html file </li></ul><ul><li>Dress it up now, or come back to it later. </li></ul>
    24. 50. <ul><li>To connect (hyperlink) two pages </li></ul><ul><ul><li>Highlight the text or image </li></ul></ul><ul><ul><li>Click your hyperlink button (earth & chain link icon) </li></ul></ul><ul><ul><li>Find your folder with your html pages </li></ul></ul><ul><ul><li>Click on the page you want to link </li></ul></ul>
    25. 63. Microsoft Publisher <ul><li>Publisher Template </li></ul>
    26. 66. Microsoft Word <ul><li>Microsoft Word Template </li></ul>
    27. 71. Macromedia DreamWeaver
    28. 79. Handouts!
    29. 80. Special Thanks <ul><li>Christopher J. Smith </li></ul><ul><ul><li>formerly the North Central Regional Technology Specialist </li></ul></ul><ul><ul><li>currently the Rock Hill School District 3 Technology Coordinator </li></ul></ul><ul><li>Kierston Byrd </li></ul><ul><ul><li>Principal at The Children’s School at Sylvia Circle </li></ul></ul><ul><li>Linda Crute </li></ul><ul><ul><li>Principal at Northside Elementary School </li></ul></ul><ul><li>Joe Keeton </li></ul><ul><ul><li>Follett Representative </li></ul></ul>
    30. 81. Contact Us! <ul><li>Catherine Nelson </li></ul><ul><ul><li>Media Specialist </li></ul></ul><ul><ul><li>Northside Elementary School </li></ul></ul><ul><ul><li>[email_address] </li></ul></ul><ul><li>Liz Martin </li></ul><ul><ul><li>Media Specialist </li></ul></ul><ul><ul><li>The Children’s School at Sylvia Circle </li></ul></ul><ul><ul><li>[email_address] </li></ul></ul>THE END EN