The Fastest Way to Have Web Presence! Presented by: Cathy Nelson & Liz Martin Rock Hill School District #3   WYSIWYG? Do You
 
Our Future Students!
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><l...
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 d...
Develop a Strategy <ul><li>One page or multiple pages </li></ul><ul><li>connected </li></ul><ul><li>navigation </li></ul><...
Under Construction! <ul><li>Select an html editor </li></ul><ul><ul><li>Microsoft Word </li></ul></ul><ul><ul><li>Microsof...
Netscape Composer <ul><li>Media Center Template </li></ul><ul><li>Netscape Composer Tutorial </li></ul>
The Composer Environment <ul><li>Opens to a blank page like this </li></ul><ul><li>Many of its features are similar to a w...
Toolbars <ul><li>Menu Bar </li></ul><ul><ul><li>access functions of composer with “drop-down” menus </li></ul></ul><ul><li...
<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...
Formatting Toolbar <ul><li>Very similar to the formatting toolbar in Microsoft Word </li></ul><ul><li>Type of text </li></ul>
 
 
 
 
 
 
 
 
 
 
 
To add a text  hyperlink, highlight text,  then click the  link icon.
 
 
 
Microsoft FrontPage <ul><li>Front Page Guide </li></ul>
 
 
 
 
 
Tool Bar Button used to make hyperlink
Beside the box for URL, type in the complete address
 
 
 
 
 
Be sure to save often!  Use the disk icon on the toolbar!
<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><u...
<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><u...
<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>Cha...
 
When you save, you will be prompted to save embedded objects, like images.
A folder will be created. Inside will be the web page file and image files used
<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” ...
<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...
<ul><li>To connect (hyperlink) two pages </li></ul><ul><ul><li>Highlight the text or image </li></ul></ul><ul><ul><li>Clic...
 
 
 
 
 
 
 
 
 
 
 
 
Microsoft Publisher <ul><li>Publisher Template </li></ul>
 
 
Microsoft Word <ul><li>Microsoft Word Template </li></ul>
 
 
 
 
Macromedia DreamWeaver
 
 
 
 
 
 
 
Handouts!
Special Thanks <ul><li>Christopher J. Smith </li></ul><ul><ul><li>formerly the North Central Regional Technology Specialis...
Contact Us! <ul><li>Catherine Nelson </li></ul><ul><ul><li>Media Specialist </li></ul></ul><ul><ul><li>Northside Elementar...
Upcoming SlideShare
Loading in...5
×

Wysiwyg

910

Published on

Published in: Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
910
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
19
Comments
0
Likes
0
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
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×