create your own website, quickly for free (for it beginners, no code)

13
Building Your Own Website

Upload: tom-bowcutt

Post on 07-Feb-2017

303 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Create your own Website, quickly for free (for IT beginners, no Code)

Building Your Own Website

Page 2: Create your own Website, quickly for free (for IT beginners, no Code)

• OBJECTIVE: Build your own website to demonstrate your skills and experience to a potential employer, or promote your business.

• WHAT YOU NEED BEFORE WE START:• Laptop • Internet connection• Personal Email Account (Gmail, Hotmail etc.)• Photos of yourself and your work (Videos even better!!)• Text describing your skills, experience and projects you have

worked on

Page 3: Create your own Website, quickly for free (for IT beginners, no Code)

The Plan

• What you will build (LINK)• Steps To Create Your Site:– Setup Your Site– Edit Your Home Page– Edit Your Contact Details and Social Links– Creating your Profile and Case Studies– More Stuff (Blog / Twitter Feed / Online Shop)

• Next Steps

Page 4: Create your own Website, quickly for free (for IT beginners, no Code)

Site Setup (1/2)

1. Go to www.wix.com2. Click Start Now3. Create an account

(Email, I’m a New User, Password, GO!!)

4. Confirm Email and Password

5. Select your Category (Business & Services – Maintenance Services, GO!!)

6. Select your template (House Painters – EDIT!!)

Page 5: Create your own Website, quickly for free (for IT beginners, no Code)

Site Setup (2/2)

1. Click PUBLISH (at top right of screen)

2. Choose your website name or Domain (e.g. TomBowcuttDecorating) and click SAVE & CONTINUE

3. Click PUBLISH NOW4. Click VIEW SITE

CONGRATULATIONS – you now have you very own website!!

Page 6: Create your own Website, quickly for free (for IT beginners, no Code)

Edit Home Page (1/3)1. Go back to the Edit View 2. Click on THE PAINTING COMPANY and change the text to Your Company Name

(e.g. Tom Bowcutt Decorating) 3. Do the same for CALL US and add your phone number

Page 7: Create your own Website, quickly for free (for IT beginners, no Code)

Edit Home Page (2/3)1. Change your Home Page Image

– Click on the main image showing the paint pots– Click CHANGE IMAGE– Upload an IMAGE (use your own, from training files or Free From WIX) – APPLY the new image

2. Crop and Edit Your Image – Click on Your New Image and select CROP & EDIT– Crop your image– Apply some filter and effects if you like

Page 8: Create your own Website, quickly for free (for IT beginners, no Code)

Edit Home Page (3/3)1. Use what you have learnt so far to:

– Put the correct phone number below your contact form– Change the Image in the Our Vision and Colour Choice sections– Edit the text in Our Vision and Colour Choice Sections– Update Company Name at the bottom of your Site– Update the text in the Let Us Paint Your House section

2. Save and Publish Your Site

Page 9: Create your own Website, quickly for free (for IT beginners, no Code)

Test Your Home Page1. What happens when you request an estimate via your Home Page?

- Check your personal EMAIL- Check your CONTACTS list in the WIX dashboard- Send out a newsletter to your CONTACTS via the dashboard

2. What happens when you click Hire Us?

Page 10: Create your own Website, quickly for free (for IT beginners, no Code)

Setup Your Contact Page1. Within the WIX Editor, select PAGES menu and then Click on CONTACT.2. Update details on your CONTACT Page

- Change your phone number- Update the Map: - Set Your Location

- Change Your Company Name

3. Save and Publish and Test Your HIRE ME Link and Contact Form

Page 11: Create your own Website, quickly for free (for IT beginners, no Code)

Edit Page Structure1. Rename the Commercial Page to OUR WORK via the PAGE MENU2. Delete the Residential Page and Sub Pages via the PAGE MENU

3. Save and Publish

Page 12: Create your own Website, quickly for free (for IT beginners, no Code)

Use What You Have Learnt1. Edit your About Us page to give some info about you and your skills2. Edit your Our Work page to describe some of the projects your have worked on.

Page 13: Create your own Website, quickly for free (for IT beginners, no Code)

More things to explore: 1. Adding Videos2. Facebook / Twitter Feed3. Blog4. Online Shop

Next Steps:- Carry on working on your site- Share your site with friends get feedback and ideas- Need help, try Googling it first (VIDEO TIPS)!!- Or drop me an email ([email protected])