54

Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Embed Size (px)

Citation preview

Page 1: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation
Page 2: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Objective•To create a professional, affordable, and easy to use website•Create a user friendly interface with accessibility and effortless navigation•Learn to maintain your website with Microsoft’s comprehensive design tools•Utilize Office Live’s features such as Business Contacts, Workspace, and Business Applications for a professional look

Page 3: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Normal Class ProcedureThe first portion of class will be an

instructional period in which I will demonstrate how different tasks can be completed.

Using your new knowledge, the second portion of class will allow you to work on your own account with my guidance, if necessary. I am hoping that I will be able to answer all of your questions and help you along the way.

Page 4: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

We will cover: •Getting Started•Signing Up for Microsoft Office Live•Signing In•Custom Domains and switching to our new domain•Email Accounts•Microsoft Outlook Connector•User Accounts

Page 5: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Questions?Your feedback is

valuedPlease ask any and all

questions that you may have at specific intervals or when something is not clear

If you feel I could explain something more in depth or better, please say so

Page 6: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Getting Started

Page 7: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Signing Up

Page 8: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Signing Up Procedureswww.officelive.comStart by entering

your email addressCreate a password

and a secret Q & AEnter your Name,

Address, etcClick Sign Up

Remember that your name will be part of the web address if you do not choose to make a custom domain

Page 9: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Signing InThe sign in screen

can be found at www.officelive.com

To access your account, enter your email and password and click sign in

This looks and works much like the Hotmail interface, for those of you that have used it.

Page 10: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Your “Home” pageOnce signed in,

you will automatically be directed to a page similar to this one

Here you can access all of the features that we will be covering later

Page 11: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Using Custom Domain NamesWhat looks better?www.webs.officelive.youremail.microsoft.comORwww.yourname.com

A custom domain is easier to remember, and allows you to name it anything that is available

Custom domains take approximately 15 mins-4 hours to activate, depending on Microsoft’s servers.

Page 12: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Adding a Custom Domain Name•Adding a custom domain will cost $14.95/year with the first year free.•Includes company branded email accounts

$14.95/year

Page 13: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Using “Account Settings”

Page 14: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Email Accounts

•Company Branded Email Accounts give you a professional look and allow you and your employees to access Office Live for use with the system•In order to allow someone to access Office Live with their own account, you must first create a new Email account for them•You get 25 free email accounts, depending on what you specified when you sign up

Page 15: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Creating New Email Accounts

Page 16: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Microsoft Outlook ConnectorOutlook Connector

is a great way to access your company branded email through Microsoft Outlook, instead of the Hotmail interface

Can be downloaded in the email portion of your Office Live account

Page 17: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Users and Permissions

•Included with your custom domain is 5 free user accounts. •You may have up to five people that can access your Office Live account•Additional Users may be purchased as needed

•Setting Permissions for a user is a great way to control who has access to your site•“Owner” is for the person that set up the account•“Administrator” have access to all parts of the site except for billing, etc.•“Editor” only has access to basic features such as editing the web site

Page 18: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Adding UsersIn order to add a user you must:•Have already created an email for that person

•You can also set up an email account by using the link (shown in blue)

•To allow them to access the account, enter their email address, name.•Then click “Next” in which you will select their “role” such as administrator or editor which was covered previously.

Page 19: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Questions?Your feedback is

valuedPlease ask any and

all questions that you may have at this time and/or at any time something is not clear

Page 20: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Understanding Web Design Basics Video

While we wait for our custom domains to activate, lets check out some videos on how-to’s for information on web design.

http://smallbusiness.officelive.com/seminars/websitedesign

Page 21: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Let’s Activate our New DomainsTo make your new custom domain the primary

domain, click “Account Settings” and then click “Domain Manager”. Once, your new domain says “Active” under the “Status” column, click “Make Primary” under “Actions”. If you did not purchase a custom domain, you may also rename your existing domain.

Page 22: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Today we will cover the following topics:•Designing your website•Office Live: Design Tools•Office Live: Site Designer•Office Live: Design Features/Modules•Search Engine Optimization

Page 23: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Designing Your Website To start the

design process, click on the “Web site” tab on the left side

Page 24: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Designing Your Website- Part IITo launch the

design tool, click the “Design Site” tab, and then click “Site Designer”

You can also access, the Image Gallery, Document Gallery, and Reports which will be covered later.

Page 25: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

The Design Tool- Toolbar

The design tool functions for the most part just like Microsoft Word

We will slowly go through some different features

The “Site Designer” tab (shown above) allows you to change things like the site Header, footer, and your company logo.•You can also change your websites, theme, style, color, etc.

Page 26: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Creating a New PageTo create a new

page for your site, click “Web pages” on the top left. Then click “New page”.

The next slide will show the steps in creating a new page.

Page 27: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

New Page Creation: Part II•Start by selecting a template.•Then, click “Next” and enter a page title, web address, and the title that will appear in the Navigation on your site.•Click “Finish” to create your new page.

Page 28: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

The “Site Designer” TabSite Headers Site Themes Site Colors

•You can set a variety of different themes and color schemes that include different fonts.•Unfortunately, you have to choose a preset color scheme, meaning that you cannot use any colors you want.•The “General” theme will not include any pictures on the out parts of the website but still allows you to insert pictures later. I prefer the General Theme.

Page 29: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

The “Site Designer” Tab Part IISite Fonts Navigation Layouts

•You can choose particular fonts for your site’s title, etc. while you can also choose different fonts for any writing that will be in your site’s content.•Using the Navigation Layouts, you can determine whether your site’s page’s links will be on the left, top, or both

Page 30: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

The “Page Editor” Tab

The page editor allows you to change the font, color, highlighting.

You can also choose a page fill, indent, insert bullets, insert an image, module, table, hyperlink, date modified insert, or insert a horizontal line.

You can also change the page Layout, Navigation and set the Page Properties

Page 31: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Page Editing: Features: Modules A variety of modules can be added to your website including but

not limited to: picture slideshows, weather, maps and directions, contact us email modules, stock info, and many more.

Page 32: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Page Editing: Features: Tables

To create a table, click the “Table” button on the Page Editor bar. A window will open like the one shown. You can then specify the number of rows, columns, and color, if applicable. Simply click “OK” to insert your table

Page 33: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Page Layout OptionsWhen you create a

new page or use an existing page, you can change the way that information on that page will look.

Click “Layout” and then choose a layout for your page.

Page 34: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Image GalleryAccessible under the “Website” tab, is the

Image Gallery. Here you are able to upload any pictures that

you might want to include on your website.To upload a picture, simply click “Upload”

Page 35: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Document Gallery

Accessible under the “Website” tab, is the Document Gallery.

Here you are able to upload any documents that you want on your website for downloading, printing, and viewing.

To upload a document, click “Upload”.

Page 36: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

ReportsLocated under the

“Website” tab is Reports.

You can use reports to see information on your visitors, site usage, referring sources, page usage, keywords, etc.

Page 37: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Hyperlinking 101Now that we have and

idea how to upload documents, let’s see how to use them on our websites.

After selecting an item to hyperlink, find the “Insert” section, and then click “Hyperlink”.

You can now select to link websites, pages, email addresses, documents, etc.

Page 38: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Inserting ImagesOnce you have

uploaded the pictures that you want, you can put them in your site.

Click where you would like you image to be.

Click “Image” on the “Insert” section. Then select the image and click “OK”.

Page 39: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Questions?Your feedback is

valuedPlease ask any and

all questions that you may have at this time and/or at any time something is not clear

Page 40: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Today we will:•Learn how to use keywords to optimize our site’s pages for use with search engines.• Use Site Headers and Footers•Use Site Logos

We will Briefly Discuss:•Contact Manager•Business Applications

Page 41: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Search Engine OptimizationUnder the “Website”

tab, find the section labeled “Page Manager”

Under this, click “Properties” on the page that you want to work with.

Click “Search Engine Optimization”.

Then you can enter keywords and descriptions that will show up on sites such as .

The next slide will explain how to use keyword and description metatags.

Page 42: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Search Engine Optimization: 2

Page 43: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Using HeadersTo personalize your

site’s header, simply click “Header”

A window will open, and you can change the info to whatever you may want.

Click “Ok” when you are done.

The next slide will show you how to customize your header.

Page 44: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Customizing your Header

Page 45: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Using FootersTo personalize your

site’s footer, simply click “Footer”

A window will open, and you can change the info to whatever you may want.

Click “Ok” when you are done.

The next slide will show you how to customize your footer.

Page 46: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Customizing your Footer

Page 47: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Using a LogoTo add a logo to your

site, simply click “Logo”

A window will open, and you can select the pre-uploaded image to select one for your logo.

You can also choose the size and location of your logo.

Click “Ok” when you are done.

The next slide will show you how to select a custom logo.

Page 48: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Customizing your Logo

Page 49: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Contact ManagerThe contact

manager can be used to store information on customers, vendors, employees, etc.

You can also sync these contacts with Microsoft Outlook, if wanted.

Page 50: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Business ApplicationsBusiness Applications can

be used to have a “team workspace” meaning that all documents can be saved online and edited by a group of people.

You can also add a new applications such as a form or a support form to your site.

You may also add documents to the “Document Manager” located in Business Applications.

You can search for custom applications of the Office Live Marketplace

You can also sync your calendar and/or documents with Microsoft Outlook 2007

The next slide will show an image of Business Applications

Page 51: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Business Applications: Image

Page 52: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

Questions?Your feedback is

valuedPlease ask any and

all questions that you may have at this time and/or at any time something is not clear

Page 53: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

At this time if there is any information that you would like me to go over or any details that you would like more information 0n, please ask now.

When we are done with questions, I would like to help you design your own site for the remainder of the time.

Page 54: Objective To create a professional, affordable, and easy to use website Create a user friendly interface with accessibility and effortless navigation

ResourcesVisit the “Resource Center” which can be found

on the bottom right of your “Web Site” pageSearch “Microsoft Office Live Help” on the top

of your home pageVisit www.officelive.com/Support/ContactUs for help

and supportCall Microsoft Office Live Support at 1-866-591-

5483Visit www.asinger.org for more support and tips