Creating your own web site

  • View
    104

  • Download
    2

  • Category

    Design

Preview:

DESCRIPTION

Course for Community First - Creating your own web site - basic introduction to web site design using wix

Citation preview

Creating your web sitePresented by David Vane

Welcome and introductions…

Your Name:Organisation:Your position:Your experience:What do you want to get from today?:

Welcome and introductions

Internet enthusiast - having been involved since the beginning (with an internet café in Southampton in 1995!) I am sure that there is a way to make a living online but have yet to find it!

Web producer and project manager - involved in all aspects of web - design, promotion and reporting helping decision makers to decide where to spend their time and money!

More recently passionate advocate of Social Media Marketing - Twitter, Facebook, blogs, Linkedin etc and I have given several presentations and workshops and one to one coaching sessions to help busy people decide which ones to use…

Programme

• What do we need for a web site?

• Good examples?

• Planning

• Structure

• Design

• Wix.com

• Editing text,images etc

• An alternative to web site

What do we need to create a web site?

• Content

• Design

• Structure

• Images

• Purpose?

• Goal?

• Audience?

• Time??

What are good examples of web sites?

• www.bbc.co.uk

• www.amazon.co.uk

• www.ebay.co.uk

• Hubspot [link]

This is number 1… – “planning”

• What is the purpose of your site?

• Where will you find the content?

• What is your goal?

• Who is your target audience

• What do you want them to do?

• Who will update and check it?

• What are your competitors doing?

Activity1: Planning sheet

• Name? Company? Domain ?

• Audience – age, gender – professional – tech?

• Style – colours – fonts – size …

• Brand –

• Keywords?

• Set up a folder on your computer for ‘web site’ with a sub folder for images’’

Your turn ….

Use the web planning sheet to decide on -

Name? Company? Domain ?

Audience – age, gender – professional – tech?

Style – colours – fonts – size …

Brand –

Keywords?

2. Structure – site map

• Home page?

• Sub pages? – About - Contact

• Main topics

• Navigation?

• Call to action?

Your turn ….

Draw your site map –

Home - About – Contact +++

3. Design

Activity 2 – wix.com

• Go to wix.com

• Choose a design idea

• “I am a new user”

• Email and Password

• Check email for link

Activity 3 – The basics

• Left menu–

Pages –

Design –

Add –

Settings

App Market

Editing text

Title – H1

Page title H2

Heading XL H3

Heading L H4

Heading M H5

Heading S H6

Body L

Body M

Body S

Your turn ….

Choose text blocks and change the text

Go to ‘preview’ in browser and mobile views

Complete your home page -

Images

• Use images from the web (they are correct resolution) copyright?

• Use images from camera (they will need to be reduced) – use Microsoft picture Manger (or similar) to resize, crop, compress…

• Link images to web sites etc

• Wix library

Your turn ….

Choose image blocks and change the image

Go to ‘preview’ in browser and mobile views

Complete your home page -

Finishing off…

• Don’t forget to SAVE

• Preview your work so far with ‘preview’ button

• Preview mobile

• Publish when you have finished

• Choose domain etc.

• Other CSM web sites –• http://www.moonfruit.com/• http://www.1and1.co.uk

An alternative to web site - blog

Wordpress.com

• Sign up

• Create pages

• Create posts

• Keywords and tags

• Schedule publishing

Blogs, newsletters and web site working together

Thank you