wysiwyg
TRANSCRIPT
The Fastest Way to Have Web Presence!Presented by:
Cathy Nelson & Liz Martin
Rock Hill School District #3
Our Future Students!
WWhat YYou SSee IIs WWhat YYou GGet!
• Html editors that show you the end results as you type
• You see what the final product will look like as you create it.
Plan, Plan, Plan
• Before Beginning– What do I want it to say?– Why do I want it to say it?– Who is my primary audience? Secondary?– How can this information be presented?
• Textually
• graphically
• both
Develop a Strategy
• One page or multiple pages
• connected
• navigation
• appearance– titles– pictures
Under Construction!
• Select an html editor– Microsoft Word– Microsoft Publisher– Netscape Composer– Microsoft FrontPage – Macromedia Dreamweaver
• Enables user to produce an html document without needing to know html language
Netscape Composer
• Media Center Template
• Netscape Composer Tutorial
The Composer Environment• Opens to a blank page like this
• Many of its features are similar to a word processor.
Toolbars
• Menu Bar– access functions of
composer with “drop-down” menus
• Composition Toolbar– shortcuts to several of
the more common functions used
• Print - Print all the pages of the current document
• New - make a new page
• Open - open an existing page
• Save - save the current page
• Publish - Upload the current document to the proper server
• Cut - cut text or an object
• Copy - Copy text or an object• Paste - Paste the things you copied
• Find - find a word or phrase in the current page
• Link - create a link to a different page
• Image - insert a picture
• H. Line - insert a horizontal rule
• Table - Insert a table• Spelling - Spell check your work
• Preview - view the page in browser format • Target - create a target to a specific point in a page
Formatting Toolbar
• Very similar to the formatting toolbar in Microsoft Word
• Type of text
To add a text hyperlink,
highlight text, then click the
link icon.
Microsoft FrontPage
• Front Page Guide
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!
• Choose where to save it
– web folder
– my documents
– desktop
• Choose File name
– what appears in the URL
– simple
– avoid spaces
• Click Save
Change it to a more appropriate name here.
• Notice the name of the Page Title
• It appears across the top blue line on web pages
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
• 2 ways:– Click the plain white page icon– Go to “File,” “New Page”
• Make the new page
• Save it in the same folder
• It appears on left side of screen as another html file
• Dress it up now, or come back to it later.
• To connect (hyperlink) two pages– Highlight the text or image
– Click your hyperlink button (earth & chain link icon)
– Find your folder with your html pages
– Click on the page you want to link
Microsoft Publisher
• Publisher Template
Microsoft Word
• Microsoft Word Template
Macromedia DreamWeaver
Handouts!
Special Thanks
• Christopher J. Smith– formerly the North
Central Regional Technology Specialist
– currently the Rock Hill School District 3 Technology Coordinator
• Kierston Byrd– Principal at The
Children’s School at Sylvia Circle
• Linda Crute– Principal at Northside
Elementary School
• Joe Keeton– Follett Representative
Contact Us!
• Catherine NelsonCatherine Nelson– Media Specialist
– Northside Elementary School
• Liz MartinLiz Martin– Media Specialist
– The Children’s School at Sylvia Circle