มืด

How To Create A Website Using HTML And CSS Step By Step Website Tutorial

Web dev
ติดตาม
มุมมอง 1 114 151
95% 18 242 926

How To Create A Website Using HTML And CSS Step By Step Website Tutorial.
In this videos you will learn to create a website using HTML and CSS in notepad or any text editor, You will learn to create the header part of the website, I will show you how to add background image in HTML website, Create navigation menu using html. This is a complete tutorial for beginner, who want to learn HTML & CSS website development.
Here are the steps in this HTML website tutorial:
1. Create HTML file and CSS file in a folder
2. Link CSS file with HTML
3. Add background image in HTML website
You must save your image in the same folder and write the complete path of the image in CSS file to add image in website
4. Create navigation menu in HTML website
5. Change the Image opacity in HTML website
6. Add hover effect using HTML and CSS
7. Add Logo in website using HTML & CSS
8. Add title text (welcome text) in Website
9. Create Button in HTML and CSS
Now the Header part of the website has been completed using HTML and CSS
Facebook Page : facebook.com/Rvwebtutorials/
=============********==============
Check some popular videos on my channel:
Awesome image hover effect with html and css - zoom in and out || web dev:-
thvid.net/video/วีดีโอ-a_ldg5EI9MU.html
----------------------------------------------
css positioning explained with examples (static,relative,absolute,fixed):-
thvid.net/video/วีดีโอ-L_B2RZm-5VI.html
----------------------------------------------
css image hover effect - Css Tutorial - Css3 Hover Effect:-
thvid.net/video/วีดีโอ-gu8AceXa5Pg.html
----------------------------------------------
how to change text selection color in html and css:-
thvid.net/video/วีดีโอ-gCGnwS2uRdw.html
----------------------------------------------
how to make Simple css3 loading animation:-
thvid.net/video/วีดีโอ-1pC_r_AKlmg.html
----------------------------------------------
How to create contact form using html and css:-
thvid.net/video/วีดีโอ-ubCG1evvZws.html
----------------------------------------------
How to make fullscreen video background using html and css:-
thvid.net/video/วีดีโอ-1RrR_d4yGJ8.html
----------------------------------------------
Advance text shadow hover effect using html and css:-
thvid.net/video/วีดีโอ-FFhDA5XB3CA.html
----------------------------------------------
How to create fixed navigation bar using html and css:-
thvid.net/video/วีดีโอ-2M3QXuBDQBM.html
----------------------------------------------
how to create animated Dropdown menu using html and css:-
thvid.net/video/วีดีโอ-EGr4rEgmJ9E.html
----------------------------------------------
how to create hero image using html and css:-
thvid.net/video/วีดีโอ-3xLfTaMZkEI.html
----------------------------------------------
simple parallax effect using html and css:-
thvid.net/video/วีดีโอ-Y4_JLIherrw.html
----------------------------------------------
How to create login form using Html and css:-
thvid.net/video/วีดีโอ-bORk1gxHPaU.html
----------------------------------------------
How to create animated search bar using Html and css:-
thvid.net/video/วีดีโอ-JaQSzSn0cIQ.html
-~-~~-~~~-~~-~-
Please watch: "Responsive Image Slider | HTML & CSS"
thvid.net/video/วีดีโอ-FTHUXF241Ak.html
-~-~~-~~~-~~-~-

เผยแพร่เมื่อ

 

29 มี.ค. 2018

แชร์:

แชร์:

ดาวน์โหลด:

โหลดลิงค์.....

เพิ่มลงใน:

เพลย์ลิสต์ของฉัน
ดูภายหลัง
ความคิดเห็น 1 659
Niraj Chaudhary
Niraj Chaudhary 12 ชั่วโมงที่ผ่านมา
HOW TO DOWNLOAD LOGO
Status Spark
Status Spark 20 ชั่วโมงที่ผ่านมา
Which type of notepad you will use
Jajeczko
Jajeczko วันที่ผ่านมา
name of this program please
Fathima. k
Fathima. k วันที่ผ่านมา
Sir,After watching your video..I realize that, language is not important that much for learning new things..Good job sir.Hats off to you.keep up the momentum
Web dev
Web dev วันที่ผ่านมา
Thanks keep supporting webdev
mohammad shishem
mohammad shishem วันที่ผ่านมา
What is the name of the text editor you have used?
Web dev
Web dev วันที่ผ่านมา
Sublime text
Arj un
Arj un วันที่ผ่านมา
very good bro neat explaination......!
butterfly effected
butterfly effected 2 วันที่ผ่านมา
How to link the css file?
Mind Pagal
Mind Pagal 2 วันที่ผ่านมา
Bro its simple to create Web page ...plzzz guide me how I can create website?
Mind Pagal
Mind Pagal 4 ชั่วโมงที่ผ่านมา
@Web dev bro can i make web on c++ instead of notepad...
Web dev
Web dev 2 วันที่ผ่านมา
Website is a combination of webpages so its simple for you to create website
Olaide Mutiu
Olaide Mutiu 2 วันที่ผ่านมา
guyz please if you get it right educate me more am lost i couldn't get the outline border on the menu
Aritra Paul
Aritra Paul 3 วันที่ผ่านมา
Rajan really you are such a tallented person. I wish you a good carrier.It really helped me that how to create a website. Thanks boss😁😁👍👍
Divyanshu Mishra
Divyanshu Mishra 18 ชั่วโมงที่ผ่านมา
hii aritra
Quick Earning
Quick Earning 3 วันที่ผ่านมา
Which application you are using to write the code
Web dev
Web dev 3 วันที่ผ่านมา
Keep supporting
Quick Earning
Quick Earning 3 วันที่ผ่านมา
Thx and you get 1 subscriber
Web dev
Web dev 3 วันที่ผ่านมา
Sublime text
Mumitu Jui
Mumitu Jui 4 วันที่ผ่านมา
nice thanks
Rajdeep Majumder
Rajdeep Majumder 5 วันที่ผ่านมา
Great video! I'm a subscriber now!
Salman Ahmed
Salman Ahmed 5 วันที่ผ่านมา
Nice
JustMe Hi
JustMe Hi 5 วันที่ผ่านมา
The background is not showing for some reason... and i double check all the codes, i cant find my mistake.
Web dev
Web dev 5 วันที่ผ่านมา
Ok msg me on my fb page
a o
a o 6 วันที่ผ่านมา
*thanks iq500*
Fredalyn Ibis
Fredalyn Ibis 6 วันที่ผ่านมา
What app do you use for that Mr?
Web dev
Web dev 3 วันที่ผ่านมา
Sublime text
Su Khan
Su Khan 6 วันที่ผ่านมา
Man I really wish I could understand this was some legit stuff 🙏 thank you
Akshay Jhawar
Akshay Jhawar 7 วันที่ผ่านมา
Hi Rajan, This is just amazing. It really helped me to start learning how to create a website. I would request you to also tell us how can we develop a parallax effect on the same website
Web dev
Web dev 3 วันที่ผ่านมา
I already created video on parallax website
Muhammad Bilal
Muhammad Bilal 7 วันที่ผ่านมา
My background is not showing
Web dev
Web dev 3 วันที่ผ่านมา
Check your folder structure
JustMe Hi
JustMe Hi 5 วันที่ผ่านมา
same, for some reason its not showing.
Nigussie Eshete
Nigussie Eshete 7 วันที่ผ่านมา
tnxs what about action listener of buttons?
Kabeer Gun
Kabeer Gun 8 วันที่ผ่านมา
Bro aapka intro sound konsa hai
Toni McAnthony
Toni McAnthony 8 วันที่ผ่านมา
The best Indian tutorial. I followed 100% even though I don't understand hindi.
fajarclub tv
fajarclub tv 8 วันที่ผ่านมา
Very helpful thanks ❤️
Pedro Rodrigues
Pedro Rodrigues 9 วันที่ผ่านมา
Thank you my friend! You really helped me out in my college project! ^^ Have a nice day!
Swapnil Kumar
Swapnil Kumar 9 วันที่ผ่านมา
Your voice quality wow
Swapnil Kumar
Swapnil Kumar 9 วันที่ผ่านมา
Thank you vai.. 💕
Balaporte Jean
Balaporte Jean 10 วันที่ผ่านมา
thx a lot bro you made it clear even though it's not english Jesus loves you Believe in him and repent !
Divy Patel
Divy Patel 11 วันที่ผ่านมา
Which app you are using for programming this webpage
Ji Yon Rhim
Ji Yon Rhim 11 วันที่ผ่านมา
Thanks! this is really helpful! @mediaartssbcc
Ally Cooper
Ally Cooper 12 วันที่ผ่านมา
bro i did same process which you don in your video but it not work can you help me ?
volkan demirbaş
volkan demirbaş 12 วันที่ผ่านมา
may you give to link about your web design codes ?
Rajan Joshi
Rajan Joshi 15 วันที่ผ่านมา
What to do if nothing is happening when I refresh the screen in browser. code is also right. Whats the problem?
Shruti Rajan
Shruti Rajan 15 วันที่ผ่านมา
thanks alot i have been trying to make the web page since 3 days i finally made it thanks alot really its good content for a absolute beginner
Web dev
Web dev 15 วันที่ผ่านมา
Thanks for your appreciation
NoDejareMiCuentsAbierta SiNoVolveraAOcurrir
NoDejareMiCuentsAbierta SiNoVolveraAOcurrir 15 วันที่ผ่านมา
god
ѕσяяу вєαтz
ѕσяяу вєαтz 15 วันที่ผ่านมา
If it is possible in notepad++
Web dev
Web dev 15 วันที่ผ่านมา
Yes you can use any text editor
ece tutorial
ece tutorial 17 วันที่ผ่านมา
Can u give me source code please it's urgent
Benjamin D. Games
Benjamin D. Games 18 วันที่ผ่านมา
i cant creat bg image in style file why?
Final Distruction
Final Distruction 18 วันที่ผ่านมา
its so much helpfull can you do a video for contact and service nevigation those you give on header
YaHomie Kay
YaHomie Kay 18 วันที่ผ่านมา
thx for helping but how to continue this and link the home to another paragraph please explain asny1
Sheikh Mahmudur Rahman
Sheikh Mahmudur Rahman 18 วันที่ผ่านมา
so nice
Dynamo Gaming
Dynamo Gaming 19 วันที่ผ่านมา
Cant we just use .x{ text-align:center; } instead of .x{ top-margin:50%; left-margin:50%; transform:translate(-50%,-50%); } ?
Dynamo Gaming
Dynamo Gaming 17 วันที่ผ่านมา
@Web dev Why?
Web dev
Web dev 19 วันที่ผ่านมา
No
Yasir Fazli
Yasir Fazli 19 วันที่ผ่านมา
I like your website
qStefan_C
qStefan_C 20 วันที่ผ่านมา
where i can download this application ?
KD _jedy
KD _jedy 20 วันที่ผ่านมา
Please sir Make another wep page
KD _jedy
KD _jedy 20 วันที่ผ่านมา
Hindi me banaye ke liye thanks Sir bahot achi lagi video Nice information... Css and html..
KD _jedy
KD _jedy 20 วันที่ผ่านมา
Thanks sir
Ali Haider
Ali Haider 21 วันที่ผ่านมา
yar img kioun show ni ho rahi?
dadhich shri
dadhich shri 21 วันที่ผ่านมา
is website ko or aage krna h to kese kre
Ajith S
Ajith S 22 วันที่ผ่านมา
Thank you bro..
AHK GamerBOY
AHK GamerBOY 24 วันที่ผ่านมา
part 2 please You helped me so much bro thank you.
panagiotis laganis
panagiotis laganis 24 วันที่ผ่านมา
Thanks.. I learned a lot
Om singh rajput
Om singh rajput 25 วันที่ผ่านมา
Sir mera same nii aara.....
Om singh rajput
Om singh rajput 25 วันที่ผ่านมา
Please help me
abdul basit
abdul basit 27 วันที่ผ่านมา
sir mena coding bi ki ha phir b blank page show hu raha ha
abdul basit
abdul basit 27 วันที่ผ่านมา
sir when i open in browser its show me blank page
abdul basit
abdul basit 26 วันที่ผ่านมา
thanks sir now there is not upload the image after coding
abdul basit
abdul basit 26 วันที่ผ่านมา
@Web dev and then
Web dev
Web dev 26 วันที่ผ่านมา
Check your files
abdul basit
abdul basit 26 วันที่ผ่านมา
@Web dev where is it
Web dev
Web dev 26 วันที่ผ่านมา
Check your files extension and structure and tags
Lasantha Samaraweera
Lasantha Samaraweera 27 วันที่ผ่านมา
Host with your site Blue Host - @t
Harshad Bhagwan
Harshad Bhagwan 27 วันที่ผ่านมา
Which app you are using
Online Waala
Online Waala 27 วันที่ผ่านมา
That's www.sublimetext.com/ .
-Hondunu-
-Hondunu- 28 วันที่ผ่านมา
He does not need to speak English to teach you, you can be taught by watching it. I know the title is misleading but he actually does show you how it's done.
John Dexter Magallanes
John Dexter Magallanes 28 วันที่ผ่านมา
hello guys.. please help me in my website.. i try this program but no picture in my website.. how is this.
John Dexter Magallanes
John Dexter Magallanes 25 วันที่ผ่านมา
Online Waala - thanks bro..
Online Waala
Online Waala 27 วันที่ผ่านมา
Check the path once.
Maville Visande
Maville Visande 29 วันที่ผ่านมา
Bro where did you get the "
Web dev
Web dev 29 วันที่ผ่านมา
Link?
ต่อไป
Binging with Babish: Calzones from Seinfeld
9:29
[RE-RUN] AIC 2019 | Quarter Finals - DAY 1 & 2
7:42:13