Siteforce Pilot: Best Practices

Size: px
Start display at page:

Download "Siteforce Pilot: Best Practices"

Transcription

1 Siteforce Pilot: Best Practices

2 Getting Started with Siteforce Setup your users as Publishers and Contributors. Siteforce has two distinct types of users First, is your Web Publishers. These are the front end developers who will be the owners and builders of your website design. The second type of Siteforce users is Content Contributors. These are the business people who want to have control over text and messaging of your website, and have nothing to do with the design of the website. They will be in a restricted environment when using Siteforce. Contact your salesforce administrator to get users setup in your organization appropriately for Siteforce pilot. Web Publishers should be using the System Administrator or Salesforce Administor user profiles. If you have implemented custom user profiles, then make sure that Customize Application permission is enabled for these users. Content Contributors should be using the user profile called Standard User. If you have implemented custom user profiles, then make sure that View Setup permission is enabled for these users. Please note that his is a temporary setup needed for working with Siteforce pilot. Explore Siteforce Studio with the sample site template that comes with the product. Siteforce comes with a sample site template. We recommend that you first familiarize yourself with the Siteforce Studio by creating a new sites based on the sample site template. Cut up your website design to start building! Now that you are ready to start creating your own site, take a look at the creative assets for your website design and make sure you have any image assets, file assets, stylesheets, etc that you will need in the process. Siteforce Pilot Summer 11 : Best Practices Page 1 of 6

3 Working with Page Templates Always start with a page template. Remember changing a template will change all pages and templates derived from it. Use nested page templates. Flag parts of page templates as editable for editing in pages and templates derived from it. Laying out Pages Duplicate a page to create similar pages. Stay away from HTML tables. Instead, use panels with float property to build multi column layouts. Import images and files by dropping them into Siteforce Studio. Use the DOM tree in the left toolbar (Page Structure). Remember to use Undo / Redo. Siteforce Pilot Summer 11 : Best Practices Page 2 of 6

4 Working with Styles Always start with adding a reset CSS. All browsers have presentation defaults, but no browsers have the same defaults - resetting your styles just means you set your style rules for all elements to avoid having the browser do it for you. Using a CSS reset basically zeroes out the differences and allows for a clean start with complete control over how browser elements are presented to the end user. In Siteforce, you can either use your own CSS reset - this is done by pasting in your CSS code after choosing to "Edit Style Sheet Code" or you can choose to include ours (which is based on Eric Meyer's reset) by highlighting the Style Sheet on the left and choosing "Insert CSS Reset" from the actions menu. Either way, you should make sure that the reset is at the top of the style sheet's code, so any styles that come after it actually define how each item will be styled. Use CSS from your creative designs or look for online resources for free CSS. Use groups to organize your CSS code. Keeping your code organized is always a good thing - and the use of groups in your CSS code can really help when you have to go back to make changes. In Siteforce, we enable you to create style groups, in which you can nest similar styles. To create a style group, simply select the style sheet in which you'd like it to exist and choose "Style Group" from the "New" menu just above the left side's list area. This will insert a folder at the bottom of your style sheet's existing styles. If you'd like to re-order it to somewhere above its location, you can simply click and drag it to where you'd like it to be. From there, you can insert styles into the group in 2 ways: a) highlight the group and choose "Style Item" from the "New" menu; or b) drag an existing style into the folder. Remember when to use an ID versus a CSS Class. One of the basic principles to know when coding a CSS is that IDs must be unique in a page's structure, but classes can be used as many times on a page as you'd like. A good way to think about it is that in a page's structure, IDs are often used to define the header, content and footer areas. Within content, in the case of something like a blog, it's quite common to see classes such as "post" or "date" used repeatedly. Siteforce Pilot Summer 11 : Best Practices Page 3 of 6

5 Adding menu driven navigation Organize your pages in Sitemap. Start with the Menu component provided, and customize its behavior and look. Add custom code to get more from your menus, like adding on-hover sub menus. Here is a how-to on how to add on-hover sub-menus. We will assume that the user setting up the menu and sub-menu(s) has fairly advanced knowledge of CSS styling and formatting. There are 2 ways to add the on-hover sub-menus to your site. The first is, after adding a menu object to your page, to simply choose the Horizontal Dropdown theme in the Properties / Theme section and then go into your style sheet to customize its appearance. This does the work for you and is quite an easy approach. The second approach, if you want complete control over how the sub-menu code gets added is to take advantage of the jquery library, which is included in Siteforce to achieve the on-hover drop-down menus you want in your site. In this section of the document, we'll outline this approach. Step 1: Select your root Page object and add something like this to your main template in the right side Properties / Scripts section by clicking the Configure button below Edit Head Markup: <script type="text/javascript"> $(document).ready(function(){ $('#mainnav>ul>li').hover( function() { $('.sub-menu',this).css('display', 'block'); }, function() { $('.sub-menu',this).css('display', 'none'); }) }); </script>... where mainnav is the ID of your main navigation menu and the class sub-menu has been applied to each of your sub-menus. After that, click the Configure button below Edit Body Script and insert the following: $('#mainnav').children('ul').children('li').eq(0).append($('#sub1')); $('#mainnav').children('ul').children('li').eq(1).append($('#sub2')); $('#mainnav').children('ul').children('li').eq(3).append($('#sub3')); $('#mainnav').children('ul').children('li').eq(4).append($('#sub4')); $('#mainnav').children('ul').children('li').eq(5).append($('#sub5')); Siteforce Pilot Summer 11 : Best Practices Page 4 of 6

6 ...where "mainnav" is, again the ID given to your site's main navigation and "sub1" through "sub5" (or however many you have) are the IDs given to your site's desired submenus. You don't need to wrap the code in script tags. We do that for you here. Step 2: If you haven't already done so, add a Menu object to your page and give it the ID mainnav. Step 3: Now for the sub-menus. For each section of the site that you would like to have a sub-menu, drag a new Menu object into the same Panel container in which the mainnav object is housed. It would be a good idea to set up a sub-menu class in your style sheet ahead of this step (if not, do so now) with the following code:.sub-menu { padding: 0; display: none; } Now that the new menu object has been added to the page, you should give it the corresponding ID from the Body Script above (sub1, sub2, sub3... or whatever you've chosen to name them) and choose the section's parent page as the Menu Source. This will automatically add any pages added to that section to the sub-menu. Now, apply the sub-menu class in the right side's Style tab. This should be repeated for each sub-menu you would like to add to the site. Testing and Publishing Preview your site often. Use anonymous preview to share your work for feedback. In Site Properties, enable anonymous preview. Then use the Preview pull-down button to view anonymous preview. You can share this URL with your team to get feedback on your work, without them needing to login to salesforce. Start with publishing to a test domain. Leave draft pages outside of sitemap Siteforce Pilot Summer 11 : Best Practices Page 5 of 6

7 Customize your Site Implement custom code block for advanced functions. In general, try to avoid using custom code if possible. If you are comfortable with the ins & outs of coding HTML however, it can be a powerful tool for customizing your site and using markup tags that are not provided natively in the studio environment. For example: Flash or advanced video objects usually require the use of an <embed> or <object> tag with special parameters. Although it is also possible to insert flash (or video) object in the rich text editor, you may require more flexibility for setting advanced options - custom code is ideal for this, since you have access to the raw HTML markup. Styling the custom code object: even though a custom code object may look empty (or contain only script), it actually is represented on the page in the form of a <div> wrapper. Therefore you can style the custom code object as normal (for e.g. using the visual CSS editor). The styling will be applied to the <div> that wraps the custom code. If you are building a Siteforce site from an existing HTML site, try to avoid relying on the custom code object as a crutch for pasting in massive amounts of HTML from the original site. Instead, take a step back and think about how you can use Siteforce native objects (like panels, images and content blocks) to achieve your need. Doing things this way takes a bit longer but pays off in the long run since future design changes will be easier, and the editing environment will be more intuitive as a result. (E.g., Custom code blocks are not editable in the Rich Text Editor (RTE) by contributor users - only content blocks can be edited by contributors). Add scripts to bring your site to life. Since your markup can contain <script> tags, you could use custom code to insert things like Google analytics hooks, or other 3rd party functionality. In general however, you should prefer to use the 'page script' button (for body,head) in order to execute javascript. Putting script in the custom code object is useful only in specific situations where you need to do something at a particular location in the the page. Use frameworks such jquery, mootools, 960.gs Siteforce Pilot Summer 11 : Best Practices Page 6 of 6

Virto SharePoint Forms Designer for Office 365. Installation and User Guide

Virto SharePoint Forms Designer for Office 365. Installation and User Guide Virto SharePoint Forms Designer for Office 365 Installation and User Guide 2 Table of Contents KEY FEATURES... 3 SYSTEM REQUIREMENTS... 3 INSTALLING VIRTO SHAREPOINT FORMS FOR OFFICE 365...3 LICENSE ACTIVATION...4

More information

Prosphero Intranet Sample Websphere Portal / Lotus Web Content Management 6.1.5

Prosphero Intranet Sample Websphere Portal / Lotus Web Content Management 6.1.5 www.ibm.com.au Prosphero Intranet Sample Websphere Portal / Lotus Web Content Management 6.1.5 User Guide 7th October 2010 Authors: Mark Hampton & Melissa Howarth Introduction This document is a user guide

More information

Build Data-rich Websites using Siteforce

Build Data-rich Websites using Siteforce Build Data-rich Websites using Siteforce Sonali Agrawal Director of Product Management @sonali_sfdc Eric Dorgelo Director of Development Safe Harbor Safe harbor statement under the Private Securities Litigation

More information

Virto SharePoint Forms Designer for Office 365. Installation and User Guide

Virto SharePoint Forms Designer for Office 365. Installation and User Guide Virto SharePoint Forms Designer for Office 365 Installation and User Guide 2 Table of Contents KEY FEATURES... 3 SYSTEM REQUIREMENTS... 3 INSTALLING VIRTO SHAREPOINT FORMS FOR OFFICE 365... 3 LICENSE ACTIVATION...

More information

[PACKT] HTML5, CSS3, and jquery. Dreamweaver CS5.5 Mobile. and Web Development with

[PACKT] HTML5, CSS3, and jquery. Dreamweaver CS5.5 Mobile. and Web Development with Dreamweaver CS5.5 Mobile and Web Development with HTML5, CSS3, and jquery Harness the cutting edge features of Dreamweaver for mobile and web development David Karl ins [PACKT] PUBLISHING BIRMINGHAM -

More information

Dreamweaver CS6. Table of Contents. Setting up a site in Dreamweaver! 2. Templates! 3. Using a Template! 3. Save the template! 4. Views!

Dreamweaver CS6. Table of Contents. Setting up a site in Dreamweaver! 2. Templates! 3. Using a Template! 3. Save the template! 4. Views! Dreamweaver CS6 Table of Contents Setting up a site in Dreamweaver! 2 Templates! 3 Using a Template! 3 Save the template! 4 Views! 5 Properties! 5 Editable Regions! 6 Creating an Editable Region! 6 Modifying

More information

Evoq 8 Content Managers Training Manual

Evoq 8 Content Managers Training Manual Evoq 8 Content Managers Training Manual Table of Contents Chapter 1: User Login... 2 User Login...2 User Login Screen...2 User Logout...2 Chapter 2: Navigating within Evoq 8...3 Editing Bar...3 Dashboard...4

More information

Kyle #HubSpotting

Kyle #HubSpotting /0/3 INTERMEDIATE. AN INTRODUCTION TO BUILDING TEMPLATES WITH THE COS Kyle Geiste @kylegeiste #HubSpotting If you plan on creating templates to sell in the HubSpot Marketplace, or do not currently have

More information

Css Manually Highlight Current Page Menu Using

Css Manually Highlight Current Page Menu Using Css Manually Highlight Current Page Menu Using I use a single page navigation menu for my Intranet site (offline) and want to And I can manually add the following CSS to each page to get them highlighted.

More information

A Quick Introduction to the Genesis Framework for WordPress. How to Install the Genesis Framework (and a Child Theme)

A Quick Introduction to the Genesis Framework for WordPress. How to Install the Genesis Framework (and a Child Theme) Table of Contents A Quick Introduction to the Genesis Framework for WordPress Introduction to the Genesis Framework... 5 1.1 What's a Framework?... 5 1.2 What's a Child Theme?... 5 1.3 Theme Files... 5

More information

Xerte. Guide to making responsive webpages with Bootstrap

Xerte. Guide to making responsive webpages with Bootstrap Xerte Guide to making responsive webpages with Bootstrap Introduction The Xerte Bootstrap Template provides a quick way to create dynamic, responsive webpages that will work well on any device. Tip: Webpages

More information

Overview of the Adobe Dreamweaver CS5 workspace

Overview of the Adobe Dreamweaver CS5 workspace Adobe Dreamweaver CS5 Activity 2.1 guide Overview of the Adobe Dreamweaver CS5 workspace You can access Adobe Dreamweaver CS5 tools, commands, and features by using menus or by selecting options from one

More information

Google Sites 101. Mrs. Wilson

Google Sites 101. Mrs. Wilson Google Sites 101 Mrs. Wilson Google Sites 101 Create a site 1. Go to http://sites.google.com/ 2. Login with your Google Account [or Google Apps account] email address and password You can create a Google

More information

Introduction to Qualtrics

Introduction to Qualtrics Introduction to Qualtrics Copyright 2014, Software Application Training, West Chester University. A member of the Pennsylvania State Systems of Higher Education. No portion of this document may be reproduced

More information

QuickStart Guide MindManager 7 MAC

QuickStart Guide MindManager 7 MAC QuickStart Guide MindManager 7 MAC Contents Welcome to Mindjet MindManager...... 1 Technical Support and Registration... 1 About this User Guide............... 1 Learn about MindManager and maps... 2 What

More information

Dreamweaver MX The Basics

Dreamweaver MX The Basics Chapter 1 Dreamweaver MX 2004 - The Basics COPYRIGHTED MATERIAL Welcome to Dreamweaver MX 2004! Dreamweaver is a powerful Web page creation program created by Macromedia. It s included in the Macromedia

More information

Self-Service Portal Implementation Guide

Self-Service Portal Implementation Guide Self-Service Portal Implementation Guide Salesforce, Spring 6 @salesforcedocs Last updated: April 7, 06 Copyright 000 06 salesforce.com, inc. All rights reserved. Salesforce is a registered trademark of

More information

How to use WordPress to create a website STEP-BY-STEP INSTRUCTIONS

How to use WordPress to create a website STEP-BY-STEP INSTRUCTIONS How to use WordPress to create a website STEP-BY-STEP INSTRUCTIONS STEP 1:Preparing your WordPress site Go to the Dashboard for your new site Select Appearance > Themes. Make sure you have Activated the

More information

A Guide to Quark Author Web Edition 2015

A Guide to Quark Author Web Edition 2015 A Guide to Quark Author Web Edition 2015 CONTENTS Contents Getting Started...4 About Quark Author - Web Edition...4 Smart documents...4 Introduction to the Quark Author - Web Edition User Guide...4 Quark

More information

How to create and send a new . NOTE: See different guide for repurposing an existing

How to create and send a new  . NOTE: See different guide for repurposing an existing How to create and send a new email NOTE: See different guide for repurposing an existing email 1 Log into marketo at https://rufsso.rutgers.edu/ 2 Remember You will need a NetID and password to log in

More information

Lesson 1 using Dreamweaver CS3. To get started on your web page select the link below and copy (Save Picture As) the images to your image folder.

Lesson 1 using Dreamweaver CS3. To get started on your web page select the link below and copy (Save Picture As) the images to your image folder. Lesson 1 using Dreamweaver CS3 To get started on your web page select the link below and copy (Save Picture As) the images to your image folder. Click here to get images for your web page project. (Note:

More information

EDITING AN EXISTING REPORT

EDITING AN EXISTING REPORT Report Writing in NMU Cognos Administrative Reporting 1 This guide assumes that you have had basic report writing training for Cognos. It is simple guide for the new upgrade. Basic usage of report running

More information

SCHULICH MEDICINE & DENTISTRY Website Updates August 30, Administrative Web Editor Guide v6

SCHULICH MEDICINE & DENTISTRY Website Updates August 30, Administrative Web Editor Guide v6 SCHULICH MEDICINE & DENTISTRY Website Updates August 30, 2012 Administrative Web Editor Guide v6 Table of Contents Chapter 1 Web Anatomy... 1 1.1 What You Need To Know First... 1 1.2 Anatomy of a Home

More information

Links Menu (Blogroll) Contents: Links Widget

Links Menu (Blogroll) Contents: Links Widget 45 Links Menu (Blogroll) Contents: Links Widget As bloggers we link to our friends, interesting stories, and popular web sites. Links make the Internet what it is. Without them it would be very hard to

More information

Designing the Home Page and Creating Additional Pages

Designing the Home Page and Creating Additional Pages Designing the Home Page and Creating Additional Pages Creating a Webpage Template In Notepad++, create a basic HTML webpage with html documentation, head, title, and body starting and ending tags. From

More information

ADRION PROJECT WEBSITES USER S MANUAL

ADRION PROJECT WEBSITES USER S MANUAL ADRION PROJECT WEBSITES USER S MANUAL September 2018 Summary 1. The ADRION Project Website... 3 2. Content instructions... 3 3. Contacts for technical assistance... 3 4. Login... 3 5. Editable contents...

More information

Techniques for Optimizing Reusable Content in LibGuides

Techniques for Optimizing Reusable Content in LibGuides University of Louisville From the SelectedWorks of Terri Holtze April 21, 2017 Techniques for Optimizing Reusable Content in LibGuides Terri Holtze, University of Louisville Available at: https://works.bepress.com/terri-holtze/4/

More information

FrontPage Help Center. Topic: FrontPage Basics

FrontPage Help Center. Topic: FrontPage Basics FrontPage Help Center Topic: FrontPage Basics by Karey Cummins http://www.rtbwizards.com http://www.myartsdesire.com 2004 Getting Started... FrontPage is a "What You See Is What You Get" editor or WYSIWYG

More information

JSN Sun Framework User's Guide

JSN Sun Framework User's Guide JSN Sun Framework User's Guide Getting Started Layout Overview & Key concepts To start with layout configuration, Go to Extension Template JSN_template_default The first tab you see will be the Layout

More information

CMS Shado 9. Quick Start Guide

CMS Shado 9. Quick Start Guide CMS Shado 9 Quick Start Guide 1 Logging In 3 Shado Central Interface 4 Sections, Pages and Containers 7 Sections 7 Pages 7 Containers 7 The Site Tree 8 Edit Content on a Page 9 Editing Container Content

More information

USING DRUPAL. Hampshire College Website Editors Guide https://drupal.hampshire.edu

USING DRUPAL. Hampshire College Website Editors Guide https://drupal.hampshire.edu USING DRUPAL Hampshire College Website Editors Guide 2014 https://drupal.hampshire.edu Asha Kinney Hampshire College Information Technology - 2014 HOW TO GET HELP Your best bet is ALWAYS going to be to

More information

Using AJAX to Easily Integrate Rich Media Elements

Using AJAX to Easily Integrate Rich Media Elements 505 Using AJAX to Easily Integrate Rich Media Elements James Monroe Course Developer, WWW.eLearningGuild.com The Problem: How to string together several rich media elements (images, Flash movies, video,

More information

CAIMS website user guide

CAIMS website user guide CAIMS website user guide!1 Adding content Posts versus pages The CAIMS site is based on content management system (CMS). CMSs manage the back-end tasks of populating a site with user content from site

More information

FIREFOX MENU REFERENCE This menu reference is available in a prettier format at

FIREFOX MENU REFERENCE This menu reference is available in a prettier format at FIREFOX MENU REFERENCE This menu reference is available in a prettier format at http://support.mozilla.com/en-us/kb/menu+reference FILE New Window New Tab Open Location Open File Close (Window) Close Tab

More information

Site Owners: Cascade Basics. May 2017

Site Owners: Cascade Basics. May 2017 Site Owners: Cascade Basics May 2017 Page 2 Logging In & Your Site Logging In Open a browser and enter the following URL (or click this link): http://mordac.itcs.northwestern.edu/ OR http://www.northwestern.edu/cms/

More information

ORB Education Quality Teaching Resources

ORB Education Quality Teaching Resources These basic resources aim to keep things simple and avoid HTML and CSS completely, whilst helping familiarise students with what can be a daunting interface. The final websites will not demonstrate best

More information

RIT Wiki 5.1 Upgrade - May 21, 2013

RIT Wiki 5.1 Upgrade - May 21, 2013 RIT Wiki 5.1 Upgrade - May 21, 2013 We are pleased to announce that the RIT Wiki will be upgraded to version 5.1 on Tuesday, May 21st. UPDATED TIME: The RIT Wiki will be unavailable on Tuesday, May 21st

More information

WPI Project Center WordPress Manual For Editors

WPI Project Center WordPress Manual For Editors WPI Project Center WordPress Manual For Editors April 17, 2015 Table of Contents Who should use this manual... 3 Signing into WordPress... 3 The WordPress Dashboard and Left-Hand Navigation Menu... 4 Adding

More information

USER GUIDE. MADCAP FLARE 2017 r3. QR Codes

USER GUIDE. MADCAP FLARE 2017 r3. QR Codes USER GUIDE MADCAP FLARE 2017 r3 QR Codes Copyright 2018 MadCap Software. All rights reserved. Information in this document is subject to change without notice. The software described in this document is

More information

Wolf. Responsive Website Designer. Mac Edition User Guide

Wolf. Responsive Website Designer. Mac Edition User Guide Wolf Responsive Website Designer Mac Edition User Guide Version 2.10.3 Table of Contents What is Wolf Website Designer? Editor overview Save and open website Create responsive layout How to create responsive

More information

Designing Pages with Widgets

Designing Pages with Widgets Designing Pages with Widgets You can easily get some of the pages in Clearspace to look the way you want to by using widgets to choose and arrange content. Each widget displays content of a particular

More information

Oracle Eloqua s User Guide

Oracle Eloqua  s User Guide http://docs.oracle.com Oracle Eloqua Emails User Guide 2018 Oracle Corporation. All rights reserved 11-Jan-2018 Contents 1 Emails Overview 6 2 Examples of emails 7 3 Creating emails 19 4 Email authoring

More information

Chapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10

Chapter 1 Introduction to Dreamweaver CS3 1. About Dreamweaver CS3 Interface...4. Creating New Webpages...10 CONTENTS Chapter 1 Introduction to Dreamweaver CS3 1 About Dreamweaver CS3 Interface...4 Title Bar... 4 Menu Bar... 4 Insert Bar... 5 Document Toolbar... 5 Coding Toolbar... 6 Document Window... 7 Properties

More information

1 Introduction Working with Folders Working with Images and Files Creating a Banner Image... 39

1 Introduction Working with Folders Working with Images and Files Creating a Banner Image... 39 Inn Websitee User Manual Produced by the Umbraco Community Umbraco v4 [9. 16.13] Contents 1 Introduction... 3 1.1 American Inns of Court Inn Websites... 3 1.2 Introduction to Umbraco... 3 2 Getting Started

More information

How to Edit Your Website

How to Edit Your Website How to Edit Your Website A guide to using SimpleCMS Overview 2 Accessing the CMS 2 Resetting Your Password 2 Pages 3 Managing Files 3 Shortcuts 4 Uploading 4 Page Options 4 Relabel 4 Duplicate 4 Google

More information

Google Chrome 4.0. AccuCMS

Google Chrome 4.0. AccuCMS Google Chrome 4.0 AccuCMS Outline Contents Google Chrome 4.0... 4 Thank you for choosing Blue Archer... 4 As an AccuCMS user you can:... 4 Getting Started... 4 AccuCMS allows you to:... 4 Logging in to

More information

Cascading Style Sheets for layout II CS7026

Cascading Style Sheets for layout II CS7026 Cascading Style Sheets for layout II CS7026 Understanding CSS float The CSS float property is also a very important property for layout. It allows you to position your Web page designs exactly as you want

More information

How to Edit Your Website

How to Edit Your Website How to Edit Your Website A guide to using your Content Management System Overview 2 Accessing the CMS 2 Choosing Your Language 2 Resetting Your Password 3 Sites 4 Favorites 4 Pages 5 Creating Pages 5 Managing

More information

FileNET Guide for AHC PageMasters

FileNET Guide for AHC PageMasters PageMasters have the permissions necessary to perform the following tasks with Site Tools: ACADEMIC HEALTH CENTER 2 Application Requirements...3 Access FileNET...3 Log in to FileNET...3 Navigate the Site...3

More information

Administrative Training Mura CMS Version 5.6

Administrative Training Mura CMS Version 5.6 Administrative Training Mura CMS Version 5.6 Published: March 9, 2012 Table of Contents Mura CMS Overview! 6 Dashboard!... 6 Site Manager!... 6 Drafts!... 6 Components!... 6 Categories!... 6 Content Collections:

More information

Digication eportfolio Student s Guide (Last update: 8/2017)

Digication eportfolio Student s Guide (Last update: 8/2017) Digication eportfolio Student s Guide (Last update: 8/2017) 2 Table of Contents Introduction... 1 Creating Your eportfolio... 3 Editing Your eportfolio... 4 Area 1: Top Menu Bar... 6 Area 2: The Main Tabs...

More information

FEWD START SCREENCAST!!!!

FEWD START SCREENCAST!!!! FEWD START SCREENCAST!!!! LET'S GET EVERYTHING SET UP! 1. Navigate to the FEWD 51 Dashboard (saraheholden.com/fewd51) and download the Lesson 5 starter code and slides. You'll want to keep the dashboard

More information

SiteAssist Professional Help Documentation. Copyright 2008 WebAssist.com Corporation All rights reserved.

SiteAssist Professional Help Documentation. Copyright 2008 WebAssist.com Corporation All rights reserved. SiteAssist Professional Help Documentation Copyright 2008 WebAssist.com Corporation All rights reserved. User Interface Access WebAssist Category of Insert toolbar SiteAssist Professional Wizard SiteAssist

More information

Sitefinity Manual. Webmasters. University of Vermont College of Medicine. Medical Communications

Sitefinity Manual. Webmasters. University of Vermont College of Medicine. Medical Communications Sitefinity Manual Webmasters University of Vermont College of Medicine Medical Communications Table of Contents Basics... 2 Navigating to the Website... 3 Actions.. 4 Titles & Properties. 5 Creating a

More information

WEB CREATOR PAGES MANAGER

WEB CREATOR PAGES MANAGER WEB CREATOR PAGES MANAGER TABLE OF CONTENTS TABLE OF CONTENTS... 2 ADMINISTRATIVE PERMISSIONS... 3 ACCESSING WEBSITE SETTINGS... 3 PAGES MANAGER... 3 Accessing Pages Manager... 3 PAGE MANAGER NAVIGATION...

More information

SharePoint SITE OWNER TRAINING

SharePoint SITE OWNER TRAINING SharePoint SITE OWNER TRAINING Contents Customizing Your Site... 3 Editing Links...4 Give the site a new look...5 Changing Title, Description, or Logo...6 Remove the Getting Started Icons...6 Adding Apps

More information

Website Development (WEB) Lab Exercises

Website Development (WEB) Lab Exercises Website Development (WEB) Lab Exercises Select exercises from the lists below to complete your training in Website Development and earn 125 points. You do not need to do all the exercises listed, except

More information

User Guide. Web Intelligence Rich Client. Business Objects 4.1

User Guide. Web Intelligence Rich Client. Business Objects 4.1 User Guide Web Intelligence Rich Client Business Objects 4.1 2 P a g e Web Intelligence 4.1 User Guide Web Intelligence 4.1 User Guide Contents Getting Started in Web Intelligence 4.1... 5 Log into EDDIE...

More information

Contents. Introduction 15. How to use this course 18. Session One: Basic Skills 21. Session Two: Doing Useful Work with Excel 65

Contents. Introduction 15. How to use this course 18. Session One: Basic Skills 21. Session Two: Doing Useful Work with Excel 65 Contents Introduction 15 Downloading the sample files... 15 Problem resolution... 15 The Excel version and locale that were used to write this book... 15 Typographical Conventions Used in This Book...

More information

OU EDUCATE TRAINING MANUAL

OU EDUCATE TRAINING MANUAL OU EDUCATE TRAINING MANUAL OmniUpdate Web Content Management System El Camino College Staff Development 310-660-3868 Course Topics: Section 1: OU Educate Overview and Login Section 2: The OmniUpdate Interface

More information

ADOBE 9A Adobe Dreamweaver CS4 ACE.

ADOBE 9A Adobe Dreamweaver CS4 ACE. ADOBE 9A0-090 Adobe Dreamweaver CS4 ACE http://killexams.com/exam-detail/9a0-090 ,D QUESTION: 74 You use an image throughout your Web site. You want to be able to add this image to various Web pages without

More information

Sitecore Experience Accelerator 1.2 Rev: September 13, Sitecore Experience Accelerator 1.2

Sitecore Experience Accelerator 1.2 Rev: September 13, Sitecore Experience Accelerator 1.2 Sitecore Experience Accelerator 1.2 Rev: September 13, 2018 Sitecore Experience Accelerator 1.2 All the official Sitecore documentation. Page 1 of 81 Add, edit, and delete a rendering In the Experience

More information

FileNET Guide for AHC PageMasters

FileNET Guide for AHC PageMasters ACADEMIC HEALTH CENTER 2 PageMasters have the permissions necessary to perform the following tasks with Site Tools: Application Requirements...3 Access FileNET...3 Login to FileNET...3 Navigate the Site...3

More information

Microsoft Word 2010 Basics

Microsoft Word 2010 Basics 1 Starting Word 2010 with XP Click the Start Button, All Programs, Microsoft Office, Microsoft Word 2010 Starting Word 2010 with 07 Click the Microsoft Office Button with the Windows flag logo Start Button,

More information

How to lay out a web page with CSS

How to lay out a web page with CSS How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS3 to create a simple page layout. However, a more powerful technique is to use Cascading Style Sheets (CSS).

More information

Layout Manager - Toolbar Reference Guide

Layout Manager - Toolbar Reference Guide Layout Manager - Toolbar Reference Guide Working with a Document Toolbar Button Description View or edit the source code of the document (for advanced users). Save the contents and submit its data to the

More information

Styles, Style Sheets, the Box Model and Liquid Layout

Styles, Style Sheets, the Box Model and Liquid Layout Styles, Style Sheets, the Box Model and Liquid Layout This session will guide you through examples of how styles and Cascading Style Sheets (CSS) may be used in your Web pages to simplify maintenance of

More information

PROFILE DESIGN TUTORIAL KIT

PROFILE DESIGN TUTORIAL KIT PROFILE DESIGN TUTORIAL KIT NEW PROFILE With the help of feedback from our users and designers worldwide, we ve given our profiles a new look and feel. The new profile is designed to enhance yet simplify

More information

Logging Into Your Site

Logging Into Your Site This training document is meant as a step-by-step guide to creating and delivering a UW-Madison site in the current UW-Madison theme. In this training class, you will learn how to log in to access your

More information

Azon Master Class. By Ryan Stevenson Guidebook #5 WordPress Usage

Azon Master Class. By Ryan Stevenson   Guidebook #5 WordPress Usage Azon Master Class By Ryan Stevenson https://ryanstevensonplugins.com/ Guidebook #5 WordPress Usage Table of Contents 1. Widget Setup & Usage 2. WordPress Menu System 3. Categories, Posts & Tags 4. WordPress

More information

Bluehost and WordPress

Bluehost and WordPress Bluehost and WordPress Your Bluehost account allows you to install a self-hosted Wordpress installation. We will be doing this, and you will be customizing it for your final project. Using WordPress 1.

More information

File: SiteExecutive 2013 Core Modules User Guide.docx Printed September 30, 2013

File: SiteExecutive 2013 Core Modules User Guide.docx Printed September 30, 2013 File: SiteExecutive 2013 Core Modules User Guide.docx Printed September 30, 2013 Page i Contact: Systems Alliance, Inc. Executive Plaza III 11350 McCormick Road, Suite 1203 Hunt Valley, Maryland 21031

More information

Oracle Eloqua s User Guide

Oracle Eloqua  s User Guide http://docs.oracle.com Oracle Eloqua Emails User Guide 2017 Oracle Corporation. All rights reserved 08-Dec-2017 Contents 1 Emails Overview 6 2 Examples of emails 7 3 Creating emails 19 4 Email authoring

More information

SharePoint User Manual

SharePoint User Manual SharePoint User Manual Developed By The CCAP SharePoint Team Revision: 10/2009 TABLE OF CONTENTS SECTION 1... 5 ABOUT SHAREPOINT... 5 1. WHAT IS MICROSOFT OFFICE SHAREPOINT SERVER (MOSS OR SHAREPOINT)?...

More information

PRESENCE. RadEditor Guide. SchoolMessenger 100 Enterprise Way, Suite A-300 Scotts Valley, CA

PRESENCE. RadEditor Guide. SchoolMessenger 100 Enterprise Way, Suite A-300 Scotts Valley, CA PRESENCE RadEditor Guide SchoolMessenger 100 Enterprise Way, Suite A-300 Scotts Valley, CA 95066 800-920-3897 www.schoolmessenger.com Contents Contents... 2 Introduction... 3 What is RadEditor?... 3 RadEditor

More information

How to set up a local root folder and site structure

How to set up a local root folder and site structure Activity 2.1 guide How to set up a local root folder and site structure The first thing to do when creating a new website with Adobe Dreamweaver CS3 is to define a site and identify a root folder where

More information

WEBSITE INSTRUCTIONS. Table of Contents

WEBSITE INSTRUCTIONS. Table of Contents WEBSITE INSTRUCTIONS Table of Contents 1. How to edit your website 2. Kigo Plugin 2.1. Initial Setup 2.2. Data sync 2.3. General 2.4. Property & Search Settings 2.5. Slideshow 2.6. Take me live 2.7. Advanced

More information

JustEdit. Overview. Path Status Bar

JustEdit. Overview. Path Status Bar JustEdit Overview JustEdit is a new way to edit content in OU Campus that allows users to edit pages without leaving the "Preview" view of the content. Editing a page using JustEdit works the same as using

More information

PlayerLync Forms User Guide (MachForm)

PlayerLync Forms User Guide (MachForm) PlayerLync Forms User Guide (MachForm) Table of Contents FORM MANAGER... 1 FORM BUILDER... 3 ENTRY MANAGER... 4 THEME EDITOR... 6 NOTIFICATIONS... 8 FORM CODE... 9 FORM MANAGER The form manager is where

More information

Pardot Setup Implementation Guide

Pardot Setup Implementation Guide Pardot Setup Implementation Guide Salesforce, Summer 18 @salesforcedocs Last updated: May 31, 2018 Copyright 2000 2018 salesforce.com, inc. All rights reserved. Salesforce is a registered trademark of

More information

Dreamweaver Basics. Planning your website Organize site structure Plan site design & navigation Gather your assets

Dreamweaver Basics. Planning your website Organize site structure Plan site design & navigation Gather your assets Dreamweaver Basics Planning your website Organize site structure Plan site design & navigation Gather your assets Creating your website Dreamweaver workspace Define a site Create a web page Linking Manually

More information

NYU A&S AEM Implementation. Exercise Sheets

NYU A&S AEM Implementation. Exercise Sheets NYU A&S AEM Implementation Exercise Sheets Table of Contents Table of Contents... 2 Exercise 1: Blank Page with Title... 1 A. Create page using template Blank Page with Title... 1 B. Author component Generic

More information

FCKEditor v1.0 Basic Formatting Create Links Insert Tables

FCKEditor v1.0 Basic Formatting Create Links Insert Tables FCKEditor v1.0 This document goes over the functionality and features of FCKEditor. This editor allows you to easily create XHTML compliant code for your web pages in Site Builder Toolkit v2.3 and higher.

More information

Requirements Document

Requirements Document GROUP 9 Requirements Document Create-A-Page Matthew Currier, John Campbell, and Dan Martin 5/1/2009 This document is an outline of what was originally desired in the application in the Project Abstract,

More information

Drupal Cloud Getting Started Guide Creating a Lab site with the MIT DLC Theme

Drupal Cloud Getting Started Guide Creating a Lab site with the MIT DLC Theme Introduction Drupal Cloud Getting Started Guide Creating a Lab site with the MIT DLC Theme In this Getting Started Guide, you can follow along as a website is built using the MIT DLC Theme. Whether you

More information

User Guide. Version 8.0

User Guide. Version 8.0 User Guide Version 8.0 Contents 1 Getting Started... iii 1.1... About... iii 2 Logging In... 4 2.1... Choosing Security Questions... 4 3 The File Manager... 5 3.1... Uploading a file... 6 3.2... Downloading

More information

CANVAS TEACHER IOS GUIDE

CANVAS TEACHER IOS GUIDE CANVAS TEACHER IOS GUIDE This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike License Table of Contents Navigation...4 How do I download the Teacher app on my ios device?...5

More information

Contents. Page Builder Pro Manual

Contents. Page Builder Pro Manual PRISM Contents 1. Website/Pages/Stripes/Items/Elements... 2 2. Click & Edit, Mix & Match (Drag & Drop)... 3 3. Adding a Stripe... 4 4. Managing Stripes... 5 5. Adding a Page... 7 6. Managing Pages and

More information

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

Web Programming and Design. MPT Senior Cycle Tutor: Tamara Week 1 Web Programming and Design MPT Senior Cycle Tutor: Tamara Week 1 What will we cover? HTML - Website Structure and Layout CSS - Website Style JavaScript - Makes our Website Dynamic and Interactive Plan

More information

This is the lesson workshop to create a test page in DIVI

This is the lesson workshop to create a test page in DIVI SCWCLUBS.COM Websites are a very important forms of communication. People thinking about Arizona are comparing communities. People in SCW are comparing clubs. Club members are checking information. Keep

More information

How to lay out a web page with CSS

How to lay out a web page with CSS Activity 2.6 guide How to lay out a web page with CSS You can use table design features in Adobe Dreamweaver CS4 to create a simple page layout. However, a more powerful technique is to use Cascading Style

More information

Microsoft Expression Web Quickstart Guide

Microsoft Expression Web Quickstart Guide Microsoft Expression Web Quickstart Guide MS-Expression Web Quickstart Guide Page 1 of 24 Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program,

More information

Dreamweaver Basics Outline

Dreamweaver Basics Outline Dreamweaver Basics Outline The Interface Toolbar Status Bar Property Inspector Insert Toolbar Right Palette Modify Page Properties File Structure Define Site Building Our Webpage Working with Tables Working

More information

Using Sitecore 5.3.1

Using Sitecore 5.3.1 Using Sitecore 5.3.1 An End-User s Guide to Using and Administrating Sitecore Author: Sitecore Corporation Date: December 12, 2007 Release: Rev. 1.0 Language: English Sitecore is a registered trademark.

More information

How to lay out a web page with CSS

How to lay out a web page with CSS How to lay out a web page with CSS A CSS page layout uses the Cascading Style Sheets format, rather than traditional HTML tables or frames, to organize the content on a web page. The basic building block

More information

Unveiling Zend Studio 8.0

Unveiling Zend Studio 8.0 Unveiling Zend Studio 8.0 Roy Ganor Project Lead Zend Studio http://twitter.com/royganor Download! Native Installers! Zend Studio Releases 2006 2007 2007 2008 2008 2009 2009 2010 2010 Studio 6.0 Studio

More information

Working with WebNode

Working with WebNode Workshop 28 th February 2008 Page 1 http://blog.larkin.net.au/ What is WebNode? Working with WebNode WebNode is an online tool that allows you to create functional and elegant web sites. The interesting

More information

Technical Intro Part 1

Technical Intro Part 1 Technical Intro Part 1 Learn how to create, manage, and publish content with users and groups Hannon Hill Corporation 950 East Paces Ferry Rd Suite 2440, 24 th Floor Atlanta, GA 30326 Tel: 800.407.3540

More information

EPiServer Content Editor s Guide

EPiServer Content Editor s Guide EPiServer Content Editor s Guide Contents Getting Started with EPiServer... 19 Logging In... 19 Navigating from the Global Menu... 19 Generic Functions, Toolbar and Panes... 20 Generic Functions... 20

More information

SOCE Wordpress User Guide

SOCE Wordpress User Guide SOCE Wordpress User Guide 1. Introduction Your website runs on a Content Management System (CMS) called Wordpress. This document outlines how to modify page content, news and photos on your website using

More information