How to make a website using Notepad | Beginner's Tutorial

Подписаться 54 тыс.

Просмотров 378 тыс.

50% 1

How to make a website using Notepad | Beginner's Tutorial
In This Tutorial, we will learn how to create a webpage in HTML using Notepad. Notepad Editor is a text editor built into all Windows computers. There are many advanced code editors or software also available. However, we will use the default and general editors like Notepad for beginners to make an HTML website.
👉 For source code visit: www.divinectorweb.com/
👉 Buy Me A Coffee: www.buymeacoffee.com/divinector
Follow this Channel:
--------------------------------------------------
Website for Source Code: www.divinectorweb.com/
Facebook: / divinector
Twitter: / divinector
Instagram: / divinector
Subscribe to this Channel: bit.ly/23QaHDm
===========================================
--| Watch More Videos on Webdesign | --
-----------------------------------------
▶️ Full Website For Scratch: cutt.ly/0NCSXoV
▶️ Flexbox examples: cutt.ly/XmYdofE
▶️ Navigation menu Tutorial: cutt.ly/7mYdnGX
▶️ Ken Burns Effects: cutt.ly/wmYdfRb
▶️ Swiper slider tutorial: cutt.ly/WmYdWu0
▶️ Slick slider tutorial: cutt.ly/5mYdTl3
▶️ Footer Design: cutt.ly/ZmYdUHB
▶️ Pricing Table Design: cutt.ly/emYdAaY
▶️ Contact Form Design: cutt.ly/5mYdFgT
▶️ CSS Image Hover Effect: cutt.ly/9mYdK6v
▶️ CSS3 Animation Snippets: cutt.ly/umYdBCz
▶️ Home page design: cutt.ly/7mYd9Zs
▶️ Web Design & Development: cutt.ly/nmYft52
▶️ Text Animation: cutt.ly/QmYfpA4
▶️ JQuery Plugin Tutorial: cutt.ly/MmYffYb
▶️ HTML Template: cutt.ly/AmYfj0s
Image Credit:
--------------------------------
Pexels
#divinector

Опубликовано:

17 окт 2019

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 316

@harshchandel1626 3 года назад

U teach in very simple style..... Loved❤ it

@hppycjavs2805 4 года назад

Ive been watching this channel for quite some time now... never seizes to amaze me... If i may say, this latest way of presentation you've made is way better than your other vids... Pls make more like this method... salute to you as always...

@user-definitelynotageometry 2 года назад

This was really helpful especially now because we need to make a business website using notepad

@aniruddhjade8738 3 года назад

Love you dude u literally helped me with this video at the end moment love from India 🙏

@EmiSen 2 года назад

helped me alot! loved the tutorial

@meishappy.4047 3 года назад

REALLY REALLYY HELPFUL VIDEO!

@Sandesh1730 3 года назад

Thank You So Much 💓 💗

@theoderfuf 3 года назад

Perfect Plus background music is so pleasent i like it

@CatCannabis 4 года назад

this was actually super helpful! And you dont even say a word the whole time!

@jlvchhh 3 года назад

i was good at this back when i was in grade 12 to the point that some of my classmates admired me. now that i am in 2nd yr college, i completely forgot the whole process:

@lonewolfcoding5208 2 года назад

making mistakes makes you learn and grow nobody is perfect

@xitzkai 2 года назад

Bro I'm in grade 8 and I'm learning it! I even have a test all about it tomorrow

@11b-alfantareginakarlam.85 3 года назад

thank you so much for this tutorial, you really helped me

@anyaguo8015 3 года назад

hi! this helped me so much! Just one question, Is that for only one of the pages? if so, could you teach me how to have several pages on the website? Thanks so much!

@elly1690 3 года назад

@Anshika Kapoor thank you it helped! I have a project

@9-volt247 7 месяцев назад

Divinector, LWA, Inc. likes to make a website by using Notepad. Thank you for making this video. - Your best RU-vidr, 9-Volt.

@nightismare6654 3 года назад

thx loved the video it helped a lot btw u just earned a new sub

@Divinector 3 года назад

Glad it helped

@charlemaignemartinez9950 3 года назад

Your video helped me for my final project thankss!!

@Divinector 3 года назад

That's great!

@Hacker_-nq2ru 2 года назад

wowww super

@MADDY_13 2 года назад

Thank you..... After learning from this video I made my first website.... 😌🤗😁

@Divinector 2 года назад

Great 👍

@majorfrog.7031 2 года назад

I wanna see it!

@thetoastnbutterpodcast64 2 года назад

Really good vid, but could you explain what all the stuff you are doing means?

@OlgaVeduga 4 года назад

Thanks a lot)

@jadepareja4507 3 года назад

Hi I love your vids, but how do you drag the part?

@Divinector 3 года назад

copied and paste

@OfficalOxy Год назад

finally. make more notepad videos bcuz this "Notepad++" Always Gets in The Way

@Divinector Год назад

thanks for the visit

@hutaohesiiii1738 Год назад

@@Divinector hi ineed help i cant remove the underline in the home, about things

@redflowers3145 3 года назад

Thank you so much. you made the html so easy to me.

@syeddanish9496 3 года назад

Hey Thanks for the Vid! it was very helpfull i just wanted to know how do i change the color of the main text you have typed after the image

@inferno3097 3 года назад

Bro after saving this process in notepad how to open it on chrome

@sheelakannan 3 года назад

it is so useful thaku for your video

@rubelkhan-st3gi 4 года назад

I am a newcomer and it's helped me a lot. Thanks

@Electronitez 2 года назад

I'm so happy I''m a 10 year old that just made a website all because you you, thank you so much!

@nnarchieve 5 месяцев назад

LIVE SAVERR THANK YOU SO MUCHH

@Divinector 5 месяцев назад

Thanks for the visit

@franciscapistrano8650 3 года назад

t-the background s-song makes me feel sad b-but in the same tim im happy because im gonna get +50 points on learning t-this

@vrozex_4316 3 года назад

Tim

@kennquoxes7338 3 года назад

bro got damn, how do you have a stuttering disorder even when your typing

@syp8090 2 года назад

@@kennquoxes7338 bro god damn how do you spell god into got and you're into your

@frigaming1133 2 года назад

Somebody ohhhh he needs some milk

@user-qn8lh7ej9g 2 года назад

w-why a-are y-you s-s-s-s-s-stuttering i-i-in t-te-te-text?

@k.tanishnaiduchannel4967 3 года назад

THANK YOU

@elvisadilaj6174 3 года назад

thanks bro

@vineet6530 3 года назад

thank you so much, im an expert in block coding (hope u know that!) i wanted to learn about text coding on notepad++ and your video is the best :) tysm im 12 yrs old, ur video is even explainable to me at the age of 12, im not even in the teen)

@SlothNiraj 9 месяцев назад

What is the name of the background music, it's so calm and amazing. It brings peace to me.

@ronjohnson3967 3 года назад

Thank You for the beginner tutorial! I learned a lot. I know its been 2years since the video was posted. I'm sure a lot has changed since then. My only problem was at the 7:48 time mark in the video. I could not get the "nav ul li a{}" to display inline with the Logo? Do you have a tip or suggestion?

@Divinector 3 года назад

Please Download the source code from description

@ronjohnson3967 3 года назад

@@Divinector WOW! Thank YOU!! so much... That worked out better than I expected. I really appreciate the feedback. I obviously breezed over the source code section. You're the BEST :-)

@memayurkamble 2 года назад

How to add image in img tag. I'm not able to add . Using notepad

@neosephx9739 Год назад

@@memayurkamble image url

@neosephx9739 Год назад

@@memayurkamble you can copy and paste it from other websites which i prefer

@Am2.4 5 месяцев назад

best video it change my life

@Divinector 5 месяцев назад

Thanks for the visit

@patchup8781 Месяц назад

Thank you💕

@Divinector Месяц назад

Thanks for the visit

@albertdecandia2644 3 года назад

hi, how do you make the href buttons do something

@ahadansari3931 3 года назад

Nice 🤘🤘🤘🤘

@Medhan69 2 года назад

nice video made my own webpage it looks amazing

@Divinector 2 года назад

Thank for the visit

@Ft4EverEditz 11 месяцев назад

Class 👏

@Divinector 11 месяцев назад

thanks for the visit

@mrmafiagaming9796 3 года назад

superp bro

@grjewellery8360 2 года назад

Thanks

@ThePhobosAnomally 3 года назад

Hello. Nice looking website! Just a quick question. When resizing, the navigation elements break line and make a white gap between the image and the banner. How could I fix that?

@teaserface9468 2 года назад

this vid really helps me in my project since i now encounter this coding thing but i have a question where do you put the image code cuz when i put mine their are no image i did copy all that you present in you video so i can master it and learn from it but the image i cant see it.

@Divinector 2 года назад

please get the source code in description box

@Prakash2052 2 года назад

Is it like we need to type everything the same as he does and save it and open it with fire fox and then open it with is completed or what? And if is not like that and still some works behind then its not for beginners......

@kimpenalosa8135 3 года назад

how to change the word LOGO because I need different word Thankyou! Btw its a lot help for me huhu

@Divinector 3 года назад

Just Change the text to yours in the 'logo' div element

@user-ej3ot3np8l 4 месяца назад

Thanks a lot

@user-ej3ot3np8l 4 месяца назад

🙏🙏🙏🙏🙏

@Divinector 4 месяца назад

Thanks for the visit

@manikandanavm8140 2 года назад

super sir I check it

@tommo5358 3 года назад

4:20 This is my personal bookmark

@safoodies2298 3 года назад

Sir pls tell how all the content of logo will come horizontal

@ednitjamwal5224 3 года назад

Thanks alot!!!!!!

@Divinector 3 года назад

welcome bro ... Please Share the videos and help this channel grow

@retz_gaming3847 3 года назад

the home button ect is in the wrong place and i cannot work out how to float it right. also the image is not filling the whole of the screen .please help bro you are my sensei

@dhanrajbarbije3420 3 года назад

this vedio helps me alot

@Divinector 3 года назад

Glad it helps

@chittasahani8920 3 года назад

Hello , Thanks a lot for what you doing to teach Us ... Dear I did tha coading same , and having image and coading file at same place ,but banner not showing on browser !! It's comes as a cross image logo ... Why that so ? I checked many time ,and I wrote the exactly what u wrote !!!help me

@Divinector 3 года назад

have you checked the source code in the description box

@lionbro4u270 3 года назад

Superb

@Divinector 3 года назад

Thank you! Cheers!

@vishalsinghdhirwan4097 3 года назад

If I will click on home does it will be going in next step or for that we have to do more coding???

@hoodiepeople9935 2 года назад

you can copy and paste it all

@lleks 2 года назад

ty bro

@Cheesaloaf 4 месяца назад

How to have a word logo and home, about, portfolio, services and contact at the top of the image? I usually get pictures in google but everytime i open the picture with firefox, those words aren't at the top of my image.

@Mike_Grdnks 2 года назад

Is this website going to be public on the www?

@user-fj8xt9tt2o 3 года назад

how would you make it when you click the contact button it will lead you somewhere

@DemDevDJY 3 года назад

how do you change the background?

@skyocean7302 3 года назад

One question. How can you make those Elements(IDK what it is called) work: "Home, About, Services and, Contact" For my project.

@hoodiepeople9935 2 года назад

change the names in the brachets like this the button name so altogether it should look like this.(name meaning what you want to call the button name name name name name (name meaning what you want to call the button)

@Sadhna.singh.madnawat 2 года назад

But wont home contact ect disappear?

@abegailgoneo8773 3 года назад

Because you help me a lot I'll subscribe to you.☺☺☺

@Divinector 3 года назад

Glad to hear that

@dekhbhaidekh1368 2 года назад

hi it helped me a llllllllllllloooooooooooootttttttttttttttt

@soraka143 3 года назад

Is the star below in the style is important? And how to put that star?

@yanirodriguez4234 3 года назад

asterisk

@hoodiepeople9935 2 года назад

shift+8

@JuanPerez-vx8yh 2 года назад

nice video

@bannanegirl4267 3 года назад

Hi @Divinector, I don't understand how did you add the image thx.:)

@Divinector 3 года назад

image tag and linking the image to root folder

@bannanegirl4267 3 года назад

@@Divinector , also sorry for the questions: but another question once i went in the website idk if i coded something wrong or it's supposed to be like that , but what if i want to put multi-navigation pages in my website and email forms for questions from my customers and yeah. thank you.

@kengerowshi4501 3 года назад

What resolution was the image you use? Can you help me pls?

@Divinector 3 года назад

mine one was 1280x720

@dflank185 3 года назад

Thanks It helped me alot

@songsofnew8587 2 года назад

T-the background s-song makes me feel sad b-but in the same tim i'm happy because I am gonna get+50 points

@dadimostous2564 Год назад

good !!

@Divinector Год назад

Thanks for the visit

@amalalgharib7454 3 года назад

Hello this was helpful but wanted to ask how do I put pictures

@Divinector 3 года назад

i put the banner image src in source code in the description. you can change it to yours

@yanirodriguez4234 3 года назад

i got mine from google, just copy the image address

@nidhigarg8381 10 месяцев назад

very nice video salam

@Divinector 10 месяцев назад

Thanks for the visit

@darkshadowvalley 3 года назад

My image does not work. It says in properties "file not found" for all of my images I try to upload to the website.

@Cheesaloaf 4 месяца назад

Please help me this is for my subject, tell me what app is lorem ipsum?

@Divinector 4 месяца назад

use emmet plugin in your code editor

@jacy9806 2 года назад

How do you do the other pages? like when you click one of the stuff at the top it load s another page, how do you do that?

@Divinector 2 года назад

you have to create multiple pages and link them in navbar

@KoenDev 2 года назад

How do I upload it I'm trying to it's not working

@ravichandranharshvardhan8465 3 года назад

I did as you do but the colours are not working pls help out

@whitemoon693 3 года назад

HI, TQ FOR THE TUTORIAL BUT MY "PORTFOLIO" & "SERVICES" ARE QUITE CLOSE. HOW TO MAKE THEM IN SAME ALIGN

@whitemoon693 3 года назад

NVM, I FIGURED IT OUT.. MISTAKE ON > /a

@catherinecalmerin1825 3 года назад

How do you put up a photo ?

@homamalkassir3530 2 года назад

Hi, may I have some help???? how can I change the "logo" part to whatever I want cause I want to write my name...

@Divinector 2 года назад

Write your name inside ''logo' Div

@Cheesaloaf 4 месяца назад

How did you get those complex sentences and the pictures.

@Divinector 4 месяца назад

Lorem ipsum is a placeholder text commonly used in graphic design, web design, and publishing to represent blocks of text. and images are from pexels website which are copyright free.

@arikook9812 2 года назад

nice video and thanks :)

@Cheesaloaf 4 месяца назад

Where did you get the mountain image?

@Divinector 4 месяца назад

pexels

@kenandersonegloria9074 2 года назад

4:20 how to type that star key?

@weildy4994 3 года назад

veryyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy thank you bro

@Divinector 3 года назад

Thanks

@first_aid_gamer 2 года назад

nice

@Divinector 2 года назад

Thanks for the visit

@k9lexi615 2 года назад

how do i add an image

@borisnerges7949 4 года назад

I have question : How I do when I click in navbar Contacts and it transfers me to Contacts category ?

@Divinector 4 года назад

Watch this one ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-9JZNXUO3DWY.html

@Divinector 4 года назад

ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-SOsI29Dx3yY.html

@abdihakim391 3 года назад

@@Divinector Please Answer HOW CAN ADD A IMAGE IN MY WEBSITE

@svan1921 3 года назад

how to make domain for it example: website.com it says downloads/mypcname/files and things in domain help pls and other dont see site when i give them link

@Divinector 3 года назад

ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-kvyWeTXCSKk.html

@hyperpixel. 3 года назад

i want copy your code XD

@nfashockz8789 2 года назад

whenever I open it with chrome it just shows me the note and not my image or the text that say home about and the rest can you tell me how to not get that same outcome

@Divinector 2 года назад

Please get the source code from description box and see what is the difference.

@definos930 3 года назад

bro it is what what is it

@Divinector 3 года назад

unordered list

@diavolojaegar 3 года назад

Thx for script since i got manners for copying

@ethanmatthewgaming3587 2 года назад

how to change the image help

@Divinector 2 года назад

change the image link to yours in img tag [ banner div ]

@sabithathota621 3 года назад

I wrote the program same as you but I didn't get the image how can I get the image from my browser

@Divinector 3 года назад

have you got the source code in the description

@Hobbiesofbroandsis 2 года назад

bro for me the jpg is not come

@griffin3508 Год назад

waited for you to export the code but diidnt see anything so how did the website read the code when nothing you showed connected them, thnks

@Divinector Год назад

In the description

@manasvimane9831 3 года назад

Hi Divinector, I love your videos very much.I have subscribed your Channel.... Please can you make a video on how to make a ecommerce website using only notepad.... I am your small Subscriber help me..... Please can you make a video on ecommerce website with working buttons.....Please..... Just give me Reply