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

Slides:

Advertisements

Similar presentations

DREAMWEAVER Welcome to our website!

Advertisements

Learning the Basics – Lesson 1

Creating and Editing a Web Page Using Inline Styles

FrontPage Express By John G. Summerville Ph.D.©, RN.

 Share assignments and files  Student and parent home access  Announcements  Classroom information.

Site Modules > Page Builder Access the Page Builder module through the Site Modules top navigation link. Access Page Builder from the Site Modules navigation.

Intermediate Level Course. Text Format The text styles, bold, italics, underlining, superscript and subscript, can be easily added to selected text. Text.

E-Portfolio Using sites.Google.com. Why Google? Easy to use Easy to share Accessible Permanent.

Microsoft Excel 2010 Chapter 7

ETT 429 Spring 2007 Web Design I.

FIRST COURSE Creating Web Pages with Microsoft Office 2007.

Getting an account with WordPress.com Open your web browser ( mozilla firefox, internet explorer, opera, etc.,)

Microsoft Office © Copyright William Rowan Objective By the end of this you will have being given a brief introduction to: Microsoft Word Microsoft.

Wordpress Tutorial 22 – 24 April Table of Contents Introduction Designing blog Writing and Publishing blog Pages Posts Categories Tags Links Comments.

FrontPage Basics Contributed by Richard Truxall, The Library Network Community Information Toolkit Copyright © 1999, Library of Michigan.

With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)

Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.

Introduction to Nvu Jing Fu. What is nVu? Free web design and development tool WYSIWYG (/wiziwig/) software Other similar tools: Dreamweaver, Googlepages.

Web Design HTML, Frontpage, DreamWeaver μέρος β ΠΡΥ019 - Πληροφορική Δρ.Βάσος Βασιλείου.

Dreamweaver Learning to be a web design master! By: Mr. Brunton.

© 2012 Boise State University1 WordPress Training February 14, 2013.

Creating a Website. Unit Objectives Plan a website Create a folder for website management Set up a website Add a folder to a website Save a web page Copy.

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.

Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.

Macromedia Studio 8 Step-by-Step MACROMEDIA DREAMWEAVER 8 Introduction.

© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.

Web Technologies Website Development Trade & Industrial Education

Tutorial 1: Getting Started with Adobe Dreamweaver CS4.

© 2012 Boise State University1 WordPress Training February 14, 2013.

Hong Kong Taoist Association Wun Tsuen School Computer Studies Microsoft Word 2010.

Creating Effective School and PTA Websites Sam Farnsworth Utah PTA Technology Specialist

Web Design-Lecture2-QN-2003 Web Design Microsoft FrontPage®

Website Development with Dreamweaver

Targeted Training, LLC. APPLYING STYLES DOWNLOAD FREE TRIAL OF ADOBE CONTRIBUTE ADOBE CONTRIBUTE CONNECTION WIZARD ENTERING EDIT MODE WEB PUBLISHING PROCESS.

WEBiT Adding a new page. 1. View a page like the one you wish to create a. Navigate to a page with a similar layout to the new page you wish to create.

JAOIT 8.  Dreamweaver is a program for creating web pages and managing websites without having to type HTML code.  WYSIWYG – What you see is what you.

Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.

CPG 4331 Class Agenda Word  Getting Started  Editing Documents  Changing Views in Documents  Format Text / Format Documents  Work With Tables  Work.

1. 2 Introductions  Name?  What do you want to get out of this session?  To follow along with this presentation go to

Dreamweaver MX. 2 Overview of Templates n Templates represent a web page design or _______ that will be common to multiple pages. n There are two situations.

Dreamweaver MX. 2 Overview of Templates n Forms enable you to collect data from ______. n A form contains ________ such as text fields, radio buttons,

Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit B Creating a Web Site.

Start Dreamweaver program From file menu click new Blank page appears.

Mrs. Knopp Library Media Specialist.  The term wiki comes from the phrase Wiki- Wiki which is the Hawaiian word for quick.  A wiki is a website that.

DotNetNuke Workshop Presented by: Sara Sharick. Topics What is DotNetNuke Components Requesting a DDN Site Creating Pages Modules Adding Content Document.

Chapter 1 Getting Started With Dreamweaver. Exploring the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.

HTML Concepts and Techniques Fifth Edition Chapter 4 Creating Tables in a Web Site.

January 2006Colby College ITS Setting Up Course Pages.

HTML Concepts and Techniques Fifth Edition Chapter 3 Creating Web Pages with Links, Images, and Formatted Text.

Home page Web page link 1 Web page link 2Web page link 3Web page link 4.

Chapter 28. Copyright 2003, Paradigm Publishing Inc. CHAPTER 28 BACKNEXTEND 28-2 LINKS TO OBJECTIVES Table Calculations Table Properties Fields in a Table.

Web and Multimedia Development Copyright © Genetic Computer School 2007WM LESSON OVERVIEW  Use of Tables  Creating Tables  Try It – 1  Creating.

Creating Web Pages with Links, Images, and Embedded Style Sheets

Creating a Google Site For a Digital Portfolio Purpose.

Content Management System (CMS) Introduction for the Prospective Students site.

Creating Web Pages in Word. Sharing Office Files Online Many Web pages are created using the HTML programming language. Web page editors are software.

Chapter 5 Using a Template to Create a Resume and Sharing a Finished Document Microsoft Word 2013.

Getting an account with WordPress.com

OVERVIEW Objectives Follow a design document to create a small personal Web site Follow a design document to create pages in a large commercial Web site.

With Microsoft FrontPage 2000

**Please view the instructional guide as a slideshow**

Learning the Basics – Lesson 1

~ How to create a basic website Part II ~

Module 6: Creating Web Pages and Working with Channels

How to customize your Microsoft SharePoint Online website

Macromedia Dreamweaver 8

Microsoft Word Text Basics.

Consult America Technology Consulting Services

Welcome To Microsoft Word 2016

Add Background Style Click the slide or slides that you want to add background style Click Design Tab Click Down arrow in the Themes group.

Presentation transcript:

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

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

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’

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

Website Maintenance Demonstration Screen Layout (Browser Mode)

Website Maintenance Demonstration Screen Layout (Edit Mode)

Website Maintenance Demonstration Screen Layout (Comparison) Browser Mode Edit Mode

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

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

Website Maintenance Demonstration Change An Image Insert Image Dialog Box

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

Website Maintenance Demonstration Add A Link Insert Link Dialog Box

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

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

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

Website Maintenance Demonstration Add/ Change Link Insert Link Dialog Box

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

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