Web Content Management System Website Maintenance Demonstration Introduction to Macromedia...
-
date post
19-Dec-2015 -
Category
Documents
-
view
214 -
download
0
Transcript of Web Content Management System Website Maintenance Demonstration Introduction to Macromedia...
![Page 1: Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.](https://reader033.fdocuments.in/reader033/viewer/2022051516/56649d2b5503460f949ffe2a/html5/thumbnails/1.jpg)
Web Content Management System
Website Maintenance Demonstration
Introduction to Macromedia Contribute
Jamie Uprichard
![Page 2: Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.](https://reader033.fdocuments.in/reader033/viewer/2022051516/56649d2b5503460f949ffe2a/html5/thumbnails/2.jpg)
Website Maintenance Demonstration
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
![Page 3: Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.](https://reader033.fdocuments.in/reader033/viewer/2022051516/56649d2b5503460f949ffe2a/html5/thumbnails/3.jpg)
Website Maintenance Demonstration
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’
![Page 4: Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.](https://reader033.fdocuments.in/reader033/viewer/2022051516/56649d2b5503460f949ffe2a/html5/thumbnails/4.jpg)
Website Maintenance Demonstration
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
![Page 5: Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.](https://reader033.fdocuments.in/reader033/viewer/2022051516/56649d2b5503460f949ffe2a/html5/thumbnails/5.jpg)
Website Maintenance Demonstration
Screen Layout (Browser Mode)
![Page 6: Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.](https://reader033.fdocuments.in/reader033/viewer/2022051516/56649d2b5503460f949ffe2a/html5/thumbnails/6.jpg)
Website Maintenance Demonstration
Screen Layout (Edit Mode)
![Page 7: Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.](https://reader033.fdocuments.in/reader033/viewer/2022051516/56649d2b5503460f949ffe2a/html5/thumbnails/7.jpg)
Website Maintenance Demonstration
Screen Layout (Comparison) Browser Mode
Edit Mode
![Page 8: Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.](https://reader033.fdocuments.in/reader033/viewer/2022051516/56649d2b5503460f949ffe2a/html5/thumbnails/8.jpg)
Website Maintenance Demonstration
Edit Text
Browse to desired web page
Enter Edit Mode Click ‘Edit Page’ button
Make changes Save by clicking
‘Publish’ button Confirmation Dialog
Box
![Page 9: Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.](https://reader033.fdocuments.in/reader033/viewer/2022051516/56649d2b5503460f949ffe2a/html5/thumbnails/9.jpg)
Website Maintenance Demonstration
Change An Image
Enter Edit Mode Select Image to be
replaced Insert > Image / ‘Image’
button My Computer My Website
Locate image file
![Page 10: Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.](https://reader033.fdocuments.in/reader033/viewer/2022051516/56649d2b5503460f949ffe2a/html5/thumbnails/10.jpg)
Website Maintenance Demonstration
Change An Image
Insert Image Dialog Box
![Page 11: Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.](https://reader033.fdocuments.in/reader033/viewer/2022051516/56649d2b5503460f949ffe2a/html5/thumbnails/11.jpg)
Website Maintenance Demonstration
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
![Page 12: Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.](https://reader033.fdocuments.in/reader033/viewer/2022051516/56649d2b5503460f949ffe2a/html5/thumbnails/12.jpg)
Website Maintenance Demonstration
Add A Link
Insert Link Dialog Box
![Page 13: Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.](https://reader033.fdocuments.in/reader033/viewer/2022051516/56649d2b5503460f949ffe2a/html5/thumbnails/13.jpg)
Website Maintenance Demonstration
Insert A Table Row
In Edit Mode, position cursor in current row Select Table > Insert > Insert Row Above/
Insert Row Below
![Page 14: Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.](https://reader033.fdocuments.in/reader033/viewer/2022051516/56649d2b5503460f949ffe2a/html5/thumbnails/14.jpg)
Website Maintenance Demonstration
Delete A Table Row
In Edit Mode, position cursor in row to be deleted
Select Table > Delete > Row
![Page 15: Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.](https://reader033.fdocuments.in/reader033/viewer/2022051516/56649d2b5503460f949ffe2a/html5/thumbnails/15.jpg)
Website Maintenance Demonstration
Add/ Change Email Link
In Edit Mode, highlight text to be converted into an email link
Select Insert > Link > Email Address / Click Link button
![Page 16: Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.](https://reader033.fdocuments.in/reader033/viewer/2022051516/56649d2b5503460f949ffe2a/html5/thumbnails/16.jpg)
Website Maintenance Demonstration
Add/ Change Email Link
Insert Link Dialog Box
![Page 17: Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.](https://reader033.fdocuments.in/reader033/viewer/2022051516/56649d2b5503460f949ffe2a/html5/thumbnails/17.jpg)
Website Maintenance Demonstration
Format Text
Enter edit mode Highlight text to be
formatted Select the Format Menu
Bold, Underline, Italic Style, Font Size, Colour
![Page 18: Web Content Management System Website Maintenance Demonstration Introduction to Macromedia Contribute Jamie Uprichard.](https://reader033.fdocuments.in/reader033/viewer/2022051516/56649d2b5503460f949ffe2a/html5/thumbnails/18.jpg)
Website Maintenance Demonstration
Note On Templates
Web sites constructed using Macromedia Dreamweaver templates Facilitates updates
Site administrator has set editable areas Tabs Locked Areas