Free Course: Beginner Web Design using HTML5, CSS3 & Visual Studio Code



Free 33 Video extract from the full course: HTML5 and CSS3 Course for Beginners: Responsive Web Design Essentials using Visual Studio Code. Full course at: bit.ly/2NNnIQH
Sweet discount at Bluehost: bringyourownlaptop.com/blue
Free Exercise Files: bit.ly/2F9wq9F
Get Visual Studio Code here: code.visualstudio.com/Download
#visualstudiocode #webdesign #htmlcss
Follow us on Instagram: www.instagram.com/bringyourownlaptop
Follow me on Twitter: twitter.com/danlovesadobe
Join the Facebook group: www.bringyourownlaptop.com/fb
Join my subreddit: www.reddit.com/r/bringyourownlaptop
Introduction to Web Design: 0:00
How this course is structured: 1:58
What to download: 3:39
Creating our first web page: 6:37
What is HTML5 & CSS3: 12:32
Head vs body vs html tag: 20:56
Title & description: 30:51
What code editor should I use?: 36:46
Using Div Tags: 40:26
What is a CSS Class: 46:52
How to nested divs: 55:58
Class Project 01: 1:01:01
External CSS: 1:06:26
Creating our index style pages: 1:15:33
Testing your website: 1:27:49
Check your code for errors: 1:36:34
What are HTML5 structure tags: 1:47:36
Add html5 structure elements: 1:53:23
How to color the background: 2:09:26
Adding images to a website: 2:14:36
How to center an image: 2:19:15
Change the font size & color: 2:20:29
Make a clickable link: 2:34:41
Stretching background image: 2:43:27
Making a div tag transparent: 2:49:05
Simple website text navigation: 2:51:42
CSS compound classes: 2:58:25
Class Project 02: 3:05:28
Class Project 02 — COMPLETE: 3:07:33
Add a email button to a website: 3:12:23
Add Google Maps to your website: 3:16:12
Making a website live: 3:27:35
Uploading via SFTP: 3:44:27
Outro: 3:56:16
Hi there, my name is Daniel Scott and together we’re going to learn how to build professional responsive websites. which look good on mobiles, tablets and desktop screens.
We will build 4 sites together in the full course:
a simple but elegant restaurant website.
a bike repair website.
a responsive portfolio website.
a Bootstrap website.
We cover everything you need to build your first website. From creating your first page through to uploading your website to the internet. We’ll use the world’s most popular (and free) web design tool called Visual Studio Code.
There are exercise files you can download and then work along with me. At the end of each video I have a downloadable version of where we are in the process so that you can compare your project with mine. This will enable you to see easily where you might have a problem.
We will delve into all the good stuff such as how to create your very own mobile burger menu from scratch learning some basic JavaScript and jQuery.
You will:
Learn how to work with responsive images and icons. and stunning full screen background images and probably one too many gradients.
Learn how to create forms and to choose great fonts for your website.
Learn how to work with Bootstrap 4 to easily add carousels, cards and complex looking menus.
Setup a domain name with hosting so that your website is live on the internet for others to see.
There are fun class projects for you to work on which will enable you to practice what you learn. By the end of this course you’ll have a great understanding of important web design topics like HTML5, CSS3, Flex box, Responsive design and Bootstrap.
If that all sounds a little too fancy — don’t worry, this course is aimed at people new to web design and who have never coded before. We’ll start right at the beginning and work our way through step by step.
Who am I?
I’m Dan, and I’ve been building websites for about 15 years now. I am award winning instructor, and have won a MAX Master award for the last 2 years in a row at the prestigious Adobe Max conference.
Time to upgrade yourself?
Sign up for the course and let’s learn how to build responsive websites.
Music: Bright Hip-Hop by Trending Music, Courtesy of Shutterstock, Inc.

Create an Affiliate Marketing Website | Complete Beginners Course



In this honest and in-depth tutorial, you will learn step by step how to start an Affiliate Marketing website from scratch. Even when you have no idea what Affiliate Marketing is and how it works. In this video, I will take you on an AWESOME journey and show you every step of the process! I will talk explain what Affiliate Marketing is, show real-life examples, share how you can find out which product or service you like to promote, give you 25 amazing affiliate products you can promote, show you how to make a website, logo, webpages, blogpost, and thumbnails. And how to optimize your website for the search results. I will show you how to outsource blog posts, add social share options to your website, and how to create beautiful affiliate links. Through the while video, I will encourage you and show you why you can do this when you decide to go all in!
I took me (besides learning this over the past 14 years) a lot of time and effort to make this video. I really hope you like the video! Feel free to like it and subscribe to this Youtube channel for more WordPress and Affiliate Marketing related videos!
Important links:
Get Webhosting with 50% discount: webhosting125.com
Demo website: envatutorial.com
Overview With Timestamps
00:00 Intro
00:15 Overview Affiliate Marketing Tutorial
03:16 What Is Affiliate Marketing
00:06:38 Real Life Examples of Affiliate Marketing
00:09:05 Some statistics of my one my best Affiliate Products
00:12:57 Why YOU are in charge of your success
What Product or Service To Promote?
14:33 The 2 Rules of Affiliate Marketing
15:58 25 ideas for Affiliate Marketing
21:20 Find an Affiliate Product Yourself
22:44 The Product I Will Promote
Create A Website
26:49 What Is A Domain Name?
27:32 What Is Webhosting?
27:58 Get A Domain name and Webhosting
30:43 Choose a Domain
Install WordPress
33:58 Install WordPress
35:24 Make Your Website Secure with httpS://
36:33 The Frontend and Backend of your website
38:51 Clean Up Your Website
39:46 Configure Your Account
41:04 Create a Site Title
Themes and Page builders
42:35 Get the Kadence Theme
45:27 Create Your Logo
49:52 Upload Your Logo to Your Website
50:31 Add Pages To Your Website
53:11 Configure the Kadence Theme even Further
Create The Homepage using Elementor
00:57:12 An introduction to Elementor
01:00:14 Create a Hero in Elementor
01:06:18 Add 2 buttons
01:10:46 Create 4 counters
01:14:28 Optimise Your Website For All Devices
01:15:07 Align the Width Of Your Theme and Page Builder
Writing Blogposts
01:18:11 Why Write Blogposts?
01:23:18 4 Kind of Blogposts
01:23:18 Use Grammarly to create better blogposts
01:28:06 Create Your First Blogpost with Gutenberg
01:28:06 Create A Features Image
01:47:53 Create Categories
01:48:52 Create Tags
01:49:12 Create an Excerpt
01:50:16 Configure the Blogpost Layout
01:53:41 Change the Basic Colors in your Theme
01:55:41 Add Author Information
02:00:02 Create and Manage Comments
Find Great Subjects to Write About
02:02:31 Find Subjects To Write About With Google Autofill
02:09:20 Do Market Research With Ahrefs
02:10:33 Outsource Blogposts
02:13:34 Create a Thumbnail using Photoshop
02:22:51 Adjust the Post Title and blogpost URL
02:24:01 Change the Permalinks Structure
02:24:34 Resize Images Within Wordpress
02:29:33 Schedule Blogposts and change the publish date
02:32:07 Add an Editor To Your Website
02:33:34 Add Blogposts To Your Homepage
02:38:54 Create an About Page
02:39:53 Copy and Paste Elementor Sections
02:40:39 Create The Contact Page
02:42:24 Install Contact Form 7
02:44:23 Create Sidebar Widgets
02:47:06 Add Plugins as Widgets
02:48:13 Add an Affiliate Link in the Sidebar
02:51:19 Add Footer Widgets
02:57:24 Add a Facebook Likebox Widget
SEO
03:01:11 Optimise Your Website Using Rank Math
The Finishing Touch
03:17:03 Get Extra Gutenberg Blocks
03:17:44 Add Social Share To Your Blogposts
03:23:36 Create Better Links
03:27:15 Add a Favicon
03:28:50 Learn How To Make Videos
03:31:28 Thank You and Congrats!

How To Start A BRANDED Niche Shopify Dropshipping Store & FREE Marketing Strategies



Today, I show you how to build a branded niche Shopify dropshipping store. I will show you how to dropship with custom packaging, how to pick a niche, how to build the store from scratch including all the apps you will need and how to market your Shopify store for free, to generate free traffic and make your first sales.
Shopify 3 Month Free Trial: www.shopify.com/?ref=elliott-prendy
00:01:09 — The Niche Shopify Store We Will Be Building
00:02:26 — The Niche Store Strategy
00:06:10 — Pros & Cons of a Niche Store
00:08:50 — DISCLAIMER: This Won't Be Easy
00:10:32 — Picking a Niche
00:19:16 — One of My Niche Stores
00:23:13 — Signing up for Shopify (https://www.shopify.com/?ref=elliott-prendy)
00:25:20 — Installing a Theme
00:27:02 — Customzing the theme colours & fonts
00:30:16 — Adding Hero Image & Text
00:32:58 — Logo creation for you store
00:36:45 — Installing the Eprolo App
00:37:45 — Adding Your Logo for Custom Packaging
00:39:56 — Importing products in to your store
00:45:22 — Adding Product Tabs App
00:50:57 — Editing Product Images
00:57:46 — Writing product descriptions
01:00:07 — Creating collections
01:01:06 — SEO optimization for products
01:04:56 — Adding GIFS to product pages
01:06:56 — Adding a size guide to your product page
01:10:35 — Finishing off the homepage
01:17:32 — Adding menus to your store
01:20:32 — Adding a currency converter
01:23:45 — Adding live chat to your store
01:31:05 — Adding AliExpress reviews to your store
01:34:42 — Setting up abandonded cart emails
01:41:14 — Adding a track your order page (https://extcall.17track.net/en)
01:42:50 — Creating necessary pages (contact us, shipping policy, terms of service etc)
01:47:03 — Setting up shipping rates & taxes (https://www.avalara.com/us/en/learn/guides/state-by-state-guide-economic-nexus-laws.html)
02:00:40 — Altering email templates
02:01:57 — Setting up payment gateways
02:02:32 — How to fulfill orders with Eprolo
02:07:27 — Building an Instagram for your store & scheduling posts
02:20:42 — Building a Pinterest for your store & scheduling posts
02:27:34 — Using YouTube to generate traffic
02:31:59 — Using custom content on Reddit, Facebook Groups & Google Shopping to generate free traffic
*Affiliate disclosure: Some of the links above are affiliate links meaning if you use them and sign up I receive a small commission at no extra cost to you*

Elementor Complete Tutorial 2019 — Build a Full Website with Elementor



WATCH THE LATEST ELEMENTOR TUTORIAL FOR 2020 — www.youtube.com/watch?v=guUuaArckEw&t=2578s
In today's mega tutorial, I am going to show you how to use Elementor page builder plugin to build a full one page website for a fictional company.
This fictional company is titled 'The White Hat Hackers' and is a company that specializes in cyber security. We are going to build a website promoting this company first by using the free version of Elementor. We will then use Elementor Pro to enhance the design of the website in part 2.
NOTE — That small annoying dash you see above headers is the 2019 theme. Just change the theme and it will disappear.
If you want to use my images and video here is a drop box link for you to download them — www.dropbox.com/sh/u6y4xqjpxrit9t8/AACj2g9AvLV3_MtQDdKpSQ5va?dl=0
Buy Elementor Pro — elementor.com/pricing/?ref=2834&campaign=YouTubeMasterTutorial
Want to enroll in my Elementor Master Class? — www.thewebmonkeyacademy.com/courses/elementor-2019/
Learn how to use the Page Builder Framework Theme — www.youtube.com/watch?v=SW677AFO_sI
Follow me on Facebook — www.facebook.com/thewebmonkeyonline/
Buy Siteground Web Hosting — www.siteground.com/go/you_tube
Visit my blog — thewebmonkeyonline.com/tutorials/the-complete-elementor-tutorial/
Follow me on Instagram (If you want to see awesome videos and pictures from my travels around the world) — www.instagram.com/travels_of_xander/
Time stamps
3:52 — Initial Setup
5:34 — Elementor Settings
11:42 — Setting up the Home Page
15:38 — Setting up our Global Values
21:42 — Adding our First Section
32:50 — Adding the 'Who We Are' section
40:18 — Working with the Navigator & History Tools
42:30 — Creating Advanced Structures
47:02 — Elementor Challenge
47:58 — Adding the Services Section
56:31 — Adding the 'Why Work with Us' Section
1:06:03 — Adding the 'Meet the Team' Section
1:12:18 — Adding the Clients Section
1:16:17 — Adding the Testimonials Section
1:22:06 — Working with Margins and Paddings
1:28:45 — Working with the Spacer Element
1:32:38 — Adding a Number Counter
1:35:35 — Creating the Contact Us Section
1:42:27 — Creating the Header Part 1
1:53:16 — The Page Builder Framework Theme
1:55:09 — Creating the Header Part 2
1:59:39 — Responsive Design with Elementor
2:07:24 — Page Templates & Blocks
2:12:33 — The Finder Tool
2:14:32 — Introduction to Elementor Pro
2:19:09 — Section 1 Review
2:19:57 — Elementor Pro Section Preview
2:20:21 — Recreating the Header with Elementor Pro
2:31:12 — Adding an Animated Headline
2:35:32 — Adding a Countdown Timer
2:40:58 — Recreating the Services Section with Elementor Pro
2:48:13 — Recreating the Why Work with Us Section
2:56:20 — Recreating the Contact Us Section
3:04:48 — THE END HAHAHAHA
Buy the Elementor Full Course
Udemy — www.udemy.com/elementor-101-build-amazing-wordpress-pages-with-no-coding/?couponCode=YOUTUBE9
Skillshare — www.skillshare.com/classes/Elementor-Build-Amazing-WordPress-Pages-With-No-Coding/2139262532?via=search-layout-grid
For business inquiries, product reviews or partnerships, please send an email to alex@thewebmonkeyonline.com
Did you find this video useful and want to say thanks by buying me a cup of tea? Please send your donation via Paypal to onialex14@gmail.com. Thanks.

The Complete Guide to SEO in 2020 (Full webinar)



If you want to start a website or blog and get traffic from SEO, watch this video to learn the fundamentals and some really unique strategies that you need to know to get results. We have built multiple sites to millions of pageviews (and dollars) from organic search traffic and here we share our strategy for how we did it.
incomeschool.com/project24/ When you're ready to start your business to earn online income, check out Project 24, our membership program that teaches you how to work toward replacing your current income with income from websites and YouTube channels in about 24 months. Check it out here: incomeschool.com/register/project-24-registration/?ref=45
Also check out our stupid fast and crazy functional Wordpress theme, Acabado. incomeschool.com/acabado
Resources from this video
Google's Quality Rater Guidelines: incomeschool.com/QRG
Income School's Full E-A-T Webinar: www.youtube.com/watch?v=qgfHqjX4hzk&t=319s
Timestamps:
0:00 SEO in a Nutshell
4:56 Google's Top Ranking Factors
12:10 Being Relevant on Google
17:18 How to Find Relevant Search Terms
20:43 Mastering On-page SEO
24:50 Optimizing to Win the Snippet
33:30 Winning with Technical SEO
36:10 How to Stay Ahead of Google's Changes
37:39 Mastering Off-page SEO
48:40 Building Authority Online
49:29 SEO FAQs
Project 24 is a product of Income School LLC. Results mentioned are not typical. The trademark “Project 24” refers to the goal of some people to create a successful business in 24 months, but is not a promise or guarantee of that success. Many online businesses fail because, like any business, it requires hard work, skill, and dedication. Before making business decisions, consult financial and legal professionals licensed in your jurisdiction.

How To Make an eCommerce Website With Wordpress and Elementor 2020 [Elementor Tutorial]✅



Get FAST And Cheap Web Hosting: www.darrelwilson.com/namehero-discount
Download Elementor: www.darrelwilson.com/elementor
FREE Demo Images:
eleemntorecommerceimages.s3-us-west-1.amazonaws.com/Elementor+DEMO+eCommerce+Images.zip
DEMO Elementor eCommerce Website: elementorecommercetutorial.com/
Ready To Build Your eCommerce Website With Worpdress And Elementor? In this ecommerce tutorial, i cover how to use the elementor page builder and WordPress. We use Elementor and Woocommerce to builder our eCommerce website.
Important Links and Videos I Talk About
Elementor PRO Tutorial: www.youtube.com/watch?v=d9tcmqJEEu4&t=1750s
WooCommerce Tutorial: www.youtube.com/watch?v=MrEG5Std2xI
Elementor FREE eCommerce Template: www.darrelwilson.com/product/elementor-ecommerce-template-package/
Get a 10% Discount Off Astra PRO: www.darrelwilson.com/astra ( Use code darrel10 For 10% OFF)
Get A $5 Logo: www.darrelwilson.com/fiverr
Terms and Conditions FREE: www.termsandconditionsgenerator.com/
MailChimp Tutorial: www.youtube.com/watch?v=sSdSVUMwAoo
Best WooCommerce Plugins: www.youtube.com/watch?v=yGuW0-LbGAc&t=32s
NOTE: For the contact page, in order to receive email, click on the contact form while editing the page — select email and where it says «to» insert your email and you are all done!
Timestamps For The Video
00:00:00 Intro
00:15:46 Get Hosting
00:19:30 Install Wordpress
00:22:45 General Settings
00:25:02 Creating Pages And Menu
00:28:05 Download Elementor
00:34:25 Building The Homepage
01:12:08 Creating Products
01:17:20 Creating A Simple Product
01:25:08 Creating A Variable Product
01:32:55 Adding Products To Homepage
01:36:55 Download Elementor eCommerce Template
01:46:50 Theme Customizer And Plugins
01:54:12 Terms And Conditions
02:03:21 Elementor Theme Builder Tutorial
02:05:52 Create A Custom Header
02:11:10 Create A Custom Footer
02:14:30 Create A Custom Shop Page
02:26:05 Create A Custom Shop Category Page
02:31:15 Create A Custom Product Page
02:39:10 Customize Checkout And Cart Page
02:41:30 WooCommerce Settings
02:46:15 Shipping
02:51:50 Email Customizer
02:52:04 Integrating Payment Gateways
3:02:10 Mobile Optimization
3:07:35 Contact Page
3:08:55 Coupons
3:12:30 Congrats you are finished!
Want to use the #1 most popular page builder for Wordpress? Meet the Elementor Page Builder. In This eCommerce Tutorial, you will learn how to create an ecommerce website with elementor, woocommerce, and wordpress. By The end of this commerce tutorial, you will have your own online shop running with wordpress! This is a step by step tutorial on how to make an online store and commerce website! Its 2020, no more ugly websites! Feel free to visit my website: wwww.darrelwilson.com

SEO Tutorial For Beginners | Learn SEO Step By Step | SEO Tutorial | Advanced SEO 2020 | Simplilearn



This SEO tutorial video will help you understand what is SEO, why we need SEO, what is keyword research, how does a search engine work, on-page SEO, off-page SEO, Google algorithms, types of SEO, what is an ideal website architecture, what is local SEO, how to measure your SEO performance, and at the end there will be a short quiz to test your understanding on SEO. SEO, or search engine optimization, is the work that we do to make our websites more prominent in the major search engines, such as Google, Yahoo, and Bing. The more prominent our web pages are in the search engines, the more visitors and searchers will be exposed to our business information. To some businesses, this is the primary channel for gaining new customers. The ultimate goal is for your company's web pages to appear at the top of the rankings when people search for terms related to your business. It has become a fundamental part of online business prospects and there are several experts and gurus in the field. Now, let us get a deep dive into this video and understand the various concepts of SEO (Search Engine Optimization)
Below topics are explained in this SEO tutorial:
1. Why SEO? (0:55)
2. What is SEO? (05:35)
3. What is keyword research? (07:24)
4. How does a search engine work? (15:11)
5. On-page SEO (17:56)
6. Off-page SEO (01:05:30)
7. What are Google algorithms? (01:33:00)
8. Types of SEO (01:40:49)
9. Website architecture (01:44:39)
10. Local SEO (01:52:02)
11. How to measure your SEO performance (01:59:42)
12. Quiz (02:16:31)
Subscribe to our channel for more Machine Learning Tutorials: www.youtube.com/user/Simplilearn?sub_confirmation=1
To get access to the slides, click here: www.slideshare.net/Simplilearn/seo-tutorial-for-beginners-learn-seo-step-by-step-seo-tutorial-advanced-seo-2019-simplilearn/Simplilearn/seo-tutorial-for-beginners-learn-seo-step-by-step-seo-tutorial-advanced-seo-2019-simplilearn
Watch more videos on Digital Marketing: www.youtube.com/watch?v=xA_yMYN19ug&list=PLEiEAq2VkUULa5aOQmO_al2VVmhC-eqeI
#seo #seotutorialforbeginners #digitalmarketing #digitalmarketingcourse #digitalmarketingcourse #simplilearndmca #Simplilearndigitalmarketing #simplilearn
About Simplilearn Digital Marketing course:
The Digital Marketing Certified Associate (DMCA) course is designed to help you master the essential disciplines in digital marketing, including search engine optimization (SEO), social media, pay-per-click (PPC), conversion optimization, web analytics, content marketing, email and mobile marketing.
Why learn Digital Marketing?
Businesses and recruiters prefer marketing professionals with genuine knowledge, skills and experience verified by a certification that is accepted across industries. Continuous learning for any working professional is not only important for keeping themselves up to date with the current market trends, but it also helps them expand their array of skill set and become more flexible in the workplace.
What skills will you learn from this Digital Marketing course?
This course will enable you to:
1. Gain an in-depth understanding of the various digital marketing disciplines: search engine optimization (SEO), social media marketing, pay-per-click (PPC), website conversion rate optimization, web analytics, content marketing, mobile marketing, email marketing, programmatic buying, marketing automation and digital marketing strategy
2. Master digital marketing execution tools: Google Analytics, Google Ads, Facebook Marketing, Twitter Advertising, and YouTube Marketing
3. Become a virtual digital marketing manager for an e-commerce company with Mimic Pro simulations included in our course. Practice SEO, SEM, Website Conversion Rate Optimization, email marketing and more.
4. Gain real-life experience by completing projects using Google Analytics, Google Ads, Facebook Marketing, and YouTube Marketing
5 Create the right marketing messages tailored for the right audiences
Who should take this Digital Marketing course?
Anyone who is looking to further his or her career in digital marketing should take this course, especially those seeking leadership positions. Any of these roles can benefit from the Digital Marketing Specialist training:
1. Marketing Managers
2. Digital Marketing Specialists
3. Marketing or Sales Professionals
4. Management, Engineering, Business, or Communication Graduates
5. Entrepreneurs or Business Owners
6. Marketing Consultant
Learn more at: www.simplilearn.com/digital-marketing/digital-marketing-certified-associate-training?utm_campaign=SEO-Tutorial-For-Beginners-Qs0_Qu22v4M&utm_medium=Tutorials&utm_source=youtube
For more updates on courses and tips follow us on:
— Facebook: www.facebook.com/Simplilearn
— Twitter: twitter.com/simplilearn
— LinkedIn: www.linkedin.com/company/simplilearn
— Website: www.simplilearn.com
Get the Android app: bit.ly/1WlVo4u
Get the iOS app: apple.co/1HIO5J0

My 15 All-Time BEST SEO Tips (That Get Results)



In this video you'll see 15 of my best SEO tips. So if you want to get higher rankings in Google, you'll love the actionable techniques in this video.
With that, here's a preview of what I cover in today's video.
First, I show you how to optimize your URLs the right way. Industry studies show that your URLs make a big difference in your Google rankings.
Next, you get to see two untapped resources for finding untapped keyword ideas.
Now that you've found a keyword, I go into two SEO tips to help you create SEO-optimized content around that keyword. Specifically, I show you real-life examples of how I rank #1 in Google for some super-competitive keywords.
Then, it's time for link building. Yup, backlinks are still a big part of Google's algorithm. And I show you one of my favorite link building strategies towards the end of this video.
And along the way I'll show you a bunch of advanced SEO tactics and techniques… plus real-life examples of each tip in action.
In short, you'll get access to a bunch of SEO tips that you can (literally) implement today.
SUBSCRIBE to get higher rankings and more traffic!
www.youtube.com/subscription_center?add_user=backlinko
Follow me on Twitter!
twitter.com/Backlinko

How to Make a Parallax WordPress Website — For Beginners [Step by Step] 2020!



Learn how to create a website step by step using WordPress. Super easy & fun with zero coding! Discount Hosting: www.siteground.com/go/unlocked
Download Free Theme: crtve.s3-us-west-2.amazonaws.com/themify-ultra.zip
Contact Plugin: crtve.s3-us-west-2.amazonaws.com/builder-contact.zip
Download Images: crtve.s3-us-west-2.amazonaws.com/Images+New+Parallax.zip
In this tutorial — you'll learn how to get your domain name & hosting, install WordPress and make a website & blog step by step. You'll also learn web design techniques that you can apply today to make beautiful websites.
— Fully Customizable
— Drag & Drop Builder
— Theme & Templates included
— Easy to Setup
— Perfect for Beginners & Freelancers (Many Advanced Options Too!)
— Fully Mobile Responsive
— No Expensive Software — WordPress is FREE & Open Source which powers over 37% of the internet!
Contents
Introduction 0:00
Overview 01:16
Domain & Hosting 05:05
Install WordPress 08:16
Configure Basic Settings 09:55
Install Theme 13:37
Add Pages & Custom Menu Links 15:33
Set Static Home Page 16:48 (Important: Or you won't see builder)
Configure Themify Settings 17:54
Web Design Tips 27:15
Add Social Links 38:59
Build Homepage
Hero Image 41:01
Subheadline 47:43
Transparent Header 51:04
Buttons 51:41
Add Post 1:14:26
Change Post Date 1:17:42
Add Google Map to Website 1:20:02
Important
Set in Row Anchors (Important) 1:28:00
Make Website «SUPER» Mobile Responsive 1:30:01
Additional Customized Sections 1:34:43
Create Logo and Favicon 1:36:31
SSL Secure Your Website 1:45:20
Add Additional Pages & Built in Layouts 1:48:04
How to Update Website 1:53:04 — hoganchua.com/update
Conclusion: 1:55:21
Resources
My Recording Equipment: www.amazon.com/shop/hoganchua
Free Web Design Guide: hoganchua.com/website-design-guide/
Website Resources: hoganchua.com/ultimate-website-resource/
FAQ: hoganchua.com/faq
General Installation/Issues: support@hoganchua.com
Best Screenshot/Screencast Tool: www.getcloudapp.com/

How to Make a WordPress Website — Design, Build & Launch a Website from Scratch 2020



Learn How to Design, Build & Launch a Website from Scratch with WordPress in 2020!
Demo: sitetutorial1234.com Get Hosting: www.siteground.com/go/hogan70
Theme Download: crtve.s3-us-west-2.amazonaws.com/themify-ultra.zip
(Do NOT Unzip, watch 22:21 to Install)
Contents
Intro to Tutorial — 00:00
Overview & Costs — 03:58
Get Domain & Hosting — 07:11
Install WordPress — 13:56
Login to WordPress — 16:07
Getting everyone on the same page — 17:16
Setup Permalinks — 21:51
Install Theme — 22:21
Add Pages — 23:53
Setup Menu — 25:54
Edit Page Layout — 28:44
Why we can’t start building — 31:43
Milanote: app.milanote.com/1HYuKF11Li5C2D
Goals & Brand Attributes — 33:22
User Personas — 37:55
Creating a Moodboard — 41:31
How to Choose Colours — 43:55
Finding the Perfect Font — 53:02
Content & Layout Planning — 59:49
Images & Assets — 1:04:18
Prepare Assets — 1:14:53
Builder Basics — 1:19:29
Page Template: hoganchua.com/template
Remove Spacing — 1:25:04
Edit Text & Value Proposition — 1:26:15
Basic Styling & Customizer — 1:36:32
Buttons — 1:42:50
Duplicate & Copy — 1:51:39
BG’s, Gradients & Colours — 1:55:27
Images, Icons, Illustrations, Video, Testimonials & FAQ — 2:04:00
Animations, Float & Shapes — 2:12:11
Mobile Responsive Styling — 2:16:47
Header, Logo & Footer Styling — 2:23:31
Footer Layout, Social & Favicon — 2:29:13
Contact Form & Styling — 2:36:08
Google Maps & Enable API — 2:43:10
Enable SSL Certificate — 2:48:49
Adobe XD Prototyping — 2:51:05
Transfer Prototype to Webpage — 3:06:39
SEO — What, Why & How — 3:19:38
Keyword Research — 3:22:23
OnPage SEO (YOAST SEO) — 3:32:16
Add Blog Posts & Display — 3:41:05
OffPage SEO — 3:45:49
Track Keyword Rankings — 4:02:39
Final Words & Updates — 4:04:06
Update Theme & Plugins: hoganchua.com/update
My Recording Equipment: www.amazon.com/shop/hoganchua
— Recommend Videos
Setup Free Domain Email in Siteground: youtu.be/9Mc1WG5a4zE
In this video, I go through the step by step process of making a website using WordPress (the most popular content management systems). This WordPress tutorial is perfect for beginners who want to create a business website, hobby site or even can be used to start your own freelancer business.
The biggest difference from this video and others, is that we go through how to choose colours, fonts, where to get all our images from, how to edit your assets, prototyping on Adobe XD and even how to rank your website on Google!
*Some links above are affiliate links, which means if you decide to purchase through those links — I may be paid a commission. It comes at no extra cost to you, and you get to save money.
#wordpress #webdesign #buildawebsite