Category: Web Design

𝗦𝘁𝗮𝗿𝘁 𝗵𝗲𝗿𝗲 ➜ https://websitelearners.com/get/make-free-website

𝗚𝗲𝘁 𝘁𝗵𝗲 𝗗𝗼𝗺𝗮𝗶𝗻 ➜ https://websitelearners.com/get/freewebdomain

𝗖𝗵𝗲𝗰𝗸𝗼𝘂𝘁 𝗼𝘂𝗿 𝗲𝘅𝗰𝗹𝘂𝘀𝗶𝘃𝗲 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀 𝗰𝗼𝘂𝗿𝘀𝗲 ➜ https://link.websitelearners.com/Wordpress-course

𝗛𝗼𝘄 𝘁𝗼 𝗠𝗮𝗸𝗲 𝗠𝗼𝗻𝗲𝘆 𝘄𝗶𝘁𝗵 𝘆𝗼𝘂𝗿 𝘄𝗲𝗯𝘀𝗶𝘁𝗲 ➜ https://websitelearners.com/ebook/top-5-ways-to-monetize-your-website/

𝗩𝗼𝘁𝗲 𝗳𝗼𝗿 𝗼𝘂𝗿 𝗻𝗲𝘅𝘁 𝘃𝗶𝗱𝗲𝗼 ➜ https://topics.websitelearners.com/websitelearners

𝗣𝗼𝘀𝘁 𝗜𝘀𝘀𝘂𝗲𝘀 𝗛𝗲𝗿𝗲 ➜ https://wltalk.com/post/1737297482

Learn to make your own Website for free with free domain name and free hosting.

𝗧𝗮𝗯𝗹𝗲 𝗼𝗳 𝗰𝗼𝗻𝘁𝗲𝗻𝘁𝘀 :

00:00 Intro

00:39 Part-1 launch your website

04:25 Part-2 Start building your website

11:02 How you can add a new page to your website

14:05 How you can get a .com domain name

We’re going to create our website in just 2 parts.

So Let’s get started!

The first part is to ‘Launch your website’

Once, you launch your website, your website will be live on the internet

So to Launch your website,

We’re going to do 3 steps

The first step is to ‘create an account in profreehost’

This is the website which is going to help us create our website for free.

So to create the account, go to profreehost.com

once you’ve created the account,

We can go to step 2 which is to ‘get your free domain’.

A Domain is the name of your website .

Now enter the name you want for your website

Once you’ve got your domain.

We can now go to step 3, which is to ‘Install WordPress on your domain.’

Once we successfully installed WordPress, our website is now live on the internet.

So now we have successfully launched our website for free.

We can now go to the next part which is to ‘start building your website.’

Your website will have a default WordPress Theme. To change the default theme,

We are going to do 4 steps.

The first step is to ‘Login to your website’

So once you’ve logged in,

We can now go to step 2, which is to ‘choose a design for your website’

So to choose your website design, you need to install a theme called ‘Astra’ in WordPress

Once you’ve installed the theme,

we can go to the next step which is to choose your design.

Now click on ‘Elementor’ to choose your design.

And here you will find different website designs which you can apply to your site.

So, choose the design and import it to your site.

Now how do you change the content of these pages?

So let’s go to step 3 which is to ‘edit the contents of your website

So, To edit any page of your site, just go into page

and click Edit with Elementor.

You’ll then go to an editing section. Now, to edit any text or image, just select it,

and change anything you want. This process works throughout the website.

Now, if you want to edit the header and the footer area of your website,

Just click ‘Customize’ to edit the logo or menu section.

Now what if you want to add a new page to your website?

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.

So now we have successfully created our website for free.

Now as we see our domain has the extra text, after the site name which we selected.

Instead of this, if you want to get a domain like ‘Yoursite.com’, you can get it by purchasing a .com domain

To get a domain name with ‘.com’

Just click this link ➜ https://websitelearners.com/get/freewebdomain

And it will take you to godaddy.com

search for the domain name you selected, add it to cart and purchase it.

So now we have successfully got our domain.

So now how do we move the website we built to this domain?

To do that We’re going to do 3 steps

First step is to ‘add your domain to profreehost’

Now enter your domain name in parked domain section

Once you’ve entered the domain

Let’s go to step 2 which is to ‘add DNS records to godaddy’

you need to add the 2 records from profreehost to Godaddy

Once you’ve added these records, your new domain will be added to profreehost.

So once you’ve added your domain

We can go to the final step,

Which is to add your domain name to WordPress

Now to go ‘settings’ in WordPress,

And replace the domain which you purchased with the free domain.

So this is how we got the website which we built on this new (.com) domain.

So that’s it guys.

——————

📢 𝗧𝗵𝗲 𝗧𝗼𝗼𝗹𝘀 𝘄𝗲 𝘂𝘀𝗲:

𝗚𝗲𝘁 𝗘𝗹𝗲𝗺𝗲𝗻𝘁𝗼𝗿 𝗣𝗿𝗼 ➜ https://websitelearners.com/get/elementortool

𝗚𝗲𝘁 𝗔𝘀𝘁𝗿𝗮 𝗣𝗿𝗲𝗺𝗶𝘂𝗺 ➜ https://websitelearners.com/get/astratools

𝗚𝗲𝘁 𝘁𝗵𝗲 𝗯𝗲𝘀𝘁 𝘁𝗼𝗼𝗹𝘀 𝗳𝗼𝗿 𝘆𝗼𝘂𝗿 𝘄𝗲𝗯𝘀𝗶𝘁𝗲 ➜ https://websitelearners.com/tools/

𝗩𝗶𝗱𝗲𝗼 𝗚𝗲𝗮𝗿 𝗪𝗲 𝗨𝘀𝗲 ➜ https://kit.co/websitelearners/video-…

𝗢𝘂𝗿 𝗩𝗶𝗱𝗲𝗼 𝗘𝗱𝗶𝘁𝗶𝗻𝗴 𝗧𝗼𝗼𝗹 ➜ https://bit.ly/2Od546p

🙌 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹𝗹𝘆:

𝗪𝗲❜𝗿𝗲 𝗛𝗶𝗿𝗶𝗻𝗴: https://websitelearners.com/careers/

Want your website developed by us? Email us your requirements to [email protected]

💬 𝗙𝗼𝗹𝗹𝗼𝘄 & 𝗖𝗵𝗮𝘁 𝘄𝗶𝘁𝗵 𝘂𝘀:

𝗜𝗻𝘀𝘁𝗮𝗴𝗿𝗮𝗺: https://www.instagram.com/websitelearners/

𝗙𝗮𝗰𝗲𝗯𝗼𝗼𝗸: https://www.facebook.com/websitelearners/

𝗧𝘄𝗶𝘁𝘁𝗲𝗿: https://twitter.com/websitelearners/

Learn the basics of HTML5 and web development in this awesome course for beginners.

Want more from Mike? He’s starting a coding RPG/Bootcamp – https://simulator.dev/

⭐️ Contents ⭐️
⌨️ (0:00:00) Introduction
⌨️ (0:01:54) Choosing a Text Editor
⌨️ (0:08:13) Creating an HTML file
⌨️ (0:20:31) Basic Tags
⌨️ (0:36:47) Comments
⌨️ (0:42:13) Style & Color
⌨️ (0:48:07) Formatting a Page
⌨️ (0:59:16) Links
⌨️ (1:07:33) Images
⌨️ (1:16:12) Videos & Youtube iFrames
⌨️ (1:23:00) Lists
⌨️ (1:28:53) Tables
⌨️ (1:37:21) Divs & Spans
⌨️ (1:44:54) Input & Forms
⌨️ (1:53:44) iFrames
⌨️ (1:57:21) Meta Tags

Course developed by Mike Dane. Check out his YouTube channel for more great programming courses: https://www.youtube.com/channel/UCvmINlrza7JHB1zkIOuXEbw

🐦Follow Mike on Twitter – https://twitter.com/mike_dane

🔗The Mike’s website: https://www.mikedane.com/

⭐️Other full courses by Mike Dane on our channel ⭐️
💻Python: https://youtu.be/rfscVS0vtbw
💻C: https://youtu.be/KJgsSFOSQv0
💻C++: https://youtu.be/vLnPwxZdW4Y
💻SQL: https://youtu.be/HXV3zeQKqGY
💻Ruby: https://youtu.be/t_ispmWmdjY
💻PHP: https://youtu.be/OK_JCtrrv-c
💻C#: https://youtu.be/GhQdlIFylQ8

—

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://medium.freecodecamp.org

And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Once you’re done with this, checkout lesson #2 – introduction to CSS:

How to put your website online (with coupon):

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”

-~-~~-~~~-~~-~-

🔥 Full Stack Web Development Training: https://www.edureka.co/masters-program/full-stack-developer-training
This Edureka Web Development Full Course video will help you understand and learn Web Development in detail. This Web Development Tutorial is ideal for both beginners as well as professionals who want to master Web Development technologies. Below are the topics covered in this Web Development tutorial for beginners video:00:00 Introduction
1:46 HTML
2:03 What is HTML?
2:45 Structure of HTML
3:38 HTML Editors
4:21 Writing a HTML program
5:14 Doctype Declaration
6:30 Elements
15:40 HTML Forms
30:55 CSS
30:54 What is CSS?
31:59 CSS Syntax
32:32 CSS Selectors
33:54 CSS Box Model
34:31 CSS Units
1:34:26 JavaScript
1:35:01 What is Javascript?
1:36:46 JavaScript Stats
1:37:34 What can JavaScript do?
1:38:58 JavaScript Framework
1:41:44 Top Websites Built Using JavaScript
1:42:10 Benefits of JavaScript
1:44:21 JavaScript Fundamentals
1:51:23 JavaScript Variables
1:52:59 JavaScript Constants
1:52:58 JavaScript Data Types
2:03:31 JavaScript Objects
2:09:30 JavaScript Functions
2:12:38 JavaScript Conditional Statements
2:18:35 JavaScript Loops
2:27:36 JavaScript Switch Case
2:30:34 jQuery
2:34:21 Why use jQuery?
2:36:51 Getting started with jQuery
2:39:31 DOM
2:40:19 jQuery Selectors
2:47:58 jQuery Methods
3:20:58 jQuery Effects
3:36:46 jQuery UI
3:45:25 Angular
3:51:56 What is Angular?
3:56:44 Single Page Application
3:58:31 Angular 8: What’s new?
4:02:03 Angular Project Setup
4:06:16 Writing the Angular First App
4:21:32 What is Typescript?
4:22:59 Integrating Ext CSS
4:32:53 Angular Components
4:55:38 Data Binding
5:06:51 Event Binding
5:25:20 Using Built-in Directives
5:44:37 React.js
5:45:57 Why ReactJs?
5:50:14 Introduction to ReactJS
5:53:39 Advantages of ReactJS
5:54:10 ReactJS Installation
5:59:37 RasctJS Fundamentals
6:00:17 JSX
6:04:30 React Components
6:09:12 React Props
6:11:49 React States
6:16:54 React Lifecycle
6:22:34 React Events
6:31:06 React Refs
6:38:47 React Keys
6:39:48 React Routers
6:52:14 Node.js
6:53:24 What is Node.js?
6:54:43 Features of Node.js
6:55:34 Node.js Architecture
6:57:27 NPM
6:58:58 Node.js Modules
7:01:04 JSON File
7:06:00 Node.js basics
7:08:12 Node.js Operators
7:10:21 Node.js Functions
7:11:42 Node.js Objects
7:12:34 Node.js File System
7:16:21 Node.js Events
7:27:11 Node.js HTTP Module
7:28:14 Express.JS
7:29:29 Node.js Demo
7:41:13 MEAN Stack Application
7:44:51 CRUD Operations
7:44:56 RESTful API
7:45:39 Contact List MEAN App
9:00:49 MERN Stack Applications
9:03:15 MERN CRUD
9:04:02 MERN Application To-Do List App
10:05:10 How to Become a Full Stack Web Developer?

Check out our complete playlist here: https://bit.ly/2RuLkdO
Check out our complete blog list here: https://bit.ly/34y8ipM

———————————————————

🔵 Edureka Angular Training: http://bit.ly/38mi3sw

🔵 Edureka ReactJS Training: http://bit.ly/2DVP6Wz

🔵 Edureka NodeJS Training: http://bit.ly/35ehwXX

🔵 Edureka Full Stack Training: http://bit.ly/2YveVpL

🔵 Edureka Web Development Training: http://bit.ly/2sUC6xX

🔵 Edureka Python Django Training: http://bit.ly/2RAk6Do

———————————————————–

Instagram: https://www.instagram.com/edureka_learning.
Facebook: https://www.facebook.com/edurekaIN/
Twitter: https://twitter.com/edurekain
LinkedIn: https://www.linkedin.com/company/edureka

————————————————————-

About The Course:

Full Stack Web Development Masters Program makes you proficient in skills to work with back-end and front-end web technologies.
It includes training on:
1. Web Development,
2. jQuery, Angular,
3. NodeJS,
4. ExpressJS, and
5. MongoDB.
The curriculum has been determined by extensive research on 5000+ job descriptions across the globe.

——————————————————-

How It Works?

1. This is a 21 Week Instructor-led Online Course, 125 hours of assignment and 125 hours of project work
2. We have a 24×7 One-on-One LIVE Technical Support to help you with any problems you might face or any clarifications you may require during the course.
3. At the end of each course, there will be a project, post completion of that project you will be given a certificate

———————————————————————————————————-

Got a question on the topic? Please share it in the comment section below and our experts will answer it for you.

For more information, please write back to us at [email protected] or call us at IND: 9606058406 / US: 18338555775 (toll free).

𝗦𝘁𝗮𝗿𝘁 𝗵𝗲𝗿𝗲 ➜ https://websitelearners.com/video/make-a-website/#start

𝗖𝗵𝗲𝗰𝗸𝗼𝘂𝘁 𝗼𝘂𝗿 𝗲𝘅𝗰𝗹𝘂𝘀𝗶𝘃𝗲 𝗪𝗼𝗿𝗱𝗣𝗿𝗲𝘀𝘀 𝗰𝗼𝘂𝗿𝘀𝗲 ➜ https://link.websitelearners.com/WordPress-Course

𝗛𝗼𝘄 𝘁𝗼 𝗠𝗮𝗸𝗲 𝗠𝗼𝗻𝗲𝘆 𝘄𝗶𝘁𝗵 𝘆𝗼𝘂𝗿 𝘄𝗲𝗯𝘀𝗶𝘁𝗲 ➜ https://websitelearners.com/ebook/top-5-ways-to-monetize-your-website/

𝗩𝗼𝘁𝗲 𝗳𝗼𝗿 𝗼𝘂𝗿 𝗻𝗲𝘅𝘁 𝘃𝗶𝗱𝗲𝗼 ➜ https://topics.websitelearners.com/websitelearners

𝗩𝗶𝗱𝗲𝗼 𝘂𝗽𝗱𝗮𝘁𝗲 ➜ https://wltalk.com/post/1584271371

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”

𝗧𝗮𝗯𝗹𝗲 𝗼𝗳 𝗰𝗼𝗻𝘁𝗲𝗻𝘁𝘀 :

00:00 Intro

00:32 Pick a name for your website

00:52 Get hosting & domain

02:48 To install WordPress

04:30 Install a new theme

07:11 Edit the Content

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: @website/ and then pick a name for your website.

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

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 customize 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 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.

——————–
📚 𝗟𝗲𝗮𝗿𝗻 𝗺𝗼𝗿𝗲

𝗦𝘁𝗮𝗿𝘁 𝗛𝗲𝗿𝗲 ➜ https://youtu.be/YWA-xbsJrVg

𝗚𝗲𝘁 𝘆𝗼𝘂𝗿 𝗕𝘂𝘀𝗶𝗻𝗲𝘀𝘀 𝗘𝗺𝗮𝗶𝗹 𝗔𝗱𝗱𝗿𝗲𝘀𝘀 ➜ https://youtu.be/E3hR87YPJCM

𝗦𝘁𝗮𝗿𝘁 𝘆𝗼𝘂𝗿 𝗘-𝗰𝗼𝗺𝗺𝗲𝗿𝗰𝗲 𝘀𝘁𝗼𝗿𝗲 𝗵𝗲𝗿𝗲 ➜ https://youtu.be/8wA6uPEu9hM

𝗚𝗲𝘁 𝘆𝗼𝘂𝗿 𝗹𝗼𝗴𝗼 𝗶𝗻 𝟱 𝗺𝗶𝗻𝘂𝘁𝗲𝘀 ➜ https://youtu.be/wVrEeImyg_E

——————————

📢 𝗧𝗵𝗲 𝗧𝗼𝗼𝗹𝘀 𝘄𝗲 𝘂𝘀𝗲:

𝗚𝗲𝘁 𝗘𝗹𝗲𝗺𝗲𝗻𝘁𝗼𝗿 𝗣𝗿𝗼 ➜ https://websitelearners.com/get/elementortool

𝗚𝗲𝘁 𝗔𝘀𝘁𝗿𝗮 𝗣𝗿𝗲𝗺𝗶𝘂𝗺 ➜ https://websitelearners.com/get/astratools

𝗚𝗲𝘁 𝘁𝗵𝗲 𝗯𝗲𝘀𝘁 𝘁𝗼𝗼𝗹𝘀 𝗳𝗼𝗿 𝘆𝗼𝘂𝗿 𝘄𝗲𝗯𝘀𝗶𝘁𝗲 ➜ https://websitelearners.com/tools/

𝗩𝗶𝗱𝗲𝗼 𝗚𝗲𝗮𝗿 𝗪𝗲 𝗨𝘀𝗲 ➜ https://kit.co/websitelearners/video-…

𝗢𝘂𝗿 𝗩𝗶𝗱𝗲𝗼 𝗘𝗱𝗶𝘁𝗶𝗻𝗴 𝗧𝗼𝗼𝗹 ➜ https://websitelearners.com/get/video-editor

🙌 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹𝗹𝘆:

𝗪𝗲❜𝗿𝗲 𝗛𝗶𝗿𝗶𝗻𝗴: https://websitelearners.com/careers/

Want your website by us? Email us your requirements to [email protected]

💬 𝗙𝗼𝗹𝗹𝗼𝘄 & 𝗖𝗵𝗮𝘁 𝘄𝗶𝘁𝗵 𝘂𝘀:

𝗜𝗻𝘀𝘁𝗮𝗴𝗿𝗮𝗺: https://www.instagram.com/websitelear…

𝗙𝗮𝗰𝗲𝗯𝗼𝗼𝗸: https://www.facebook.com/websitelearn…

𝗧𝘄𝗶𝘁𝘁𝗲𝗿: https://twitter.com/websitelearners/