Creating a Web Photo Album and

a personal Web Page

KSC Seminar Presented By

Steve Courtney

Director KSC Computer Training Team

with support from the KSC Computer Training Team

September 19th,2013 1

Seminar Topics • Introduction

• Create a Web Photo Album:

– Setup your computer and Photo Album web site

– Creating and uploading your photos/albums to Photo website

– How to share Photo website with friends and relatives

– Accessing (view/download/print) photos on a Photo web site

• Create a Personal Web Site:

– How to create your personal website

– Editing your personal website- graphical/photo & text

– Publishing your personal web site

– How to host, and obtaining a website domain name

• Demo and Q&A

2

Introduction

3

Cloud Computing examples:

• Web Photo Albums - Picasa • Why? - easier to share with friends/relatives

• Other common example Flickr

• Personal Web Sites - Wix • Why? - share mixed text/photo/video/graphics

• Why? – promote services/products you have

Picasa and Wix are both examples of using a “hosted”

cloud web service to store, organize, share and manage

your photos and information with friends and relatives.

Introduction

4

10,000ft view of process:

1.Setup account at Picasa and/or Wix, typically using

an your existing or new email address(e.g. Gmail).

2.Download any PC software required(Picasa only).

3.Upload information(pictures/other) to your site.

4.Edit your Site the way you wish.

5.Publish/Share site as required(e.g to all or selected

people and device(e.g. PC/Tablet/smartphone)).

6.Advertise to friends/family about your sites.(they can

view ,download and/or print as applicable)

For this seminar we will use a PC, but similar process for Tablet/smartphone

Creating your own

Web Photo Album

5

Web Photo Album

6

1. Go to http://picasa.google.com/ and download Picasa to your PC.

2. Install downloaded Picasa file onto your PC.

3. Run Picasa and install any updates. • If you choose file extension defaults then Picasa will become your default photo viewing

edit program. Select “Don’t Use Picasa” then can still use existing programs.

• Picasa will automatically start searching for ALL photos on your PC.1st time takes time.

4. Log into Picasa using your email • If you have Gmail already then use same password as Gmail

• If you have another email will need to create Picasa account

5. You are ready to use Picasa Photo Web Albums.

One time Setup:

Create a Web Album 1-3

7

Opening Picasa on your PC you should see something like:

File Directory Pictures in selected folder Share photos in Photo Tray

Picasa

Controls

Share ALL

photos

in folder

Create a Web Album 2-3

8

• Select a picture folder in Picasa from File Directory.

• Select button next to selected folder.

• Login to your account, if requested(ie not already logged in).

• Should now see:

• Folder name becomes Album Name

• Can change name select

• Select Image size from dropdown menu

• Ignore Messages and circle/share box

• Select button

Upload photos Using an existing Picture Folder :

9

Create a Web Album 3-3 View Album online(ie on Picasa Web site associated with your account)

• After Upload has finished then

Select button

• After a few seconds Web page

should open similar to:

Repeat steps for multiple photo albums, or to add photos to an existing album

Editing Your new On-Line Photo Album

Select Any Photo

In your album

10

Now Select one of many options eg.:

• Edit photo using online tools – Add text

– Change photo

• Watch a slideshow

• Share photos with other people

• Set selected photo as the cover of Album

• Delete photo(s) or complete album

• And more….

11

Sharing your Photo Album

Share via link(URL)

Select

and then Select

“Sharing Options”

from drop down list

Copy and paste unique link(URL) into

an email and send email with note to

friends etc.

Email Recipients can then click on link

and view/download/print your photo

album and/or individual photos.

How to view someone else's Web Photo Album 1-2

12

You will have received either a direct link(URL) via email OR you are part of your

Friends “Circle” of friends. Just click on the blue/underlined link in the email

How to view someone else's Web Photo Album 2-2

13

Double Click photo to

see full Photo

and more options

Click to download

album or see slideshow

Click Albums icon to

see other Albums

by same User(if allowed)

Invited viewers of your Albums and photos

cannot edit or delete.

Viewers can: • View Album, photos or slideshow

• Download album or photos

• Block owner, report abuse

• Share and/or tag people

How to Print Photos when viewing

someone's Web Album

14

Two basic options: • Download a photo,

several photos or the complete

web photo album and then print

on your home computer, or send

to printshop.

OR

• Select a Photo in Web Album,

right click and open in

separate tab. Then print using

Web Browser Print icon.

Picasa Advanced

15

Picasa installed on your PC allows for many other

functions including: • Picture organization, searching, sorting

• Picture editing

• Creation of

• Posters

• Picture Collage

• Gift CD

• Make a movie from photos

• Publish to blog sites

• GeoTag photos

• People face tag

For more information and help go to Picasa help

For a quick video demo go to intro to Picasa

Creating Your own

Personal Web Site

16

Introduction

17

Many different ways to create a web site: • Have someone build it for you – Cost $$$$$

• Develop using HTML code - for the experienced

• Use MS Word – not recommended

• Use a program installed on your PC – click here for best

• Use a “Cloud Computing” Web creation service - various

• For this seminar we will use the “free” Wix.com

Website domain names, URL and IP address

What do these mean?

– Domain Name

• Hides the real internet address behind text name. Analogy- Like International Phone numbers hide real phone network codes/numbers required to make a call

• Uses world wide network of Domain Name Servers(DNS) to control WWW access

• Domain name examples : wix.com, wikipedia.org, nytimes.com, nasa.gov

– IP address (internet protocol address) • is a unique identifying number given to every single computer on the Internet.

Analogy – Like a car licence number uniquely identifies any car

• e.g. IP address 72.246.51.15 = www.nasa.gov

• For most web server, the IP address is invisibly translated by domain servers into a natural English "domain name" for ease of use.

– URL (Uniform Resource Locator) • A URL goes into much more detail than domain name, providing much more

information, including the specific web page address, folder name, machine name, and protocol language. A superset of the IP address.

• e.g. http://www.nasa.gov/multimedia/index.html

18

Web Site- General Steps

19

Follow the following steps to create/publish a website using Wix.com 1. Create Wix.com account using your email and a password - Free

2. Select website graphic Template from Wix long list

3. Edit Template to suit your website needs

4. Add content to your website

a) Add online store if required

b) Link to other sites etc(e.g. Google maps, facebook, Wiki resources)

c) Add custom Wix Apps(e.g. Google map of your location)

5. Save/Publish website with a name(not a user friendly name for now)

a) Can now use/maintain created website for free OR

b) Goto step 5 and pay for a domain name and hosting

6. Obtain a domain name(e.g. www.billybob.ca) – will cost small$->large$$

a. E.g. Wix, hover, GoDaddy . Click here to find a domain name

7. Find a Host company

a) E.g. Wix, GoDaddy – May be free or $ depending on name/features

b) Can add features($) like email address(e.g. billybob@wix.com)

8. Publish website with your purchased domain name

9. Maintain/Upgrade website as you wish

Web Site- Getting Started using Wix.com

20

Use an existing Gmail email address

and password to Log in. Or create a

new Gmail account and use this.

Remember you can have multiple

Gmail accounts…

Now we are ready to

create Our 1st web site.

You can create and

store several different

web sites per account.

Web Site- Getting Started

21

We will use an existing

“free” Template to save time.

So we can click on “View”

template to explore

or “Edit”

to use and modify to suit our

needs.

Pick a Template or

start from scratch

A ‘Web Template” is a graphic and text already formatted and arranged to

work as a complete website. Saves time. You get to choose how to modify it

to suit your needs. 100’s of templates to choose….

Web Site- Our Template

22

We will pick a personal template for this seminar

Web Site- Editing

23 For detailed help on using the website editor click here

In general just click anywhere to edit/delete/add, pictures, video or text

• You can change most things, including background, colors and buttons

• You can add/delete/modify pages

• You can add/delete/modify effects

General

tools

along the

top bar

and

side

Web Site- Main Controls 1-2

24

Change/move/add page

Settings

Apps

Design Color/background/fonts

Add text/photo/video & more

Side Controls

Web Site- Main Controls 2-2

25

Save website

Copy/Paste

Grid/ruler Undo/redo

Preview website Publish

website

Upgrade from

Free

Website

Quick select a

page within your

website to edit

from

dropdown list

Top bar controls

Web Site- Publish

26 For detailed help on using the website editor click here

To Publish at any time you click on the “Publish” icon.

The website by default will publish using the following name

http://youraccountname.wix.com/nameyouchoose

Eg. http://kscwebtest.wix.com/test1

You can control

How search

engines like

Google find your

website and how

to display your

website on a

smartphone/tablet

Web Site- Upgrading

27

Wix allows you to upgrade from the “unfriendly domain name” hosting which is free

To several priced “domain name” Premium versions with different features: Cheapest

Wix Live Demo

28

• Create web site using www.wix.com

• Choose Template

• Edit Template

• Add content

• Save Website

• Publish Website

• Find website • E.g. our example http://kscwebtest.wix.com/test1

For more information on creating/editing your Wix Website

Goto Wix Support

Q & A • Please book a lesson or 3 lessons at the KSC

front desk to have more personal instruction on your Tablet, laptop or our training PC/iPad.

• Please contact Steve Courtney at computers@kanataseniors.ca if you have any specific questions concerning this seminar. We may be able to help or direct you to someone who can.

• This presentation can be found at http://www.kanataseniors.ca/seminars.html

29

Backup Slides

30

31

back

Picasa editing screen

32 back