Creating your own web site

50 %
50 %
Information about Creating your own web site
Design

Published on February 27, 2014

Author: davidvane

Source: slideshare.net

Description

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

Creating your web site Presented 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 Body L Body M Body S H6

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

Add a comment

Related presentations

Related pages

Free Website Builder | Make Your Own Website | Moonfruit

Make a free website or online shop with Moonfruit's free ... need to get your site up and running, from web hosting and ... your own website, but unlike ...
Read more

Free Website Builder: Make a Free Website & Hosting | Webs

Webs: Create a free ... free web hosting, and easy to use free website builder. ... No need to be an expert to create your own SEO ready website.
Read more

How to Make / Create a Website: The Beginner's A-Z Guide ...

This tutorial takes you step by step through the process of creating a site. ... Guide to Making Your Own ... not start after the web site is ...
Read more

How to Make a Website: Designing, Building and Testing

How to Make a Website. Design and build your website using a ... design your own site, ... quality of your content. Creating pages that are ...
Read more

Website Builder | Make your own website easily with 1&1

Creating and editing your own website requires no ... Facebook page from your 1&1 MyWebsite. ... have our web designers take care of your site ...
Read more

Creating a Website - Free Step by Step Guide

Click here to learn all about creating a web site! ... Creating a website is just the first step to having a ... Want to write and sell your own ...
Read more

Creating Your Own Web Site | University of Pittsburgh ...

Overview. Did you know you can publish your own personal Web site here at Pitt? The first step is to create your Web pages using HyperText Markup Language ...
Read more

Create | Make | Build | Your Own Website

Your dreams are in good hands when you build and host a site with Create. ... the best help resources on the web and your very own dedicated Account ...
Read more

Own-Free-Website.com - Create your Website for Free - 100% ...

In just 2 minutes you can create your own free website. ... you have the possibility of extending your site ... Sign up and start creating your very own ...
Read more

Create a site - Sites Help - Google Support

Create a site. Once you've signed in to your Google Account, ... Create a site; Create a site; Share your site with other people; Create a page ©2016 Google ;
Read more