Website Builder Documentation

Size: px
Start display at page:

Download "Website Builder Documentation"

Transcription

1 Website Builder Documentation Main Dashboard page In the main dashboard page you can see and manager all of your projects. Filter Bar In the filter bar at the top you can filter and search your projects or click on the Create New Project button to open new project page. Shareable Project Link At the top of each project you can see a shareable link. With this link you or other people can access a fully production ready website of your project without even exporting or publishing it to a remove server. You can make a project inaccessible by unchecking the checkbox next to the link. Publish, Delete, Edit To publish a project click on blue cloud icon, enter your remove server details and click publish. Click on trash and pencil icons to delete and edit a project. Create a new project

2 To open a new project page, click on a Create New Project button in dashboard. To create a new project either click a Start From Scratch button or click a template image, enter a name for your project and click Save. Your new project will be opened in a builder. User Interface Responsive View Controls Open/Close Various Panels Undo/Redo Last undoable actions Preview Project Save/Publish Project

3 Logout From Website Builder Breadcrumbs. Click to select an element. Elements #Introduction You can see all the elements that come with Website Builder by default on the left sidebar (elements panel), they can be basic ones like button or link or they can be a lot more complex and combine html markup, css styling and javascript behaviour into one element. #Drag and Drop You can drag and drop elements from the elements panel into the builder. Note that you might not be able to drop them anywhere you like, because Website Builder follows official HTML5 specification for what elements accept what elements as children, for example an unordered list element (ul) will only accept list item (li) as a child, so you will only be able to drag and drop list items inside unordered list. #Inspector The panel on builder right is called an inspector, using the inspector you can modify various css styles for a selected element without any css knowledge while having realtime preview in the builder. Element visibily The buttons at the top of inspector control selected element's visibility on on phone, tablet, laptop and dekstop. If the buttons background is black the selected element will be hidden on that device. This helps building truly responsive pages.

4 Attributes Attributes section of inspector will contain: Float - This is basically same as aligning text left/center/right, but for elements instead of text. Id - A unique id for selected element, so css cap be applied easier to it. Class - All the selected element classes will be listed here, you can remove them by clicking the x icon next to class name, you can apply new custom classes to an element by clicking anywhere on the input (gray background), entering your class name and hiting enter or clicking green check mark. There are a bunch of predefined class that you can use, for example text-danger will make the text color red. You can find more predefined classes here. This section will also have various other attributes depending on what element you have selected, for example, if you have a heading selected it will have a heading type attribute, so you can choose between h1, h2, h3, h4, h5, h6. Background Background section will allow you to set a background image, color or gradient for a selected element. Color Click on the color button to bring up a color picker. Here you can choose from over a 100 different predefined popular colors from adobule kuller and other sites. You can ofcourse select a completely custom color by dragging your mouse in the color paletter and selecting a transparancy with a dragger underneath, you can also enter a color code in the input below.

5 Image Click on the image button to bring up an image background panel, here you can apply one of over 40 textures included with Website Builder and control the backgroun image alignment and repeating. You can also click on media manager icon to bring up the media manager to upload and use a custom image or select an already uploaded image. More on media manager here.

6 Gradient Click on the gradient button to bring up a gradient panel, here you can choose from over 30 css3 gradients included with Website Builder to use as selected element's background.

7 Shadows You can use shadows panel to apply css shadows to selected element or to text inside it. Angle - to control shadows angle, click on the green knob in the circle and drag it around. Color - to control shadows color, click on the white square, this will bring up a color picker, same as the one for elements background color. Distance - this will control how far away the shadow will be from selected element. Blur - this will control how clear the shadow is. Spread - this will control how big the shadow is. Box/Textthis will apply the shadow to either the element box or text inside it. Innter/Outterthis will either apply shodow to the outside or inside of selected element box.

8 Margin / Padding Margin controls the spacing between selected elements box and the content outside, while padding controls the spacing between selected elements border and the content inside it. To use the dragger, first select the sides you want to apply margin or padding to and then drag the handle until you have your desired effect. For a more precise control you can enter your margin and padding values in the input boxes, big one will apply the value to all sides while the smaller ones represet a particalar side of elements box.

9 Text Style This panel controls the appearence of selected elements text. Font Click on the font select, to change selected elements font to one of the native browser fonts, or click the G icon to open up google fonts modal, so you can choose from one of nearly 700 google fonts. Style Click on of the buttons under the fonts to change text boldness or make it italic, underlines, overlined or crossed-out. Size, color, alignment You can change text size by entering desired number in the input box, you can click one of the alignment options to align text left, center or right or you can change text color by clicking on the square at the bottom of the panel to bring up a color picker.

10 Border / Border Roundness In the last two panels you can control the selected elements border appearence and it's corners roundness. Width, color and style To change border width and color first select the border sides you want to change at the top and then either use the dragger or input boxes at the bottom to get the disired effect. To change border color click on the square under the dragger to bring up a color picker. Roundness To change border roundness, first apply the border you want via the border panel, then select the corners you want to change at the top and use the dragger or enter the value you want in the input boxes.

11 #Image Editor Note that image editor will only work on images that are accessible from internet, meaning it will not work when working locally with something like wamp or mamp. To open image editor, select an image element in the builder and click the pencil icon.

12 Once image editor is open you can selet a modification/addition you want to make from the top, once you are done simply click save button in the top right corner and the changes will be instantly applied in the builder. #Media Manager To open media manager either select an image element in the builder or click on image button in the inspector and then click blue Media Manager buton. Folders

13 In the My Images tab, you can create/edit and delete folders. You can use these folders to organize your images, once an image is uploaded to a folder it will not be visible in other ones. Uploading To upload a new image drag it onto the manager or click the blue Upload Images button in the top right corner. Using images To use an image(s) simply select the ones you want and click Use button at the bottom right corner, how images will be used depends on how the media manager was opened, for example, if you opened it from the attributes panel in inspector the selected image will replace the one currently selected in the builder. #WYSIWYG Editor To open a wysiwyg editor double-click on any element in the builder that contains text contents. Editing Text Once editor is open you can edit/delete and write new text in there as in any other text editor. Changing Styles

14 To change text font family, size or styling, simply select the text you want to apply these styles to with your mouse and then click the relevant style icon in the wysiwyg bar. Wrapping text in a link To wrap text in a link, simply select text you want to wrap with the mouse and click icon, then enter the url you want and click Go. Icon Manager To insert an icon, position the carrot where you want to insert the icon, click the smiley face icon in the wysiwyg bar, find the icon you want and click on it.

15 #Code Editors For a full control of your project you can use code editors at the bottom to edit your html, css and javascript and see a live preview of your changes. HTML Editor Click on the Html button at the bottom to bring up an html editor, here you can edit your projects html and see a live preview of your changes in the builder. Selecting a new element in the builder will highlight that element's markup in the html editor, you can also click view source in the right-click menu to show selected elements markup in the html editor.

16 CSS Editor In the css editor you have full control of your project css, css generated by inspector as well as your custom one will be visible here, you can edit, delete or add custom css all with a live preview in the builder and warning/error message to help you write correct syntax. JS Editor In the js editor you can edit your projects javascript as well as attach external libraries for your project to use, like google maps, animated scrols and rss feeds. To attach/detach a library simply click on it on the right. To add a new library click on the plus sign in the top right, this will bring a new library modal, simply enter the library details and clikc Save & Close Themes

17 #Introduction Themes will completely change your project styling like colors, fonts, borders, spacing etc. There are 17 pre-made themes included with Website Builder, you can of course create your own. #Changing a theme To change your active theme click on themes in the top navigation bar, this will open a themes panel. You can select a new theme by clicking on it's image on the left and you can see a preview of your active page with a new theme on the right. Templates #Introduction Templates are complete and fully featured multi-page designs for various types of sites like landing page, blog, portfolio etc. Once you apply a template to your project you can just change some text and you will have a fully made website in no time. There are currently 9 pre-made templates included with Website Builder with more to come in future updates. You can ofcourse create your own. #Choosing a Template You can select a template when creating a new project or you can apply it to an active project by clicking on templates in the top navigation bar, this will open a templates panel. You can preview a template by clicking on it's image on the left and you can apply a template to your project by clicking use at the bottom, please note that all of you projects previous html, css and js will be erased when new template is applied.

18 #Creating a New Template To create a new template, open templates panel and click on Save current project as a template at the bottom. This will open a modal, where you can enter your templates name, category and primary color. Once you click Save & Close your new template will be saved using your current projects css, html and js. Pages #Introduction Your project can have more then one page, you can manage your project pages by clicking pages on the top navigation bar, this will open a pages panel. Adding a New Page

19 You can create a new page by click add new button at the top of pages panel. This will create an empty page. Switching Pages Clicking on the page names on the left will switch the pages, so you can change their names and meta data as well as change the active page in the builder. Emptying Project Clicking on red Empty Project button at the bottom will clear all html, css and javascript for all the project pages. So you can start with blank pages. Name and Meta You can change the page name, title, description and tags in the middle of pages panel, these meta tags will be applied to the pages when they are exported. Delete, Copy, Save You can delete a page, copy it or save any changes you have made at the bottom of pages panel. #Export / Publish You can easily download your full project as a.zip file containing production ready code or you can directly export it to a remote server via ftp. Downloading a project, page or an image

20 To download a project, click on the Export button on the navigation bar, this will open exports panel. From here, you can click images on the left side to download them, you can copy&pase or click copy to clipboard button to copy your projects html and css. You can click export project button at the bottom to download the whole project or you can instead select a page and only download that page. Publishing a project To publish a project, click on the publish button at the top right on the navigation bar while in the builder or the cloud icon in the dashboard, this will open publish modal, here, simply enter your ftp credentials, the folder on your server you want the project to be uploaded to and check the SSL box if you want to use a secure connection, then simply click publish. Note that this proccess might take a minute or two depending on connection speed, so don't close the browser or Website Builder tab until upload is done.

21 #Context Menu To open context menu right click anywhere in the builder. The menu will contain some extra options depending on that element your cursor is hovering over, for example, if open menu while hovering over table it will have options to add and remove table rows and columns. Here are the options context menu will always have: Select Parent - This will select currently selected elements parent node in the builder. Wrap In Transparent Div - This will wrap the selected element with transparent black background. Cut, Copy, Paste, Delete, Duplicate - Will perform these operations on a selected element. Move Up, Move Down - Move selected element up or down in the builder, usefull when you need more precision for positioning then drag & drop can provide. Undo, Redo - Undo or Redo the last undoable action in the builder.

22 View Source - Open html editor and highligh the markup for selected element. #Keybinds If keybinds are not working you might need to click anywhere inside the builder to focus the main window. Keybind Del Description Move selected element up in builder Move selected element down in builder Delete selected element from builder Ctrl + C Copy selected element Ctrl + V Ctrl + X Paste selected element Cut selected element #Settings

23 To open settings panel click on settings button on the navigation bar. Here you can change various builder settings by choosing yes or no, these settings will be saved in the local storage so they will persist after page reloads.

The HTML Editor INFORMZ USER GUIDE: Version 1.0 January 13, 2013

The HTML Editor INFORMZ USER GUIDE: Version 1.0 January 13, 2013 INFORMZ USER GUIDE: The HTML Editor Version 1.0 January 13, 2013 ABOUT THIS GUIDE This guide provides an overview of the HTML editor used by Informz. This guide does not cover all aspects of the editor,

More information

Google Docs Basics Website: http://etc.usf.edu/te/

Google Docs Basics Website: http://etc.usf.edu/te/ Website: http://etc.usf.edu/te/ Google Docs is a free web-based office suite that allows you to store documents online so you can access them from any computer with an internet connection. With Google

More information

Sage Accountants Business Cloud EasyEditor Quick Start Guide

Sage Accountants Business Cloud EasyEditor Quick Start Guide Sage Accountants Business Cloud EasyEditor Quick Start Guide VERSION 1.0 September 2013 Contents Introduction 3 Overview of the interface 4 Working with elements 6 Adding and moving elements 7 Resizing

More information

Decision Support AITS University Administration. Web Intelligence Rich Client 4.1 User Guide

Decision Support AITS University Administration. Web Intelligence Rich Client 4.1 User Guide Decision Support AITS University Administration Web Intelligence Rich Client 4.1 User Guide 2 P age Web Intelligence 4.1 User Guide Web Intelligence 4.1 User Guide Contents Getting Started in Web Intelligence

More information

Starting User Guide 11/29/2011

Starting User Guide 11/29/2011 Table of Content Starting User Guide... 1 Register... 2 Create a new site... 3 Using a Template... 3 From a RSS feed... 5 From Scratch... 5 Edit a site... 6 In a few words... 6 In details... 6 Components

More information

1. How Basekit Works

1. How Basekit Works 1. How Basekit Works BaseKit is site building software that runs on an external BaseKit server and is accessible through your cpanel account. To use BaseKit, just follow these steps: 1. Log into cpanel

More information

Web Candy Design Inc. 1 JCE Editor Manual

Web Candy Design Inc. 1 JCE Editor Manual Web Candy Design Inc. 1 JCE Editor Manual Table of Contents What is JCE? 3 What is an Article? 3 Sections & Categories Explained 3 Why use Sections & Categories 3 Sections and Categories vs. Menu Organization

More information

Getting Started in Microsoft Word Click on the Start menu > All Programs > Microsoft Office and select Microsoft Office Word 2007 from the list.

Getting Started in Microsoft Word Click on the Start menu > All Programs > Microsoft Office and select Microsoft Office Word 2007 from the list. Microsoft Word Part 1 Office 2007 Getting Started in Microsoft Word 2007 Opening Word Double click the Word icon on the desktop. OR If there is no shortcut icon on the desktop: Click on the Start menu

More information

Mastering the JangoMail EditLive HTML Editor

Mastering the JangoMail EditLive HTML Editor JangoMail Tutorial Mastering the JangoMail EditLive HTML Editor With JangoMail, you have the option to use our built-in WYSIWYG HTML Editors to compose and send your message. Note: Please disable any pop

More information

Vodafone Business Product Management Group. Hosted Services EasySiteWizard Pro 8 User Guide

Vodafone Business Product Management Group. Hosted Services EasySiteWizard Pro 8 User Guide Vodafone Business Product Management Group Hosted Services EasySiteWizard Pro 8 User Guide Vodafone Group 2010 Other than as permitted by law, no part of this document may be reproduced, adapted, or distributed,

More information

HTML Kit: A User Manual. by Paul Strickberger

HTML Kit: A User Manual. by Paul Strickberger HTML Kit: A User Manual by Paul Strickberger HTML Kit User Manual Contents Introduction... 1 The Main Screen... 1 Displaying or Hiding Elements of the Screen...1 Getting Around the Main Screen... 3 The

More information

Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu)

Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu) Ingeniux 8 CMS Web Management System ICIT Technology Training and Advancement (training@uww.edu) Updated on 10/17/2014 Table of Contents About... 4 Who Can Use It... 4 Log into Ingeniux... 4 Using Ingeniux

More information

Getting Started with Google Sites

Getting Started with Google Sites Getting Started with Google Sites Getting Started with Google Sites 1 Background Information Google Sites is an online application that makes creating a team web site as easy as editing a document. With

More information

Joomla! 2.5.x Training Manual

Joomla! 2.5.x Training Manual Joomla! 2.5.x Training Manual Joomla is an online content management system that keeps track of all content on your website including text, images, links, and documents. This manual includes several tutorials

More information

Guide to the Text Editor. *Note: Compliance Assist may not use every feature described.

Guide to the Text Editor. *Note: Compliance Assist may not use every feature described. *Note: Compliance Assist may not use every feature described. Table of Contents 1.1: Toolbar Buttons...3 1.1.1: Miscellaneous Buttons...3 1.1.2: Inserting Elements...4 1.1.3: Formatting Text Appearance...5

More information

Drag-and-drop editor. Quick Start Guide

Drag-and-drop editor. Quick Start Guide Drag-and-drop editor Quick Start Guide Contents Introduction 3 Drag-and-drop editor interface 4 Working with elements 6 Adding and moving elements 7 Resizing of elements 8 Editing your template 9 Working

More information

KOMPOZER Web Design Software

KOMPOZER Web Design Software KOMPOZER Web Design Software An IGCSE Student Handbook written by Phil Watkins www.kompozer.net CONTENTS This student guide is designed to allow for you to become a competent user* of the Kompozer web

More information

Your Personal Homepage

Your Personal Homepage Your Personal Homepage You can use your Personal Homepage to share information about yourself, something that interests you, or a course topic. Your classmates can view your home page from the Classlist

More information

Microsoft Access 2010 handout

Microsoft Access 2010 handout Microsoft Access 2010 handout Access 2010 is a relational database program you can use to create and manage large quantities of data. You can use Access to manage anything from a home inventory to a giant

More information

Microsoft Word 2010. Quick Reference Guide. Union Institute & University

Microsoft Word 2010. Quick Reference Guide. Union Institute & University Microsoft Word 2010 Quick Reference Guide Union Institute & University Contents Using Word Help (F1)... 4 Window Contents:... 4 File tab... 4 Quick Access Toolbar... 5 Backstage View... 5 The Ribbon...

More information

If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site.

If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site. Updating a Site in Drupal If your site has already been set up and the theme added on the Drupal server, you are able to add content to the site. You should be able to find your site at a URL similar to

More information

User Guide. Appendix A. RadEditorAjax

User Guide. Appendix A. RadEditorAjax User Guide Appendix A Table of Contents About this Chapter... 3 What is?... 3 Section 1: at a Glance... 5 Publishing Options... 11 Keyboard Shortcuts Quick Reference... 12 Section 2: Formatting Tools...

More information

Version 7 Editor s Manual

Version 7 Editor s Manual Version 7 Editor s Manual Contents 1. Introduction... 3 2. Getting started with Umbraco... 2.1 Logging In and Out... 2.2 Umbraco Interface... 2.2.1 Initial View... 2.2.2 Various Screen Sizes... 2.3 Creating,

More information

Digital Marketing EasyEditor Guide Dynamic

Digital Marketing EasyEditor Guide Dynamic Surveys ipad Segmentation Reporting Email Sign up Email marketing that works for you Landing Pages Results Digital Marketing EasyEditor Guide Dynamic Questionnaires QR Codes SMS 43 North View, Westbury

More information

To change title of module, click on settings

To change title of module, click on settings HTML Module: The most widely used module on the websites. This module is very flexible and is used for inserting text, images, tables, hyperlinks, document downloads, and HTML code. Hover the cursor over

More information

Contents - This is Dept. of Surgery modified version of the manual. Missing pages were removed intentionally.

Contents - This is Dept. of Surgery modified version of the manual. Missing pages were removed intentionally. Contents - This is Dept. of Surgery modified version of the manual. Missing pages were removed intentionally. 1 Introduction... 3 2 Getting Started with Umbraco... 4 2.1 Logging On... 4 2.2 The Edit Mode

More information

Salesforce Customer Portal Implementation Guide

Salesforce Customer Portal Implementation Guide Salesforce Customer Portal Implementation Guide Salesforce, Winter 16 @salesforcedocs Last updated: December 10, 2015 Copyright 2000 2015 salesforce.com, inc. All rights reserved. Salesforce is a registered

More information

HTML Editor Contents. User Guide Updated August 22, 2008

HTML Editor Contents. User Guide Updated August 22, 2008 HTML Editor 8.3.0 User Guide Updated August 22, 2008 Contents About this guide Audience Related guides HTML Editor Overview Accessing the HTML Editor HTML Editor tabs HTML Editor Views HTML Editor Icons

More information

Please select one of the topics below.

Please select one of the topics below. Thanks for choosing WYSIWYG Web Builder! In this section we will give a short introduction to Web Builder so you can start building your web site in (almost) no time. Please select one of the topics below.

More information

WYSIWYG Editor in Detail

WYSIWYG Editor in Detail WYSIWYG Editor in Detail 1. Print prints contents of the Content window 2. Find And Replace opens the Find and Replace dialogue box 3. Cut removes selected content to clipboard (requires a selection) 4.

More information

CMS Training Manual. A brief overview of your website s content management system (CMS) with screenshots. CMS Manual

CMS Training Manual. A brief overview of your website s content management system (CMS) with screenshots. CMS Manual Training A brief overview of your website s content management system () with screenshots. 1 Contents Logging In:...3 Dashboard:...4 Page List / Search Filter:...5 Common Icons:...6 Adding a New Page:...7

More information

Parallels Panel. User s Guide to Parallels Presence Builder 12.0. Revision 1.0

Parallels Panel. User s Guide to Parallels Presence Builder 12.0. Revision 1.0 Parallels Panel User s Guide to Parallels Presence Builder 12.0 Revision 1.0 Contents Introduction 3 Getting Familiar With Presence Builder... 4 Creating and Editing Websites 6 Importing Sites from SiteBuilder

More information

Mastering the JangoMail TinyMCE HTML Editor

Mastering the JangoMail TinyMCE HTML Editor JangoMail Tutorial Mastering the JangoMail TinyMCE HTML Editor With JangoMail, you have the option to use our built-in WYSIWYG HTML Editors to compose and send your message. Note: Please disable any pop

More information

Introduction to Macromedia Dreamweaver MX

Introduction to Macromedia Dreamweaver MX Introduction to Macromedia Dreamweaver MX Macromedia Dreamweaver MX is a comprehensive tool for developing and maintaining web pages. This document will take you through the basics of starting Dreamweaver

More information

Introduction to Microsoft Excel 2007

Introduction to Microsoft Excel 2007 Introduction to Microsoft Excel 2007 Class learning objectives 1. What is Excel? Spreadsheet uses & samples Touring the Excel window Learning important definitions Navigating around the workbook 2. The

More information

Below is the toolbar for the Rich Text Editor on the SharePoint Portal.

Below is the toolbar for the Rich Text Editor on the SharePoint Portal. Rich Text Editor Below is the toolbar for the Rich Text Editor on the SharePoint Portal. You will find instructions for using each of these functions on the following pages. 1. Cut 2. Copy 3. Paste 4.

More information

Website Creator Pro Quick Reference Guide. Version: 0.5

Website Creator Pro Quick Reference Guide. Version: 0.5 Website Creator Pro Quick Reference Guide Version: 0.5 Contents 1. Introduction 3 2. Navigation 4 2.1. Top Bar 4 2.1.1. Tabs 4 2.1.2. Buttons 4 2.2. Website Structure Fly-Out 4 3. Usage 5 3.1. Editor 5

More information

Numbers Basics. Website:

Numbers Basics. Website: Numbers 09 Basics Website: http://etc.usf.edu/te/ Numbers is Apple's spreadsheet application. It is installed as part of the iwork suite, which also includes the word processing program Pages and the presentation

More information

Micro soft Expression Web 4

Micro soft Expression Web 4 University of Texas at Arlington Micro soft Expression Web 4 Beginner s Guide 2011 1 2 Table of Contents UTA Web Pages... 5 Connecting to your Website... 5 Copying files from your Website... 8 To open

More information

Website Editor User Guide

Website Editor User Guide CONTENTS Minimum System Requirements... 3 Design Your Website... 3 Choosing your Theme... 4 Choosing your Header Style... 4-5 Website Content Editor... 6 Text Editor Toolbar features... 6 Main Menu Items...

More information

HTML CREATOR. HTML Creator

HTML CREATOR. HTML Creator HTML CREATOR The HTML Creator is an HTML editing tool that allows you to create content in HTML without having to enter HTML tags. Similar to a word processor, you can easily create and maintain content

More information

User Guide. Chapter 6. Teacher Pages

User Guide. Chapter 6. Teacher Pages User Guide Chapter 6 s Table of Contents Introduction... 3 Tips for s... 4 Pitfalls... 5 Key Information... 6 I. How to add a... 6 II. How to Edit... 9 SharpSchool s WYSIWYG Editor... 10 Publish a... 17

More information

Umbraco v6 Editors Manual

Umbraco v6 Editors Manual Umbraco v6 Editors Manual Produced by the Umbraco Community Umbraco // The Friendly CMS Contents 1 Introduction... 3 2 Getting Started with Umbraco... 4 2.1 Logging On... 4 2.2 The Edit Mode Interface...

More information

WebFOCUS BI Portal: S.I.M.P.L.E. as can be

WebFOCUS BI Portal: S.I.M.P.L.E. as can be WebFOCUS BI Portal: S.I.M.P.L.E. as can be Author: Matthew Lerner Company: Information Builders Presentation Abstract: This hands-on session will introduce attendees to the new WebFOCUS BI Portal. We will

More information

Microsoft FrontPage. 1. Introduction

Microsoft FrontPage. 1. Introduction 1. Introduction Microsoft FrontPage is a full featured HTML editor. A Web site is a group of HTML pages and graphics that are interconnected with hyperlinks. A FrontPage Web site is a site created in FrontPage.

More information

Microsoft PowerPoint 2013 Part 1: The Basics. Opening PowerPoint. Theme variations. Page 1 of 13. Double click on the PowerPoint icon on the desktop.

Microsoft PowerPoint 2013 Part 1: The Basics. Opening PowerPoint. Theme variations. Page 1 of 13. Double click on the PowerPoint icon on the desktop. Microsoft PowerPoint 2013 Part 1: The Basics Opening PowerPoint Double click on the PowerPoint icon on the desktop. When you first open PowerPoint you will see a list of new presentation themes. You can

More information

Using Adobe Dreamweaver CS4 (10.0)

Using Adobe Dreamweaver CS4 (10.0) Getting Started Before you begin create a folder on your desktop called DreamweaverTraining This is where you will save your pages. Inside of the DreamweaverTraining folder, create another folder called

More information

Dreamweaver Help: common functions and operations

Dreamweaver Help: common functions and operations Dreamweaver Help: common functions and operations To learn about Dreamweaver CS6 environment view YouTube video: https://www.youtube.com/watch?v=dczjfrgyms0 Setting up Dreamweaver Preferences By default,

More information

Microsoft Excel 2016 Tutorial

Microsoft Excel 2016 Tutorial Microsoft Excel 2016 Tutorial 1. GETTING STARTED Microsoft Excel is one of the most popular spreadsheet applications that helps you manage data, create visually persuasive charts, and thought-provoking

More information

Microsoft Expression Web Quickstart Guide

Microsoft Expression Web Quickstart Guide Microsoft Expression Web Quickstart Guide Expression Web Quickstart Guide (20-Minute Training) Welcome to Expression Web. When you first launch the program, you ll find a number of task panes, toolbars,

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

Getting Started. Creating a Site

Getting Started. Creating a Site Barnard Library & Academic Information Services Creating Web Sites with Google Sites Lois Coleman, Research and Instructional Services Librarian April 2012 Getting Started The Help pages for Google Sites

More information

Sample Table. Columns. Column 1 Column 2 Column 3 Row 1 Cell 1 Cell 2 Cell 3 Row 2 Cell 4 Cell 5 Cell 6 Row 3 Cell 7 Cell 8 Cell 9.

Sample Table. Columns. Column 1 Column 2 Column 3 Row 1 Cell 1 Cell 2 Cell 3 Row 2 Cell 4 Cell 5 Cell 6 Row 3 Cell 7 Cell 8 Cell 9. Working with Tables in Microsoft Word The purpose of this document is to lead you through the steps of creating, editing and deleting tables and parts of tables. This document follows a tutorial format

More information

Training Manual Version 1.0

Training Manual Version 1.0 State of Indiana Content Management System Open Text v.11.2 Training Manual Version 1.0 Developed by Table of Contents 1. Getting Started... 4 1.1 Logging In... 4 1.2 OpenText Menu...5 1.3 Selecting a

More information

PowerPoint 2007 Basics Website: http://etc.usf.edu/te/

PowerPoint 2007 Basics Website: http://etc.usf.edu/te/ Website: http://etc.usf.edu/te/ PowerPoint is the presentation program included in the Microsoft Office suite. With PowerPoint, you can create engaging presentations that can be presented in person, online,

More information

User Guide for Smart Former Gold (v. 1.0) by IToris Inc. team

User Guide for Smart Former Gold (v. 1.0) by IToris Inc. team User Guide for Smart Former Gold (v. 1.0) by IToris Inc. team Contents Offshore Web Development Company CONTENTS... 2 INTRODUCTION... 3 SMART FORMER GOLD IS PROVIDED FOR JOOMLA 1.5.X NATIVE LINE... 3 SUPPORTED

More information

Custom Reporting System User Guide

Custom Reporting System User Guide Citibank Custom Reporting System User Guide April 2012 Version 8.1.1 Transaction Services Citibank Custom Reporting System User Guide Table of Contents Table of Contents User Guide Overview...2 Subscribe

More information

Introduction 3. Getting Familiar With Presence Builder... 4. Creating and Editing Websites 6

Introduction 3. Getting Familiar With Presence Builder... 4. Creating and Editing Websites 6 Contents Introduction 3 Getting Familiar With Presence Builder... 4 Creating and Editing Websites 6 Importing Sites from SiteBuilder 4.5... 7 Editing Websites... 9 Structure: Pages and Navigation... 9

More information

Quick Reference Guide

Quick Reference Guide Simplified Web Interface for Teachers Quick Reference Guide Online Development Center Site Profile 5 These fields will be pre-populated with your information { 1 2 3 4 Key 1) Website Title: Enter the name

More information

PowerPoint 2007: Basics Learning Guide

PowerPoint 2007: Basics Learning Guide PowerPoint 2007: Basics Learning Guide What s a PowerPoint Slide? PowerPoint presentations are composed of slides, just like conventional presentations. Like a 35mm film-based slide, each PowerPoint slide

More information

Virtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades.

Virtual Exhibit 5.0 requires that you have PastPerfect version 5.0 or higher with the MultiMedia and Virtual Exhibit Upgrades. 28 VIRTUAL EXHIBIT Virtual Exhibit (VE) is the instant Web exhibit creation tool for PastPerfect Museum Software. Virtual Exhibit converts selected collection records and images from PastPerfect to HTML

More information

Content Management System (CMS) Training Document for LexisNexis Web Visibility Websites. October 6, 2013

Content Management System (CMS) Training Document for LexisNexis Web Visibility Websites. October 6, 2013 Content Management System (CMS) Training Document for LexisNexis Web Visibility Websites October 6, 2013 1 Overview This document provides an overview of the process for editing your website and managing

More information

JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA

JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA All information presented in the document has been acquired from http://docs.joomla.org to assist you with your website 1 JOOMLA 2.5 MANUAL WEBSITEDESIGN.CO.ZA BACK

More information

IE Class Web Design Curriculum

IE Class Web Design Curriculum Course Outline Web Technologies 130.279 IE Class Web Design Curriculum Unit 1: Foundations s The Foundation lessons will provide students with a general understanding of computers, how the internet works,

More information

WordPress Manual July 15, 2015

WordPress Manual July 15, 2015 WordPress Manual July 15, 2015 Table of Contents Who should use this manual... 3 Users... 3 New Users: Creating an Account... 3 Administrator: Adding Users... 3 Signing into WordPress... 4 The WordPress

More information

Excel 2007 Basic knowledge

Excel 2007 Basic knowledge Ribbon menu The Ribbon menu system with tabs for various Excel commands. This Ribbon system replaces the traditional menus used with Excel 2003. Above the Ribbon in the upper-left corner is the Microsoft

More information

Using econtentmanager s ewebeditpro Editor

Using econtentmanager s ewebeditpro Editor Using econtentmanager s ewebeditpro Editor econtentmanager comes with its own content editor, called ewebeditpro. With ewebeditpro, you can add and modify your page content with WYSIWYG ease-of-use. The

More information

NDSU Technology Learning & Media Center. Introduction to Google Sites

NDSU Technology Learning & Media Center. Introduction to Google Sites NDSU Technology Learning & Media Center QBB 150C 231-5130 www.ndsu.edu/its/tlmc Introduction to Google Sites Get Help at the TLMC 1. Get help with class projects on a walk-in basis; student learning assistants

More information

MS Word 2007 practical notes

MS Word 2007 practical notes MS Word 2007 practical notes Contents Opening Microsoft Word 2007 in the practical room... 4 Screen Layout... 4 The Microsoft Office Button... 4 The Ribbon... 5 Quick Access Toolbar... 5 Moving in the

More information

Microsoft PowerPoint 2010

Microsoft PowerPoint 2010 Microsoft PowerPoint 2010 Quick Reference Guide Union Institute & University Contents Using Help (F1)... 4 Opening PowerPoint... 4 Window Contents:... 4 Title Bar... 4 Control Buttons... 4 File tab...

More information

Using the Text Editor in the Pressero System

Using the Text Editor in the Pressero System Using the Text Editor in the Pressero System Updated 5-15-11 Table of Contents About The Editor... 2 Toolbars... 3 Toolbar Buttons... 4 Formatting Text Appearance... 4 Formatting Paragraphs & Lists...

More information

Umbraco v4 Editors Manual

Umbraco v4 Editors Manual Umbraco v4 Editors Manual Produced by the Umbraco Community Umbraco // The Friendly CMS Contents 1 Introduction... 3 2 Getting Started with Umbraco... 4 2.1 Logging On... 4 2.2 The Edit Mode Interface...

More information

Word 1 Microsoft Word 2013

Word 1 Microsoft Word 2013 Word 1 Microsoft Word 2013 Mercer County Library System Brian M. Hughes, County Executive Quick Access Toolbar File Located on the title bar, above the Ribbon, the Quick Access Toolbar provides access

More information

Chapter 14: Links. Types of Links. 1 Chapter 14: Links

Chapter 14: Links. Types of Links. 1 Chapter 14: Links 1 Unlike a word processor, the pages that you create for a website do not really have any order. You can create as many pages as you like, in any order that you like. The way your website is arranged and

More information

Drupal Tutorial Editing the Vision and Security Technology (VAST) Website

Drupal Tutorial Editing the Vision and Security Technology (VAST) Website Drupal Tutorial Editing the Vision and Security Technology (VAST) Website How to use the Drupal content management system to edit the Vision and Security Technology (VAST) website. Note: This tutorial

More information

Table of Contents. I. Banner Design Studio Overview... 4. II. Banner Creation Methods... 6. III. User Interface... 8

Table of Contents. I. Banner Design Studio Overview... 4. II. Banner Creation Methods... 6. III. User Interface... 8 User s Manual Table of Contents I. Banner Design Studio Overview... 4 II. Banner Creation Methods... 6 a) Create Banners from scratch in 3 easy steps... 6 b) Create Banners from template in 3 Easy Steps...

More information

HOW TO USE THIS GUIDE

HOW TO USE THIS GUIDE HOW TO USE THIS GUIDE This guide provides step-by-step instructions for each exercise. Anything that you are supposed to type or select is noted with various types and colors. WHEN YOU SEE THIS Click Help

More information

Creating and Managing Online Surveys LEVEL 2

Creating and Managing Online Surveys LEVEL 2 Creating and Managing Online Surveys LEVEL 2 Accessing your online survey account 1. If you are logged into UNF s network, go to https://survey. You will automatically be logged in. 2. If you are not logged

More information

Beginning Dreamweaver Center for Innovation in Teaching and Research Presenter: Chad Dennis Instructional Technology Systems Manager

Beginning Dreamweaver Center for Innovation in Teaching and Research Presenter: Chad Dennis Instructional Technology Systems Manager Beginning Dreamweaver Center for Innovation in Teaching and Research Presenter: Chad Dennis Instructional Technology Systems Manager ce-dennis@wiu.edu Malpass Library 637 Phone: 309.298.2434 1 Setting

More information

Go Kiwi Internet Content Management System Version 5.0 (K5) TRAINING MANUAL

Go Kiwi Internet Content Management System Version 5.0 (K5) TRAINING MANUAL Go Kiwi Internet Content Management System Version 5.0 (K5) TRAINING MANUAL K5 CMS The K5 Content Management System (CMS), previously known as Kwik-Az Updating, is a small downloadable program that permits

More information

Intro to Web Development

Intro to Web Development Intro to Web Development For this assignment you will be using the KompoZer program because it free to use, and we wanted to keep the costs of this course down. You may be familiar with other webpage editing

More information

Basic tutorial for Dreamweaver CS5

Basic tutorial for Dreamweaver CS5 Basic tutorial for Dreamweaver CS5 Creating a New Website: When you first open up Dreamweaver, a welcome screen introduces the user to some basic options to start creating websites. If you re going to

More information

CONTENTM WEBSITE MANAGEMENT SYSTEM. Getting Started Guide

CONTENTM WEBSITE MANAGEMENT SYSTEM. Getting Started Guide CONTENTM WEBSITE MANAGEMENT SYSTEM Getting Started Guide Table of Contents CONTENTM WEBSITE MANAGEMENT SYSTEM... 1 GETTING TO KNOW YOUR SITE...5 PAGE STRUCTURE...5 Templates...5 Menus...5 Content Areas...5

More information

How to use the WYSIWYG

How to use the WYSIWYG How to use the WYSIWYG The WYSIWYG Editor is a text editor, similar to MS Word, that is used to produce program brochures in Web page format. WYSIWYG is pronounced whizzy-wig and stands for, What You See

More information

Joomla Article Advanced Topics: Table Layouts

Joomla Article Advanced Topics: Table Layouts Joomla Article Advanced Topics: Table Layouts An HTML Table allows you to arrange data text, images, links, etc., into rows and columns of cells. If you are familiar with spreadsheets, you will understand

More information

OpenOffice Impress (Presentation Software) Tutorial

OpenOffice Impress (Presentation Software) Tutorial OpenOffice Impress (Presentation Software) Tutorial Table of Contents Introduction...3 Starting OpenOffice Impress...3 Looking at the Screen...4 Creating an Empty (Blank) Presentation...5 Adding Information

More information

Vodafone Business Product Management Group. Hosted Services Announcer Pro V4.6 User Guide

Vodafone Business Product Management Group. Hosted Services Announcer Pro V4.6 User Guide Vodafone Business Product Management Group Hosted Services Announcer Pro V4.6 User Guide Vodafone Group 2010 Other than as permitted by law, no part of this document may be reproduced, adapted, or distributed,

More information

InstaBuilder 2.0 USER S GUIDE 1

InstaBuilder 2.0 USER S GUIDE 1 1 Table of Contents Cover Page... 1 Table of Contents... 2 Getting Started... 4 System Requirements... 4 Installation... 4 Wordpress Admin Area... 4 CPanel... 5 FTP... 6 Settings... 7 InstaBuilder 2.0

More information

Dreamweaver 8 Basics

Dreamweaver 8 Basics Dreamweaver 8 Basics Software: Dreamweaver 8 Platform: Mac/PC Overview Dreamweaver is a great tool for producing Web sites. It provides an array of options and functions that speed up the development process

More information

UH CMS Basics. Cascade CMS Basics Class. UH CMS Basics Updated: June,2011! Page 1

UH CMS Basics. Cascade CMS Basics Class. UH CMS Basics Updated: June,2011! Page 1 UH CMS Basics Cascade CMS Basics Class UH CMS Basics Updated: June,2011! Page 1 Introduction I. What is a CMS?! A CMS or Content Management System is a web based piece of software used to create web content,

More information

Microsoft PowerPoint 2008

Microsoft PowerPoint 2008 Microsoft PowerPoint 2008 Starting PowerPoint... 2 Creating Slides in Your Presentation... 3 Beginning with the Title Slide... 3 Inserting a New Slide... 3 Slide Layouts... 3 Adding an Image to a Slide...

More information

Login: https://ipfw.edu/c Quick Guide for dotcms & Accessibility November 2014 Training: http://ipfw.edu/training

Login: https://ipfw.edu/c Quick Guide for dotcms & Accessibility November 2014 Training: http://ipfw.edu/training dotcms & Accessibility Folders Creating a New Folder Note: All folders showing on menu must have an index page. 1. Right-click the parent folder in which the new folder will reside. 2. Click New > Folder.

More information

Appspace 5.X Reference Guide (Digital Signage) Updated on February 9, 2015

Appspace 5.X Reference Guide (Digital Signage) Updated on February 9, 2015 Appspace 5.X Reference Guide (Digital Signage) Updated on February 9, 2015 1 TABLE OF CONTENTS 2 What is Appspace For Digital Signage... 4 3 Access Appspace... 4 4 Best Practices and Notes... 4 5 Appspace

More information

ITP 101 Project 3 - Dreamweaver

ITP 101 Project 3 - Dreamweaver ITP 101 Project 3 - Dreamweaver Project Objectives You will also learn how to make a website outlining your company s products, location, and contact info. Project Details USC provides its students with

More information

Item Editor Reference Guide

Item Editor Reference Guide Item Editor Reference Guide This reference guide is intended for all iwebfolio users. The item editor is the editing tool that appears when a user is editing an item within a portfolio or template. This

More information

MicroStrategy Desktop

MicroStrategy Desktop MicroStrategy Desktop Quick Start Guide MicroStrategy Desktop is designed to enable business professionals like you to explore data, simply and without needing direct support from IT. 1 Import data from

More information

A quick guide to. Social Media

A quick guide to. Social Media A quick guide to Social Media In this guide... Learn how to integrate your email marketing with social media to get the most out of online buzz! Use Twitter and Facebook integrations to enable readers

More information

Microsoft Word Getting Started. Graphics. Symbols & Characters Equations Illustrations, Pictures & Smart Art Watermarks

Microsoft Word Getting Started. Graphics. Symbols & Characters Equations Illustrations, Pictures & Smart Art Watermarks Microsoft Word 2007 Getting Started Microsoft Office Button The Ribbon (formerly toolbar) Quick access Toolbar Working with Documents Creating a New Document Opening an Existing Document Saving a Document

More information

User Guides Neetrix SiteFront

User Guides Neetrix SiteFront User Guides Neetrix SiteFront The website building and content management system 2011 v1.00 1 INTRODUCTION This documentation takes you through the process of building a website step by step using the

More information

Adobe Dreamweaver CC 14 Tutorial

Adobe Dreamweaver CC 14 Tutorial Adobe Dreamweaver CC 14 Tutorial GETTING STARTED This tutorial focuses on the basic steps involved in creating an attractive, functional website. In using this tutorial you will learn to design a site

More information