1 / 18

Website Maintenance Demonstration

Website Maintenance Demonstration. Introduction to Macromedia Contribute Jamie Uprichard. Macromedia Contribute. Web Content Management system Need to keep web content up-to-date Enables users to update web-sites without having technical skills Browsing the Web Word Processing.

kamaria-gyasi
Download Presentation

Website Maintenance Demonstration

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard Web Content Management System

  2. Macromedia Contribute • Web Content Management system • Need to keep web content up-to-date • Enables users to update web-sites without having technical skills • Browsing the Web • Word Processing Website Maintenance Demonstration

  3. 3-Step Cycle • Create a connection to your website • Connection Key/ FTP • 1. Browse to a page • 2. Edit your content • 3. Publish your changes • ‘Browse - Edit - Publish Cycle’ Website Maintenance Demonstration

  4. Screen Layout • Browser/ Editor • Toolbar • Browser Toolbar (Navigation) • ‘Edit Page’ button, Address Bar, Back, Forward • Editor Toolbar • ‘Publish’ button, Save, Format, File menus • Side Panel • Pages panel • ‘How Do I’ panel Website Maintenance Demonstration

  5. Screen Layout (Browser Mode) Website Maintenance Demonstration

  6. Screen Layout (Edit Mode) Website Maintenance Demonstration

  7. Screen Layout (Comparison) • Browser Mode • Edit Mode Website Maintenance Demonstration

  8. Edit Text • Browse to desired web page • Enter Edit Mode • Click ‘Edit Page’ button • Make changes • Save by clicking ‘Publish’ button • Confirmation Dialog Box Website Maintenance Demonstration

  9. Change An Image • Enter Edit Mode • Select Image to be replaced • Insert > Image / ‘Image’ button • My Computer • My Website • Locate image file Website Maintenance Demonstration

  10. Change An Image • Insert Image Dialog Box Website Maintenance Demonstration

  11. Add A Link • Enter Edit Mode • Highlight Text OR Image to be used as link • Choose Insert > Link / ‘Link’ button • Enter web address for Link Website Maintenance Demonstration

  12. Add A Link • Insert Link Dialog Box Website Maintenance Demonstration

  13. Insert A Table Row • In Edit Mode, position cursor in current row • Select Table > Insert > Insert Row Above/ Insert Row Below Website Maintenance Demonstration

  14. Delete A Table Row • In Edit Mode, position cursor in row to be deleted • Select Table > Delete > Row Website Maintenance Demonstration

  15. Add/ Change Email Link • In Edit Mode, highlight text to be converted into an email link • Select Insert > Link > Email Address / Click Link button Website Maintenance Demonstration

  16. Add/ Change Email Link • Insert Link Dialog Box Website Maintenance Demonstration

  17. Format Text • Enter edit mode • Highlight text to be formatted • Select the Format Menu • Bold, Underline, Italic • Style, Font • Size, Colour Website Maintenance Demonstration

  18. Note On Templates • Web sites constructed using Macromedia Dreamweaver templates • Facilitates updates • Site administrator has set editable areas • Tabs • Locked Areas Website Maintenance Demonstration

More Related