Website Design & Development

Building a website is a complex task which takes experience and knowledge to do it right. Learn the 7 phases of website design and development and see how we can help.

I believe Web Design and Development in 2019 will only grow as more and more business realize they need a home of their own on the Web.

So break out your web design editors and maybe try the freelance game in web design and development. The opportunity is only growing.

My popular courses:
Learn web development fast: https://shop.killervideostore.com/
Learn Python 3 fast: http://www.killervideostore.com/python/

My business courses:
Complete Freelancer: https://www.killervideostore.com/freelancer
Complete Entrepreneur: https://www.killervideostore.com/video-courses/complete-entrepreneur.php

My social links:
Instagram: https://www.instagram.com/stefanmischook/?hl=en
Twitter: https://twitter.com/killersites

Thanks!

Stef

Welcome to a new series where I'll be taking you through the whole process of redesigning and building my website from start to finish! Please remember to subscribe http://bit.ly/1aE5UOT

The very very first thing I do when approaching a new design project is plan (shocker!). For a website, that means sitting down and thinking through firstly what the goal is for the site and why visitors might be on it, and secondly what pages and templates will need to be designed in order to bring it to life.

In this video you'll see me make a plan for my website, both for the full site map of my new blog and portfolio, and also for an "MVP" simple landing page I'll be starting with first.

Hope you enjoy the video and are excited about the series!

// LINKS

Concepts (the app I'm using in the video):
https://apple.co/2DHaEUQ

Webflow (what I'll be using to build my site):
http://bit.ly/cmwebflow

Watch the full series: https://www.youtube.com/playlist?list=PLrJQSKQvgHS6BCO8nZScJ9iw7Ukjv4f9C


-----------------------------------------------

// ENJOY MY VIDEOS?

My videos no longer have pre-roll ads because I think ads are annoying. That means you don't have to sit through ads, and it also means I don't earn anything from the content I put on YouTube. If you want to support me and my channel the best thing you can do is join my Patreon!

You'll get tons of extra content and ways to learn, like behind-the-scenes process info, downloadable assets or even a monthly group Google Hangout! Choose your tier and sign up here:

http://patreon.com/charlimarie

-----------------------------------------------

// ABOUT ME

Hello there! I'm Charli and I'm a web and graphic designer from New Zealand currently living in London and posting design videos every Saturday about tools, projects, and concepts and vlogs every Tuesday about my life as a designer. Please subscribe and say hi in the comments so we can be friends 🙂

-----------------------------------------------

// MORE

Blog: http://www.charlimarie.com
Online apparel store: http://linernotekids.com/
Design portfolio: http://charlimarie.com/portfolio
Podcast: http://designlife.fm

// SOCIAL

Twitter: https://twitter.com/charliprangley
Instagram: http://instagram.com/charliprangley
Facebook: http://www.facebook.com/charlimarieTV
Snapchat: charlimarietv

My sister SmayJay's channel: http://www.youtube.com/frangisamme

-----------------------------------------------

// MUSIC & TECH

Music: YouTube Audio Library

My gorgeous intro animation was created by hand lettering animator Austin Saylor, you should hire him to do yours too: http://www.austinsaylor.com/

Learn how to build pixel perfect websites FAST:
http://bit.ly/GetWebflowMC
-
Flux is proudly sponsored by Webflow, start a new account with an awesome discount:
http://bit.ly/FluxWebflowDiscount
-
Gear & Book Recommendations: http://bit.ly/2ohFOuj
-
Freelancing? Send awesome proposals with:
http://www.goprospero.com
-
Twitter: http://twitter.com/ransegall
Instagram: https://www.instagram.com/ransegall/
-
Join the Flux community on Patreon:
https://www.patreon.com/flux_ransegall
-
Work Hard & Be Nice Poster:
https://society6.com/ransegall

Start Here ➜ https://websitelearners.com/make-a-website/#start

Watch how you can make a website in 10 Mins - with 5 Simple steps.

By following these steps, you can make ANY kind of website, just by using “DRAG & DROP”

Steps you need to follow (with timestamp):

1) Choose a Domain Name - 00:32
2) Buy Hosting & Domain - 00:52
3) Install WordPress - 02:48
4) Add a New Theme - 04:30
5) Edit the Content - 07:10

We’re going to build our website by following these 5 steps.

So, Let’s Start.

Step 1: Pick a name for your website

First, you need to go to: https://websitelearners.com/make-a-website/ and then pick a name for your website. You can choose anything like - mywebsite.com, or .in, or .net, or .org.

This will be the domain name of your website.

So, pick one and check whether it’s available or not! Once you get it, you can go to the next step.

Step 2: Get Hosting & Domain

Hosting & Domain are the two things that you need, for launching your website.

Hosting is the place where your website’s files get stored and Domain is the name of your website.

So, get your hosting with free domain (by paying 99 rupees per month) and once you’ve completed the purchase, you can then continue.

Step 3: Installing WordPress

Wordpress is a free tool that can be installed and used to build a website without having any knowledge of programming or coding.

To Install WordPress, go to your hosting account and click “Managed WordPress.” Create a WordPress Login by entering a username and password. (This will be used to logging into WordPress)

After the WordPress Installation is complete, you’ll then be taken to your WordPress Dashboard. Now, this is the place from where you’ll be controlling your website. When you reach this page, your website will be LIVE! So, you can quickly check it, by entering your domain name.

Now, to visit your WordPress Dashboard again, you can just type: yoursite.com/login.

Your website will now have a default WordPress Theme. You can change it, by going to the next step.

Step 4: Adding a New Theme

You can install a new theme by going to ‘Themes.’ You can install the Astra theme (To get pre-made website designs with demo content)

Also, install the Astra Sites Plugin (which comes with the Astra theme) that will make it easy for you to customise your site. You can install this plugin, by going to ‘Plugins.’

Now, this plugin has a set of designs for your website, which you can choose & then apply it to your site.

To choose the designs, you can click ‘See Library.’ Now, before you select a design, make sure you click ‘Elementor’ which will make it easy for you to edit the design.

So, choose the design and import it to your site. Once, you’ve got the design with its demo content, you can then go to the final step.

Step 5: Editing the Demo Content

Editing a page is very very easy. To edit a page, just go into the page that you want to edit and click ‘Elementor.’

You’ll then go to an editing section. Now, to edit any text, just select it, and type anything you want. This process works throughout the website.

This is how, you can edit any page you want, using Elementor. Now, if you want to edit the header and the footer area of your website, you can simply click ‘Customise.’

After you click,’Customise.’ You’ll see some blue icons on on the page. To edit anything, like the logo or the menu section, just click the blue icon and make your changes.
The same works-out in the footer area, also.

Now, to create a new page, you can use 2 methods:

1) Create your OWN page by dragging and dropping elements using Elementor.
2) Use pre-made designs using Templates.

That’s it! This is how easily you can launch your website. So just,

- Get your Hosting & Domain
- Import the Demo Content
- & Edit it to make your OWN Website.

Just Start Here ➜ https://websitelearners.com/make-a-website/

---------------------------------------------------------------------

Get your Business Email Address ➜ https://youtu.be/xAw57WUPY2w

---------------------------------------------------------------------

Get Elementor Pro ➜ https://goo.gl/h4pMHN

Get Astra Premium ➜ https://goo.gl/iDZ6vj

---------------------------------------------------------------------

Like, Share & Comment. [It encourages us to make more tutorials like this!]

And Subscribe to Website Learners : https://goo.gl/SBC2zU

Thank you 🙂

Learn how to build Custom designed websites with Webflow:
http://zpr.io/gbVXm
-
Flux is proudly sponsored by Webflow, start a new account with an awesome discount:
http://bit.ly/FluxWebflowDiscount
-
Instagram: https://www.instagram.com/ransegall/
Twitter: http://twitter.com/ransegall
-
Gear & Book Recommendations: http://bit.ly/2ohFOuj

Once you're done with this, checkout lesson #2 - introduction to CSS:
https://www.youtube.com/watch?v=gBi8Obib0tw

How to put your website online (with coupon):
https://www.youtube.com/watch?v=tq7dqdHCc7U

How to build webpages with html, css, javascript tutorial for beginners.
In this video, we'll cover how to develop websites using just the computer you have already.
I'm using Sublime Text editor http://www.sublimetext.com/ and Google Chrome

Other great text editors:
Atom.io
Brackets.io
Notepad++

Now, if you just want a website and don't want to be a web developer, don't mess with learning all of this, get a site from squarespace.com and use squarespace plugins from http://thecustomsquare.com to make your site unique.

Learn how to develop your own websites using the computer you already have. The basics of web development is the html file, which is centered around html tags. In this first lesson, we'll cover the basic html tags and how to use them to build a web page.

Once you learn HTML, you can use CSS to add style to your pages and JavasScript to add animation and fun features.

Learn Javascript with the Javascript tutorials for beginners: https://www.youtube.com/watch?v=fGdd9qNwQdQ&list=PLoYCgNOIyGACnrXwo5HMCfOH9VT05znGv

-~-~~-~~~-~~-~-
Also watch: "Responsive Design Tutorial - Tips for making web sites look great on any device"
https://www.youtube.com/watch?v=fgOO9YUFlGI
-~-~~-~~~-~~-~-

This is my yearly step by step guide to becoming a web developer in 2019. We will look at nearly all aspects of web technology including the necessities as well as some of the new trends for 2019.

💖 Become a Patron: Show support & get perks!
http://www.patreon.com/traversymedia

Website & Udemy Courses
http://www.traversymedia.com

Follow Traversy Media:
https://www.facebook.com/traversymedia
https://www.twitter.com/traversymedia
https://www.instagram.com/traversymedia

Shared & VPS Hosting:
https://inmotion-hosting.evyy.net/c/396530/260033/4222

Cheap Domain Names:
https://namecheap.pxf.io/c/1299552/386170/5618

My very popular web design and development freelance course:
https://www.killervideostore.com/freelancer

What do you need to do, to kickstart your freelance web design career? In this video, I cover 7 bullet points that will launch your coding career as a freelancer.

First, you need the foundational skills: HTML5, CSS3, some JavaScript. There is much more ... watch the video!

My popular courses:
Learn web development fast: https://shop.killervideostore.com/
Learn Python 3 fast: http://www.killervideostore.com/python/

My business courses:
Complete Entrepreneur: https://www.killervideostore.com/video-courses/complete-entrepreneur.php

My social links:
Instagram: https://www.instagram.com/stefanmischook/?hl=en
Twitter: https://twitter.com/killersites

Thanks!

Stef

#freelance #freelancewebsign

In this course you will learn how to create a Website from scratch.