How to make a website using Notepad | Beginner's Tutorial
ฝัง
- เผยแพร่เมื่อ 17 ต.ค. 2019
- 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
![[4K] BABYMONSTER(베이비몬스터) “FOREVER” Band LIVE Concert “영원히” 베몬만을 사랑하게 되…💗 [it’s KPOP LIVE 잇츠라이브]](http://i.ytimg.com/vi/TQfC0xdpiw4/mqdefault.jpg)
REALLY REALLYY HELPFUL VIDEO!
helped me alot! loved the tutorial
U teach in very simple style..... Loved❤ it
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...
This was really helpful especially now because we need to make a business website using notepad
Thank You So Much 💓 💗
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:
making mistakes makes you learn and grow nobody is perfect
Bro I'm in grade 8 and I'm learning it! I even have a test all about it tomorrow
Love you dude u literally helped me with this video at the end moment love from India 🙏
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!
@Anshika Kapoor thank you it helped! I have a project
this was actually super helpful! And you dont even say a word the whole time!
thx loved the video it helped a lot btw u just earned a new sub
Glad it helped
thank you so much for this tutorial, you really helped me
hi, how do you make the href buttons do something
Perfect
Plus background music is so pleasent i like it
Thanks a lot)
Your video helped me for my final project thankss!!
That's great!
LIVE SAVERR THANK YOU SO MUCHH
Thanks for the visit
Divinector,
LWA, Inc. likes to make a website by using Notepad. Thank you for making this video.
- Your best TH-camr, 9-Volt.
Thank you so much I'm using it for my assignment ❤
Great!
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
Tim
bro got damn, how do you have a stuttering disorder even when your typing
@@kennquoxes7338 bro god damn how do you spell god into got and you're into your
Somebody ohhhh he needs some milk
w-why a-are y-you s-s-s-s-s-stuttering i-i-in t-te-te-text?
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......
wowww super
it is so useful thaku for your video
finally. make more notepad videos bcuz this "Notepad++" Always Gets in The Way
thanks for the visit
@@Divinector hi ineed help i cant remove the underline in the home, about things
Thank you so much. you made the html so easy to me.
THANK YOU
Thank you💕
Thanks for the visit
Thank you..... After learning from this video I made my first website.... 😌🤗😁
Great 👍
I wanna see it!
I'm so happy I''m a 10 year old that just made a website all because you you, thank you so much!
Hi I love your vids, but how do you drag the part?
copied and paste
I am a newcomer and it's helped me a lot. Thanks
ty bro
Class 👏
thanks for the visit
thanks bro
Thanks
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
Bro after saving this process in notepad how to open it on chrome
best video it change my life
Thanks for the visit
how do you change the background?
Thanks a lot
🙏🙏🙏🙏🙏
Thanks for the visit
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)
Really good vid, but could you explain what all the stuff you are doing means?
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.
nice video made my own webpage it looks amazing
Thank for the visit
how would you make it when you click the contact button it will lead you somewhere
My image does not work. It says in properties "file not found" for all of my images I try to upload to the website.
Nice 🤘🤘🤘🤘
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?
Please Download the source code from description
@@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 :-)
How to add image in img tag. I'm not able to add . Using notepad
@@memayurkamble image url
@@memayurkamble you can copy and paste it from other websites which i prefer
Thanks alot!!!!!!
welcome bro ... Please Share the videos and help this channel grow
If I will click on home does it will be going in next step or for that we have to do more coding???
you can copy and paste it all
Hi, may I have some help???? how can I change the "logo" part to whatever I want cause I want to write my name...
Write your name inside ''logo' Div
4:20 This is my personal bookmark
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
th-cam.com/video/kvyWeTXCSKk/w-d-xo.html
Is this website going to be public on the www?
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.
please get the source code in description box
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
have you checked the source code in the description box
Because you help me a lot I'll subscribe to you.☺☺☺
Glad to hear that
super sir I check it
superp bro
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?
Please help me this is for my subject, tell me what app is lorem ipsum?
use emmet plugin in your code editor
this vedio helps me alot
Glad it helps
how do i make the website official and add a url
How do I upload it I'm trying to it's not working
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?
you have to create multiple pages and link them in navbar
What resolution was the image you use? Can you help me pls?
mine one was 1280x720
Superb
Thank you! Cheers!
One question. How can you make those Elements(IDK what it is called) work: "Home, About, Services and, Contact"
For my project.
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)
But wont home contact ect disappear?
What is the name of the background music, it's so calm and amazing. It brings peace to me.
hi it helped me a llllllllllllloooooooooooootttttttttttttttt
nice video and thanks :)
I did as you do but the colours are not working pls help out
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
Please get the source code from description box and see what is the difference.
how do i add an image
very nice video salam
Thanks for the visit
How do you put up a photo ?
good !!
Thanks for the visit
nice video
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
how to change the word LOGO because I need different word Thankyou!
Btw its a lot help for me huhu
Just Change the text to yours in the 'logo' div element
Is the star below in the style is important? And how to put that star?
asterisk
shift+8
4:20 how to type that star key?
Where did you get the mountain image?
pexels
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
Sir pls tell how all the content of logo will come horizontal
What app is lorem ipsum?
Lorem ipsum is a placeholder text commonly used in graphic design, web design, and publishing to represent blocks of text.
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
In the description
I wrote the program same as you but I didn't get the image how can I get the image from my browser
have you got the source code in the description
I have question : How I do when I click in navbar Contacts and it transfers me to Contacts category ?
Watch this one
th-cam.com/video/9JZNXUO3DWY/w-d-xo.html
th-cam.com/video/SOsI29Dx3yY/w-d-xo.html
@@Divinector Please Answer HOW CAN ADD A IMAGE IN MY WEBSITE
Hi @Divinector,
I don't understand how did you add the image thx.:)
image tag and linking the image to root folder
@@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.
how to change the image help
change the image link to yours in img tag [ banner div ]
How did you get those complex sentences and the pictures.
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.
Thanks It helped me alot
HI, TQ FOR THE TUTORIAL BUT MY "PORTFOLIO" & "SERVICES" ARE QUITE CLOSE. HOW TO MAKE THEM IN SAME ALIGN
NVM, I FIGURED IT OUT.. MISTAKE ON > /a
nice
Thanks for the visit
i want copy your code XD
Why do I not have an image in the website when I tested it?
I guess you didn't link the image properly. have you got the source code in description..
bro for me the jpg is not come
back ground colour how to add ?
.classname{background-color: lightblue;}
Thx for script since i got manners for copying
i am having a lot of problem my file is not running poperly especially pictures