EFFECTIVE CONTENT MANAGEMENT

Similar documents
Best Practices For Apps on Pages. Schoolwires Centricity2

Release Notes: Schoolwires Centricity2

Designing the Home Page and Creating Additional Pages

Best Practices For Apps on Pages. Schoolwires Centricity2

Manage Site and Subsite Homepages

Using AJAX to Easily Integrate Rich Media Elements

Hart House C&C Website Guide

NetObjects Fusion 10 Build Great Sites.

Easing into DITA Publishing with TopLeaf

Adobe Dreamweaver CS6 Digital Classroom

Product Slider for Magento 2. User Guide

BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS

Dreamweaver Domain 5: Organizing Content by Using Dreamweaver CS5

CHAPTER 1: GETTING STARTED WITH HTML CREATED BY L. ASMA RIKLI (ADAPTED FROM HTML, CSS, AND DYNAMIC HTML BY CAREY)

AGENDA :: MULTIMEDIA TOOLS :: (1382) :: CLASS NOTES

McMaster Brand Standard for Websites

CSS for Page Layout Robert K. Moniot 1

This document provides a concise, introductory lesson in HTML formatting.

Create a Web Page with Spry Navigation Bar. March 30, 2010

INTRODUCTION TO HTML5! HTML5 Page Structure!

CSS (CASCADING STYLE SHEETS) LAYOUT: INTRODUCTION ON PAGE BACKGROUNDS. By Ted Mitchell

MPT Web Design. Week 1: Introduction to HTML and Web Design

WPI Project Center WordPress Manual For Editors

Editing your SiteAssist Professional Template

HTML and CSS a further introduction

Template Documentation

Understanding this structure is pretty straightforward, but nonetheless crucial to working with HTML, CSS, and JavaScript.

Logging Into Your Site

Advanced Dreamweaver CS6

LUXE READYTHEME CUSTOMIZATION

HTML Organizing Page Content

The Photo Gallery. Adding a Photo Gallery Page. Adding a Photo Gallery App

Website Development (WEB) Lab Exercises

CSS worksheet. JMC 105 Drake University

Discuss web browsers. Define HTML terms

All Adobe Digital Design Vocabulary Absolute Div Tag Allows you to place any page element exactly where you want it Absolute Link Includes the

Chapter 16: PAGE LAYOUT WITH CSS

Web Programming and Design. MPT Senior Cycle Tutor: Tamara Week 1

WordPress Manual For Massachusetts Academy of Math and Science

Siteforce Pilot: Best Practices

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

Who should use this manual. Signing into WordPress

1. Beginning (Important)

Product Page PDF Magento Extension

WEBSITE INSTRUCTIONS

Web Community Manager 2.18 Release Notes

Updating Your Course Homepage in D2L - Daylight

USING JOOMLA LEVEL 3 (BACK END) OVERVIEW AUDIENCE LEVEL 3 USERS

Templates and Forms A Complete Overview for Connect Users

Emmet Next Theme Documentation

This assignment is worth 100 points and is due on the crashwhite.polytechnic.org server at 23:59:59 on the date given in class.

Creating. guide. quick start. Get Started! your yearbook. your yearbook. Let s. Create Custom Designs. yearbooks.inter-state.

Web Community Manager Release 4 (2.20)

SiteAssist Professional - Getting Started Guide

why DiggSpace? Easy to Setup & Manage Attractive and inviting for all employees Office 365 Integration Drive the adoption of Office 365

TUTORIAL MADCAP FLARE Tripane and PDF

From Ordinary to Extraordinary

HTML5/CSS3 Photo Gallery Plug-ins For Adobe Lightroom User Guide V 1.0

More about HTML. Digging in a little deeper

WORDPRESS TRAINING MANUAL LAST UPDATED ON FEBRUARY 26TH, 2016

Pages are static content, generally linked in your navigation. They are used for things like your about page and contact page.

NETZONE CMS User Guide Copyright Tomahawk

Microsoft Expression Web Quickstart Guide

Web Community Manager 2.20 Release Notes

User Guide-Store Builder

MANUAL ACCORDION TOOL

Page Layout. 4.1 Styling Page Sections 4.2 Introduction to Layout 4.3 Floating Elements 4.4 Sizing and Positioning

The Veranda House WORDPRESS MANUAL O ROURKE HOSPITALITY MARKETING OROURKEHOSPITALITY.COM

Html basics Course Outline

Themes and Master Pages

Using CSS for page layout

Basics of Web Design, 3 rd Edition Instructor Materials Chapter 2 Test Bank

Work with the Basic Dashboard

SAHARA BIKE1 RESPONSIVE MAGENTO THEME

Introducing CSS Flexbox Layout

YearbookFusion Online A Quick Start Guide

Page 1 of 4. Course Outline by Topic: Web Design Fall 2009 Instructor: Mr. O Connell Room 117

Css Manually Highlight Current Link Nav Link

Creating Booklets Using Microsoft Word 2013 on a PC

INTRODUCTION TO BLACKBOARD SCHOOL SITES

Bonus Lesson: Working with Code

Contents. Xweb User Manual

CounselLink Reporting. Designer

CSS: Layout Part 2. clear. CSS for layout and formatting: clear

Rocket Theme. User Guide

Web Update Panel User Manual

NEW WEBMASTER HTML & CSS FOR BEGINNERS COURSE SYNOPSIS

Portwalk Place WORDPRESS MANUAL O ROURKE HOSPITALITY MARKETING OROURKEHOSPITALITY.COM

INTRODUCTION MICHIGAN STATE UNIVERSITY WEB RESOURCES: WEB STYLE GUIDE V1.4 DECEMBER 5, 2011 PAGE 1 OF 13

Oracle Eloqua s User Guide

ADOBE VISUAL COMMUNICATION USING DREAMWEAVER CS5 Curriculum/Certification Mapping in MyGraphicsLab

Entrepreneur Theme Documentation

Communication System TIENET User Guide

CST272 Getting Started Page 1

Word 2016: Using Section Breaks

CSS Mapping in Advanced Mode for Events. Cvent, Inc 1765 Greensboro Station Place McLean, VA

Using Dreamweaver CS6

Cascading Style Sheets for layout II CS7026

Documentation on the Kentico CMS tool is available at

Getting Started with MadCap Flare Part 2: Feature Concepts

Transcription:

INSIDE BUSINESS CATALYST

EFFECTIVE Why does it matter? What Not to do. BC Modules Advanced Applications.

WHY DOES IT MATTER? EFFECTIVE

WHY DOES IT MATTER? Handing over the keys. Will your client be driving a Mercedes? Or a lemon?

WHY DOES IT MATTER? You are measured not only by how the site looks, but also by how easy it is to maintain. The coolest site on the web will mean nothing if the client can t edit the content. How you wire a site is directly related to the perceived value of the site The easier to edit, the more valuable to the customer.

WHY DOES IT MATTER? I broke it, you need to fix it! How you wire a site is directly related to how much support you ll need to provide going forward. All I did...

WHY DOES IT MATTER? So what s the secret? Separate the code from the content.

WHY DOES IT MATTER? Separating the code from the content... Makes the site easier to maintain Reduces the amount of support you need to provide Makes ongoing changes more efficient Efficient means profit Allows non-technical people to gain control of a website Adds Value.

WHY DOES IT MATTER? So...how do you do this in BC? It s all about the modules

WHAT NOT TO DO EFFECTIVE

WHAT NOT TO DO What not to do Putting too many divs inside the content area Manually adding template code to the content area. Create your own menus with selected and hover states.

WHAT NOT TO DO

WHAT NOT TO DO

MAKE THE MOST OF THE MODULES EFFECTIVE

THE EDITOR The Editor What it s good for Basic formatting: H1, P, UL, Bold, OL, etc What it s not good for Copy/Paste Complex code: Divs, Classes, IDs

WHAT NOT TO DO Be very, very careful with these tools.

THE EDITOR In-Context Editing Define editable regions in sites. Easy to find content. Just click to get there. Give the ability to edit content on page templates without accessing the template Footer addresses Side panel content

THE EDITOR

DYNAMIC MENUS Dynamic Menus An absolute must in all site architecture Make it very easy for clients to add items to the navigation. Difficult to break Very flexible if you understand how to use them Rendered as a unordered list Style in any way you want with CSS

DYNAMIC MENUS

HOLDERS Content Holders Effective Uses Holders for changing content on sitewide templates Tracking Code Addresses Footer information What they re not good for. Dynamic content (can t put modules into content holders...yet) Holders for menu code

EFFECTIVE

PAGE TEMPLATES Page Templates Try to reduce the number of templates. Makes future changes much easier. Name them in a way that makes sense to the client.

PAGE TEMPLATES

WEB APPS EFFECTIVE

WEB APPS Web Apps are one of the greatest features inside BC. Web Apps are the best way to separate the content from the code.

WEB APPS Web App Benefits Allow you to create absolute consistency of design while letting your client have complete control of the content. Ability to import data. Flexible designs Scaleable Can re-create many BC modules with additional flexibility. i.e. Calendars, Bookings, Announcements, Photo Galleries.

EFFECTIVE Building a photo rotator for the home page Requires no Flash, no xml, editing is as easy as replacing an image.

EFFECTIVE

EFFECTIVE Creating a Company Directory Define custom fields Auto-size images so they stay consistent Ability to import data Easy to enable or disable entries. Detail pages are generated automatically using any template.

EFFECTIVE

EFFECTIVE Creating a calendar of events. Simple way to manage many events. Ability to import data Complete control over design. Render multiple layout styles from one data source.

EFFECTIVE

ADVANCED APPLICATIONS EFFECTIVE

ADVANCED WEB APPS Centralize content for use across the entire site. Allowing customers or admin users to edit content without logging into the admin. Create a content holder which allows for the addition of modules. Use web-app fields to create CSS classes & IDs. Sites