Office Live Tutorial

1
Office Live Tutorial
2
Member Center
3
(No Transcript)
4
(No Transcript)
5
(No Transcript)
6
Member Center

• Member Center MenuEmail (Takes you to your
  Office Live Email), Website (takes to the Page
  Manager), Advertise Online (Takes you to
  Ad-Manager), Marketplace, Administration (Takes
  you to the Site Administration, Users, Email,
  Upgrade/Downgrade, etc.), and the Resource
  Center.
• Getting Started/Resource CenterProvides some
  helpful resources.
• Resource CenterProvides some more helpful
  documents and links.  Also a link to Visit the
  Office Live Community.  Clicking Add to Favorites
  adds the Member Center to your favorites for easy
  access.

7
Member Center

• EmailTakes you to your Office Live Email,
  Inbox, Calendar, Contacts, and User Accounts.
• WebsiteView Site (does not count on the site
  reports), Design Site (takes you to the Site
  Designer), Manage Pages (takes you to the Page
  Manager), Site Reports (takes you to your site
  reports), Image Gallery (takes you to the Image
  Gallery), and Advertise Online (takes you to 
  Ad-manager).

8
Page Manager
9
(No Transcript)
10
(No Transcript)
11
(No Transcript)
12
(No Transcript)
13
(No Transcript)
14
(No Transcript)
15
Site Designer

• These settings apply to the entire site.
• Please do not change these settings
• without talking to me first.

16
(No Transcript)
17
Header Customization
18
(No Transcript)
19
Footer Customization
20
(No Transcript)
21
Logo Customization
22
(No Transcript)
23
(No Transcript)
24
Theme, Style, Navigation, Color, Font (Site
Designer)
25
(No Transcript)
26
Header StyleChoose a header style.  They will
look different if you have gone with General
theme.
27
NavigationOptions for where you want the
navigation.Left-Displays navigation on the left
both primary and secondary.Top Left-Displays
navigation along the top and on the left, primary
along the top and secondary on the
left.Top-Displays navigation along the top,
primary on one line and secondary on a second
line.
28
ColorsHeader, Navigation, Background Colors
29
FontGlobal font-applies to entire site.  It is
recommended to stick with only 1 or 2 font sizes
for your site.
30
(No Transcript)
31
Advanced Site Options
Page Width/Page AlignmentTwo choices for page
width are 780 pixels wide and 100.  Page
alignment is only available with the 780px page
width available alignments are Left, Center, and
Right (this positions the page in the viewers
browser if there screen is wider than 780px.
Notes  The 100 page width is harder to work
with, so it would be wise to start using the
780px and build all your content so that it fits
780px, than switch to 100 width. Display
BackgroundThis displays the background around
the border of the page.  If you have 780px wide
page the background color will show on each side
of the page (top, bottom, and sides), and if you
have 100 wide page the background is only
visible along the top (search bar) and bottom (MS
Logo). You also have the choice to display the
Windows Live Search Bar and the Powered by
Windows Live Logo
32
Page Editor

• Setting Only Apply to the Page You Are Working On!

33
(No Transcript)
34
(No Transcript)
35
Insert An Image
List of PicturesDisplays the list of pictures in
your image gallery, you have to wait until the
list is done displaying before you can select and
insert the picture. Upload PictureThe Image
Upload opens a new window, once you are finished
uploading pictures, close the uploader and the
list of pictures will update.
36
Modules
Contact UsAllows for a viewer to simply send a
you a message. HTMLAllows you to insert HTML
and other codes into your page.  Map
DirectionsDisplays a map along with driving
directions. SlideshowDisplays a slideshow of
pictures.
37
Modules
Live Spaces BlogA Blog an ongoing chronicle of
information (like a diary). The elements that
define blogs -- reverse chronology, unfiltered
content, comments, links, an informal attitude,
and appropriated text Stock ListDisplay stock
information. WeatherDisplays the weather for
the selected area. Event CalendarThe Event
Calendar module displays a monthly calendar on
your Web site. A calendar is a great place to
show upcoming events. You choose the first month
that is displayed to your site visitors, who can
then click arrow buttons to view months in the
future or past.
38
Modules
To edit a module right click on it and click
properties.  The modules can Float Left or
Right so you can place text next to them.  You
can also change the size of the module.
39
Contact Us Module
To change the email address that the contact us
form is sending to, right click on the module and
click properties.
40
Map Directions Module
Country RegionSelect your country. Address
AreaType your address in the format shown.
41
Map Directions Module
Use an interactive MapAllows users to click on
it to make it interactive. SizeDetermines the
Size of the map on the page. Show Driving
DirectionsAllows users to input their address
and get driving directions to our location.
42
Map Directions Module
43
Slide Show Module
44
(No Transcript)
45
(No Transcript)
46
Album NameName of the album-displayed along the
top. ImagesList of images from the image
gallery. Slide IntervalHow long the image last
(5 sec, 10 sec, and 20 sec. intervals).
CaptionCaption for the pictures-displayed
underneath the image Show Slideshow
ControlsShow or hide the controls for the
slideshow.
47
Move Up/Down, Delete ImagesMoves the selected
image up/down or deletes.  Select an image to
change the caption (selected image will show in
preview-big black arrow will change to the right
side) Upload ImagesClick to Upload additional
images.
48
Notes  There have many reports of problems with
the slideshow, especially when it's on the home
page.  So, if you use the Slideshow module do not
use it on your home page. 
49
Stock List Module
Add SymbolEnter the Stock Symbol and click
add Find SymbolClick this if want to find a
symbol Up/Down/DeleteMoves the selected symbol
up, down, or deletes.
50
Weather Module
Zip codeEnter your Zip code, and click
search City NameDisplays the Name of City. 4
Day ForecastShows the 4-day forecast for your
city. MeasurementsEither Celsius (KPH) or
Fahrenheit (MPH).
51
Event Calendar
52
Calendar Name Should have your letters before it,
so you dont overwrite someone else's Choose
Existing Calendar Choose type of calendar to
view. Change Display Month Typically would want
to leave this alone
53
To edit the calendar you must be in page editor.
Right click on the calendar then click on
properties.
54
You will now see another box with add new listed.
If you click on a date add new will also appear.
55
(No Transcript)
56
(No Transcript)