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

1. Creating your web site
Presented by David Vane

2. Welcome and introductions…
Your Name:
Organisation:
Your position:
Your experience:
What do you want to get from today?:

3. 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…

4. 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

5. What do we need to create a web site?
•
•
•
•
Content
Design
Structure
Images
•
•
•
•
Purpose?
Goal?
Audience?
Time??

6. What are good examples of web sites?
• www.bbc.co.uk
• www.amazon.co.uk
• www.ebay.co.uk
• Hubspot [link]

7. 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?

8. 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‟‟

9. Your turn ….
Use the web planning sheet to decide on Name? Company? Domain ?
Audience – age, gender – professional – tech?
Style – colours – fonts – size …
Brand –
Keywords?

10. 2. Structure – site map
•
•
•
•
•
Home page?
Sub pages? – About - Contact
Main topics
Navigation?
Call to action?

11. Your turn ….
Draw your site map –
Home - About – Contact +++

12. 3. Design

13. Activity 2 – wix.com
•
•
•
•
Go to wix.com
Choose a design idea
“I am a new user”
Email and Password
• Check email for link

14. Activity 3 – The basics
• Left menu–
Pages –
Design –
Add –
Settings
App Market

15. Editing text
Title –
H1
Page title H2
Heading XL H3
Heading L H4
Heading M H5
Heading S
Body L
Body M
Body S
H6

16. Your turn ….
Choose text blocks and change the text
Go to „preview‟ in browser and mobile views
Complete your home page -

17. 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

18. Your turn ….
Choose image blocks and change the image
Go to „preview‟ in browser and mobile views
Complete your home page -

19. 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

20. An alternative to web site - blog

21. Wordpress.com
•
•
•
•
•
Sign up
Create pages
Create posts
Keywords and tags
Schedule publishing

22. Blogs, newsletters and web site working
together

23. Thank you