creating your own web site
DESCRIPTION
Course for Community First - Creating your own web site - basic introduction to web site design using wixTRANSCRIPT
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